updateEquip style
This commit is contained in:
+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