Campos de equipo agregados.
This commit is contained in:
alfredojl
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<footer id="footer" v-if="['login'].includes($route.name)">
|
||||
<footer id="footer" v-if="['login', 'start'].includes($route.name)">
|
||||
<div class="separador"></div>
|
||||
<div class="contenedor-footer p-3">
|
||||
<div class="cont-text-foo text-white text-center">
|
||||
@@ -13,7 +13,7 @@
|
||||
permiso previo por escrito de la institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
|
||||
<div
|
||||
class="header-f"
|
||||
v-if="!['login'].includes($route.name)"
|
||||
v-if="!['login', 'start'].includes($route.name)"
|
||||
>
|
||||
|
||||
<div class="container d-flex justify-content-between py-1">
|
||||
|
||||
+1
-1
@@ -9,7 +9,7 @@ import UpdateEquip from './views/UpdateEquip.vue'
|
||||
const routes = [{
|
||||
path: '/',
|
||||
component: Login,
|
||||
name: 'default'
|
||||
name: 'start'
|
||||
},
|
||||
{
|
||||
path: '/login',
|
||||
|
||||
+148
-76
@@ -1,90 +1,162 @@
|
||||
<template>
|
||||
<div class="container mt-5">
|
||||
|
||||
<div class="d-flex flex-column">
|
||||
<h1 class="text-center">Agregar equipo</h1>
|
||||
<div class="d-flex flex-column">
|
||||
<h1 class="text-center">Agregar equipo</h1>
|
||||
|
||||
<h3 class="text-left mt-4">Datos generales:</h3>
|
||||
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de inventario:"
|
||||
/>
|
||||
<h3 class="text-left mt-4">Datos generales:</h3>
|
||||
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de inventario:"
|
||||
/>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de resguardo:"
|
||||
/>
|
||||
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Unidad responsable:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
</form>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Nombre del responsable:"
|
||||
/>
|
||||
|
||||
<div>
|
||||
<h3>Computadora</h3>
|
||||
<select class="py-2 my-4 sel-form-add" required>
|
||||
<option value="" hidden>Unidad responsable:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Sistema operativo:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Ubicación</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Memoria:"
|
||||
/>
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Uso</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
</form>
|
||||
|
||||
</form>
|
||||
<div>
|
||||
<h3>Computadora</h3>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
|
||||
<button
|
||||
class="btn btn-lg btn-primary mr-4"
|
||||
@click="$router.push('./user')"
|
||||
>
|
||||
Regresar
|
||||
</button>
|
||||
<button
|
||||
class="btn btn-lg btn-success"
|
||||
@click.prevent="addEquip()"
|
||||
>
|
||||
Añadir
|
||||
</button>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="margin-top:200px; left: 0px; position: absolute;"
|
||||
class="container-fluid px-0"
|
||||
>
|
||||
<footer id="footer" style="left: 0px;" class="text-center">
|
||||
<div class="separador"></div>
|
||||
<div class="contenedor-footer p-3">
|
||||
<div class="text-white mt-3" style="font-size: 11px;">
|
||||
<p>
|
||||
Hecho en México, todos los derechos reservados 2020.
|
||||
<br />
|
||||
Esta página puede ser reproducida con fines no
|
||||
lucrativos, siempre y cuando no se mutile, se cite
|
||||
la fuente
|
||||
<br />
|
||||
completa y su dirección electrónica. De otra forma,
|
||||
requiere permiso previo por escrito de la
|
||||
institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Tipo de equipo:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Modelo:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Marca:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de serie:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Procesador:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Velocidad del procesador:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Memoria ROM en GB:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Memoria RAM en MB:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Tipo de memoria:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Velocidad de memoria en MGHz:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Gráficos:"
|
||||
/>
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Sistema operativo:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="">
|
||||
<button
|
||||
class="btn btn-lg btn-primary mr-4"
|
||||
@click="$router.push('./user')"
|
||||
>
|
||||
Regresar
|
||||
</button>
|
||||
<button
|
||||
class="btn btn-lg btn-success"
|
||||
@click.prevent="addEquip()"
|
||||
>
|
||||
Añadir
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="margin-top:200px; left: 0px; position: absolute;"
|
||||
class="container-fluid px-0"
|
||||
>
|
||||
<footer id="footer" style="left: 0px;" class="text-center">
|
||||
<div class="separador"></div>
|
||||
<div class="contenedor-footer p-3">
|
||||
<div class="text-white mt-3" style="font-size: 11px;">
|
||||
<p>
|
||||
Hecho en México, todos los derechos reservados 2020.
|
||||
<br />
|
||||
Esta página puede ser reproducida con fines no
|
||||
lucrativos, siempre y cuando no se mutile, se cite
|
||||
la fuente
|
||||
<br />
|
||||
completa y su dirección electrónica. De otra forma,
|
||||
requiere permiso previo por escrito de la
|
||||
institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -105,7 +177,7 @@ export default {
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Si, estoy seguro',
|
||||
confirmButtonText: 'Sí, estoy seguro',
|
||||
cancelButtonText: 'Cancelar'
|
||||
}).then((result) => {
|
||||
if (result.value) {
|
||||
|
||||
+107
-33
@@ -1,46 +1,120 @@
|
||||
<template>
|
||||
<div class="container mt-5">
|
||||
|
||||
<div class="d-flex flex-column">
|
||||
<h1 class="text-center">Editar información del equipo</h1>
|
||||
<div class="d-flex flex-column">
|
||||
<h1 class="text-center">Editar información del equipo</h1>
|
||||
|
||||
<h3 class="text-left mt-4">Datos generales:</h3>
|
||||
<h3 class="text-left mt-4">Datos generales:</h3>
|
||||
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de inventario:"
|
||||
/>
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de inventario:"
|
||||
/>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de resguardo:"
|
||||
/>
|
||||
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Unidad responsable:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
</form>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Nombre del responsable:"
|
||||
/>
|
||||
|
||||
<div>
|
||||
<h3>Computadora</h3>
|
||||
<select class="py-2 my-4 sel-form-add" required>
|
||||
<option value="" hidden>Unidad responsable:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Sistema operativo:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Ubicación</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Memoria:"
|
||||
/>
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Uso</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
</form>
|
||||
|
||||
</form>
|
||||
<div>
|
||||
<h3>Computadora</h3>
|
||||
|
||||
|
||||
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Tipo de equipo:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Modelo:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Marca:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de serie:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Procesador:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Velocidad del procesador:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Memoria ROM en GB:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Memoria RAM en MB:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Tipo de memoria:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Velocidad de memoria en MGHz:"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Gráficos:"
|
||||
/>
|
||||
<select class="py-2 my-4 sel-form-add">
|
||||
<option value="" hidden>Sistema operativo:</option>
|
||||
<option value="">Opcion 1</option>
|
||||
</select>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
+78
-15
@@ -3,12 +3,13 @@
|
||||
|
||||
<div class="container mt-5">
|
||||
<div class="justify-content-center d-flex">
|
||||
<h1 style="text-align:center">Sistema de censo</h1>
|
||||
<h1 class="justify-content-center">Sistema de censo</h1>
|
||||
</div>
|
||||
|
||||
<router-link to="#" class="btn btn-info mt-4">
|
||||
Ver impresoras
|
||||
</router-link>
|
||||
<button @click="changeView()" class="btn btn-info mt-4">
|
||||
<span v-if="pcView">Ver impresoras</span>
|
||||
<span v-else>Ver computadoras</span>
|
||||
</button>
|
||||
|
||||
<div class="row m-0 mt-3 mb-4">
|
||||
<div class="row">
|
||||
@@ -22,7 +23,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="table-responsive table-fixed text-nowrap justify-content-md-center"
|
||||
<div v-if="pcView" class="table-responsive table-fixed text-nowrap justify-content-md-center"
|
||||
style="max-height: 350px;">
|
||||
<table class="table table-sm table-hover text-center" style="font-size:14px">
|
||||
<thead class="thead-light text-uppercase">
|
||||
@@ -30,7 +31,7 @@
|
||||
<th v-for="tableHead in tableHeads" class="sticky-top">{{ tableHead }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="overflow-auto t-hov" v-for="(item, index) in inventory">
|
||||
<tbody class="overflow-auto t-hov" v-for="item in inventory">
|
||||
<tr @click="watchRow()">
|
||||
<td>
|
||||
<a href="#">{{ item.noInventario }}</a>
|
||||
@@ -41,11 +42,11 @@
|
||||
<td>{{ item.marca }}</td>
|
||||
<td>{{ item.serie }}</td>
|
||||
<td>{{ item.procesador }}</td>
|
||||
<td>{{ item.ram }}</td>
|
||||
<td>{{ item.rom }}</td>
|
||||
<td>{{ item.graficos }}</td>
|
||||
<td>{{ item.ram }}</td>
|
||||
<td>{{ item.tipoM }}</td>
|
||||
<td>{{ item.speed }}</td>
|
||||
<td>{{ item.graficos }}</td>
|
||||
<td>{{ item.so }}</td>
|
||||
<td>{{ item.unidad }}</td>
|
||||
<td>{{ item.ubicacion }}</td>
|
||||
@@ -56,8 +57,32 @@
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div v-else class="table-responsive table-fixed text-nowrap justify-content-md-center"
|
||||
id="myTableStyle">
|
||||
<table class="table table-sm table-hover text-center">
|
||||
<thead class="thead-light text-uppercase">
|
||||
<tr>
|
||||
<th v-for="printerHead in printerHeads" class="sticky-top">{{ printerHead }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="overflow-auto t-hov" v-for="item in inventory">
|
||||
<tr @click="watchRow()">
|
||||
<td>
|
||||
<a href="#">{{ item.noInventario }}</a>
|
||||
</td>
|
||||
<td>{{ item.tipo }}</td>
|
||||
<td>{{ item.modelo }}</td>
|
||||
<td>{{ item.marca }}</td>
|
||||
<td>{{ item.serie }}</td>
|
||||
<td>{{ item.descAdicional }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<button class="btn btn-lg btn-success mt-3">Descargar</button>
|
||||
</div>
|
||||
|
||||
@@ -94,25 +119,35 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
pcView: true,
|
||||
alternativeView: 'Ver impresoras',
|
||||
inventory: [],
|
||||
tableHeads: [
|
||||
pcHeads: [
|
||||
"Inventario",
|
||||
"Tipo",
|
||||
"Modelo",
|
||||
"Marca",
|
||||
"Serie",
|
||||
"Procesador",
|
||||
"RAM",
|
||||
"ROM",
|
||||
"Gráficos",
|
||||
"RAM",
|
||||
"Tipo de memoria",
|
||||
"Velocidad de memoria",
|
||||
"Gráficos",
|
||||
"Sistema operativo",
|
||||
"Unidad responsable",
|
||||
"Ubicación",
|
||||
"Responsable",
|
||||
"Uso",
|
||||
"Resguardo"
|
||||
],
|
||||
printerHeads: [
|
||||
"Inventario",
|
||||
"Tipo",
|
||||
"Modelo",
|
||||
"Marca",
|
||||
"Serie",
|
||||
"Descripción adicional"
|
||||
]
|
||||
}
|
||||
},
|
||||
@@ -131,11 +166,11 @@ export default {
|
||||
"marca": "ECOIN",
|
||||
"serie": 20063502185,
|
||||
"procesador": "Pentium",
|
||||
"ram": 512,
|
||||
"rom": 256,
|
||||
"graficos": "Intel",
|
||||
"ram": 512,
|
||||
"tipoM": "DDR2",
|
||||
"speed": 1200,
|
||||
"graficos": "Intel",
|
||||
"so": "Windows 7",
|
||||
"unidad": "ÁREA DE CURSOS DEL CENTRO DE DESARROLLO TECNOLOGICO",
|
||||
"ubicacion": "Aula 5",
|
||||
@@ -145,8 +180,31 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
async fillPrinters() {
|
||||
for (let i = 0; i < 20; i++) {
|
||||
this.inventory [i] = {
|
||||
"noInventario": 2225492,
|
||||
"tipo": "Láser",
|
||||
"modelo": "HP Printer",
|
||||
"marca": "HP",
|
||||
"serie": "HQS32364",
|
||||
"descAdicional": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
watchRow() {
|
||||
this.$router.push('./updateEquip')
|
||||
},
|
||||
changeView() {
|
||||
if (this.pcView) {
|
||||
this.pcView = !this.pcView;
|
||||
this.fillPrinters();
|
||||
}
|
||||
else{
|
||||
this.pcView = !this.pcView;
|
||||
this.fillInventory();
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
@@ -179,4 +237,9 @@ export default {
|
||||
footer {
|
||||
background: #1b3d70;
|
||||
}
|
||||
|
||||
#myTableStyle {
|
||||
max-height: 350px;
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user