modal(
name='payment-bank-modal'
adaptive='true'
width='800px'
height='auto'
transition='nice-modal-fade'
:classes="['v--modal', 'payment-bank-modal']"
@before-close='beforeClose'
)
form-wizard(
title='Pago Bancario'
subtitle=''
color='#7c7bad'
ref='wizard'
)
tab-content(
title='Qué tipo de operación es?'
:beforeChange='checkJournalSelectionStep'
)
card-grid(
:items='journals'
@onSelect='selectBankJournal'
)
tab-content(title='Qué detalles necesita?')
form.payment-details-form(v-if='selectedJournal')
.form-item(v-for='(field, index) in selectedJournal.fieldsAllowed' :key='index')
label.form-label {{ field.label }}
input.form-input(
v-if="field.string.typeField === 'char'"
v-model='values[field.name]'
)
date-picker.form-input(
v-else-if="field.string.typeField === 'date'"
v-model='values[field.name]'
input-class='form-input'
lang='es'
format='DD/MM/YYYY'
:editable='false'
:not-before="new Date()"
)
dropdown-searcher.form-input(
v-else-if="field.string.typeField === 'many2one' && field.name === 'bank_id'"
:items='banks'
@onSelect='selectedItem => onSelectInDropdown(field.name, selectedItem.id)'
)
dropdown-searcher.form-input(
v-else-if="field.string.typeField === 'many2one' && field.name === 'cheque_type_id'"
:items='chequeTypes'
@onSelect='selectedItem => onSelectInDropdown(field.name, selectedItem.id)'
)
tab-content(title='De qué monto es la operación?')
form.payment-details-form
.form-item
label.form-label Monto del Pago
//- input.form-input(v-model='amount')
input-dropdown.form-input(
format='number'
:value='values.amount'
@onChangeValue='onChangeAmount'
)
template(
slot='footer'
slot-scope='props'
)
div(class='wizard-footer-left')
wizard-button(
v-if='props.activeTabIndex > 0'
@click.native='props.prevTab()'
:style='props.fillButtonStyle'
) Volver
wizard-button(
v-else
@click.native='onCancel'
:style='props.fillButtonStyle'
) Cancelar
div(class='wizard-footer-right')
wizard-button(
v-if='!props.isLastStep'
class='wizard-footer-right'
:style='props.fillButtonStyle'
@click.native='goNext'
) Siguiente
wizard-button(
v-else
class='wizard-footer-right finish-button'
:style='props.fillButtonStyle'
@click.native='onDone'
) {{ props.isLastStep ? 'Hecho' : 'Siguiente' }}