casi terminado front
This commit is contained in:
arturogll
Generated
+30
-11
@@ -5215,7 +5215,8 @@
|
||||
"ansi-regex": {
|
||||
"version": "2.1.1",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"aproba": {
|
||||
"version": "1.2.0",
|
||||
@@ -5236,12 +5237,14 @@
|
||||
"balanced-match": {
|
||||
"version": "1.0.0",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"brace-expansion": {
|
||||
"version": "1.1.11",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"balanced-match": "^1.0.0",
|
||||
"concat-map": "0.0.1"
|
||||
@@ -5256,17 +5259,20 @@
|
||||
"code-point-at": {
|
||||
"version": "1.1.0",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"concat-map": {
|
||||
"version": "0.0.1",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"console-control-strings": {
|
||||
"version": "1.1.0",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"core-util-is": {
|
||||
"version": "1.0.2",
|
||||
@@ -5383,7 +5389,8 @@
|
||||
"inherits": {
|
||||
"version": "2.0.3",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"ini": {
|
||||
"version": "1.3.5",
|
||||
@@ -5395,6 +5402,7 @@
|
||||
"version": "1.0.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"number-is-nan": "^1.0.0"
|
||||
}
|
||||
@@ -5409,6 +5417,7 @@
|
||||
"version": "3.0.4",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"brace-expansion": "^1.1.7"
|
||||
}
|
||||
@@ -5416,12 +5425,14 @@
|
||||
"minimist": {
|
||||
"version": "0.0.8",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"minipass": {
|
||||
"version": "2.2.4",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"safe-buffer": "^5.1.1",
|
||||
"yallist": "^3.0.0"
|
||||
@@ -5440,6 +5451,7 @@
|
||||
"version": "0.5.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"minimist": "0.0.8"
|
||||
}
|
||||
@@ -5520,7 +5532,8 @@
|
||||
"number-is-nan": {
|
||||
"version": "1.0.1",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"object-assign": {
|
||||
"version": "4.1.1",
|
||||
@@ -5532,6 +5545,7 @@
|
||||
"version": "1.4.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"wrappy": "1"
|
||||
}
|
||||
@@ -5617,7 +5631,8 @@
|
||||
"safe-buffer": {
|
||||
"version": "5.1.1",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"safer-buffer": {
|
||||
"version": "2.1.2",
|
||||
@@ -5653,6 +5668,7 @@
|
||||
"version": "1.0.2",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"code-point-at": "^1.0.0",
|
||||
"is-fullwidth-code-point": "^1.0.0",
|
||||
@@ -5672,6 +5688,7 @@
|
||||
"version": "3.0.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"ansi-regex": "^2.0.0"
|
||||
}
|
||||
@@ -5715,12 +5732,14 @@
|
||||
"wrappy": {
|
||||
"version": "1.0.2",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"yallist": {
|
||||
"version": "3.0.2",
|
||||
"bundled": true,
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -4,23 +4,31 @@
|
||||
table.table.is-fullwidth.is-hoverable.is-narrow
|
||||
thead
|
||||
tr
|
||||
th Equipo
|
||||
th Carrito
|
||||
th Equipo
|
||||
th Tipo
|
||||
th No Inventario
|
||||
th Usuario
|
||||
th Hora inicio
|
||||
th Hora maximo
|
||||
th Usuario
|
||||
th Regresar
|
||||
tbody
|
||||
tr(v-for="p in prestamo")
|
||||
td {{p.detalles[0].equipo.carrito.nombre}}
|
||||
td {{p.detalles[0].equipo.equipo_carrito}}
|
||||
td {{p.detalles[0].equipo.idCarrito}}
|
||||
td {{p.equipo}}
|
||||
td {{p.detalles[0].equipo.no_inventario}}
|
||||
td {{p.idUsuario}}
|
||||
td {{fecha(p.fh_in)}}
|
||||
td {{maxFecha(p.fh_in)}}
|
||||
td {{p.idUsuario}}
|
||||
td
|
||||
a.button.is-u-blue.is-outlined(v-on:click="regresar(p.detalles[0].equipo.carrito.nombre,p.id)")
|
||||
span.icon.is-small
|
||||
font-awesome-icon(icon="undo")
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import swal from 'sweetalert'
|
||||
import api from '../../api'
|
||||
const axios = require('axios')
|
||||
export default {
|
||||
@@ -33,12 +41,42 @@ export default {
|
||||
fecha: function (date) {
|
||||
let dt = new Date(date)
|
||||
console.log(dt)
|
||||
return `${dt.getMonth() + 1}-${dt.getDate()} ${dt.getHours()}:${dt.getMinutes()} `
|
||||
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}`
|
||||
},
|
||||
regresar: function (usr, pre) {
|
||||
axios({
|
||||
method: 'put',
|
||||
url: api.url + '/devolucion',
|
||||
data: {
|
||||
idUsuario: usr,
|
||||
id: pre
|
||||
},
|
||||
headers: {
|
||||
'token': window.localStorage.pcpumaT
|
||||
}
|
||||
})
|
||||
.then(res => {
|
||||
swal('Exito', 'Peticion exitosa ', 'success')
|
||||
axios.get(api.url + '/prestamo', {
|
||||
headers: {
|
||||
'token': window.localStorage.pcpumaT
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
this.prestamo = response.data.data
|
||||
})
|
||||
.catch(error => {
|
||||
swal('Error', error.response.data.err, 'error')
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
swal('Error', err.response.data.err, 'error')
|
||||
})
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
|
||||
@@ -43,7 +43,6 @@ export default {
|
||||
url: api.url + '/prestamo',
|
||||
data: {
|
||||
equipo: this.tipo,
|
||||
idLugar: 1,
|
||||
idUsuario: this.usuario,
|
||||
idKiosko: window.localStorage.pcpumaK
|
||||
},
|
||||
@@ -53,7 +52,6 @@ export default {
|
||||
})
|
||||
.then(response => {
|
||||
this.prestamoData = response.data
|
||||
console.log(this.prestamoData)
|
||||
swal('Exito', 'Peticion exitosa ', 'success')
|
||||
})
|
||||
.catch(error => {
|
||||
|
||||
+91
-18
@@ -1,5 +1,28 @@
|
||||
<template lang="pug">
|
||||
main
|
||||
.modal#modal
|
||||
.modal-background
|
||||
.modal-card
|
||||
header.modal-card-head
|
||||
p.modal-card-title Actualizar Multa
|
||||
button.delete(v-on:click="toggleModal()")
|
||||
section.modal-card-body
|
||||
.field
|
||||
label.label No serie
|
||||
.control
|
||||
input.input(type="text" v-model="equipo.no_serie" placeholder="Numero de serie")
|
||||
.field
|
||||
label.label No inventario
|
||||
.control
|
||||
input.input( v-model="equipo.no_inventario" placeholder="Numero de inventario")
|
||||
br
|
||||
.field
|
||||
br
|
||||
input#switch.switch.is-danger(type="checkbox" v-model="equipo.baja")
|
||||
label(for="switch") Suspender equipo
|
||||
footer.modal-card-foot
|
||||
button.button.is-success(v-on:click="update()") Guardar
|
||||
button.button(v-on:click="toggleModal()") Cancelar
|
||||
.pageloader.is-u-blue#pageloader
|
||||
span.title.is-size-3 Puma trabajando
|
||||
.container
|
||||
@@ -31,10 +54,10 @@
|
||||
select.is-fullwidth(v-model="car")
|
||||
option(v-for="car in carrito") {{ car.carrito }}
|
||||
span.icon.is-small.is-left
|
||||
.column.is-3
|
||||
.column.is-1
|
||||
.field.has-text-right
|
||||
.button.is-u-golden(v-on:click="upload()") subir
|
||||
.column.is-2
|
||||
.column.is-3
|
||||
.field
|
||||
.file.is-u-blue.is-right
|
||||
label.file-label
|
||||
@@ -52,35 +75,32 @@
|
||||
table.table.is-fullwidth.is-hoverable.is-narrow.is-striped
|
||||
thead
|
||||
tr
|
||||
th ID de Carrito
|
||||
th Carrito
|
||||
th Equipo
|
||||
th No Serie
|
||||
th No Inventario
|
||||
th Tipo
|
||||
th Activo
|
||||
th Editar
|
||||
th Ver
|
||||
tbody
|
||||
tr(v-for="dt in filteredEquipo")
|
||||
td {{dt["carritos.equipos.equipo_carrito"]}}
|
||||
td {{dt["carritos.id"]}}
|
||||
td {{dt["carritos.equipos.equipo_carrito"]}}
|
||||
td {{dt["carritos.equipos.no_serie"]}}
|
||||
td {{dt["carritos.equipos.no_inventario"]}}
|
||||
td {{dt["carritos.equipos.equipo"]}}
|
||||
td
|
||||
span.tag.is-success(v-if="dt['carritos.equipos.baja'] == '0'") activo
|
||||
span.tag.is-warning(v-else) desactivado
|
||||
td
|
||||
router-link.navbar-item(v-bind:to="'/equipo/'+dt.id")
|
||||
a.button.is-u-blue.is-outlined
|
||||
span.icon.is-small
|
||||
font-awesome-icon(icon="pen")
|
||||
td
|
||||
router-link.navbar-item(v-bind:to="'/equipo/'+dt.id")
|
||||
a.button.is-u-blue.is-outlined
|
||||
span.icon.is-small
|
||||
font-awesome-icon(icon="eye")
|
||||
a.button.is-u-blue.is-outlined(v-on:click="setUpdate(dt)")
|
||||
span.icon.is-small
|
||||
font-awesome-icon(icon="pen")
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UmHeader from '../layout/Header.vue'
|
||||
import UmFooter from '../layout/Footer.vue'
|
||||
import UmHeader from './Header.vue'
|
||||
import UmFooter from './Footer.vue'
|
||||
import swal from 'sweetalert'
|
||||
import api from '../api'
|
||||
const axios = require('axios')
|
||||
@@ -99,7 +119,13 @@ export default {
|
||||
carrito: [],
|
||||
tipo: '',
|
||||
car: '',
|
||||
file: ''
|
||||
file: '',
|
||||
equipo: {
|
||||
no_serie: '',
|
||||
no_inventario: '',
|
||||
baja: '',
|
||||
id:''
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
@@ -109,7 +135,7 @@ export default {
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
// console.log(response)
|
||||
console.log(response)
|
||||
this.data = response.data.data
|
||||
})
|
||||
.catch(error => {
|
||||
@@ -117,6 +143,53 @@ export default {
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
update : function () {
|
||||
this.toggleModal()
|
||||
axios({
|
||||
method: 'put',
|
||||
url: api.url + '/equipo',
|
||||
data:this.equipo,
|
||||
headers: {
|
||||
'token': window.localStorage.pcpumaT
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
swal('Exito', 'Se actualizo', 'success')
|
||||
|
||||
// axios.get(api.url + '/equipo/?kiosko=' + window.localStorage.pcpumaK, {
|
||||
// headers: {
|
||||
// 'token': window.localStorage.pcpumaT
|
||||
// }
|
||||
// })
|
||||
// .then(response => {
|
||||
// // console.log(response)
|
||||
// this.data = response.data.data
|
||||
// swal('Exito', 'Se cargarón los datos', 'success')
|
||||
// })
|
||||
// .catch(error => {
|
||||
// swal('Error', error.response.data.err, 'error')
|
||||
// })
|
||||
})
|
||||
.catch(error => {
|
||||
swal('Error', error.response.data.err, 'error')
|
||||
})
|
||||
},
|
||||
setUpdate: function (dt) {
|
||||
console.log(dt)
|
||||
this.toggleModal()
|
||||
this.equipo.no_serie = dt['carritos.equipos.no_serie']
|
||||
this.equipo.no_inventario = dt['carritos.equipos.no_inventario']
|
||||
this.equipo.baja = dt['carritos.equipos.baja']
|
||||
this.equipo.id = dt['carritos.equipos.id']
|
||||
},
|
||||
toggleModal: function () {
|
||||
let modal = document.getElementById('modal')
|
||||
if (!modal.classList.contains('is-active')) {
|
||||
modal.classList.add('is-active')
|
||||
} else {
|
||||
modal.classList.remove('is-active')
|
||||
}
|
||||
},
|
||||
count: function (arr) {
|
||||
return `${arr.length}`
|
||||
},
|
||||
|
||||
@@ -4,17 +4,13 @@
|
||||
.container
|
||||
br
|
||||
br
|
||||
div.columns
|
||||
div.column.is-12.has-text-centered
|
||||
.columns
|
||||
.column.is-12.has-text-centered
|
||||
h1.is-size-2 Bienvenido A PC Puma
|
||||
h2.is-size-3 Usuario
|
||||
br
|
||||
br
|
||||
div.columns
|
||||
.column.is-6.is-offset-3
|
||||
resumen
|
||||
div.columns
|
||||
.column.is-8.is-offset-2
|
||||
.columns
|
||||
.column.is-10.is-offset-1
|
||||
equipo
|
||||
</template>
|
||||
|
||||
|
||||
@@ -97,7 +97,7 @@ export default {
|
||||
.then(response => {
|
||||
// console.log(response)
|
||||
this.data = response.data.data
|
||||
swal('Exito', 'Se suspendio el usuario', 'success')
|
||||
swal('Exito', 'Se cambio de estado con Exito', 'success')
|
||||
})
|
||||
.catch(error => {
|
||||
// console.log(error)
|
||||
|
||||
+2
-1
@@ -1,12 +1,13 @@
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import { library } from '@fortawesome/fontawesome-svg-core'
|
||||
import { faLaptop, faUpload, faTrash, faTabletAlt, faUser, faLock, faSearch, faShoppingCart, faCheckCircle, faPen, faEye } from '@fortawesome/free-solid-svg-icons'
|
||||
import { faLaptop, faUpload, faTrash, faTabletAlt, faUser, faLock, faSearch, faShoppingCart, faCheckCircle, faPen, faEye, faUndo } from '@fortawesome/free-solid-svg-icons'
|
||||
import { faChrome } from '@fortawesome/free-brands-svg-icons'
|
||||
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
|
||||
import router from './routes.js'
|
||||
|
||||
library.add(faChrome, faSearch, faShoppingCart, faCheckCircle, faPen, faEye)
|
||||
library.add(faUndo)
|
||||
library.add(faLaptop)
|
||||
library.add(faUser)
|
||||
library.add(faUpload)
|
||||
|
||||
Reference in New Issue
Block a user