mejoras...
This commit is contained in:
+3
-1
@@ -12,7 +12,8 @@ import {
|
||||
faKey,
|
||||
faExclamationCircle,
|
||||
faEnvelope,
|
||||
faHome
|
||||
faHome,
|
||||
faSearch
|
||||
} from '@fortawesome/free-solid-svg-icons'
|
||||
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
|
||||
|
||||
@@ -25,6 +26,7 @@ library.add(faExclamationCircle)
|
||||
library.add(faKey)
|
||||
library.add(faEnvelope)
|
||||
library.add(faHome)
|
||||
library.add(faSearch)
|
||||
|
||||
Vue.component('font-awesome-icon', FontAwesomeIcon)
|
||||
|
||||
|
||||
+62
-52
@@ -16,63 +16,73 @@
|
||||
<span v-if="pcView">Ver impresoras</span>
|
||||
<span v-else>Ver computadoras</span>
|
||||
</button>
|
||||
<div class="mt-3" >Se observan {{ contador }} registros</div>
|
||||
<div class="my-3" >Se observan {{ contador }} registros</div>
|
||||
<div class="row m-0 mt-1 mb-4">
|
||||
<div class="row d-flex flex-wrap">
|
||||
<div class="col-md-3 col-4 my-2">
|
||||
<input
|
||||
type="text"
|
||||
id="Inventario"
|
||||
v-on:keyup="extraeInventario()"
|
||||
class="form-control input-login-form shadow-none"
|
||||
placeholder="Número de inventario"
|
||||
/> <!-- https://www.tutorialesprogramacionya.com/vueya/detalleconcepto.php?punto=7&codigo=7&inicio=0 -->
|
||||
<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="col-md-3 col-4 my-2">
|
||||
<select
|
||||
name="tipo"
|
||||
id="tipo"
|
||||
@change="buscaValor()"
|
||||
|
||||
<div class="d-flex flex-wrap my-1">
|
||||
<div class="col-md-2 col-12 mt-3">
|
||||
<select
|
||||
name="tipo"
|
||||
id="tipo"
|
||||
@change="buscaValor()"
|
||||
class="form-control select-login-form shadow-none">
|
||||
<option value="Todos" selected>Tipo</option>
|
||||
<option v-show="pcView" v-for="opcion in tipo" :key="opcion.idActivoFijo" :value='opcion.activoFijo'>{{opcion.activoFijo}}</option>
|
||||
<option v-show="!pcView" 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>Tipo</option>
|
||||
<option v-show="pcView" v-for="opcion in tipo" :key="opcion.idActivoFijo" :value='opcion.activoFijo'>{{opcion.activoFijo}}</option>
|
||||
<option v-show="!pcView" v-for="opcion in tipoPrinters" :key="opcion.tipo" :value='opcion.tipo'>{{opcion.tipo}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3 col-4 my-2">
|
||||
<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>
|
||||
<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-if="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.prodis" :value='opcion.prodis'>{{opcion.prodis}}</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 class="col-md-3 col-4 my-2">
|
||||
<select name="Uso" id="Uso"
|
||||
@change="buscaUso()"
|
||||
clase="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 class="col-md-3 col-4 my-2" v-if="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.prodis" :value='opcion.prodis'>{{opcion.prodis}}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-4 my-2" v-show="pcView">
|
||||
<select name="SisOper" id="SisOper"
|
||||
@change="buscaSisOper()"
|
||||
clase="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>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user