Andres2908
83 lines
1.8 KiB
Vue
83 lines
1.8 KiB
Vue
<template>
|
|
<div class="px-2">
|
|
<p class="subtitle is-4">
|
|
<b
|
|
>Captura la siguiente información tal cual se muestra en tu ticket de
|
|
CEDETEC que se te entrego en cajas.</b
|
|
>
|
|
</p>
|
|
|
|
<div class="columns">
|
|
<b-image
|
|
class="column mx-2"
|
|
:src="require('@/assets/ticket.jpeg')"
|
|
alt="Ticket Acatlán"
|
|
ratio="16by10"
|
|
></b-image>
|
|
|
|
<div class="column pr-5">
|
|
<b-field label="Monto">
|
|
<b-input v-model="monto" type="number"></b-input>
|
|
</b-field>
|
|
|
|
<b-field label="Fecha">
|
|
<b-datepicker
|
|
v-model="fechaTicket"
|
|
placeholder="Selecciona la fecha"
|
|
icon="calendar-today"
|
|
:min-date="minDate"
|
|
:max-date="maxDate"
|
|
>
|
|
</b-datepicker>
|
|
</b-field>
|
|
|
|
<b-field label="Ticket">
|
|
<b-input maxlength="6" v-model="folio"></b-input>
|
|
</b-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="has-text-centered pb-5 pt-3">
|
|
<b-button
|
|
:disabled="!(folio && monto && fechaTicket)"
|
|
@click="
|
|
imprimirWarning(
|
|
'¿Los datos para la inscripción a CEDETEC son correctos?',
|
|
cargarCredito
|
|
)
|
|
"
|
|
type="is-success"
|
|
>Cargar crédito</b-button
|
|
>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
const today = new Date()
|
|
return {
|
|
folio: '',
|
|
monto: '',
|
|
fechaTicket: null,
|
|
|
|
minDate: this.diaMin(today),
|
|
maxDate: new Date(),
|
|
}
|
|
},
|
|
methods: {
|
|
diaMin(today) {
|
|
return new Date(
|
|
today.getFullYear(),
|
|
today.getMonth(),
|
|
today.getDate() - today.getDate() + 1
|
|
)
|
|
},
|
|
cargarCredito() {
|
|
console.log('hola')
|
|
},
|
|
},
|
|
}
|
|
</script>
|