updateEquip style
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
<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>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
const config = {
|
||||
//api: 'https://venus.acatlan.unam.mx/censo-pruebas/',
|
||||
api: 'https://venus.acatlan.unam.mx/censo_orion',
|
||||
//api: 'http://localhost:3000',
|
||||
//api: 'https://venus.acatlan.unam.mx/censo_orion',
|
||||
api: 'http://localhost:3000',
|
||||
}
|
||||
|
||||
module.exports = config
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
+79
-48
@@ -24,158 +24,177 @@
|
||||
<div v-else class="d-flex flex-column">
|
||||
<h1 class="text-center">Editar información del equipo</h1>
|
||||
|
||||
<h3 class="text-left mt-4">Datos generales:</h3>
|
||||
<h3 class="text-left mt-4 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="equipo.noInventario"
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de inventario:"
|
||||
class="pb-2 mb-5"
|
||||
placeholder="Introduzca el campo nuevo:"
|
||||
/>
|
||||
|
||||
<h6 class="mb-3"> Numero de inventario:</h6>
|
||||
<input
|
||||
v-model="equipo.noResguardo"
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de resguardo:"
|
||||
class="pb-2 mb-5"
|
||||
placeholder="Introduzca el campo nuevo:"
|
||||
/>
|
||||
|
||||
<!-- <input
|
||||
v-model="equipo."
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Nombre del responsable:"
|
||||
placeholder="Introduzca el campo nuevo:"
|
||||
/> -->
|
||||
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Unidad Responsable:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Ubicación:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Uso:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
</form>
|
||||
|
||||
<div>
|
||||
<h3>Computadora</h3>
|
||||
<h3 class="mb-5">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"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Tipo de equipo:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
<h6 class="mb-3"> Modelo:</h6>
|
||||
<input
|
||||
v-model="equipo.modelo"
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Modelo:"
|
||||
class="pb-2 mb-5"
|
||||
placeholder="Introduzca el campo nuevo:"
|
||||
/>
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disable>Marca:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
<h6 class="mb-3"> Número de serie:</h6>
|
||||
<input
|
||||
v-model="equipo.noSerie"
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de serie:"
|
||||
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 my-4"
|
||||
placeholder="Procesador:"
|
||||
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 my-4"
|
||||
placeholder="Velocidad del procesador en MHz:"
|
||||
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 my-4"
|
||||
placeholder="Memoria ROM en GB:"
|
||||
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 my-4"
|
||||
placeholder="Memoria RAM en MB:"
|
||||
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 my-4"
|
||||
placeholder="Tipo de memoria:"
|
||||
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 my-4"
|
||||
placeholder="Velocidad de memoria en MHz:"
|
||||
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 my-4"
|
||||
placeholder="Gráficos:"
|
||||
class="pb-2 mb-5"
|
||||
placeholder="Introduzca el campo nuevo:"
|
||||
/>
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Sistema Operativo:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
</form>
|
||||
@@ -376,6 +395,12 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.p-text-sty {
|
||||
font-weight:bold;
|
||||
}
|
||||
input[type='text'] {
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
select {
|
||||
padding: 10px;
|
||||
-webkit-appearance: none;
|
||||
@@ -387,12 +412,12 @@ select {
|
||||
display: block;
|
||||
margin: 30px 0;
|
||||
padding: 10px 50px 10px 10px;
|
||||
background: url('../img/select-triangle.png') no-repeat 97% center !important;
|
||||
background-color: #5c9cd8 !important;
|
||||
background: url('../img/select-triangleb.png') no-repeat 97% center !important;
|
||||
/* background-color: #5c9cd8 !important; */
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
color: #black;
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
border-style: #5c9cd8!important;
|
||||
background-size: 12px !important;
|
||||
}
|
||||
|
||||
@@ -414,6 +439,12 @@ select {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.sel-form-add option {
|
||||
|
||||
}
|
||||
/* .sel-form-add > option{
|
||||
background-color: black!important;
|
||||
} */
|
||||
#footer {
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
|
||||
+46
-36
@@ -24,114 +24,123 @@
|
||||
<div v-else class="d-flex flex-column">
|
||||
<h1 class="text-center">Editar información la impresora</h1>
|
||||
|
||||
<h3 class="text-left mt-4">Datos generales:</h3>
|
||||
<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="printer.noInventario"
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Número de inventario:"
|
||||
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 my-4"
|
||||
placeholder="Número de resguardo:"
|
||||
class="pb-2 mb-5"
|
||||
placeholder="Introduzca el campo nuevo:"
|
||||
/>
|
||||
|
||||
<!-- <input
|
||||
v-model="equipo."
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Nombre del responsable:"
|
||||
class="pb-2 mb-5"
|
||||
placeholder="Introduzca el campo nuevo:"
|
||||
/> -->
|
||||
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Unidad Responsable:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Ubicación:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Uso:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
</form>
|
||||
|
||||
<div>
|
||||
<h3>Impresora</h3>
|
||||
<h3 class="mt-3">Impresora</h3>
|
||||
|
||||
<form
|
||||
class="mb-5 form-add-user pl-0"
|
||||
class="my-5 form-add-user pl-0"
|
||||
enctype="multipart/form-data"
|
||||
>
|
||||
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Tipo de impresora:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
<b-select class="py-2 my-4 sel-form-add"
|
||||
<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>
|
||||
<!-- <template v-slot:first>
|
||||
<b-select-option :value="null" disabled>Marca:</b-select-option>
|
||||
</template>
|
||||
</template> -->
|
||||
</b-select>
|
||||
|
||||
<h6>Modelo:</h6>
|
||||
<input
|
||||
v-model="printer.modelo"
|
||||
type="text"
|
||||
class="pb-2 my-4"
|
||||
placeholder="Modelo:"
|
||||
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 my-4"
|
||||
placeholder="Número de serie:"
|
||||
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 my-4 sel-form-add"
|
||||
placeholder="Descripcion adicional:"
|
||||
class="pb-2 mb-5 sel-form-add"
|
||||
placeholder="Introduzca la descripción nueva:"
|
||||
rows="3"
|
||||
no-resize
|
||||
></b-textarea>
|
||||
@@ -335,6 +344,9 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
input[type='text'] {
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
select {
|
||||
padding: 10px;
|
||||
-webkit-appearance: none;
|
||||
@@ -346,12 +358,10 @@ select {
|
||||
display: block;
|
||||
margin: 30px 0;
|
||||
padding: 10px 50px 10px 10px;
|
||||
background: url('../img/select-triangle.png') no-repeat 97% center !important;
|
||||
background-color: #5c9cd8 !important;
|
||||
background: url('../img/select-triangleb.png') no-repeat 97% center !important;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
color: black;
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
background-size: 12px !important;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user