multas corregido

components/tablaBuscador/TablaBuscadorMultas.vue

@@ -12,16 +12,12 @@
         v-if="operador.tipoUsuario.id_tipo_usuario === 2"
       />
 
-      <b-field class="column is-3 mb-0 pb-0" label="Usuario">
-        <b-input
-          icon="user"
-          placeholder="Usuario"
-          type="text"
-          @keyup.enter.native="obtenerMultas()"
-          v-model="usuario"
-          rounded
-        />
-      </b-field>
+      <InputNumeroCuenta
+        columnSize="is-3"
+        :numeroCuentaPadre="usuario"
+        :ejecutar="obtenerMultas"
+        @numero-cuenta="(numeroCuentaNuevo) => (usuario = numeroCuentaNuevo)"
+      />
 
       <BotonBuscar
         columnSize="is-3"
@@ -45,12 +41,14 @@
 <script>
 import axios from 'axios'
 import BotonBuscar from '@/components/botones/BotonBuscar'
+import InputNumeroCuenta from '@/components/inputs/InputNumeroCuenta'
 import SelectInstitucion from '@/components/selects/SelectInstitucion'
 import TablaMultas from '@/components/tablas/TablaMultas'
 
 export default {
   components: {
     BotonBuscar,
+    InputNumeroCuenta,
     SelectInstitucion,
     TablaMultas,
   },
@@ -63,7 +61,7 @@ export default {
       page: 1,
       total: 0,
       lastSearch: {},
-      usuario: ''
+      usuario: '',
     }
   },
   methods: {

components/tablas/TablaMultas.vue

@@ -38,11 +38,13 @@
     </b-table-column>
 
     <b-table-column field="operador" label="Operador" v-slot="props" centered>
-      <p>{{ props.row.opeardorMulta.operador || "" }}</p>
+      <p>{{ props.row.opeardorMulta.operador || '' }}</p>
     </b-table-column>
 
     <b-table-column field="activo" label="Status" v-slot="props" centered>
-      <p>{{ props.row.activo ? "Vigente": "Expirada" }}</p>
+      <p class="tag" :class="props.row.activo ? 'is-success' : 'is-danger'">
+        {{ props.row.activo ? 'Vigente' : 'Expirada' }}
+      </p>
     </b-table-column>
 
     <template #detail="props">
@@ -74,12 +76,7 @@
           <p v-else>-</p>
         </b-table-column>
 
-        <b-table-column
-          field="retraso"
-          label="Retraso"
-          v-slot="props"
-          centered
-        >
+        <b-table-column field="retraso" label="Retraso" v-slot="props" centered>
           <b-icon
             class="is-success"
             icon="check"