verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 70 Releases Wiki Activity

feat: refs #7409 add dialog with validations
gitea/salix-front/pipeline/pr-master Build queued... Details

This commit is contained in:
Jorge Penadés 2024-12-09 09:55:06 +01:00
parent 69e3d3159f
commit f1cc4a01ad
1 changed files with 35 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/pages/Worker/Card/WorkerBalance.vue
View File

@ -4,6 +4,10 @@ import { useI18n } from 'vue-i18n';
import { useRoute } from 'vue-router';
import VnTable from 'components/VnTable/VnTable.vue';
import FetchData from 'src/components/FetchData.vue';
import VnInputDate from 'src/components/common/VnInputDate.vue';
import VnSelect from 'src/components/common/VnSelect.vue';
import VnInputNumber from 'src/components/common/VnInputNumber.vue';
import VnInput from 'src/components/common/VnInput.vue';
const tableRef = ref();
const payrollComponents = ref([]);
const { t } = useI18n();
@ -14,7 +18,6 @@ const columns = computed(() => [
align: 'left',
name: 'paymentDate',
label: t('worker.balance.tableVisibleColumns.paymentDate'),
create: true,
component: 'date',
field: 'paymentDate',
cardVisible: true,
@ -23,7 +26,6 @@ const columns = computed(() => [
align: 'left',
name: 'incomeTypeFk',
label: t('worker.balance.tableVisibleColumns.incomeType'),
create: true,
component: 'select',
attrs: {
options: payrollComponents,
@ -36,7 +38,6 @@ const columns = computed(() => [
align: 'left',
name: 'debit',
label: t('worker.balance.tableVisibleColumns.debit'),
create: true,
component: 'input',
field: 'debit',
cardVisible: true,
@ -45,7 +46,6 @@ const columns = computed(() => [
align: 'left',
name: 'credit',
label: t('worker.balance.tableVisibleColumns.credit'),
create: true,
component: 'input',
field: 'credit',
cardVisible: true,
@ -54,7 +54,6 @@ const columns = computed(() => [
align: 'left',
name: 'concept',
label: t('worker.balance.tableVisibleColumns.concept'),
create: true,
component: 'input',
field: 'concept',
cardVisible: true,
@ -107,7 +106,37 @@ const columns = computed(() => [
:use-model="true"
:default-remove="false"
search-url="balance"
>
<template #more-create-dialog="{ data }">
<VnInputDate
v-model="data.paymentDate"
:label="$t('worker.balance.tableVisibleColumns.paymentDate')"
:is-required="true"
/>
<VnSelect
v-model="data.incomeTypeFk"
:options="payrollComponents"
option-value="id"
option-label="name"
:label="$t('worker.balance.tableVisibleColumns.incomeType')"
:is-required="true"
/>
<VnInputNumber
v-model="data.debit"
:label="$t('worker.balance.tableVisibleColumns.debit')"
:is-required="true"
/>
<VnInputNumber
v-model="data.credit"
:label="$t('worker.balance.tableVisibleColumns.credit')"
:is-required="true"
/>
<VnInput
v-model="data.concept"
:label="$t('worker.balance.tableVisibleColumns.concept')"
/>
</template>
</VnTable>
</template>
<i18n>
es: