.pos-step
ticket(
:companyName='companyName'
:items='cartItems'
:total='amountToPay'
:defaultCurrency='selectedCurrency'
:customerName='selectedCustomerName'
)
form
//- input para forma de pago
.form-item
label.form-label Forma de Pago
switch-button-input.form-input(
primary-value='Contado'
secondary-value='Crédito'
:selected-value="paymentType === 'cash' ? 'Contado' : 'Crédito'"
@onChange="changePaymentType($event ? 'cash' : 'credit')"
)
//- input para condiciones de pago en caso de pago a crédito
.form-item(v-show="paymentType === 'credit'")
select.form-input.input-only(v-model='paymentTermId')
option(
:value='term.id'
:key='term.id'
v-for='term in paymentTerms'
v-if="term.lines.length > 0 && (term.lines[0].days !== 0 || term.lines[0].value !== 'balance')"
) {{ term.name }}
//- input para listado de precios de clientes
.form-item(v-show='settings.allowPricelist')
label.form-label Tarifa de precios
select.form-input(v-model='pricelistId')
option(
:value='p.id'
:key='p.id'
v-for='p in pricelists'
) {{ p.name }}
//- input para monto de pago
.form-item
label.form-label Monto a Pagar
input-dropdown.form-input(
format='number'
:value='amountToPay'
:editable='false'
:suffix='currencySymbol'
:options='currencySymbols'
@onChangeValue='onChangeValue'
@onClickOption='changeCurrency'
)
.other_exchanges(v-if='settings.viewExchanges')
h2 En otras monedas
ul
li(v-for='value in amountToPayInOtherCurrencies') {{ value.amount | currency(value.currency) }}
//- input para el monto recibido
.form-item
label.form-label Monto Recibido
input-dropdown.form-input(
ref='initialAmount'
format='number'
:value='initialPayment'
:suffix='paymentMethod'
:options='paymentMethods'
:focus='true'
@onClickOption='changePaymentMethod'
@onChangeValue='changeAmountReceived($event)'
)
.form-item(v-show='canChangeFirstPaymentDate')
label.form-label Primer pago
date-picker.form-input(
v-model='firstPayment'
input-class='form-input'
lang='es'
format='DD/MM/YYYY'
:clearable='false'
:editable='false'
append-to-body='true'
:not-before='firstPaymentAfterDate'
)
//- input para el vuelto del pago en caso de pago en efectivo
div(v-show="paymentType === 'cash'")
hr
.form-item
label.form-label Vuelto
input-dropdown.form-input(
format='number'
:value='amountResidual'
:editable='false'
)
//- input para el monto de cuotas calculadas en caso de pago a crédito
.form-item-table(v-show="paymentType === 'credit'")
table
thead
tr
th Monto a Pagar
th Fecha de Pago
tbody
tr(v-for='line in paymentLines')
td {{ line.total | currency(...selectedCurrency) }}
td {{ line.date }}
bank-payment-modal(
:initialAmount='amountToPay'
:journals='bankJournals'
:selectedJournal='selectedJournal'
:banks='banks'
:chequeTypes='chequeTypes'
:show='showBankPayment'
@onSelectBankJounal='selectJournal'
@onNotify='notify'
@onDone='endBankPayment'
@onCancel='cancelBankPayment'
)