.statement
form-wizard(
title=''
subtitle=''
color='#7c7bad'
ref='wizard'
)
//- @on-change="(prev, next) => stepChange(prev, next)"
// Step Initial
template
tab-content( title='Seleccione la caja' :beforeChange='checkStatement' )
statement-step(@actionSelected='actionSelected')
// Step Transfer
template(v-if='!!isTransfer')
// Step Transfer 2
tab-content( title="A que caja vas a transferir" :beforeChange='checkStatementDest')
statement-dest-step
// Step Transfer 3
tab-content( title="Que valor vas a transferir")
statement-operation-step
// step Imput
template( v-if='!!isInputCashbox')
// step Imput 2
tab-content( title="Que valor vas a colocar")
statement-operation-step
// Step Output
template(v-if='!!isOutputCashbox')
// Step Output 2
tab-content( title="Que valor vas a sacar")
statement-operation-step
// step confirm
template(v-if='!!isStatmentConfirm')
// step confirm 2
tab-content(title='Que ajuste deseas hacer')
statement-confirm-step
// STEP MODIFY STATMENT
template
tab-content(title="Que vas a modificar")
statement-modify
// Footer
template(
slot='footer'
slot-scope='props'
)
.wizard-footer-left
wizard-button(
v-if='props.activeTabIndex > 0'
@click.native='goBack'
:style='props.fillButtonStyle'
) Volver
.wizard-footer-right
wizard-button(
v-if='!props.isLastStep'
class='wizard-footer-right'
:style='props.fillButtonStyle'
@click.native='goNext'
) Continuar
wizard-button(
v-else-if='props.activeTabIndex > 0'
class='wizard-footer-right finish-button'
:style='props.fillButtonStyle'
@click.native='endProcess'
) {{ props.isLastStep ? 'Finalizar' : 'Continuar' }}