CIDWA/censo2020Front
12
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> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="icon" href="./src/img/escudo-unam.ico"> <link rel="icon" href="./src/img/escudo-unam.ico">
<title>censo</title> <title>Censo</title>
</head> </head>
<body> <body>
<div id="app"></div> <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' import AddEquip from './views/AddEquip.vue'
const routes = [{ const routes = [{
path: '/',
component: Login,
name: 'default'
},
{
path: '/login', path: '/login',
component: Login, component: Login,
name: 'login' name: 'login'
src/views/AddEquip.vue
+1 -1
View File
@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<h1>Estás en addEquip.</h1> <h1 class="serv-title m-4 text-center">Agregar un equipo</h1>
</div> </div>
</template> </template>
src/views/Login.vue
+3 -3
View File
@@ -34,9 +34,9 @@
</div> </div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<button class="btn btn-success btn-login mt-4"> <button class="btn btn-success btn-login mt-4">
Iniciar Sesión Iniciar Sesión
</button> </button>
</div> </div>
<div <div
src/views/User.vue
+137 -22
View File
@@ -1,39 +1,154 @@
<template> <template>
<div class="header-f"> <div>
<div class="header-f">
<div class="container d-flex justify-content-between py-1">
<div class="d-flex"> <div class="container d-flex justify-content-between py-1">
<span class="text-white mr-3 my-auto mr-md-4">Nombre de Usuario</span>
<div> <div class="d-flex">
<!-- <router-link to="login" class="text-white align-middle">Añadir equipo</router-link> --> <span class="text-white mr-3 my-auto mr-md-4">Nombre de Usuario</span>
<b-dropdown id="dropdown-left" text="Añadir" variant="info" class="m-2"> <div>
<b-dropdown-item> <router-link to="#" class="text-decoration-none text-body"> Computadora </router-link></b-dropdown-item> <!-- <router-link to="login" class="text-white align-middle">Añadir equipo</router-link> -->
<b-dropdown-item> <router-link to="#" class="text-decoration-none text-body"> Impresora </router-link></b-dropdown-item> <b-dropdown id="dropdown-left" text="Añadir " variant="info" class="m-2">
</b-dropdown> <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>
<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> </template>
<script> <script>
export default { 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> </script>
<style scoped> <style scoped>
.header-f { .header-f {
padding: 0;
background-color: #bb8800; background-color: #bb8800;
} }
</style> </style>