CIDWA/censo2020Front
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

user añadido por alima

Browse Source
This commit was merged in pull request #1.
This commit is contained in:
KIKIN
2020-08-09 17:45:05 -05:00
parent 49eeb107c9 97b4fdf62d
commit bf4fdad21e
5 changed files with 147 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<link rel="icon" href="./src/img/escudo-unam.ico">
<title>censo</title>
<title>Censo</title>
</head>
<body>
<div id="app"></div>
src/routes.js
+5
View File
@@ -6,6 +6,11 @@ import User from './views/User.vue'
import AddEquip from './views/AddEquip.vue'
const routes = [{
path: '/',
component: Login,
name: 'default'
},
{
path: '/login',
component: Login,
name: 'login'
src/views/AddEquip.vue
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<div>
<h1>Estás en addEquip.</h1>
<h1 class="serv-title m-4 text-center">Agregar un equipo</h1>
</div>
</template>
src/views/Login.vue
+3 -3
View File
@@ -34,9 +34,9 @@
</div>
<div class="d-flex justify-content-center">
<button class="btn btn-success btn-login mt-4">
Iniciar Sesión
</button>
<button class="btn btn-success btn-login mt-4">
Iniciar Sesión
</button>
</div>
<div
src/views/User.vue
+137 -22
View File
@@ -1,39 +1,154 @@
<template>
<div class="header-f">
<div class="container d-flex justify-content-between py-1">
<div>
<div class="header-f">
<div class="d-flex">
<span class="text-white mr-3 my-auto mr-md-4">Nombre de Usuario</span>
<div>
<!-- <router-link to="login" class="text-white align-middle">Añadir equipo</router-link> -->
<b-dropdown id="dropdown-left" text="Añadir" variant="info" class="m-2">
<b-dropdown-item> <router-link to="#" class="text-decoration-none text-body"> Computadora </router-link></b-dropdown-item>
<b-dropdown-item> <router-link to="#" class="text-decoration-none text-body"> Impresora </router-link></b-dropdown-item>
</b-dropdown>
<div class="container d-flex justify-content-between py-1">
<div class="d-flex">
<span class="text-white mr-3 my-auto mr-md-4">Nombre de Usuario</span>
<div>
<!-- <router-link to="login" class="text-white align-middle">Añadir equipo</router-link> -->
<b-dropdown id="dropdown-left" text="Añadir " variant="info" class="m-2">
<b-dropdown-item> <router-link to="addEquip" class="text-decoration-none text-body"> Computadora </router-link></b-dropdown-item>
<b-dropdown-item> <router-link to="addPrinter" class="text-decoration-none text-body"> Impresora </router-link></b-dropdown-item>
</b-dropdown>
</div>
</div>
<div class="my-auto">
<a href="/">
<span class="badge badge-danger py-2 px-3" style="font-size:14px, font-family: Arial">Cerrar sesión</span>
</a>
</div>
</div>
</div>
<div class="my-auto">
<a href="#">
<span class="badge badge-danger py-2 px-3" style="font-size:14px">Cerrar sesión</span>
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="justify-content-center d-flex">
<h1 style="text-align:center">Sistema de censo</h1>
</div>
<a href="#" class="btn bg-info">
<span class="text-white justi">Impresoras</span>
</a>
<div class="row" style="margin: 0px; margin-top:20px">
<div class="row">
<div class="col">
<input
type="text"
class="form-control input-login-form shadow-none"
placeholder="Id: 2225491"
/>
</div>
</div>
</div>
<div class="table-responsive table-fixed text-nowrap justify-content-md-center"
style="max-height: 130px;margin-top:30px; margin-bottom:15px">
<table class="table table-sm table-hover text-center" style="font-size:14px">
<thead class="thead-light text-uppercase">
<tr>
<th v-for="tableHead in tableHeads">{{ tableHead }}</th>
</tr>
</thead>
<tbody class="overflow-auto" v-for="(item, index) in inventory">
<tr>
<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.procesador }}</td>
<td>{{ item.ram }}</td>
<td>{{ item.rom }}</td>
<td>{{ item.graficos }}</td>
<td>{{ item.tipoM }}</td>
<td>{{ item.speed }}</td>
<td>{{ item.so }}</td>
<td>{{ item.unidad }}</td>
<td>{{ item.ubicacion }}</td>
<td>{{ item.responsable }}</td>
<td>{{ item.uso }}</td>
<td>{{ item.resguardo }}</td>
</tr>
</tbody>
</table>
</div>
<a class="btn btn-success" href="#" role="button">Descargar</a>
</div>
</div>
</template>
<script>
export default {
data() {
return {
inventory: [],
tableHeads: [
"Inventario",
"Tipo",
"Modelo",
"Marca",
"Serie",
"Procesador",
"RAM",
"ROM",
"Gráficos",
"Tipo de memoria",
"Velocidad de memoria",
"Sistema operativo",
"Unidad responsable",
"Ubicación",
"Responsable",
"Uso",
"Resguardo"
]
}
},
created() {
this.fillInventory();
},
methods: {
async fillInventory() {
for(let i = 0; i < 20; i++){
this.inventory [i] = {
"noInventario": 2225491,
"tipo": "PC",
"modelo": "PLATINUM",
"marca": "ECOIN",
"serie": 20063502185,
"procesador": "Pentium",
"ram": 512,
"rom": 256,
"graficos": "Intel",
"tipoM": "DDR2",
"speed": 1200,
"so": "Windows 7",
"unidad": "ÁREA DE CURSOS DEL CENTRO DE DESARROLLO TECNOLOGICO",
"ubicacion": "Aula 5",
"responsable": "Lic. José Alfredo Jiménez Lima",
"uso": "Alumno",
"resguardo": 5848
}
}
}
},
}
</script>
<style scoped>
.header-f {
padding: 0;
background-color: #bb8800;
}
</style>