Files
pcpuma-front/src/components/inicio/Equipo.vue
T
arturo 021a931407 dist
2018-11-12 18:43:21 -06:00

61 lines
1.3 KiB
Vue

<template lang="pug">
section
table.table.is-fullwidth.is-hoverable.is-narrow
thead
tr
th Equipo
th Tipo
th Hora inicio
th Hora maximo
th Usuario
tbody
tr(v-for="p in prestamo")
td {{p.detalles[0].equipo.id}}
td {{p.equipo}}
td {{fecha(p.fh_in)}}
td {{maxFecha(p.fh_in)}}
td {{p.idUsuario}}
</template>
<script>
import api from '../../api'
const axios = require('axios')
export default {
data () {
return {
prestamo: []
}
},
methods: {
fecha: function(date){
let dt = new Date(date)
console.log(dt)
return `${dt.getMonth()+1}-${dt.getDate()} ${dt.getHours()}:${dt.getMinutes()} `
},
maxFecha: function(date){
let dt = new Date(date)
console.log(dt)
return `${dt.getMonth()+1}-${dt.getDate()} ${dt.getHours()+2}:${dt.getMinutes()+15} `
}
},
mounted () {
axios.get(api.url + '/prestamo', {
headers: {
'token': window.localStorage.pcpumaT
}
})
.then(response => {
console.log(response)
this.prestamo = response.data.data
})
.catch(error => {
console.log(error)
})
}
}
</script>
<style lang="css">
</style>