feat: refs #8945 add Fixed Asset management components
gitea/salix-front/pipeline/pr-dev There was a failure building this commit
Details
gitea/salix-front/pipeline/pr-dev There was a failure building this commit
Details
This commit is contained in:
parent
47bde21df5
commit
ca0d90c07e
|
|
@ -0,0 +1,215 @@
|
|||
<script setup>
|
||||
import { useRoute } from 'vue-router';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { ref } from 'vue';
|
||||
import FormModel from 'components/FormModel.vue';
|
||||
import VnRow from 'components/ui/VnRow.vue';
|
||||
import VnSelect from 'components/common/VnSelect.vue';
|
||||
import VnInput from 'components/common/VnInput.vue';
|
||||
import VnInputDate from 'components/common/VnInputDate.vue';
|
||||
import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
|
||||
import VnAccountNumber from 'src/components/common/VnAccountNumber.vue';
|
||||
import VnInputNumber from 'src/components/common/VnInputNumber.vue';
|
||||
import VnCheckbox from 'src/components/common/VnCheckbox.vue';
|
||||
import { toCurrency } from 'src/filters';
|
||||
import FetchData from 'src/components/FetchData.vue';
|
||||
|
||||
const { t } = useI18n();
|
||||
const route = useRoute();
|
||||
|
||||
const isNew = Boolean(!route.params.id);
|
||||
const natureOptions = ref([]);
|
||||
const prueba = ref();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<FetchData
|
||||
url="Ppes/getNatures"
|
||||
@on-fetch="(data) => (natureOptions = data)"
|
||||
auto-load
|
||||
/>
|
||||
<VnSubToolbar v-if="isNew" />
|
||||
<div class="q-pa-md">
|
||||
<FormModel :url-update="`Ppes/${route.params.id}`" model="FixedAsset" auto-load>
|
||||
<template #form="{ data }">
|
||||
<VnRow>
|
||||
<VnInput
|
||||
:label="t('globals.description')"
|
||||
v-model="data.description"
|
||||
fill-input
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnSelect
|
||||
url="companies"
|
||||
:label="t('globals.company')"
|
||||
v-model="data.companyFk"
|
||||
option-value="id"
|
||||
option-label="code"
|
||||
hide-selected
|
||||
/>
|
||||
<VnSelect
|
||||
:label="t('fixedAsset.nature')"
|
||||
v-model="data.nature"
|
||||
:options="natureOptions"
|
||||
option-value="nature"
|
||||
option-label="nature"
|
||||
hide-selected
|
||||
/>
|
||||
<VnInputNumber
|
||||
:label="t('fixedAsset.value')"
|
||||
v-model="data.value"
|
||||
fill-input
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnSelect
|
||||
url="Ppes/getSubAccounts"
|
||||
:label="t('fixedAsset.account')"
|
||||
v-model="data.account"
|
||||
option-value="code"
|
||||
option-label="code"
|
||||
hide-selected
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.description}`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.code}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
<VnSelect
|
||||
url="Ppes/getEndowments"
|
||||
:label="t('fixedAsset.endowment')"
|
||||
v-model="data.endowment"
|
||||
option-value="code"
|
||||
option-label="code"
|
||||
hide-selected
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.description}`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.code}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
<VnAccountNumber
|
||||
:label="t('fixedAsset.elementAccount')"
|
||||
v-model="data.elementAccount"
|
||||
fill-input
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnSelect
|
||||
url="PpeLocations"
|
||||
:label="t('fixedAsset.location')"
|
||||
v-model="data.locationFk"
|
||||
option-value="code"
|
||||
:option-label="(value) => `${value.code} - ${value.description}`"
|
||||
hide-selected
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.description}`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.code}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
<VnSelect
|
||||
url="PpeGroups"
|
||||
:label="t('globals.group')"
|
||||
v-model="data.groupFk"
|
||||
option-value="id"
|
||||
option-label="description"
|
||||
hide-selected
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnInputDate
|
||||
:label="t('fixedAsset.firstAmortizated')"
|
||||
v-model="data.firstAmortizated"
|
||||
placeholder="dd-mm-aaaa"
|
||||
fill-input
|
||||
/>
|
||||
<VnInputDate
|
||||
:label="t('fixedAsset.lastAmortizated')"
|
||||
v-model="data.lastAmortizated"
|
||||
placeholder="dd-mm-aaaa"
|
||||
fill-input
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnInputDate
|
||||
:label="t('fixedAsset.finished')"
|
||||
v-model="data.finished"
|
||||
placeholder="dd-mm-aaaa"
|
||||
fill-input
|
||||
/>
|
||||
<VnInputNumber
|
||||
:label="t('fixedAsset.amortization')"
|
||||
v-model="data.amortization"
|
||||
fill-input
|
||||
/>
|
||||
<VnSelect
|
||||
url="PpePlans"
|
||||
:label="t('fixedAsset.plan')"
|
||||
v-model="data.planFk"
|
||||
:option-label="(value) => `${value.rate}% - ${value.days} days`"
|
||||
hide-selected
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.rate}% - ${scope.opt?.days} days`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.id}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnInputDate
|
||||
:label="t('fixedAsset.discharged')"
|
||||
v-model="data.discharged"
|
||||
placeholder="dd-mm-aaaa"
|
||||
fill-input
|
||||
/>
|
||||
<VnInput
|
||||
:label="t('fixedAsset.cause')"
|
||||
v-model="data.cause"
|
||||
fill-input
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnCheckbox
|
||||
v-model="data.isInvestmentAsset"
|
||||
:label="t('fixedAsset.isInvestmentAsset')"
|
||||
/>
|
||||
<VnCheckbox :label="t('fixedAsset.isDone')" v-model="data.isDone" />
|
||||
</VnRow>
|
||||
</template>
|
||||
</FormModel>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<script setup>
|
||||
import VnCard from 'components/common/VnCard.vue';
|
||||
import FixedAssetDescriptor from 'pages/FixedAsset/Card/FixedAssetDescriptor.vue';
|
||||
</script>
|
||||
<template>
|
||||
<VnCard
|
||||
data-key="FixedAsset"
|
||||
url="Ppes"
|
||||
:descriptor="FixedAssetDescriptor"
|
||||
:filter="{ where: { id: $route.params.id } }"
|
||||
/>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
<script setup>
|
||||
import { computed, ref } from 'vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
import CardDescriptor from 'src/components/ui/CardDescriptor.vue';
|
||||
import VnLv from 'src/components/ui/VnLv.vue';
|
||||
import FixedAssetCard from './FixedAssetCard.vue';
|
||||
import EditPictureForm from 'src/components/EditPictureForm.vue';
|
||||
import VnImg from 'src/components/ui/VnImg.vue';
|
||||
import FixedAssetDescriptorMenu from './FixedAssetDescriptorMenu.vue';
|
||||
|
||||
const route = useRoute();
|
||||
|
||||
const entityId = computed(() => {
|
||||
return Number(props.id || route.params.id);
|
||||
});
|
||||
|
||||
const props = defineProps({
|
||||
id: {
|
||||
type: Number,
|
||||
required: false,
|
||||
default: null,
|
||||
},
|
||||
summary: {
|
||||
type: Object,
|
||||
default: null,
|
||||
},
|
||||
});
|
||||
|
||||
const image = ref(null);
|
||||
const showEditPhotoForm = ref(false);
|
||||
const toggleEditPictureForm = () => {
|
||||
showEditPhotoForm.value = !showEditPhotoForm.value;
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<CardDescriptor
|
||||
v-bind="$attrs"
|
||||
:id="entityId"
|
||||
:card="FixedAssetCard"
|
||||
title="description"
|
||||
module="FixedAsset"
|
||||
>
|
||||
<template #before>
|
||||
<div class="relative-position">
|
||||
<VnImg
|
||||
ref="image"
|
||||
:id="parseInt(entityId)"
|
||||
collection="fixedAsset"
|
||||
resolution="520x520"
|
||||
class="photo"
|
||||
>
|
||||
<template #error>
|
||||
<div
|
||||
class="absolute-full picture text-center q-pa-md flex flex-center"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="text-grey-5"
|
||||
style="opacity: 0.4; font-size: 5vh"
|
||||
>
|
||||
<QIcon name="vn:claims" />
|
||||
</div>
|
||||
<div class="text-grey-5" style="opacity: 0.4">
|
||||
{{ t('fixedAsset.imageNotFound') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template> </VnImg
|
||||
><QBtn
|
||||
color="primary"
|
||||
size="lg"
|
||||
round
|
||||
class="edit-photo-btn"
|
||||
@click="toggleEditPictureForm()"
|
||||
>
|
||||
<QIcon name="edit" size="sm" />
|
||||
<QDialog ref="editPhotoFormDialog" v-model="showEditPhotoForm">
|
||||
<EditPictureForm
|
||||
collection="fixedAsset"
|
||||
:id="entityId"
|
||||
@close-form="toggleEditPictureForm()"
|
||||
@on-photo-uploaded="handlePhotoUpdated"
|
||||
/>
|
||||
</QDialog>
|
||||
</QBtn>
|
||||
</div>
|
||||
</template>
|
||||
<template #body="{ entity }">
|
||||
<VnLv
|
||||
:label="$t('fixedAsset.elementAccount')"
|
||||
:value="entity.elementAccount"
|
||||
copy
|
||||
/>
|
||||
<VnLv
|
||||
:label="$t('fixedAsset.location')"
|
||||
:value="entity.location.description"
|
||||
/>
|
||||
</template>
|
||||
<template #menu="{ entity }">
|
||||
<FixedAssetDescriptorMenu :fixedAsset="entity" />
|
||||
</template>
|
||||
</CardDescriptor>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<script setup>
|
||||
import axios from 'axios';
|
||||
import { useQuasar } from 'quasar';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { useRouter } from 'vue-router';
|
||||
import VnConfirm from 'components/ui/VnConfirm.vue';
|
||||
|
||||
const props = defineProps({
|
||||
fixedAsset: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
const router = useRouter();
|
||||
const quasar = useQuasar();
|
||||
const { t } = useI18n();
|
||||
const fixedAssetId = props.fixedAsset.id;
|
||||
|
||||
function confirmRemove() {
|
||||
quasar
|
||||
.dialog({
|
||||
component: VnConfirm,
|
||||
componentProps: {
|
||||
title: t('fixedAsset.confirmDeletion'),
|
||||
message: t('fixedAsset.confirmDeletionMessage'),
|
||||
promise: remove,
|
||||
},
|
||||
})
|
||||
.onOk(async () => await router.push({ name: 'FixedAssetList' }));
|
||||
}
|
||||
|
||||
async function remove() {
|
||||
await axios.delete(`Ppes/${fixedAssetId}`);
|
||||
quasar.notify({
|
||||
message: t('globals.dataDeleted'),
|
||||
type: 'positive',
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<QItem @click="confirmRemove" v-ripple clickable>
|
||||
<QItemSection avatar>
|
||||
<QIcon name="delete" />
|
||||
</QItemSection>
|
||||
<QItemSection>{{ t('fixedAsset.delete') }}</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import VnDmsList from 'src/components/common/VnDmsList.vue';
|
||||
|
||||
const { t } = useI18n();
|
||||
|
||||
const dmsListRef = ref(null);
|
||||
const showImportDialog = ref(false);
|
||||
|
||||
const onDataSaved = () => dmsListRef.value.dmsRef.fetch();
|
||||
</script>
|
||||
<template>
|
||||
<VnDmsList
|
||||
ref="dmsListRef"
|
||||
model="PpeDms"
|
||||
update-model="PpeDms"
|
||||
delete-model="PpeDms"
|
||||
download-model="dms"
|
||||
default-dms-code="fixedAssets"
|
||||
filter="ppeFk"
|
||||
/>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
<script setup>
|
||||
import VnTable from 'src/components/VnTable/VnTable.vue';
|
||||
import InvoiceInDescriptorProxy from 'pages/InvoiceIn/Card/InvoiceInDescriptorProxy.vue';
|
||||
import SupplierDescriptorProxy from 'src/pages/Supplier/Card/SupplierDescriptorProxy.vue';
|
||||
import { toDate, toCurrency } from 'src/filters/index';
|
||||
import { useRoute } from 'vue-router';
|
||||
import { ref, computed } from 'vue';
|
||||
import { useVnConfirm } from 'composables/useVnConfirm';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import useNotify from 'src/composables/useNotify.js';
|
||||
import axios from 'axios';
|
||||
import VnSelect from 'src/components/common/VnSelect.vue';
|
||||
import VnInputNumber from 'src/components/common/VnInputNumber.vue';
|
||||
|
||||
const tableRef = ref();
|
||||
const { t } = useI18n();
|
||||
const route = useRoute();
|
||||
const { notify } = useNotify();
|
||||
const dataKey = 'fixedAssetInvoiceIn';
|
||||
const { openConfirmationModal } = useVnConfirm();
|
||||
|
||||
const columns = computed(() => [
|
||||
{
|
||||
align: 'left',
|
||||
name: 'issued',
|
||||
label: t('invoiceIn.list.issued'),
|
||||
columnFilter: {
|
||||
component: 'date',
|
||||
},
|
||||
format: (row, dashIfEmpty) => dashIfEmpty(toDate(row.issued)),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
name: 'supplierFk',
|
||||
label: t('invoiceIn.list.supplier'),
|
||||
columnFilter: {
|
||||
component: 'select',
|
||||
attrs: {
|
||||
url: 'Suppliers',
|
||||
fields: ['id', 'name'],
|
||||
},
|
||||
},
|
||||
format: ({ supplierName }) => supplierName,
|
||||
columnClass: 'expand',
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
name: 'supplierRef',
|
||||
label: t('invoiceIn.supplierRef'),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
name: 'amount',
|
||||
label: t('invoiceIn.list.amount'),
|
||||
format: ({ amount }) => toCurrency(amount),
|
||||
columnFilter: false,
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
align: 'right',
|
||||
name: 'tableActions',
|
||||
actions: [
|
||||
{
|
||||
title: t('fixedAsset.invoice.unassignInvoice'),
|
||||
icon: 'delete',
|
||||
action: (row) =>
|
||||
openConfirmationModal(
|
||||
t('fixedAsset.invoice.unassignInvoice'),
|
||||
t('fixedAsset.invoice.unassignInvoiceConfirmation'),
|
||||
() => unassignInvoice(row.id),
|
||||
),
|
||||
isPrimary: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
]);
|
||||
|
||||
async function unassignInvoice(id) {
|
||||
try {
|
||||
await axios.delete(`PpeComponents/${id}`);
|
||||
notify(t('fixedAsset.invoice.unassignedInvoice'), 'positive');
|
||||
tableRef.value.reload();
|
||||
} catch (e) {
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<VnTable
|
||||
ref="tableRef"
|
||||
:data-key="dataKey"
|
||||
:url="`ppes/${route.params.id}/getInvoices`"
|
||||
:columns="columns"
|
||||
search-url="fixedAssetInvoiceIns"
|
||||
:order="['issued DESC', 'supplierRef ASC']"
|
||||
:create="{
|
||||
urlCreate: 'ppeComponents',
|
||||
title: t('fixedAsset.invoice.assignInvoice'),
|
||||
formInitialData: {
|
||||
ppeFk: parseInt(route.params.id, 10),
|
||||
},
|
||||
onDataSaved: ( {id} ) => tableRef.reload(),
|
||||
}"
|
||||
auto-load
|
||||
>
|
||||
<template #column-supplierFk="{ row }">
|
||||
<span class="link" @click.stop>
|
||||
{{ row.supplierName }}
|
||||
<SupplierDescriptorProxy :id="row.supplierId" />
|
||||
</span>
|
||||
</template>
|
||||
<template #column-supplierRef="{ row }">
|
||||
<span class="link" @click.stop>
|
||||
{{ row.supplierRef }}
|
||||
<InvoiceInDescriptorProxy :id="row.invoiceInFk" />
|
||||
</span>
|
||||
</template>
|
||||
<template #more-create-dialog="{ data }">
|
||||
<VnSelect
|
||||
url="invoiceIns"
|
||||
:label="t('invoiceIn.supplierRef')"
|
||||
:fields="['id', 'supplierRef', 'supplierFk']"
|
||||
:filter-options="['id', 'supplierRef']"
|
||||
v-model="data.invoiceInFk"
|
||||
option-label="supplierRef"
|
||||
:required="true"
|
||||
>
|
||||
</VnSelect>
|
||||
<VnInputNumber
|
||||
:label="t('invoiceIn.list.amount')"
|
||||
v-model="data.amount"
|
||||
required
|
||||
/>
|
||||
</template>
|
||||
</VnTable>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<script setup>
|
||||
import VnLog from 'src/components/common/VnLog.vue';
|
||||
</script>
|
||||
<template>
|
||||
<VnLog model="Ppe" url="/FixedAssetLogs" />
|
||||
</template>
|
||||
|
|
@ -0,0 +1,345 @@
|
|||
<script setup>
|
||||
import { onMounted, ref, computed } from 'vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { dashIfEmpty, toDate, toCurrency } from 'src/filters';
|
||||
import { getTotal } from 'src/composables/getTotal';
|
||||
import CardSummary from 'components/ui/CardSummary.vue';
|
||||
import VnLv from 'src/components/ui/VnLv.vue';
|
||||
import { getUrl } from 'src/composables/getUrl';
|
||||
import VnTitle from 'src/components/common/VnTitle.vue';
|
||||
import VnToSummary from 'src/components/ui/VnToSummary.vue';
|
||||
import VnCheckbox from 'src/components/common/VnCheckbox.vue';
|
||||
import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
|
||||
import SupplierDescriptorProxy from 'src/pages/Supplier/Card/SupplierDescriptorProxy.vue';
|
||||
import InvoiceInDescriptorProxy from 'src/pages/InvoiceIn/Card/InvoiceInDescriptorProxy.vue';
|
||||
import FixedAssetDescriptorMenu from './FixedAssetDescriptorMenu.vue';
|
||||
|
||||
const route = useRoute();
|
||||
const { t } = useI18n();
|
||||
|
||||
const $props = defineProps({
|
||||
id: {
|
||||
type: Number,
|
||||
default: null,
|
||||
},
|
||||
});
|
||||
|
||||
const dmsColumns = ref([
|
||||
{
|
||||
align: 'left',
|
||||
label: t('globals.id'),
|
||||
name: 'id',
|
||||
field: ({ id }) => id,
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
label: t('globals.type'),
|
||||
name: 'type',
|
||||
field: ({ type }) => type?.name,
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
label: t('globals.order'),
|
||||
name: 'order',
|
||||
field: ({ hardCopyNumber }) => dashIfEmpty(hardCopyNumber),
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
label: t('globals.reference'),
|
||||
name: 'reference',
|
||||
field: ({ reference }) => dashIfEmpty(reference),
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
label: t('globals.description'),
|
||||
name: 'description',
|
||||
field: ({ description }) => dashIfEmpty(description),
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
label: t('globals.original'),
|
||||
name: 'hasFile',
|
||||
toolTip: t('The documentation is available in paper form'),
|
||||
component: 'checkbox',
|
||||
field: ({ hasFile }) => hasFile,
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
label: t('globals.worker'),
|
||||
name: 'worker',
|
||||
field: ({ worker }) => worker?.name,
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
label: t('globals.created'),
|
||||
name: 'created',
|
||||
field: ({ created }) => toDate(created),
|
||||
},
|
||||
]);
|
||||
|
||||
const entityId = computed(() => $props.id || route.params.id);
|
||||
|
||||
const summary = ref();
|
||||
const fixedAssetUrl = ref();
|
||||
|
||||
onMounted(async () => {
|
||||
fixedAssetUrl.value = (await getUrl('fixedAsset/')) + entityId.value + '/';
|
||||
});
|
||||
|
||||
function toFixedAssetUrl(section) {
|
||||
return '#/fixedAsset/' + entityId.value + '/' + section;
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<CardSummary
|
||||
ref="summary"
|
||||
:url="`Ppes/${entityId}/summary`"
|
||||
data-key="FixedAssetSummary"
|
||||
v-bind="$attrs.width"
|
||||
>
|
||||
<template #header-left>
|
||||
<VnToSummary
|
||||
v-if="route?.name !== 'FixedAssetSummary'"
|
||||
:route-name="'FixedAssetSummary'"
|
||||
:entity-id="entityId"
|
||||
:url="FixedAssetUrl"
|
||||
/>
|
||||
</template>
|
||||
<template #header="{ entity }">
|
||||
<div>Fixed asset #{{ entity.id }} - {{ entity.description }}</div>
|
||||
</template>
|
||||
<template #menu="{ entity }">
|
||||
<FixedAssetDescriptorMenu :fixedAsset="entity" />
|
||||
</template>
|
||||
<template #body="{ entity }">
|
||||
<QCard class="vn-two">
|
||||
<VnTitle
|
||||
:url="toFixedAssetUrl('basic-data')"
|
||||
:text="t('globals.summary.basicData')"
|
||||
data-cy="titleBasicDataBlock1"
|
||||
/>
|
||||
<div class="vn-card-group">
|
||||
<div class="vn-card-content">
|
||||
<VnLv
|
||||
:label="t('globals.description')"
|
||||
:value="dashIfEmpty(entity.description)"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('globals.company')"
|
||||
:value="entity.company.code"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.account')"
|
||||
:value="entity.account"
|
||||
copy
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.endowment')"
|
||||
:value="entity.endowment"
|
||||
copy
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.elementAccount')"
|
||||
:value="entity.elementAccount"
|
||||
copy
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.nature')"
|
||||
:value="dashIfEmpty(entity.nature)"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.location')"
|
||||
:value="
|
||||
dashIfEmpty(
|
||||
`${entity.location.code} - ${entity.location.description}`,
|
||||
)
|
||||
"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('globals.group')"
|
||||
:value="dashIfEmpty(entity.group.description)"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.isInvestmentAsset')"
|
||||
:value="entity.isInvestmentAsset"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</QCard>
|
||||
<QCard class="vn-two">
|
||||
<VnTitle
|
||||
:url="toFixedAssetUrl('basic-data')"
|
||||
:text="t('globals.summary.basicData')"
|
||||
data-cy="titleBasicDataBlock2"
|
||||
/>
|
||||
<div class="vn-card-content">
|
||||
<VnLv
|
||||
:label="t('fixedAsset.value')"
|
||||
:value="dashIfEmpty(toCurrency(entity.value))"
|
||||
copy
|
||||
/>
|
||||
<VnLv
|
||||
:label="$t('fixedAsset.firstAmortizated')"
|
||||
:tooltip="$t('fixedAsset.firstAmortizatedTooltip')"
|
||||
:value="dashIfEmpty(toDate(entity.firstAmortizated))"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.lastAmortizated')"
|
||||
:tooltip="t('fixedAsset.lastAmortizatedTooltip')"
|
||||
:value="dashIfEmpty(toDate(entity.lastAmortizated))"
|
||||
/>
|
||||
<VnLv
|
||||
:label="$t('fixedAsset.finished')"
|
||||
:tooltip="$t('fixedAsset.finishedTooltip')"
|
||||
:value="dashIfEmpty(toDate(entity.finished))"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.amortization')"
|
||||
:value="dashIfEmpty(toCurrency(entity.amortization))"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.plan')"
|
||||
:value="
|
||||
dashIfEmpty(`${entity.plan.rate}% - ${entity.plan.days}days`)
|
||||
"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.discharged')"
|
||||
:value="dashIfEmpty(toDate(entity.discharged))"
|
||||
/>
|
||||
<VnLv
|
||||
:label="t('fixedAsset.cause')"
|
||||
:value="dashIfEmpty(entity.cause)"
|
||||
/>
|
||||
<VnLv :label="t('fixedAsset.isDone')" :value="entity.isDone" />
|
||||
</div>
|
||||
</QCard>
|
||||
<QCard v-if="entity?.ppeDms?.length > 0" class="vn-two">
|
||||
<VnTitle
|
||||
:url="toFixedAssetUrl('dms')"
|
||||
:text="t('globals.pageTitles.dms')"
|
||||
data-cy="titleDmsBlock"
|
||||
/>
|
||||
<QTable :columns="dmsColumns" :rows="entity?.ppeDms" flat>
|
||||
<template #header="props">
|
||||
<QTr :props="props">
|
||||
<QTh auto-width class="text-left">{{ t('globals.id') }}</QTh>
|
||||
<QTh auto-width class="text-left">{{
|
||||
t('globals.type')
|
||||
}}</QTh>
|
||||
<QTh auto-width class="text-left">{{
|
||||
t('globals.order')
|
||||
}}</QTh>
|
||||
<QTh auto-width class="text-left">{{
|
||||
t('globals.reference')
|
||||
}}</QTh>
|
||||
<QTh auto-width class="text-left">{{
|
||||
t('globals.description')
|
||||
}}</QTh>
|
||||
<QTh auto-width class="text-center">{{
|
||||
t('globals.original')
|
||||
}}</QTh>
|
||||
<QTh auto-width class="text-left">{{
|
||||
t('globals.worker')
|
||||
}}</QTh>
|
||||
<QTh auto-width class="text-center">{{
|
||||
t('globals.created')
|
||||
}}</QTh>
|
||||
</QTr>
|
||||
</template>
|
||||
<template #body="props">
|
||||
<QTr :props="props">
|
||||
<QTd class="text-left">{{ props.row.dms.id }}</QTd>
|
||||
<QTd class="text-left">{{ props.row.dms.dmsType.name }}</QTd>
|
||||
<QTd class="text-left">{{
|
||||
props.row.dms.hardCopyNumber
|
||||
}}</QTd>
|
||||
<QTd class="text-left">{{ props.row.dms.reference }}</QTd>
|
||||
<QTd class="text-left">{{ props.row.dms.description }}</QTd>
|
||||
<QTd class="text-center"
|
||||
><VnCheckbox
|
||||
:disable="true"
|
||||
v-model="props.row.dms.hasFile"
|
||||
/></QTd>
|
||||
<QTd class="text-left"
|
||||
><span class="link" @click.stop
|
||||
>{{ props.row.dms.worker.firstName
|
||||
}}<WorkerDescriptorProxy
|
||||
:id="props.row.dms.worker.id" /></span
|
||||
></QTd>
|
||||
<QTd class="text-center">{{
|
||||
toDate(props.row.dms.created)
|
||||
}}</QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
</QTable>
|
||||
</QCard>
|
||||
<QCard v-if="entity.ppeComponents?.length > 0" class="vn-two">
|
||||
<VnTitle
|
||||
:url="toFixedAssetUrl('invoice-in')"
|
||||
:text="$t('vehicle.ticket.assignedInvoices')"
|
||||
/>
|
||||
<QTable :rows="entity.ppeComponents" style="text-align: center">
|
||||
<template #body-cell="{ value }">
|
||||
<QTd>{{ value }}</QTd>
|
||||
</template>
|
||||
<template #header="props">
|
||||
<QTr class="tr-header" :props="props">
|
||||
<QTh auto-width>{{ $t('invoiceIn.list.issued') }}</QTh>
|
||||
<QTh auto-width>{{ $t('invoiceIn.list.supplier') }}</QTh>
|
||||
<QTh auto-width>{{ $t('invoiceIn.supplierRef') }}</QTh>
|
||||
<QTh auto-width>{{ $t('invoiceIn.list.amount') }}</QTh>
|
||||
</QTr>
|
||||
</template>
|
||||
<template #body="props">
|
||||
<QTr :props="props">
|
||||
<QTd>{{ toDate(props.row.invoiceIn.issued) }}</QTd>
|
||||
<QTd>
|
||||
<span class="link">
|
||||
{{ props.row.invoiceIn.supplier.name }}
|
||||
<SupplierDescriptorProxy :id="props.row.supplierFk" />
|
||||
</span>
|
||||
</QTd>
|
||||
<QTd>
|
||||
<span class="link">
|
||||
{{ props.row.invoiceInFk }}
|
||||
<InvoiceInDescriptorProxy
|
||||
:id="props.row.invoiceInFk"
|
||||
/>
|
||||
</span>
|
||||
</QTd>
|
||||
<QTd>{{ toCurrency(props.row.amount) }}</QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
<template #bottom-row>
|
||||
<QTr class="bg">
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd>
|
||||
{{ toCurrency(getTotal(entity.ppeComponents, 'amount')) }}
|
||||
</QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
</QTable>
|
||||
</QCard>
|
||||
</template>
|
||||
</CardSummary>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.q-card.q-card--dark.q-dark.vn-one {
|
||||
& > .bodyCard {
|
||||
padding: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
.q-table {
|
||||
tr,
|
||||
th,
|
||||
.q-td {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,207 @@
|
|||
<script setup>
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
|
||||
import VnInput from 'src/components/common/VnInput.vue';
|
||||
import VnInputDate from 'components/common/VnInputDate.vue';
|
||||
import VnSelect from 'src/components/common/VnSelect.vue';
|
||||
import VnCheckbox from 'src/components/common/VnCheckbox.vue';
|
||||
|
||||
const { t } = useI18n();
|
||||
const props = defineProps({
|
||||
dataKey: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<VnFilterPanel :data-key="props.dataKey" :search-button="true">
|
||||
<template #tags="{ tag, formatFn }">
|
||||
<div class="q-gutter-x-xs">
|
||||
<strong>{{ t(`fixedAsset.params.${tag.label}`) }}: </strong>
|
||||
<span>{{ formatFn(tag.value) }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #body="{ params, searchFn }">
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInput
|
||||
v-model="params.id"
|
||||
:label="t('globals.id')"
|
||||
dense
|
||||
filled
|
||||
data-cy="idInput"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInput
|
||||
v-model="params.description"
|
||||
:label="t('globals.description')"
|
||||
dense
|
||||
filled
|
||||
data-cy="nameInput"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnSelect
|
||||
url="Companies"
|
||||
:label="t('globals.company')"
|
||||
v-model="params.companyFk"
|
||||
option-value="id"
|
||||
option-label="code"
|
||||
dense
|
||||
filled
|
||||
data-cy="fixedAssetGroupSelect"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInputDate
|
||||
v-model="params.firstAmortizated"
|
||||
:label="t('fixedAsset.firstAmortizated')"
|
||||
dense
|
||||
filled
|
||||
data-cy="firstAmortizatedDateInput"
|
||||
/>
|
||||
</QItemSection>
|
||||
<QItemSection>
|
||||
<VnInputDate
|
||||
v-model="params.lastAmortizated"
|
||||
:label="t('fixedAsset.lastAmortizated')"
|
||||
dense
|
||||
filled
|
||||
data-cy="lastAmortizatedDateInput"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInputDate
|
||||
v-model="params.finished"
|
||||
:label="t('fixedAsset.finished')"
|
||||
dense
|
||||
filled
|
||||
data-cy="finishedDateInput"
|
||||
/>
|
||||
</QItemSection>
|
||||
<QItemSection>
|
||||
<VnInputDate
|
||||
v-model="params.discharged"
|
||||
:label="t('fixedAsset.discharged')"
|
||||
dense
|
||||
filled
|
||||
data-cy="dischargedDateInput"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnSelect
|
||||
url="Ppes/getNatures"
|
||||
:label="t('fixedAsset.nature')"
|
||||
v-model="params.nature"
|
||||
option-value="nature"
|
||||
option-label="nature"
|
||||
dense
|
||||
filled
|
||||
data-cy="natureSelect"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnSelect
|
||||
url="PpePlans"
|
||||
:label="t('fixedAsset.plan')"
|
||||
v-model="params.planFk"
|
||||
:option-label="(value) => `${value.rate}% - ${value.days} days`"
|
||||
dense
|
||||
filled
|
||||
data-cy="planSelect"
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.rate}% - ${scope.opt?.days} days`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.id}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnSelect
|
||||
url="PpeGroups"
|
||||
:label="t('globals.group')"
|
||||
v-model="params.groupFk"
|
||||
option-value="id"
|
||||
option-label="description"
|
||||
dense
|
||||
filled
|
||||
data-cy="groupSelect"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnSelect
|
||||
url="PpeLocations"
|
||||
:label="t('fixedAsset.location')"
|
||||
v-model="params.locationFk"
|
||||
option-value="code"
|
||||
:option-label="(value) => `${value.code} - ${value.description}`"
|
||||
dense
|
||||
filled
|
||||
data-cy="locationSelect"
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{ scope.opt?.description }}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ scope.opt?.code }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnCheckbox
|
||||
v-model="params.isInvestmentAsset"
|
||||
:label="t('fixedAsset.isInvestmentAsset')"
|
||||
dense
|
||||
filled
|
||||
data-cy="isInvestmentAssetCheckbox"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnCheckbox
|
||||
v-model="params.isDone"
|
||||
:label="t('fixedAsset.isDone')"
|
||||
dense
|
||||
filled
|
||||
data-cy="isDoneCheckbox"
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnFilterPanel>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,364 @@
|
|||
<script setup>
|
||||
import { computed, ref } from 'vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { useState } from 'src/composables/useState';
|
||||
import VnTable from 'src/components/VnTable/VnTable.vue';
|
||||
import VnSection from 'src/components/common/VnSection.vue';
|
||||
import { dashIfEmpty, toCurrency, toDate } from 'src/filters';
|
||||
import FixedAssetFilter from './FixedAssetFilter.vue';
|
||||
import VnInput from 'src/components/common/VnInput.vue';
|
||||
import VnRow from 'src/components/ui/VnRow.vue';
|
||||
import VnInputNumber from 'src/components/common/VnInputNumber.vue';
|
||||
import VnSelect from 'src/components/common/VnSelect.vue';
|
||||
import VnInputDate from 'src/components/common/VnInputDate.vue';
|
||||
import VnAccountNumber from 'src/components/common/VnAccountNumber.vue';
|
||||
|
||||
const user = useState().getUser();
|
||||
const { t } = useI18n();
|
||||
const tableRef = ref();
|
||||
|
||||
const dataKey = 'FixedAssetList';
|
||||
|
||||
const columns = computed(() => [
|
||||
{
|
||||
align: 'right',
|
||||
name: 'id',
|
||||
label: t('globals.id'),
|
||||
width: '35px',
|
||||
chip: {
|
||||
condition: () => true,
|
||||
},
|
||||
isId: true,
|
||||
},
|
||||
{
|
||||
align: 'left',
|
||||
name: 'description',
|
||||
label: t('globals.description'),
|
||||
cardVisible: true,
|
||||
columnClass: 'expand',
|
||||
},
|
||||
{
|
||||
name: 'companyFk',
|
||||
label: t('globals.company'),
|
||||
component: 'select',
|
||||
attrs: {
|
||||
url: 'companies',
|
||||
optionValue: 'code',
|
||||
},
|
||||
format: ({ company }) => company?.code,
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
name: 'value',
|
||||
label: t('fixedAsset.value'),
|
||||
component: 'number',
|
||||
format: ({ value }) => toCurrency(value),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
name: 'firstAmortizated',
|
||||
label: t('fixedAsset.firstAmortizated'),
|
||||
toolTip: t('fixedAsset.firstAmortizatedTooltip'),
|
||||
component: 'date',
|
||||
format: ({ firstAmortizated }) => dashIfEmpty(toDate(firstAmortizated)),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
name: 'lastAmortizated',
|
||||
label: t('fixedAsset.lastAmortizated'),
|
||||
toolTip: t('fixedAsset.lastAmortizatedTooltip'),
|
||||
component: 'date',
|
||||
format: ({ lastAmortizated }) => dashIfEmpty(toDate(lastAmortizated)),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
name: 'finished',
|
||||
label: t('fixedAsset.finished'),
|
||||
toolTip: t('fixedAsset.finishedTooltip'),
|
||||
component: 'date',
|
||||
format: ({ finished }) => dashIfEmpty(toDate(finished)),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
name: 'discharged',
|
||||
label: t('fixedAsset.discharged'),
|
||||
toolTip: t('fixedAsset.dischargedTooltip'),
|
||||
component: 'date',
|
||||
format: ({ discharged }) => dashIfEmpty(toDate(discharged)),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
name: 'amortization',
|
||||
label: t('fixedAsset.amortization'),
|
||||
component: 'number',
|
||||
format: ({ amortization }) => toCurrency(amortization),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
name: 'nature',
|
||||
label: t('fixedAsset.nature'),
|
||||
component: 'select',
|
||||
attrs: {
|
||||
url: 'Ppes/getNatures',
|
||||
optionValue: 'nature',
|
||||
optionLabel: 'nature',
|
||||
},
|
||||
format: ({ nature }) => dashIfEmpty(nature),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
name: 'plan',
|
||||
label: t('fixedAsset.plan'),
|
||||
toolTip: t('fixedAsset.planTooltip'),
|
||||
component: 'select',
|
||||
attrs: {
|
||||
url: 'PpePlans',
|
||||
optionValue: 'rate',
|
||||
optionLabel: 'days',
|
||||
},
|
||||
format: ({ plan }) => dashIfEmpty(`${plan?.rate * 100}% - ${plan?.days} days`),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
name: 'group',
|
||||
label: t('globals.group'),
|
||||
component: 'select',
|
||||
attrs: {
|
||||
url: 'PpeGroups',
|
||||
optionValue: 'id',
|
||||
optionLabel: 'description',
|
||||
},
|
||||
format: ({ group }) => dashIfEmpty(group?.description),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
name: 'locationFk',
|
||||
label: t('fixedAsset.location'),
|
||||
component: 'select',
|
||||
attrs: {
|
||||
url: 'PpeLocations',
|
||||
optionValue: 'code',
|
||||
optionLabel: 'description',
|
||||
},
|
||||
format: ({ location }) =>
|
||||
dashIfEmpty(`${location?.code} - ${location?.description}`),
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
labelAbbreviation: t('fixedAsset.isInvestmentAssetAbbr'),
|
||||
label: t('fixedAsset.isInvestmentAsset'),
|
||||
toolTip: t('fixedAsset.isInvestmentAsset'),
|
||||
name: 'isInvestmentAsset',
|
||||
component: 'checkbox',
|
||||
cardVisible: true,
|
||||
},
|
||||
{
|
||||
labelAbbreviation: t('fixedAsset.isDoneAbbr'),
|
||||
label: t('fixedAsset.isDone'),
|
||||
toolTip: t('fixedAsset.isDone'),
|
||||
name: 'isDone',
|
||||
component: 'checkbox',
|
||||
cardVisible: true,
|
||||
},
|
||||
]);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<VnSection
|
||||
:data-key="dataKey"
|
||||
:columns="columns"
|
||||
prefix="fixedAsset"
|
||||
:array-data-props="{
|
||||
url: 'ppes/filter',
|
||||
}"
|
||||
>
|
||||
<template #advanced-menu>
|
||||
<FixedAssetFilter :data-key="dataKey" />
|
||||
</template>
|
||||
<template #body>
|
||||
<VnTable
|
||||
ref="tableRef"
|
||||
:data-key="dataKey"
|
||||
:columns="columns"
|
||||
redirect="fixedAsset"
|
||||
:create="{
|
||||
urlCreate: 'Ppes/createFixedAsset',
|
||||
title: t('fixedAsset.createFixedAsset'),
|
||||
onDataSaved: ({ id }) => tableRef.redirect(id),
|
||||
formInitialData: {
|
||||
nature: 'INMOVILIZADO',
|
||||
companyFk: user.companyFk,
|
||||
},
|
||||
}"
|
||||
:right-search="false"
|
||||
:column-search="false"
|
||||
>
|
||||
<template #more-create-dialog="{ data }">
|
||||
<div class="col-span-2">
|
||||
<VnRow>
|
||||
<VnInput
|
||||
v-model="data.id"
|
||||
:label="$t('globals.id')"
|
||||
required
|
||||
/>
|
||||
<VnInputNumber
|
||||
v-model="data.value"
|
||||
:label="$t('fixedAsset.value')"
|
||||
required
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnInput
|
||||
v-model="data.description"
|
||||
:label="$t('globals.description')"
|
||||
required
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnInputDate
|
||||
v-model="data.firstAmortizated"
|
||||
:label="$t('fixedAsset.firstAmortizated')"
|
||||
placeholder="dd-mm-aaaa"
|
||||
/>
|
||||
<VnInputDate
|
||||
v-model="data.lastAmortizated"
|
||||
:label="$t('fixedAsset.lastAmortizated')"
|
||||
placeholder="dd-mm-aaaa"
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnSelect
|
||||
url="Ppes/getSubaccounts"
|
||||
v-model="data.account"
|
||||
:label="$t('fixedAsset.account')"
|
||||
option-value="code"
|
||||
option-label="code"
|
||||
hide-selected
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.description}`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.code}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
<VnSelect
|
||||
url="Ppes/getEndowments"
|
||||
v-model="data.endowment"
|
||||
:label="$t('fixedAsset.endowment')"
|
||||
option-value="code"
|
||||
option-label="code"
|
||||
hide-selected
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.description}`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.code}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnAccountNumber
|
||||
:label="$t('fixedAsset.elementAccount')"
|
||||
v-model="data.elementAccount"
|
||||
required
|
||||
/>
|
||||
<VnSelect
|
||||
url="PpePlans"
|
||||
v-model="data.planFk"
|
||||
:label="$t('fixedAsset.plan')"
|
||||
option-value="id"
|
||||
:option-label="
|
||||
(value) => `${value.rate * 100}% - ${value.days} days`
|
||||
"
|
||||
hide-selected
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.rate * 100}% - ${scope.opt?.days} days`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.id}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnSelect
|
||||
url="Ppes/getNatures"
|
||||
v-model="data.nature"
|
||||
:label="$t('fixedAsset.nature')"
|
||||
option-value="nature"
|
||||
option-label="nature"
|
||||
hide-selected
|
||||
/>
|
||||
<VnSelect
|
||||
url="PpeGroups"
|
||||
v-model="data.groupFk"
|
||||
:label="$t('globals.group')"
|
||||
option-value="id"
|
||||
option-label="description"
|
||||
hide-selected
|
||||
/>
|
||||
</VnRow>
|
||||
<VnRow>
|
||||
<VnSelect
|
||||
url="Companies"
|
||||
:fields="['id', 'code']"
|
||||
v-model="data.companyFk"
|
||||
:label="$t('globals.company')"
|
||||
option-value="id"
|
||||
option-label="code"
|
||||
hide-selected
|
||||
/>
|
||||
<VnSelect
|
||||
url="PpeLocations"
|
||||
v-model="data.locationFk"
|
||||
:label="$t('fixedAsset.location')"
|
||||
option-value="code"
|
||||
:option-label="
|
||||
(value) => `${value.code} - ${value.description}`
|
||||
"
|
||||
hide-selected
|
||||
>
|
||||
<template #option="scope">
|
||||
<QItem v-bind="scope.itemProps">
|
||||
<QItemSection>
|
||||
<QItemLabel>{{
|
||||
`${scope.opt?.description}`
|
||||
}}</QItemLabel>
|
||||
<QItemLabel caption>
|
||||
{{ `#${scope.opt?.code}` }}
|
||||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</template>
|
||||
</VnSelect>
|
||||
</VnRow>
|
||||
</div>
|
||||
</template>
|
||||
</VnTable>
|
||||
</template>
|
||||
</VnSection>
|
||||
</template>
|
||||
Loading…
Reference in New Issue