Ya quedó todo hoy 18/11/2020

Se cree que es el final
mejoras...
2020-11-18 11:51:24 -06:00 · 2020-11-14 10:44:18 -06:00 · 2020-11-13 13:01:26 -06:00 · 2020-11-13 09:14:49 -06:00 · 2020-10-21 16:00:26 -05:00 · 2020-10-16 18:49:49 -05:00
36 changed files with 15555 additions and 22 deletions
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) <year> <copyright holders>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is furnished
-to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice (including the next
-paragraph) shall be included in all copies or substantial portions of the
-Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
-OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF
-OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
@@ -1,2 +1,24 @@
-# censo2020
+# censofront

+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=./src/img/escudo-unam.ico><title>Censo</title><link href=css/app.b3f8550c.css rel=preload as=style><link href=css/chunk-vendors.ab91ceed.css rel=preload as=style><link href=js/app.6b892091.js rel=preload as=script><link href=js/chunk-vendors.f0af08be.js rel=preload as=script><link href=css/chunk-vendors.ab91ceed.css rel=stylesheet><link href=css/app.b3f8550c.css rel=stylesheet></head><body><div id=app></div><script src=/dist/build.js></script><script src=js/chunk-vendors.f0af08be.js></script><script src=js/app.6b892091.js></script></body></html>
@@ -0,0 +1,59 @@
+{
+    "name": "censofront",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "serve": "vue-cli-service serve",
+        "build": "vue-cli-service build",
+        "lint": "vue-cli-service lint"
+    },
+    "dependencies": {
+        "@fortawesome/fontawesome-svg-core": "^1.2.31",
+        "@fortawesome/free-brands-svg-icons": "^5.15.0",
+        "@fortawesome/free-regular-svg-icons": "^5.15.0",
+        "@fortawesome/free-solid-svg-icons": "^5.15.0",
+        "@fortawesome/vue-fontawesome": "^2.0.0",
+        "axios": "^0.20.0",
+        "bootstrap": "^4.5.2",
+        "bootstrap-vue": "^2.17.3",
+        "core-js": "^3.6.5",
+        "csv": "^5.3.2",
+        "file-system": "^2.2.2",
+        "fs": "0.0.1-security",
+        "jsonwebtoken": "^8.5.1",
+        "vue": "^2.6.11",
+        "vue-router": "^3.4.5",
+        "vue-sweetalert2": "^3.0.8",
+        "xlsx": "^0.16.7"
+    },
+    "devDependencies": {
+        "@vue/cli-plugin-babel": "~4.5.0",
+        "@vue/cli-plugin-eslint": "~4.5.0",
+        "@vue/cli-service": "~4.5.0",
+        "babel-eslint": "^10.1.0",
+        "eslint": "^6.7.2",
+        "eslint-plugin-vue": "^6.2.2",
+        "vue-template-compiler": "^2.6.11"
+    },
+    "eslintConfig": {
+        "root": true,
+        "env": {
+            "node": true
+        },
+        "extends": [
+            "plugin:vue/essential",
+            "eslint:recommended"
+        ],
+        "parserOptions": {
+            "parser": "babel-eslint"
+        },
+        "rules": {
+            "no-unused-vars": "off"
+        }
+    },
+    "browserslist": [
+        "> 1%",
+        "last 2 versions",
+        "not dead"
+    ]
+}
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="./src/img/escudo-unam.ico">
+    <title>Censo</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script src="/dist/build.js"></script>
+  </body>
+</html>
@@ -0,0 +1,37 @@
+<template>
+  <div id="app">
+    <Header />
+      <router-view></router-view>
+    <Footer />
+  </div>
+</template>
+
+<script>
+import Header from './components/Header'
+import Footer from './components/Footer'
+
+import Vue from 'vue'
+import BootstrapVue from 'bootstrap-vue'
+
+
+Vue.use(BootstrapVue)
+
+import 'bootstrap/dist/css/bootstrap.css'
+import 'bootstrap-vue/dist/bootstrap-vue.css'
+
+export default {
+  name: 'app',
+  components: {
+        Header,
+        Footer
+    },
+}
+</script>
+
+<style scoped>
+
+#app {
+  
+}
+
+</style>
@@ -0,0 +1,52 @@
+<template>
+    <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">
+                    <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>
+</template>
+
+<script>
+export default {
+    
+}
+</script>
+
+<style scoped>
+* {
+    margin: 0px;
+    box-sizing: border-box;
+    padding: 0px;
+}
+#footer {
+    bottom: 0px;
+    position: absolute;
+    width: 100%;
+}
+.separador {
+    width: 100%;
+    background: #2e5795;
+    height: 1rem;
+}
+
+.contenedor-footer {
+    width: 100%;
+}
+.cont-text-foo {
+    font-size: 12px;
+}
+footer {
+    background: #1b3d70;
+}
+</style>
@@ -0,0 +1,121 @@
+<template>
+    <header id="iniLetter">
+        <div class="container-fluid header-h">
+            <div class="col-4 offset-1 d-inline-flex p-0 align-items-center">
+                <a href="https://www.unam.mx/"
+                    ><img
+                        src="../img/Logo-UNAM.png"
+                        class="img-fluid"
+                        alt="Logo UNAM"
+                /></a>
+            </div>
+            <div
+                class="col-4  offset-2 d-inline-flex justify-content-end p-0 align-items-center"
+            >
+                <a href="http://www.acatlan.unam.mx/">
+                    <img
+                        src="../img/logo_fesa.png"
+                        class="img-fluid"
+                        alt="Logo Fes Acatlán"
+                    />
+                </a>
+            </div>
+        </div>
+        
+        <div
+            class="header-f"
+            v-if="!['login'].includes($route.name)"
+        >
+        
+            <div class="container d-flex justify-content-between py-0 my-2">
+                
+                <div class="d-flex">
+                    <font-awesome-icon v-if="!['login'].includes($route.name)" icon="home" class="my-auto text-white" style="cursor:pointer" @click="$router.push('user')"/>
+                    
+                    <div class="d-flex align-items-center mx-4">
+                        <font-awesome-icon icon="user" v-if="!!setCurrentUser()" class="my-auto mr-2 text-white" />
+                        <span class="text-white my-auto" v-text="setCurrentUser()">
+                        </span>
+                    </div>
+                    <div v-if="isAdmin()"> 
+                        <!-- <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="">
+                            <b-dropdown-item @click="$router.push('addEquip')">Equipo</b-dropdown-item>
+                            <b-dropdown-item @click="$router.push('addPrinter')">Impresora</b-dropdown-item>
+                        </b-dropdown>
+                    </div>
+                </div>
+                <div class="my-auto">
+                    <span
+                        class="btn btn-danger" style="font-family: Arial:none;"
+                        v-on:click="logout()"
+                    >
+                        Cerrar sesión
+                    </span>
+                </div>
+            </div>
+
+        </div>
+
+    </header>
+</template>
+
+<script>
+
+export default {
+    data() {
+        return {
+        }
+    },
+    methods: {
+        setCurrentUser(){
+            return window.localStorage.user;
+        },
+        logout: function() {
+            localStorage.clear();
+            this.$router.replace('/login')
+        },
+        isAdmin: function()  {
+            return JSON.parse(localStorage.getItem('isAdmin'));
+        }
+    }
+}
+
+</script>
+<style scoped>
+.header-h {
+    /* background: #1b3d70; */
+    background: #1b3d70;
+    padding: 1rem 0;
+}
+
+.contenedor-header {
+    padding: 1rem 0;
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+}
+
+.contenedor-img {
+    width: 40%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.contenedor-img img {
+    max-width: 100%;
+}
+
+.header-f {
+    padding: 0.1rem 0;
+    background-color: #bb8800;
+
+}
+#info {
+    color: white;
+}
+.sesion {
+    margin: 0.5rem;
+    line-height: 0.5rem !important;
+}
+</style>
@@ -0,0 +1,7 @@
+const config = {
+    //api: 'https://venus.acatlan.unam.mx/censo-pruebas/',
+    // api: 'https://venus.acatlan.unam.mx/censo_orion',
+    api: 'http://localhost:3000',
+}
+
+module.exports = config
@@ -0,0 +1,39 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './routes'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+    faUserSecret,
+    faUser,
+    faLock,
+    faGraduationCap,
+    faExternalLinkAlt,
+    faKey,
+    faExclamationCircle,
+    faEnvelope,
+    faHome,
+    faSearch
+} from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+
+library.add(faUserSecret)
+library.add(faUser)
+library.add(faLock)
+library.add(faExternalLinkAlt)
+library.add(faGraduationCap)
+library.add(faExclamationCircle)
+library.add(faKey)
+library.add(faEnvelope)
+library.add(faHome)
+library.add(faSearch)
+
+Vue.component('font-awesome-icon', FontAwesomeIcon)
+
+Vue.config.productionTip = false
+
+// el: '#app',
+new Vue({
+    render: h => h(App),
+    router,
+}).$mount('#app')
@@ -0,0 +1,136 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+
+import Login from './views/Login.vue'
+import User from './views/User.vue'
+import AddEquip from './views/AddEquip.vue'
+import AddPrinter from './views/AddPrinter.vue'
+import UpdateEquip from './views/UpdateEquip.vue'
+import UpdatePrinter from './views/UpdatePrinter.vue'
+
+
+const routes = [{
+        path: '*',
+        redirect: 'login'
+    },
+    {
+        path: '/',
+        name: 'root',
+        redirect: 'login'
+    },
+    {
+        path: '/login',
+        component: Login,
+        name: 'login',
+        meta: { isPublic: true },
+        beforeEnter: (to, from, next) => {
+            if (isAuthenticated())
+                next('/user');
+            else
+                next();
+        }
+    },
+    {
+        path: '/user',
+        component: User,
+        name: 'user',
+        meta: { isPublic: true },
+        beforeEnter: (to, from, next) => {
+            if (isAuthenticated())
+                next(true);
+            else
+                next(false);
+        }
+    },
+    {
+        path: '/addEquip',
+        component: AddEquip,
+        name: 'addEquip',
+        meta: { perm: true },
+        beforeEnter: (to, from, next) => {
+            if (!isAuthenticated())
+                next('/login');
+            else if (isAuthenticated() && !isAdmin())
+                next(false)
+            else
+                next(true);
+        }
+    },
+    {
+        path: '/addPrinter',
+        component: AddPrinter,
+        name: 'addPrinter',
+        meta: { perm: true },
+        beforeEnter: (to, from, next) => {
+            if (!isAuthenticated())
+                next('/login');
+            else if (isAuthenticated() && !isAdmin())
+                next(false)
+            else
+                next(true);
+        }
+    },
+    {
+        path: '/updateEquip',
+        component: UpdateEquip,
+        name: 'updateEquip',
+        meta: { perm: true },
+        beforeEnter: (to, from, next) => {
+            if (!isAuthenticated())
+                next('/login');
+            else if (isAuthenticated() && !isAdmin())
+                next(false)
+            else
+                next(true);
+        }
+    },
+    {
+        path: '/updatePrinter',
+        component: UpdatePrinter,
+        name: 'updatePrinter',
+        meta: { perm: true },
+        beforeEnter: (to, from, next) => {
+            if (!isAuthenticated())
+                next('/login');
+            else if (isAuthenticated() && !isAdmin())
+                next(false)
+            else
+                next(true);
+        }
+    },
+]
+
+Vue.use(VueRouter)
+    /* Produccción */
+    // const router = new VueRouter({mode: 'history', routes})
+    /* Pruebas */
+const router = new VueRouter({ routes })
+
+const isAuthenticated = function() {
+    return !!window.localStorage.token
+}
+
+const isAdmin = function() {
+    return JSON.parse(window.localStorage.isAdmin)
+}
+
+//const isAdmon = window.localStorage.getItem('rol') ? true : false
+
+/*router.beforeEach((to, from, next) => {
+
+    if (to.path !== '/login' && !isAuthenticated()) {
+        // eslint-disable-next-line no-console
+        //console.log("Entrando");
+        return next({ name: 'login' })
+    }
+
+    // eslint-disable-next-line no-console
+
+    if (isAuthenticated() && isAdmin() === false && to.path !== '/user') {
+        return next({ name: 'user' })
+    }
+
+    return next()
+})*/
+
+export default router;
@@ -0,0 +1,487 @@
+<template>
+  <div class="container mt-5">
+    <b-overlay :show="page"
+        variant="transparent"
+        opacity="1"
+        blur="5px"
+        no-wrap
+        spinner-variant="primary"
+        rounded="lg"
+        >
+      </b-overlay>
+
+    <b-modal id="session" ref="" hide-footer hide-header>
+            <div class="d-block text-center">
+                <h3>La sesión ha caducado</h3>
+            </div>
+            <b-button class="mt-3" variant="primary" block @click="$router.replace('/login')">¡Llévame al login!</b-button>
+        </b-modal>
+
+    <div v-if="loading" class="container text-center p-5">
+      <b-spinner variant="primary" label="Spinning" class="m-4 p-5"></b-spinner>
+    </div>
+    <div v-else class="d-flex flex-column">
+      <h1 class="text-center">Agregar equipo</h1>
+
+      <h4 class="text-left container-fluid mt-4 pt-2 px-0">
+            Añadir equipos desde archivo excel
+        </h4>
+        <div
+            class="d-flex justify-content-start input-group mb-3"
+        >
+        <b-input-group-append class="py-2 sel-form-add">
+
+          <b-form-file
+          v-model="file"
+          placeholder="Seleccione un excel a cargar..."
+          drop-placeholder="Drop file here..."
+          browse-text="Seleccionar"
+          >
+          </b-form-file>
+          <div class="input-group-append">
+          <button
+            class="btn btn-outline-secondary"
+            type="button"
+            id="inputGroupFileAddon04"
+            v-on:click="cargaMasiva"
+          >
+          Subir
+          </button>
+          </div>
+        </b-input-group-append>
+        </div>
+
+      <h3 class="text-left mt-4">Datos generales:</h3>
+
+      <form
+        class="mb-5 form-add-user pl-0"
+        enctype="multipart/form-data"
+      >
+        <input
+          v-model.number="equipo.noInventario"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Número de inventario:"
+        />
+
+        <input
+        v-model="equipo.noResguardo"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Número de resguardo:"
+        />
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="equipo.idUnidadResponsable"
+        :options="respuesta.unidades"
+        value-field="idUnidadResponsable"
+        text-field="uResponsable">
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Unidad Responsable:</b-select-option>
+          </template>
+        </b-select>
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="equipo.idUbicacion"
+        :options="respuesta.ubicaciones"
+        value-field="idUbicacion"
+        text-field="ubicacion"
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Ubicación:</b-select-option>
+          </template>
+        </b-select>
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="equipo.idUso"
+        :options="respuesta.usos"
+        value-field="idUso"
+        text-field="uso"
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Uso:</b-select-option>
+          </template>
+        </b-select>
+      </form>
+
+    <div>
+        <h3>Equipo:</h3>
+
+      <form
+        class="mb-5 form-add-user pl-0"
+        enctype="multipart/form-data"
+      >
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="equipo.idActivoFijo"
+        :options="respuesta.activosFijos"
+        value-field="idActivoFijo"
+        text-field="activoFijo"
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Tipo de equipo:</b-select-option>
+          </template>
+        </b-select>
+
+        <input
+        v-model="equipo.modelo"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Modelo:"
+        />
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="equipo.idMarca"
+        :options="respuesta.marcas"
+        value-field="idMarca"
+        text-field="marca"        
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disable>Marca:</b-select-option>
+          </template>
+        </b-select>
+        <input
+        v-model="equipo.noSerie"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Número de serie:"
+        />
+        <input
+        v-model="equipo.procesador"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Procesador:"
+        />
+        <input
+        v-model="equipo.vProcesador"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Velocidad del procesador en MHz:"
+        />
+        <input
+        v-model="equipo.hdd"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Memoria ROM en GB:"
+        />
+        <input
+        v-model="equipo.memoriasz"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Memoria RAM en MB:"
+        />
+        <input
+        v-model="equipo.memoria"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Tipo de memoria:"
+        />
+        <input
+        v-model="equipo.vMemoria"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Velocidad de memoria en MHz:"
+        />
+        <input
+          v-model="equipo.graficos"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Gráficos:"
+        />
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="equipo.idOS"
+        :options="respuesta.distros"
+        value-field="idOS"
+        text-field="osname"
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Sistema Operativo:</b-select-option>
+          </template>
+        </b-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>
+
+<script>
+import Swal from 'sweetalert2';
+import axios from 'axios';
+import config from '../config/config';
+
+export default {
+  data() {
+    return {
+      loading: null,
+      file: null,
+      page: false,
+      equipo: {
+        noInventario: null,
+        noResguardo: null,
+        // nombreResponsable: null,
+        idUnidadResponsable: null,
+        idUbicacion: null,
+        idUso: null,
+        idActivoFijo: null,
+        modelo: null,
+        idMarca: null,
+        noSerie: null,
+        procesador: null,
+        vProcesador: null,
+        hdd: null,
+        idOS: null,
+        memoriasz: null,
+        memoria: null,
+        vMemoria: null,
+        graficos: null
+      },
+      respuesta: []
+    }
+  },
+  created() {
+    this.getAll();
+  },
+  methods: {
+    addEquip() {
+      const data = this.equipo;
+        Swal.fire({
+        title: '¿Está seguro de querer añadir este equipo?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3085d6',
+        cancelButtonColor: '#d33',
+        confirmButtonText: 'Sí, estoy seguro',
+        cancelButtonText: 'Cancelar'
+      }).then((result) => {
+        if (result.value) {
+          axios
+          .post(`${config.api}/api/AddEquip`, data, {
+            headers: {
+              token: localStorage.token
+            }
+          })
+          .then(() => {
+            Swal.fire({
+              title: '¡Hecho!',
+              text: 'Equipo agregado correctamente.',
+              icon: 'success'
+            })
+          Object.keys(this.equipo).forEach(key => this.equipo[key] = null);
+          })
+          .catch((error) => {
+            if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            else Swal.fire({
+                  title: '¡Error!',
+                  text: 'No se pudo agregar el equipo al inventario.',
+                  icon: 'error'
+                });
+          })
+        }
+      })
+    },
+
+    getAll() {
+      this.loading = true;
+      axios
+      .get(`${config.api}/api/addEquip`, {
+        headers: {
+          token: localStorage.token
+        }
+      })
+      .then((res) => {
+        // console.log();
+        this.respuesta = res.data;
+        this.loading = false;
+      })
+      .catch(error => {
+        if(error.response.status === 409) {
+            localStorage.clear();
+            this.$bvModal.show('session');
+        }
+      });
+    },
+
+    // previewFile(event) {
+    //         this.file = event.target.files[0]
+    //         // eslint-disable-next-line
+    //         this.$refs.file.innerText = this.file.name
+    //     },  
+        cargaMasiva() {
+            if(!this.file)
+                return Swal.fire({
+                        title: 'Primero seleccione un archivo.',
+                        icon: 'warning',
+                        confirmButtonText: 'Aceptar',
+                        });
+
+            Swal.fire({
+                title: '¿Está seguro de querer subir nuevos equipos?',
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: 'Aceptar',
+                cancelButtonText: 'Cancelar',
+            }).then(result => {
+                if (result.value) {
+                    this.page = true;
+                    let formData = new FormData()
+                    formData.append('equipos', this.file)
+                    axios
+                        .post(`${config.api}/upload/equips`, formData, {
+                            headers: {
+                                'Content-Type': 'multipart/form-data',
+                                token: window.localStorage.getItem('token'),
+                            },
+                        })
+                        .then(() => {
+                            this.page = false;
+                            Swal.fire({
+                                title:
+                                    'Se cargaron los equipos correctamente',
+                                icon: 'success',
+                                confirmButtonText: 'Aceptar',
+                            })
+                            // eslint-disable-next-line
+                        })
+                        .catch(error => {
+                            this.page = false;
+                            if (error.response) {
+                                if(error.response.status === 500)
+                                    Swal.fire({
+                                        title: 'Hubo un error al subir los equipos',
+                                        icon: 'warning',
+                                        confirmButtonText: 'Aceptar',
+                                    })
+                            }
+                            // eslint-disable-next-line
+                        })
+                }
+            })
+        },
+  },
+}
+</script>
+
+<style scoped>
+select {
+    padding: 10px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -o-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    display: block;
+    margin: 30px 0;
+    padding: 10px 50px 10px 10px;
+    background: url('../img/select-triangleb.png') no-repeat 97% center !important;
+    background-color: #FFE4E1!important;
+    cursor: pointer;
+    color: black;
+    border-radius: 2px;
+    border-color: black;
+    background-size: 12px !important;
+}
+.custom-file-input:lang(es) ~ .custom-file-label::after {
+  content: 'Buscar';
+}
+
+.form-add-user input[type='text'],
+.form-add-user input[type='email'],
+.form-add-user input[type='date'] {
+    text-align: left;
+    width: 60%;
+    border: none;
+    border-bottom: 1.5px solid #000;
+    background-color: transparent;
+}
+
+.form-add-user input[type='text']:focus {
+    outline-color: transparent;
+}
+
+.sel-form-add {
+  width: 60%;
+}
+
+#footer {
+    bottom: 0px;
+    position: absolute;
+    width: 100%;
+}
+.separador {
+    width: 100%;
+    background: #2e5795;
+    height: 1rem;
+}
+
+.contenedor-footer {
+    width: 100%;
+}
+.cont-text-foo {
+    font-size: 12px;
+}
+footer {
+    background: #1b3d70;
+}
+@media (max-width: 577px) {
+    .form-add-user input[type='text'],
+    .form-add-user input[type='email'],
+    .form-add-user input[type='date'],
+    .sel-form-add{
+        width: 100%;
+    }
+}
+
+@media (min-width: 578px) and (max-width: 980px) {
+    .form-add-user input[type='text'],
+    .form-add-user input[type='email'],
+    .form-add-user input[type='date'],
+    .sel-form-add{
+        width: 75%;
+    }
+}
+</style>
@@ -0,0 +1,446 @@
+<template>
+  <div class="container mt-5 justify-content-center">
+    <b-overlay :show="page"
+        variant="transparent"
+        opacity="1"
+        blur="5px"
+        no-wrap
+        spinner-variant="primary"
+        rounded="lg"
+        >
+      </b-overlay>
+
+    <b-modal id="session" ref="" hide-footer hide-header>
+            <div class="d-block text-center">
+                <h3>La sesión ha caducado</h3>
+            </div>
+            <b-button class="mt-3" variant="primary" block @click="$router.replace('/login')">¡Llévame al login!</b-button>
+        </b-modal>
+
+    <div v-if="loading" class="container text-center p-5">
+      <b-spinner variant="primary" label="Spinning" class="m-4 p-5"></b-spinner>
+    </div>
+  
+    <div v-else class="d-flex flex-column">       
+      
+      <h1 class="text-center">Agregar impresora</h1>
+
+      <h4 class="text-left container-fluid mt-4 pt-2 px-0">
+            Añadir impresoras desde archivo excel
+        </h4>
+        <div
+            class="d-flex justify-content-start input-group mb-3"
+        >
+        <b-input-group-append class="py-2 sel-form-add">
+
+          <b-form-file
+          v-model="file"
+          placeholder="Seleccione un excel a cargar..."
+          drop-placeholder="Drop file here..."
+          browse-text="Seleccionar"
+          >
+          </b-form-file>
+          <div class="input-group-append">
+          <button
+            class="btn btn-outline-secondary"
+            type="button"
+            id="inputGroupFileAddon04"
+            v-on:click="cargaMasiva"
+          >
+          Subir
+          </button>
+          </div>
+        </b-input-group-append>
+        </div>
+
+      <h3 class="text-left mt-4">Datos generales:</h3>
+        
+      <form
+        class="mb-5 form-add-user pl-0"
+        enctype="multipart/form-data"
+      >
+        <input
+        v-model="printer.noInventario"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Número de inventario:"
+        /> 
+          
+        <input
+        v-model="printer.noResguardo"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Número de resguardo:"
+        /> 
+
+        <!-- <input
+        v-model=""
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Nombre del responsable:"
+        /> -->
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="printer.idUnidadResponsable"
+        :options="respuesta.unidades"
+        value-field="idUnidadResponsable"
+        text-field="uResponsable">
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Unidad Responsable:</b-select-option>
+          </template>
+        </b-select>
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="printer.idUbicacion"
+        :options="respuesta.ubicaciones"
+        value-field="idUbicacion"
+        text-field="ubicacion"
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Ubicación:</b-select-option>
+          </template>
+        </b-select>
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="printer.idUso"
+        :options="respuesta.usos"
+        value-field="idUso"
+        text-field="uso"
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Uso:</b-select-option>
+          </template>
+        </b-select>
+      </form>
+
+    <div>
+        <h3>Impresora</h3> 
+
+        
+
+      <form
+        class="mb-5 form-add-user pl-0"
+        enctype="multipart/form-data"
+      >
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="printer.idTipo"
+        :options="respuesta.tipos"
+        value-field="idTipo"
+        text-field="tipo"
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Tipo de impresora:</b-select-option>
+          </template>
+        </b-select>
+
+        <b-select class="py-2 my-4 sel-form-add"
+        v-model="printer.idMarca"
+        :options="respuesta.marcas"
+        value-field="idMarca"
+        text-field="marca"
+        >
+          <template v-slot:first>
+            <b-select-option :value="null" disabled>Marca:</b-select-option>
+          </template>
+        </b-select>
+
+        <input
+        v-model="printer.modelo"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Modelo:"
+        /> 
+
+        <input
+        v-model="printer.noSerie"
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Número de serie:"
+        />
+
+        <b-textarea
+          v-model="printer.descripcion"
+          class="pb-2 my-4 sel-form-add"
+          placeholder="Descripcion adicional:"
+          rows="3"
+          no-resize
+        ></b-textarea>
+
+      </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>
+
+<script>
+import Swal from 'sweetalert2'
+import axios from 'axios';
+import config from '../config/config';
+
+export default {
+  data() {
+    return {
+      page: false,
+      file: null,
+      loading: true,
+      printer: {
+        noInventario: null,
+        noResguardo: null,
+        // nombreResponsable: null,
+        idUnidadResponsable: null,
+        idUbicacion: null,
+        idUso: null,
+        idTipo: null,
+        modelo: null,
+        idMarca: null,
+        noSerie: null,
+        descripcion: null
+      },
+      respuesta: []
+    }
+  },
+  created() {
+    this.getAll();
+  },
+  methods: {
+    addEquip() {
+      const data = this.printer;
+        Swal.fire({
+        title: '¿Está seguro de querer añadir esta impresora?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3085d6',
+        cancelButtonColor: '#d33',
+        confirmButtonText: 'Sí, estoy seguro',
+        cancelButtonText: 'Cancelar'
+      })
+      .then((result) => {
+        if (result.value) {
+          axios
+          .post(`${config.api}/api/addPrinter`, data, {
+            headers: {
+              token: localStorage.token
+            }
+          })
+          .then(() => {
+            Swal.fire({
+              title: '¡Hecho!',
+              text: 'Impresora agregada correctamente.',
+              icon: 'success'
+            })
+            Object.keys(this.printer).forEach(key => this.printer[key] = null);
+          })
+          .catch((error) => {
+            if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            else Swal.fire({
+                  title: '¡Error!',
+                  text: 'No se pudo agregar la impresora al inventario.',
+                  icon: 'error'
+                });
+          })
+        }
+      })
+    },
+    getAll() {
+      this.loading = true;
+      this.respuesta = [];
+      axios
+      .get(`${config.api}/api/addPrinter`, {
+        headers: {
+          token: localStorage.token
+        }
+      })
+      .then((res) => {
+        this.respuesta = res.data;
+        this.loading = false;
+      })
+      .catch(error => {
+        if(error.response.status === 409) {
+            localStorage.clear();
+            this.$bvModal.show('session');
+        }
+      });
+    },
+    cargaMasiva() {
+            if(!this.file)
+                return Swal.fire({
+                        title: 'Primero seleccione un archivo.',
+                        icon: 'warning',
+                        confirmButtonText: 'Aceptar',
+                        });
+
+            Swal.fire({
+                title: '¿Está seguro de querer subir nuevas impresoras?',
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: 'Aceptar',
+                cancelButtonText: 'Cancelar',
+            }).then(result => {
+                if (result.value) {
+                    this.page = true;
+                    let formData = new FormData()
+                    formData.append('printers', this.file)
+                    axios
+                        .post(`${config.api}/upload/printers`, formData, {
+                            headers: {
+                                'Content-Type': 'multipart/form-data',
+                                token: window.localStorage.getItem('token'),
+                            },
+                        })
+                        .then(() => {
+                            this.page = false;
+                            Swal.fire({
+                                title:
+                                    'Se cargaron los equipos correctamente',
+                                icon: 'success',
+                                confirmButtonText: 'Aceptar',
+                            })
+                            // eslint-disable-next-line
+                        })
+                        .catch(error => {
+                            this.page = false;
+                            if (error.response) {
+                                if(error.response.status === 500)
+                                    Swal.fire({
+                                        title: 'Hubo un error al subir las impresoras',
+                                        icon: 'warning',
+                                        confirmButtonText: 'Aceptar',
+                                    })
+                            }
+                            // eslint-disable-next-line
+                        })
+                }
+            })
+        },
+  },
+}
+</script>
+
+<style scoped>
+select {
+    padding: 10px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -o-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    display: block;
+    margin: 30px 0;
+    padding: 10px 50px 10px 10px;
+    background: url('../img/select-triangleb.png') no-repeat 97% center !important;
+    background-color: #FFE4E1!important;
+    cursor: pointer;
+    color: black;
+    border-radius: 2px;
+    border-color: black;
+    background-size: 12px !important;
+}
+
+.form-add-user input[type='text'],
+.form-add-user input[type='email'],
+.form-add-user input[type='date'] {
+    text-align: left;
+    width: 60%;
+    border: none;
+    border-bottom: 1.5px solid #000;
+    background-color: transparent;
+}
+
+.form-add-user input[type='text']:focus {
+    outline-color: transparent;
+}
+
+.sel-form-add {
+  width: 60%;
+}
+
+#footer {
+    bottom: 0px;
+    position: absolute;
+    width: 100%;
+}
+
+.custom-file-input:lang(es) ~ .custom-file-label::after {
+  content: 'Buscar';
+}
+
+.separador {
+    width: 100%;
+    background: #2e5795;
+    height: 1rem;
+}
+
+.contenedor-footer {
+    width: 100%;
+}
+.cont-text-foo {
+    font-size: 12px;
+}
+footer {
+    background: #1b3d70;
+}
+@media (max-width: 577px) {
+    .form-add-user input[type='text'],
+    .form-add-user input[type='email'],
+    .form-add-user input[type='date'],
+    .sel-form-add{
+        width: 100%;
+    }
+}
+
+@media (min-width: 578px) and (max-width: 980px) {
+    .form-add-user input[type='text'],
+    .form-add-user input[type='email'],
+    .form-add-user input[type='date'],
+    .sel-form-add{
+        width: 75%;
+    }
+}
+</style>
@@ -0,0 +1,141 @@
+<template>
+    <div class="container cont-log-things">
+        <h1 class="serv-title text-center">Sistema de censo</h1>
+
+        <div
+            class="input-group mb-3 col-12 col-sm-9 col-md-8 col-lg-5 my-4 mx-auto"
+        >
+            <div class="input-group-prepend px-auto gp-inp">
+                <span class="input-group-text icon-login-form pl-3 pr-0">
+                    <font-awesome-icon icon="user" class="user-icon-input" />
+                </span>
+            </div>
+            <input
+                type="email"
+                v-on:keyup.enter="onLogin()"
+                v-model="name"
+                class="form-control input-login-form shadow-none py-4"
+                placeholder="Usuario"
+            />
+        </div>
+
+        <div class="input-group mb-3 col-12 col-sm-9 col-md-8 col-lg-5 my-auto mx-auto">
+            
+            <div class="input-group-prepend px-auto gp-inp">
+                <span class="input-group-text icon-login-form pl-3 pr-0">
+                    <font-awesome-icon icon="lock" class="user-icon-input" />
+                </span>
+            </div>
+            
+            <input
+                type="password"
+                v-on:keyup.enter="onLogin()"
+                v-model="password"
+                class="form-control input-login-form shadow-none py-4"
+                placeholder="Contraseña"
+            />
+        
+        </div>
+
+        <div class="d-flex justify-content-center">
+            <button
+                v-on:click="onLogin()"
+                class="btn btn-success btn-login mt-4"
+            >
+                Iniciar Sesión
+            </button>
+        </div>
+
+        <div
+            class="alert alert-danger mt-4 mx-auto text-center"
+            style="display: none; width:80%"
+            id="alertErr"
+            role="alert"
+        >
+            Usuario o contraseña incorrectos.
+        </div>
+    </div>
+</template>
+
+<script>
+import config from "../config/config";
+import axios from "axios";
+
+ export default {
+   data() {
+     return {
+        name: '',
+        password: '',
+     };
+   },
+   methods: {
+     onLogin() {
+            /* eslint-disable no-console */
+
+            const data = {
+                name: this.name,
+                password: this.password,
+            }
+
+            axios
+                .post(`${config.api}/login`, data)
+                .then(res => {
+                    if (res.status == 200) {
+                        
+                            localStorage.setItem('isAdmin', (res.data.user.isAdmin));
+                            localStorage.setItem('token', res.data.token);
+                            localStorage.setItem('user', res.data.user.userName);
+                            localStorage.setItem(
+                                'idAdmin',
+                                res.data.user.idAdmin
+                            );
+                            this.$router.replace('/user');
+                        
+                    }
+                })
+                .catch(function(err) {
+                    var alertErr = document.getElementById('alertErr')
+                    alertErr.style.display = 'block'
+                })
+        },
+   },
+ };
+
+
+</script>
+
+<style scoped>
+.btn-login {
+    width: 170px;
+    height: 45px;
+}
+.input-login-form {
+    border: 0;
+    border-top: 1px solid #bdbdbd;
+    border-right: 1px solid #bdbdbd;
+    border-bottom: 1px solid #bdbdbd;
+    height: 40px;
+    padding-left: 10px;
+    outline: 0;
+}
+
+.icon-login-form {
+    border: 0;
+    border-top: 1px solid #bdbdbd;
+    border-left: 1px solid #bdbdbd;
+    border-bottom: 1px solid #bdbdbd;
+    width: 40px;
+    background-color: #fff;
+    color: #bdbdbd;
+}
+
+.cont-log-things {
+    padding: 30px;
+    margin-top: 15px;
+}
+@media (max-width: 350px) {
+    .serv-title text-center {
+        font-size: 25px;
+    }
+}
+</style>
@@ -0,0 +1,489 @@
+<template>
+  <div class="container mt-5">
+
+    <b-modal id="session" ref="" hide-footer hide-header>
+            <div class="d-block text-center">
+                <h3>La sesión ha caducado</h3>
+            </div>
+            <b-button class="mt-3" variant="primary" block @click="$router.replace('/login')">¡Llévame al login!</b-button>
+        </b-modal>
+    
+    <b-modal id="status" ref="" hide-footer hide-header>
+            <div class="d-block text-center">
+                <h3>Error.</h3>
+                <br>
+                <h6>Regrese y seleccione una fila para editar los campos.</h6>
+            </div>
+            <b-button class="mt-3" variant="primary" block @click="$router.replace('/user')">Regresar al inicio.</b-button>
+        </b-modal>
+
+    <div v-if="loading" class="container text-center p-5">
+      <b-spinner variant="primary" label="Spinning" class="m-4 p-5"></b-spinner>
+    </div>
+  
+    <div v-else class="d-flex flex-column">           
+        <h1 class="text-center">Editar información del equipo</h1>
+
+        <h3 class="text-left mt-4 mb-5">Datos generales:</h3>
+                
+      <form
+        class="mb-5 form-add-user pl-0"
+        enctype="multipart/form-data"
+      >
+        <h6 class="mb-3"> Numero de inventario:</h6>
+        <input
+        v-model="noInventarioAdd"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        /> 
+          
+        <h6 class="mb-3"> Numero de resguardo:</h6>
+        <input
+        v-model="equipo.noResguardo"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        /> 
+
+        <!-- <input
+        v-model="equipo."
+          type="text"
+          class="pb-2 my-4"
+          placeholder="Introduzca el campo nuevo:"
+        /> -->
+
+        <h6 class="mb-3"> Unidad responsable:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="equipo.idUnidadResponsable"
+        :options="respuesta.unidades"
+        value-field="idUnidadResponsable"
+        text-field="uResponsable">
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Unidad Responsable:</b-select-option>
+          </template> -->
+        </b-select>
+
+        <h6 class="mb-3"> Ubicación:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="equipo.idUbicacion"
+        :options="respuesta.ubicaciones"
+        value-field="idUbicacion"
+        text-field="ubicacion"
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Ubicación:</b-select-option>
+          </template> -->
+        </b-select>
+
+        <h6 class="mb-3"> Uso:</h6>
+        <b-select class="py-2 mb-3 sel-form-add mt-0"
+        v-model="equipo.idUso"
+        :options="respuesta.usos"
+        value-field="idUso"
+        text-field="uso"
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Uso:</b-select-option>
+          </template> -->
+        </b-select>
+      </form>
+
+    <div>
+        <h3 class="mb-5">Equipo:</h3>
+
+      <form
+        class="mb-5 form-add-user pl-0"
+        enctype="multipart/form-data"
+      >
+        <h6 class="mb-3"> Tipo de equipo:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="equipo.idActivoFijo"
+        :options="respuesta.activosFijos"
+        value-field="idActivoFijo"
+        text-field="activoFijo"
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Tipo de equipo:</b-select-option>
+          </template> -->
+        </b-select>
+
+        <h6 class="mb-3"> Modelo:</h6>
+        <input
+        v-model="equipo.modelo"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+        
+        <h6 class="mb-3"> Marca:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="equipo.idMarca"
+        :options="respuesta.marcas"
+        value-field="idMarca"
+        text-field="marca"        
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disable>Marca:</b-select-option>
+          </template> -->
+        </b-select>
+
+        <h6 class="mb-3"> Número de serie:</h6>
+        <input
+        v-model="equipo.noSerie"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+
+        <h6 class="mb-3"> Procesador:</h6>
+        <input
+        v-model="equipo.procesador"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+        <h6 class="mb-3"> Velocidad del procesador en MHz:</h6>
+        <input
+        v-model="equipo.vProcesador"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+        <h6 class="mb-3"> Memoria ROM en GB:</h6>
+        <input
+        v-model="equipo.hdd"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+        <h6 class="mb-3"> Memoria RAM en MB:</h6>
+        <input
+        v-model="equipo.memoriasz"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+        <h6 class="mb-3"> Tipo de memoria:</h6>
+        <input
+        v-model="equipo.memoria"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+        <h6 class="mb-3"> Velocidad de memoria en MHz:</h6>
+        <input
+        v-model="equipo.vMemoria"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+        <h6 class="mb-3"> Gráficos:</h6>
+        <input
+          v-model="equipo.graficos"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+        <h6 class="mb-3"> Sistema operativo:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="equipo.idOS"
+        :options="respuesta.distros"
+        value-field="idOS"
+        text-field="osname"
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Sistema Operativo:</b-select-option>
+          </template> -->
+        </b-select>
+
+      </form>
+
+              </div>
+              
+              <div class="">
+                
+                <button
+                    class="btn btn-lg btn-primary"
+                    @click="$router.push('./user')"
+                >
+                  Regresar
+                </button>
+                <button
+                  class="btn btn-lg btn-danger mx-3"
+                  @click.prevent="deleteEquip(equipo.noInventario)"  
+                >
+                  Eliminar
+                </button>
+                <button
+                  class="btn btn-lg btn-success mt-3 mt-sm-0"
+                  @click.prevent="saveChanges()"  
+                >
+                  Guardar cambios
+                </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>
+
+<script>
+import Swal from 'sweetalert2'
+import axios from 'axios'
+import config from '../config/config'
+
+export default {
+  data() {
+    return {
+      loading: true,
+      status: null,
+      equipo: {},
+      respuesta: {},
+      noInventarioAdd: null
+    }
+  },
+  created() {
+    this.getEquipo();
+  },
+  methods: {
+    getEquipo(){
+      const params = { noInventario: localStorage.noInventario };
+      this.loading = true;
+      axios
+      .get(`${config.api}/api/updateEquip`, {
+        params,
+        headers: {
+          token: localStorage.token
+        }
+      })
+      .then( res => {
+        this.equipo = res.data.equipo[0];
+        this.noInventarioAdd = this.equipo.noInventario;
+        this.getAll();
+        this.loading = false;
+      })
+      .catch(error => {
+        if(error.response.status === 409) {
+          localStorage.clear();
+          this.$bvModal.show('session');
+        }
+        if(error.response.status === 500)
+          this.$bvModal.show('status');
+      });
+    },
+    getAll() {
+      this.loading = true;
+      axios
+      .get(`${config.api}/api/addEquip`, {
+        headers: {
+          token: localStorage.token
+        }
+      })
+      .then((res) => {
+        this.respuesta = res.data;
+        this.loading = false;
+      })
+      .catch(error => {
+        if(error.response.status === 409) {
+            localStorage.clear();
+            this.$bvModal.show('session');
+        }
+      });
+    },
+    saveChanges() {
+        Swal.fire({
+        title: '¿Está seguro de querer guardar los cambios?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3085d6',
+        cancelButtonColor: '#d33',
+        confirmButtonText: 'Sí, estoy seguro',
+        cancelButtonText: 'Cancelar'
+      }).then((result) => {
+        if (result.value) {
+          this.equipo.noInventarioAdd = this.noInventarioAdd;
+          axios
+          .put(`${ config.api }/api/updateEquip`, this.equipo, {
+            headers: {
+              token: localStorage.token
+            }
+          })
+          .then(() => {
+            Swal.fire({
+              title: '¡Hecho!',
+              text: 'Equipo actualizado con éxito.',
+              icon: 'success'
+            })
+          })
+          .catch(error => {
+            if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            else Swal.fire({
+                  title: '¡Error!',
+                  text: 'No se pudo actualizar el equipo en el inventario.',
+                  icon: 'error'
+                });
+          })
+        }
+      })
+    },
+    deleteEquip(noInventario) {
+        Swal.fire({
+        title: '¿Está seguro de querer eliminar este equipo?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3085d6',
+        cancelButtonColor: '#d33',
+        confirmButtonText: 'Sí, estoy seguro',
+        cancelButtonText: 'Cancelar'
+      }).then((result) => {
+        if (result.value) {
+          axios({
+            baseURL: `${ config.api }/api/updateEquip`,
+            method: 'delete',
+            headers: { token: localStorage.token },
+            data: { noInventario }
+          })
+          .then(() => {
+            Swal.fire({
+              title: '¡Hecho!',
+              text: 'Equipo eliminado con éxito.',
+              icon: 'success'
+            })
+            localStorage.removeItem('noInventario');
+            this.$router.replace('/user');
+          })
+          .catch(error => {
+            if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            else Swal.fire({
+                  title: '¡Error!',
+                  text: 'No se pudo eliminar el equipo en el inventario.',
+                  icon: 'error'
+                });
+          })
+        }
+      })
+    }
+  },
+}
+</script>
+
+<style scoped>
+.p-text-sty {
+  font-weight:bold;
+}
+input[type='text'] {
+  color: grey;
+}
+select {
+    padding: 10px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -o-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    display: block;
+    margin: 30px 0;
+    padding: 10px 50px 10px 10px;
+    background: url('../img/select-triangleb.png') no-repeat 97% center !important;
+    /* background-color: #5c9cd8 !important; */
+    cursor: pointer;
+    background-color: #FFE4E1!important;
+    color: black;
+    border-radius: 2px;
+    border-color: black;
+    background-size: 12px !important;
+}
+
+.form-add-user input[type='text'],
+.form-add-user input[type='email'],
+.form-add-user input[type='date'] {
+    text-align: left;
+    width: 60%;
+    border: none;
+    border-bottom: 1.5px solid #000;
+    background-color: transparent;
+}
+
+.form-add-user input[type='text']:focus {
+    outline-color: transparent;
+}
+
+.sel-form-add {
+  width: 60%;
+}
+
+.sel-form-add option {
+  
+}
+/* .sel-form-add > option{
+  background-color: black!important;
+} */
+#footer {
+    bottom: 0px;
+    position: absolute;
+    width: 100%;
+}
+.separador {
+    width: 100%;
+    background: #2e5795;
+    height: 1rem;
+}
+
+.contenedor-footer {
+    width: 100%;
+}
+.cont-text-foo {
+    font-size: 12px;
+}
+footer {
+    background: #1b3d70;
+}
+@media (max-width: 577px) {
+    .form-add-user input[type='text'],
+    .form-add-user input[type='email'],
+    .form-add-user input[type='date'],
+    .sel-form-add{
+        width: 100%;
+    }
+}
+
+@media (min-width: 578px) and (max-width: 980px) {
+    .form-add-user input[type='text'],
+    .form-add-user input[type='email'],
+    .form-add-user input[type='date'],
+    .sel-form-add{
+        width: 75%;
+    }
+}
+</style>
@@ -0,0 +1,431 @@
+<template>
+  <div class="container mt-5">
+
+    <b-modal id="session" ref="" hide-footer hide-header>
+            <div class="d-block text-center">
+                <h3>La sesión ha caducado</h3>
+            </div>
+            <b-button class="mt-3" variant="primary" block @click="$router.replace('/login')">¡Llévame al login!</b-button>
+        </b-modal>
+    
+    <b-modal id="status" ref="" hide-footer hide-header>
+            <div class="d-block text-center">
+                <h3>Error.</h3>
+                <br>
+                <h6>Regrese y seleccione una fila para editar los campos.</h6>
+            </div>
+            <b-button class="mt-3" variant="primary" block @click="$router.replace('/user')">Regresar al inicio.</b-button>
+        </b-modal>
+
+    <div v-if="loading" class="container text-center p-5">
+      <b-spinner variant="primary" label="Spinning" class="m-4 p-5"></b-spinner>
+    </div>
+  
+    <div v-else class="d-flex flex-column">           
+        <h1 class="text-center">Editar información la impresora</h1>
+
+        <h3 class="text-left mt-4 mb-5">Datos generales:</h3>
+                
+      <form
+        class="mb-5 form-add-user pl-0"
+        enctype="multipart/form-data"
+      >
+      <h6>Número de inventario:</h6>
+        <input
+        v-model="noInventarioAdd"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        /> 
+        
+        <h6>Número de resguardo:</h6>
+        <input
+        v-model="printer.noResguardo"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        /> 
+
+        <!-- <input
+        v-model="equipo."
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        /> -->
+
+      <h6 class="mb-3">Unidad Responsable:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="printer.idUnidadResponsable"
+        :options="respuesta.unidades"
+        value-field="idUnidadResponsable"
+        text-field="uResponsable">
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Unidad Responsable:</b-select-option>
+          </template> -->
+        </b-select>
+
+        <h6 class="mb-3">Ubicación:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="printer.idUbicacion"
+        :options="respuesta.ubicaciones"
+        value-field="idUbicacion"
+        text-field="ubicacion"
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Ubicación:</b-select-option>
+          </template> -->
+        </b-select>
+
+        <h6 class="mb-3">Uso:</h6>
+        <b-select class="py-2 mb-0 sel-form-add mt-0"
+        v-model="printer.idUso"
+        :options="respuesta.usos"
+        value-field="idUso"
+        text-field="uso"
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Uso:</b-select-option>
+          </template> -->
+        </b-select>
+      </form>
+
+    <div>
+        <h3 class="mt-3">Impresora:</h3>
+
+      <form
+        class="my-5 form-add-user pl-0"
+        enctype="multipart/form-data"
+      >
+        <h6 class="mb-3">Tipo de impresora:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="printer.idTipo"
+        :options="respuesta.tipos"
+        value-field="idTipo"
+        text-field="tipo"
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Tipo de impresora:</b-select-option>
+          </template> -->
+        </b-select>
+
+        <h6  class="mb-3">Marca:</h6>
+        <b-select class="py-2 mb-5 sel-form-add mt-0"
+        v-model="printer.idMarca"
+        :options="respuesta.marcas"
+        value-field="idMarca"
+        text-field="marca"
+        >
+          <!-- <template v-slot:first>
+            <b-select-option :value="null" disabled>Marca:</b-select-option>
+          </template> -->
+        </b-select>
+
+        <h6>Modelo:</h6>
+        <input
+        v-model="printer.modelo"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        /> 
+
+        <h6>Número de serie:</h6>
+        <input
+        v-model="printer.noSerie"
+          type="text"
+          class="pb-2 mb-5"
+          placeholder="Introduzca el campo nuevo:"
+        />
+
+        <h6 class="mb-3">Descripcion adicional:</h6>
+        <b-textarea
+          v-model="printer.descripcion"
+          class="pb-2 mb-5 sel-form-add"
+          placeholder="Introduzca la descripción nueva:"
+          rows="3"
+          no-resize
+        ></b-textarea>
+
+      </form>
+
+              </div>
+              
+              <div class="">
+                
+                <button
+                    class="btn btn-lg btn-primary"
+                    @click="$router.push('./user')"
+                >
+                  Regresar
+                </button>
+                <button
+                  class="btn btn-lg btn-danger mx-3"
+                  @click.prevent="deletePrinter(printer.noInventario)"  
+                >
+                  Eliminar
+                </button>
+                <button
+                  class="btn btn-lg btn-success mt-3 mt-sm-0"
+                  @click.prevent="saveChanges()" 
+                >
+                  Guardar cambios
+                </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>
+
+<script>
+import Swal from 'sweetalert2'
+import axios from 'axios'
+import config from '../config/config'
+
+export default {
+  data() {
+    return {
+      loading: true,
+      status: null,
+      printer: {},
+      respuesta: {},
+      noInventarioAdd: null
+    }
+  },
+  created() {
+    this.getPrinter();
+  },
+  methods: {
+    getPrinter(){
+      const params = { noInventario: localStorage.noInventario };
+      this.loading = true;
+      axios
+      .get(`${config.api}/api/updatePrinter`, {
+        params,
+        headers: {
+          token: localStorage.token
+        }
+      })
+      .then( res => {
+        this.printer = res.data.printer[0];
+        this.noInventarioAdd = this.printer.noInventario;
+        this.getAll();
+        this.loading = false;
+      })
+      .catch(error => {
+        if(error.response.status === 409) {
+          localStorage.clear();
+          this.$bvModal.show('session');
+        }
+        if(error.response.status === 500)
+          this.$bvModal.show('status');
+      });
+    },
+    getAll() {
+      this.loading = true;
+      axios
+      .get(`${config.api}/api/addPrinter`, {
+        headers: {
+          token: localStorage.token
+        }
+      })
+      .then((res) => {
+        this.respuesta = res.data;
+        this.loading = false;
+      })
+      .catch(error => {
+        if(error.response.status === 409) {
+            localStorage.clear();
+            this.$bvModal.show('session');
+        }
+      });
+    },
+    saveChanges() {
+        Swal.fire({
+        title: '¿Está seguro de querer guardar los cambios?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3085d6',
+        cancelButtonColor: '#d33',
+        confirmButtonText: 'Sí, estoy seguro',
+        cancelButtonText: 'Cancelar'
+      }).then((result) => {
+        if (result.value) {
+          this.printer.noInventarioAdd = this.noInventarioAdd;
+          axios
+          .put(`${ config.api }/api/updatePrinter`, this.printer, {
+            headers: {
+              token: localStorage.token
+            }
+          })
+          .then(() => {
+            Swal.fire({
+              title: '¡Hecho!',
+              text: 'Impresora actualizada con éxito.',
+              icon: 'success'
+            })
+          })
+          .catch(error => {
+            if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            else Swal.fire({
+                  title: '¡Error!',
+                  text: 'No se pudo actualizar la impresora en el inventario.',
+                  icon: 'error'
+                });
+                console.log(error);
+          })
+        }
+      })
+    },
+    deletePrinter(noInventario) {
+        Swal.fire({
+        title: '¿Está seguro de querer eliminar esta impresora?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3085d6',
+        cancelButtonColor: '#d33',
+        confirmButtonText: 'Sí, estoy seguro',
+        cancelButtonText: 'Cancelar'
+      }).then((result) => {
+        if (result.value) {
+          axios({
+            baseURL: `${ config.api }/api/updatePrinter`,
+            method: 'delete',
+            headers: { token: localStorage.token },
+            data: { noInventario }
+          })
+          .then(() => {
+            Swal.fire({
+              title: '¡Hecho!',
+              text: 'Impresora eliminada con éxito.',
+              icon: 'success'
+            })
+            localStorage.removeItem('noInventario');
+            this.$router.replace('/user');
+          })
+          .catch(error => {
+            if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            else Swal.fire({
+                  title: '¡Error!',
+                  text: 'No se pudo actualizar la impresora en el inventario.',
+                  icon: 'error'
+                });
+          })
+        }
+      })
+    }
+  },
+}
+</script>
+
+<style scoped>
+input[type='text'] {
+  color: grey;
+}
+select {
+    padding: 10px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -o-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    display: block;
+    margin: 30px 0;
+    padding: 10px 50px 10px 10px;
+    background: url('../img/select-triangleb.png') no-repeat 97% center !important;
+    cursor: pointer;
+    background-color: #FFE4E1!important;
+    color: black;
+    border-radius: 2px;
+    border-color: black;
+    background-size: 12px !important;
+}
+select option:hover {
+  background-color: yellow!important;
+}
+
+.form-add-user input[type='text'],
+.form-add-user input[type='email'],
+.form-add-user input[type='date'] {
+    text-align: left;
+    width: 60%;
+    border: none;
+    border-bottom: 1.5px solid #000;
+    background-color: transparent;
+}
+
+.form-add-user input[type='text']:focus {
+    outline-color: transparent;
+}
+
+.sel-form-add {
+  width: 60%;
+}
+
+#footer {
+    bottom: 0px;
+    position: absolute;
+    width: 100%;
+}
+.separador {
+    width: 100%;
+    background: #2e5795;
+    height: 1rem;
+}
+
+.contenedor-footer {
+    width: 100%;
+}
+.cont-text-foo {
+    font-size: 12px;
+}
+footer {
+    background: #1b3d70;
+}
+@media (max-width: 577px) {
+    .form-add-user input[type='text'],
+    .form-add-user input[type='email'],
+    .form-add-user input[type='date'],
+    .sel-form-add{
+        width: 100%;
+    }
+}
+
+@media (min-width: 578px) and (max-width: 980px) {
+    .form-add-user input[type='text'],
+    .form-add-user input[type='email'],
+    .form-add-user input[type='date'],
+    .sel-form-add{
+        width: 75%;
+    }
+}
+</style>
@@ -0,0 +1,621 @@
+<template>
+    <div>
+        <b-modal id="session" ref="" hide-footer hide-header>
+            <div class="d-block text-center">
+                <h3>La sesión ha caducado</h3>
+            </div>
+            <b-button class="mt-3" variant="primary" block @click="$router.replace('/login')">¡Llévame al login!</b-button>
+        </b-modal>
+
+        <div class="container mt-5">
+            <div class="justify-content-center d-flex">           
+                <h1 class="justify-content-center">Sistema de censo</h1>
+            </div>
+                
+            <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="my-3">Se observan {{ datosmios.length }} registros de un total de {{ respuesta.length }}</div>
+            <div class="row m-0 mt-1 mb-4">
+                <div class="row d-flex flex-wrap">
+                    <div class="input-group pl-3 col-12 col-md-4">
+                        <div class="input-group-prepend">
+                            <span class="input-group-text" id="basic-addon1">
+                                <font-awesome-icon icon="search" class="user-icon-input" />
+                            </span>
+                        </div>
+                        <input 
+                            type="text"
+                            id="Inventario"
+                            v-on:keyup="extraeInventario()"
+                            class="form-control input-login-form shadow-none"
+                            placeholder="Número de inventario ó de serie"
+                        />  <!-- https://www.tutorialesprogramacionya.com/vueya/detalleconcepto.php?punto=7&codigo=7&inicio=0 -->
+                    </div>
+                    
+                    <div class="d-flex flex-wrap my-1">
+                        <div class="col-md-2 col-12 mt-3" v-show="pcView">
+                            <select
+                                name="tipo"
+                                id="tipo"
+                                @change="buscaValor()"
+                                class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Tipo</option>
+                                    <option v-for="opcion1 in tipo" :key="opcion1.idActivoFijo" :value='opcion1.activoFijo'>{{opcion1.activoFijo}}</option>
+                            </select>
+                        </div>
+
+                        <div class="col-md-2 col-12 mt-3" v-show="!pcView">
+                            <select
+                                name="tipo"
+                                id="tipo"
+                                @change="buscaValor()"
+                                class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Tipo</option>
+                                    <option v-for="opcion in tipoPrinters" :key="opcion.tipo" :value='opcion.tipo'>{{opcion.tipo}}</option>
+                            </select>
+                        </div>
+
+                        <div class="col-md-2 col-12 mt-3">
+                            <select name="Ubica" id="Ubica" 
+                            @change="buscaUbica()"
+                            class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Ubicación</option>
+                                <option v-for="opcion in Ubica" :key="opcion.ubicacion" :value='opcion.ubicacion'>{{opcion.ubicacion}}</option>
+                            </select>
+                        </div>
+
+                        <div class="col-md-2 col-12 mt-3" v-show="pcView">
+                            <select name="Procesador" id="Procesador" 
+                            @change="buscaProcesador()"
+                            class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Procesador</option>
+                                <option v-for="opcion in procesa" :key="opcion.procesa" :value='opcion.procesa'>{{opcion.procesa}}</option>
+                            </select>
+                        </div>
+                        
+                        <div class="col-md-2 col-12 mt-3" v-show="pcView">
+                            <select name="SisOper" id="SisOper" 
+                            @change="buscaSisOper()"
+                            class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Sistema Operativo</option>
+                                <option v-for="opcion in os" :key="opcion.osname" :value='opcion.osname'>{{opcion.osname}}</option>
+                            </select>
+                        </div>
+
+                        <div class="col-md-2 col-12 mt-3">
+                            <select name="Uso" id="Uso" 
+                            @change="buscaUso()"
+                            class="form-control select-login-form shadow-none">
+                                <option value="Todos" selected>Uso</option>
+                                <option v-for="opcion in uso" :key="opcion.uso" :value='opcion.uso'>{{opcion.uso}}</option>
+                            </select>
+                        </div>
+                        
+
+                    </div>
+                </div>
+            </div>
+            
+            <div v-if="pcView" class="table-responsive table-fixed text-nowrap justify-content-md-center"
+                style="max-height: 350px;">
+                <table :class="['table', 'table-sm', 'text-center', { 'table-hover': admin(), 't-hov': admin() }]" style="font-size:14px">
+                    <thead class="thead-light text-uppercase">
+                        <tr>
+                            <th v-for="pcHead in pcHeads" :key="pcHead" class="sticky-top">{{ pcHead }}</th>
+                        </tr>
+                    </thead>
+                    <!-- <tbody class="overflow-auto thov"  v-for="item in respuesta" :key="item.noInventario">
+                        <tr @click="watchRow(item.noInventario)">
+                            <td class="text-primary">{{ item.noInventario }}</td> -->
+
+                    <!-- <tbody class="overflow-auto thov"  v-for="item in respuesta" :key="item.noInventario">
+                        <tr @click="watchRow(item.noInventario)" 
+                            v-if="(seleccionado == item.activoFijo || seleccionado == '0')  -->
+                    <tbody class="overflow-auto thov"  v-for="item in datosmios" :key="item.noInventario">
+                        <tr @click="watchRow(item.noInventario)" > 
+                                <!-- https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/Useful_string_methods -->
+                            <td class="text-primary">{{ item.noInventario }}</td>
+                            <td>{{ item.activoFijo }}</td>
+                            <td>{{ item.modelo }}</td>
+                            <td>{{ item.marca }}</td>
+                            <td>{{ item.noSerie }}</td>
+                            <td>{{ item.procesador }}</td>
+                            <td>{{ item.vProcesador }}</td>
+                            <td>{{ item.hdd }}</td>
+                            <td>{{ item.memoriasz }}</td>
+                            <td>{{ item.memoria }}</td>
+                            <td>{{ item.vMemoria }}</td>
+                            <td>{{ item.graficos }}</td>
+                            <td>{{ item.osname }}</td>
+                            <td>{{ item.noResguardo }}</td>
+                            <td>{{ item.uResponsable }}</td>
+                            <td>{{ item.nombreResponsable }}</td>
+                            <td>{{ item.ubicacion }}</td>
+                            <td>{{ item.uso }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+                <br>
+                <div class="text-center">
+                    <b-spinner variant="primary" label="Spinning" v-if="loading"></b-spinner>
+                </div>
+            </div>
+
+            <div v-else class="table-responsive table-fixed text-nowrap justify-content-md-center"
+                id="myTableStyle">
+                <table :class="['table', 'table-sm', 'text-center', { 't-hov': admin(),  'table-hover': admin()}]">
+                    <thead class="thead-light text-uppercase">
+                        <tr>
+                            <th v-for="printerHead in printerHeads" :key="printerHead" class="sticky-top">{{ printerHead }}</th>
+                        </tr>
+                    </thead>
+                    <!-- <tbody v-for="item in respuesta" :key="item.noInventario">
+                        <tr @click="watchRow(item.noInventario)"> -->
+
+                    <!-- <tbody v-for="item in respuesta" :key="item.noInventario">
+                        <tr @click="watchRow(item.noInventario)" v-if="seleccionado == item.tipo || seleccionado == '0'"> -->
+                            
+                    <tbody v-for="item in datosmios" :key="item.noInventario">
+                        <tr @click="watchRow(item.noInventario)" 
+                            >
+                            <!-- https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/Useful_string_methods -->
+                            <td class="text-primary">{{ item.noInventario }}</td>
+                            <td>{{ item.tipo }}</td>
+                            <td>{{ item.modelo }}</td>
+                            <td>{{ item.marca }}</td>
+                            <td>{{ item.noSerie }}</td>
+                            <td>{{ item.descripcion }}</td>
+                            <td>{{ item.noResguardo }}</td>
+                            <td>{{ item.uResponsable }}</td>
+                            <td>{{ item.nombreResponsable }}</td>
+                            <td>{{ item.ubicacion }}</td>
+                            <td>{{ item.uso }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+                <br>
+                <div class="text-center">
+                        <b-spinner variant="primary" label="Spinning" v-if="loading"></b-spinner>
+                    </div>
+            </div>
+
+                <button 
+                    v-on:click="onDescarga(respuesta)"
+                    class="btn btn-lg btn-success mt-3">Descargar
+                </button>
+        </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>
+
+<script>
+import axios from 'axios';
+import config from '../config/config';
+// import Swal from 'sweetalert2'
+/*import strinify from "csv-stringify";
+import fs from "file-system";
+*/
+import MiXLSX from 'xlsx';
+
+export default {
+    data() {
+        return {
+            loading: null,
+            pcView: true,
+            alternativeView: 'Ver impresoras',
+            pcHeads: [
+                "Inventario",
+                "Tipo",
+                "Modelo",
+                "Marca",
+                "Serie",
+                "Procesador",
+                "Velocidad de procesador (MHz)",
+                "ROM (GB)",
+                "RAM (MB)",
+                "Tipo de memoria",
+                "Velocidad de memoria (MHz)",
+                "Gráficos",
+                "Sistema operativo",
+                "Resguardo",
+                "Unidad responsable",
+                "Responsable",
+                "Ubicación",
+                "Uso"
+            ],
+            printerHeads: [
+                "Inventario",
+                "Tipo",
+                "Modelo",
+                "Marca",
+                "Serie",
+                "Descripción adicional",
+                "Resguardo",
+                "Unidad Responsable",
+                "Responsable",
+                "Ubicacion",
+                "Uso",
+            ],
+            respuesta: [],
+            datosmios: [],
+            tipo: [],
+            Ubica: [],
+            uso: [],
+            procesa: [],
+            os: [],
+            tipoPrinters: [],
+            seleccionado: String,
+            seleccionadoUbica: String,
+            seleccionadoUso: String,
+            seleccionadoProcesador: String,
+            seleccionadoOS: String,
+            miNoInventario: String,
+            file: null
+        }
+    },
+
+    created() {
+        this.getComputers();
+        this.traetipo();
+        this.traeUbica();
+        this.traeUso();
+        this.traeProcesador();
+        this.traeOS();
+        this.seleccionado = "Todos";
+        this.seleccionadoUbica = "Todos";
+        this.seleccionadoUso = "Todos";
+        this.seleccionadoProcesador = "Todos";
+        this.seleccionadoOS = "Todos";
+        this.miNoInventario = "";
+        this.contador = 0;
+    },
+
+    methods: {
+        async getComputers() {
+            this.loading = true;
+            this.respuesta = [];
+            this.datosmios = [];
+            const localToken = window.localStorage.token;
+            axios.get(`${ config.api }/api/computers`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => {
+                this.respuesta = res.data.equipo;
+                this.loading = false;
+            })
+            .catch((error) => {
+                if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            });
+            axios.get(`${ config.api }/api/computers`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => {
+                this.datosmios = res.data.equipo;
+                this.loading = false;
+            })
+            .catch((error) => {
+                if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            });
+        },
+        async getPrinters() {
+            this.loading = true;
+            this.respuesta = [];
+            this.datosmios = [];
+            const localToken = window.localStorage.token;
+            axios.get(`${ config.api }/api/printers`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => {
+                this.respuesta = res.data.printers;
+                this.loading = false;
+            })
+            .catch(error => {
+                console.log(error.response);
+                if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            });
+            axios.get(`${ config.api }/api/printers`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => {
+                this.datosmios = res.data.printers;
+                this.loading = false;
+            })
+            .catch(error => {
+                console.log(error.response);
+                if(error.response.status === 409) {
+                    localStorage.clear();
+                    this.$bvModal.show('session');
+                }
+            });
+        },
+        watchRow(noInventario) {
+            localStorage.setItem('noInventario', noInventario);
+            if(this.pcView)
+                this.$router.push('./updateEquip');
+            else
+                this.$router.push('./updatePrinter');
+        },
+        async traetipo(){
+            const localToken = window.localStorage.token;
+            axios.get(`${ config.api }/api/tipo`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => this.tipo = res.data.tipo)
+            .catch(err => console.log(err));
+        },
+        async traeUbica(){
+            const localToken = window.localStorage.token;
+            axios.get(`${ config.api }/api/ubica`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => this.Ubica = res.data.ubica)
+            .catch(err => console.log(err));
+        },
+        async traeUso(){
+            const localToken = window.localStorage.token;
+            axios.get(`${ config.api }/api/uso`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => this.uso = res.data.uso)
+            .catch(err => console.log(err));
+        },
+        async traeOS(){
+            const localToken = window.localStorage.token;
+            axios.get(`${ config.api }/api/sisoper`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => this.os = res.data.sisoper)
+            .catch(err => console.log(err));
+        },
+        async traeProcesador(){
+            const localToken = window.localStorage.token;
+            axios.get(`${ config.api }/api/procesador`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => this.procesa = res.data.procesador)
+            .catch(err => console.log(err));
+        },
+        async traetipoImpresora(){
+            const localToken = window.localStorage.token;
+            axios.get(`${ config.api }/api/tipoPrinters`, {
+                headers: {
+                    token: localToken
+                }
+            })
+            .then(res => this.tipoPrinters = res.data.tipoPrinters)
+            .catch(err => console.log(err));
+        },
+        // watchRow() {
+        //     if(JSON.parse(window.localStorage.isAdmin))
+        //         this.$router.push('./updateEquip')
+        // },
+        changeView() {
+            this.loading = true;
+            this.contador = 0;
+            this.seleccionado = "Todos";
+            this.seleccionadoUbica = "Todos";
+            this.seleccionadoUso = "Todos";
+            this.seleccionadoProcesador = "Todos";
+            this.seleccionadoOS = "Todos";
+            this.miNoInventario = "";
+            this.tipo=[];
+            this.tipoPrinters=[];
+            this.Ubica=[];
+            this.uso=[];
+            this.procesa=[];
+            this.os=[];
+            if (this.pcView) {
+                this.pcView = !this.pcView;
+                this.getPrinters();
+                this.traetipoImpresora();
+                this.traeUso();
+                this.traeUbica();
+            }
+            else{
+                this.pcView = !this.pcView;
+                this.getComputers();
+                this.traetipo();
+                this.traeUbica();
+                this.traeUso();
+                this.traeProcesador();
+                this.traeOS();
+            }
+            this.generaMisDatos();
+        },
+        admin() {
+            return JSON.parse(window.localStorage.isAdmin);
+        },
+        generaMisDatos(){
+            this.datosmios = [];
+            if(this.pcView){
+                for (let i = 0, j = 0; i < this.respuesta.length; i++){
+                    if ((this.seleccionado == "Todos" || this.seleccionado == this.respuesta[i].activoFijo)
+                        && (this.seleccionadoUbica == this.respuesta[i].ubicacion || this.seleccionadoUbica == 'Todos') 
+                        && (this.seleccionadoUso == this.respuesta[i].uso || this.seleccionadoUso == 'Todos') 
+                        && (this.seleccionadoOS == this.respuesta[i].osname || this.seleccionadoOS == 'Todos') 
+                        && (this.seleccionadoProcesador == this.respuesta[i].procesador || this.seleccionadoProcesador == 'Todos')
+                        && ((this.respuesta[i].noInventario.indexOf(this.miNoInventario) != -1) || (this.respuesta[i].noSerie.indexOf(this.miNoInventario) != -1))){
+                        this.datosmios[j++] = this.respuesta[i];
+                    }
+                }
+            } else {
+                for (let i = 0, j = 0; i < this.respuesta.length; i++){
+                    if ((this.seleccionado == "Todos" || this.seleccionado == this.respuesta[i].tipo)
+                    && (this.seleccionadoUbica == this.respuesta[i].ubicacion || this.seleccionadoUbica == 'Todos')
+                    && (this.seleccionadoUso == this.respuesta[i].uso || this.seleccionadoUso == 'Todos')
+                    && ((this.respuesta[i].noInventario.indexOf(this.miNoInventario) != -1) || (this.respuesta[i].noSerie.indexOf(this.miNoInventario) != -1))){
+                        this.datosmios[j++] = this.respuesta[i];
+                    }
+                }
+            }
+        },
+        onDescarga(datos){
+            var miDato;
+            const fecha = new Date();
+            const anyo = fecha.getFullYear();
+            const mes = fecha.getMonth() + 1;
+            const dia = fecha.getDate();
+            const hora = fecha.getHours();
+            const min = fecha.getMinutes();
+            const seg = fecha.getSeconds();
+            var nomArch = this.seleccionado;
+            if (dia > 0 && dia < 10){
+                nomArch += "0";
+            }
+            nomArch += dia;
+            if (mes > 0 && mes < 10){
+                nomArch += "0";
+            }
+            nomArch += mes;
+            nomArch += anyo;
+            if (hora >= 0 && hora < 10){
+                nomArch += "0";
+            }
+            nomArch += hora;
+            if (min >= 0 && min < 10){
+                nomArch += "0";
+            }
+            nomArch += min;
+            if (seg >= 0 && seg < 10){
+                nomArch += "0";
+            }
+            nomArch += seg;
+            if (this.pcView){
+                nomArch = "Computadoras" + nomArch;
+                miDato = MiXLSX.utils.json_to_sheet([],{ header : this.pcHeads});
+            } else {
+                miDato = MiXLSX.utils.json_to_sheet([],{header : this.printerHeads});  // https://docs.sheetjs.com
+                nomArch = "Impresoras" + nomArch;
+            }
+            MiXLSX.utils.sheet_add_json(miDato,this.datosmios,{
+              skipHeader:true, origin : "A2"});
+            const LibroTrabajo = MiXLSX.utils.book_new();
+            MiXLSX.utils.book_append_sheet(LibroTrabajo, miDato, this.seleccionado);
+            nomArch += ".xlsx";
+            MiXLSX.writeFile(LibroTrabajo, nomArch);
+            return JSON.parse(localStorage.isAdmin);
+        },
+        buscaValor(){
+            this.seleccionado = document.getElementById("tipo").value;
+            this.generaMisDatos();
+        },
+        buscaUbica(){
+            this.seleccionadoUbica = document.getElementById("Ubica").value;
+            this.generaMisDatos();
+        },
+        extraeInventario(){
+            this.miNoInventario = document.getElementById("Inventario").value;
+            this.generaMisDatos();
+        },
+        buscaUso(){
+            this.seleccionadoUso = document.getElementById("Uso").value;
+            this.generaMisDatos();
+        },
+        buscaProcesador(){
+            this.seleccionadoProcesador = document.getElementById("Procesador").value;
+            this.generaMisDatos();
+        },
+        buscaSisOper(){
+            this.seleccionadoOS = document.getElementById("SisOper").value;
+            this.generaMisDatos();
+        },
+    },
+}
+</script>
+
+<style scoped>
+.header-f {
+    background-color: #bb8800;
+}
+.t-hov:hover {
+    cursor: pointer;
+}
+#footer {
+    bottom: 0px;
+    position: absolute;
+    width: 100%;
+}
+.separador {
+    width: 100%;
+    background: #2e5795;
+    height: 1rem;
+}
+
+.contenedor-footer {
+    width: 100%;
+}
+.cont-text-foo {
+    font-size: 12px;
+}
+footer {
+    background: #1b3d70;
+}
+
+#myTableStyle {
+    max-height: 350px;
+    font-size: 14px;
+}
+
+.black {
+    background-color: black;
+}
+
+.red {
+    background-color: red;
+}
+</style>
@@ -0,0 +1,3 @@
+module.exports = {
+    publicPath: "./"
+}
Author	SHA1	Message	Date
caballero	da424b4ff3	Ya quedó todo hoy 18/11/2020	2020-11-18 11:51:24 -06:00
caballero	85656d1559	Se cree que es el final	2020-11-14 10:44:18 -06:00
kikin	7383b33989	mejoras...	2020-11-13 13:01:26 -06:00
caballero	571f7e14cf	Para el conteo de registros presentados en Front	2020-11-13 09:14:49 -06:00
kikin	99f2de9496	new filters	2020-10-21 16:00:26 -05:00
alfredojl	a5d94893db	Update noInventario added	2020-10-16 18:49:49 -05:00
kikin	c577603f09	up view	2020-10-14 20:19:39 -05:00
kikin	247dbab277	updateEquip style	2020-10-13 20:19:54 -05:00
kikin	f26d5244cd	masiva up	2020-10-12 09:21:05 -05:00
alfredojl	18efd180d8	.	2020-10-09 22:34:48 -05:00
alfredojl	40c52898da	Merge branch 'dev' of https://repositorio.acatlan.unam.mx/CIDWA/censo2020Front into alima	2020-10-09 22:34:05 -05:00
alfredojl	1d4a35716b	.	2020-10-09 22:33:20 -05:00
alfredojl	a913579e9c	.	2020-10-09 21:53:23 -05:00
kikin	d12230e429	carga Masiva p.1	2020-10-09 09:31:39 -05:00
kikin	2d1f160ef2	Merge branch 'caballero' into dev	2020-10-05 16:54:40 -05:00
caballero	9d675f3d4b	Eliminar opcion Impresora de Computadora	2020-10-01 18:14:31 -05:00
kikin	edae83a47b	ready	2020-10-01 09:23:25 -05:00
kikin	f97f971a26	ready for test	2020-09-30 22:23:55 -05:00
alfredojl	302aac25e2	Latest (hope)	2020-09-30 20:56:43 -05:00
kikin	d31a83cef4	construido	2020-09-30 19:56:22 -05:00
caballero	e9b2b53dea	Subiendo última versión con archivo excel correcto	2020-09-30 17:28:05 -05:00
alfredojl	4b48735210	Improvements added.	2020-09-30 15:16:34 -05:00
KIKIN	8be42212c3	pruebas ver	2020-09-29 17:59:54 -05:00
KIKIN	f8b222c3b6	up a pruebas	2020-09-28 15:46:45 -05:00
caballero	e289a2e914	Terminado con la solución del error	2020-09-28 12:37:28 -05:00
KIKIN	cb5c259a22	fix	2020-09-27 20:14:07 -05:00
KIKIN	111acdfc74	pos err	2020-09-27 20:02:40 -05:00
caballero	aa1061a633	Ya guarda un nombre de archivo diferente	2020-09-26 13:30:05 -05:00
alfredojl	23f54fc58a	Input excel to fill DB added.	2020-09-25 19:15:04 -05:00
KIKIN	de28099500	up	2020-09-25 08:41:07 -05:00
caballero	ab8c0b4d84	Filtros en Computadoras, Impresoras e Inventario	2020-09-24 21:47:08 -05:00
caballero	7ca15fefdd	Actualizado con filtro en # de inventario y guardado en archivo fijo	2020-09-24 16:30:40 -05:00
caballero	fd12449a6e	subiendo filtro y reporte excel como se pidió	2020-09-22 00:55:51 -05:00
KIKIN	e89f3369be	up	2020-09-21 19:11:59 -05:00
KIKIN	188edb0002	plantilla de carga masiva	2020-09-21 18:47:36 -05:00
KIKIN	fb777ba18a	Merge branch 'alima' into dev	2020-09-21 17:17:55 -05:00
alfredojl	5bf991f0d0	UpdateEquip/delete fixed.	2020-09-21 14:49:25 -05:00
KIKIN	9423936548	near of done	2020-09-21 12:45:17 -05:00
alfredojl	5bcc1dcdb0	Views updated and correct functionally. Improvements added.	2020-09-18 22:10:05 -05:00
KIKIN	26bbefb406	Merge branch 'alima' into dev	2020-09-18 12:40:25 -05:00
alfredojl	6777c24879	Vistas de agregar funcionando al cien. Mejoras de diseño en el header	2020-09-17 21:26:05 -05:00
KIKIN	7acaa605ac	excel reports	2020-09-17 12:33:24 -05:00
KIKIN	5a5f40ccb3	excel report	2020-09-17 12:19:01 -05:00
caballero	d77cf19d18	subiendo reprte Excel	2020-09-16 23:08:48 -05:00
alfredojl	a1f70071b1	AddPrinter updated	2020-09-16 19:58:51 -05:00
alfredojl	1fc96d23d0	Mejoras	2020-09-16 16:38:10 -05:00
alfredojl	7e5113a588	get computers added.	2020-09-16 15:32:34 -05:00
alfredojl	799cb017a7	.	2020-09-16 15:31:06 -05:00
alfredojl	379e6f9f85	/api/computers and /api/printers added.	2020-09-14 18:31:39 -05:00
alfredojl	1c5769016d	Cambios acerca de visualizaciones administrativas añadidas	2020-08-25 21:08:19 -05:00
alfredojl	30550e58f8	Header updated.	2020-08-24 18:56:22 -05:00
alfredojl	7055bddea8	Guards agregados	2020-08-24 17:44:36 -05:00
KIKIN	bd7c2679b4	conectando archivos	2020-08-19 19:22:48 -05:00
alfredojl	a48da7022b	Campos de equipo agregados.	2020-08-10 23:17:35 -05:00
KIKIN	6edcfd4559	plantillas listas de las vistas principales	2020-08-09 20:30:49 -05:00
KIKIN	bf4fdad21e	user añadido por alima	2020-08-09 17:45:05 -05:00
alfredojl	97b4fdf62d	'/user' agregado	2020-08-07 21:16:42 -05:00
bigBas	49eeb107c9	se añade paquete axios, y pequeño ejemplo para trabajar con la api	2020-08-05 17:22:58 -05:00
alfredojl	2cf37381e3	No sé qué estoy haciendo :v	2020-08-04 21:19:29 -05:00
alfredojl	1476cacf43	Primer push alima	2020-08-04 14:40:58 -05:00
bigBas	cd6df6188d	primera configuracion del Front	2020-08-03 21:26:08 -05:00
				`@@ -0,0 +1 @@`
				<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=./src/img/escudo-unam.ico><title>Censo</title><link href=css/app.b3f8550c.css rel=preload as=style><link href=css/chunk-vendors.ab91ceed.css rel=preload as=style><link href=js/app.6b892091.js rel=preload as=script><link href=js/chunk-vendors.f0af08be.js rel=preload as=script><link href=css/chunk-vendors.ab91ceed.css rel=stylesheet><link href=css/app.b3f8550c.css rel=stylesheet></head><body><div id=app></div><script src=/dist/build.js></script><script src=js/chunk-vendors.f0af08be.js></script><script src=js/app.6b892091.js></script></body></html>