multa por parte del admin

components/operador/usuarios/AdminUsuario.vue

@@ -8,8 +8,9 @@
       tipo="usuario"
       :cambiarStatus="cambiarStatus"
     />
+
     <b-button
-      v-if="!usuario.instituciones[0]"
+      v-if="!institucion.multa"
       class="my-5"
       type="is-danger"
       @click="multa()"
@@ -20,7 +21,7 @@
     </b-button>
 
     <b-button
-      v-if="usuario.instituciones[0]"
+      v-if="institucion.multa"
       class="my-5"
       type="is-link"
       @click="
@@ -75,9 +76,10 @@
 <script>
 import axios from 'axios'
 import BotonDesactivar from '@/components/operador/BotonDesactivar'
+import MultaModalAdmin from '@/components/operador/usuarios/MultaModalAdmin'
 
 export default {
-  components: { BotonDesactivar },
+  components: { BotonDesactivar, MultaModalAdmin },
   props: {
     operador: { type: Object, required: true },
     usuario: { type: Object, required: true },
@@ -88,14 +90,12 @@ export default {
     return {
       isActivo: false,
 
+      institucion: {},
       nuevoTelefono: '',
       nuevoEmail: '',
     }
   },
   methods: {
-    instituciones() {
-      for (let i = 0; this.usuario.instituciones.length; i++) {}
-    },
     mostrarBoton() {
       // if (
       //   this.idStatus != this.equipo.status.id_status ||
@@ -109,15 +109,15 @@ export default {
     multa() {
       const modalProps = {
         operador: this.operador,
-        data: this.data,
         usuario: this.usuario,
+        updateIsLoading: this.updateIsLoading,
         buscar: this.buscar,
       }
 
       this.$buefy.modal.open({
         props: modalProps,
         parent: this,
-        component: ModalMultaAdmin,
+        component: MultaModalAdmin,
         hasModalCard: true,
         customClass: 'custom-class custom-class-2',
         trapFocus: true,
@@ -179,6 +179,19 @@ export default {
         })
     },
   },
+  watch: {
+    usuario() {
+      if (
+        this.operador.institucion.id_institucion ===
+        this.usuario.instituciones[0].institucionCarrera.institucion
+          .id_institucion
+      ) {
+        this.institucion = this.usuario.instituciones[0]
+      } else {
+        this.institucion = this.usuario.instituciones[1]
+      }
+    },
+  },
 }
 </script>
 

components/operador/usuarios/InfoUsuario.vue

@@ -50,7 +50,7 @@
           </p>
 
           <p
-            v-if="usuario.idUsuario && !usuario.multa"
+            v-if="usuario.id_usuario && !usuario.multa"
             class="input is-size-6 tag is-success"
           >
             No Tiene Multa

components/operador/usuarios/MultaModalAdmin.vue

@@ -15,9 +15,9 @@
           <option
             v-for="(i, index) in infracciones"
             :key="index"
-            :value="i.id_infraccion"
+            :value="i.id_institucion_infraccion"
           >
-            {{ i.infraccion }}
+            {{ i.infraccion.infraccion }}
           </option>
         </b-select>
       </b-field>
@@ -44,7 +44,7 @@
           multaPrestamo()
           $emit('close')
         "
-        :disabled="!idnfraccion || !descripcion || !idPrestamo"
+        :disabled="!idInfraccion || !descripcion || !idPrestamo"
       >
         Enviar
       </b-button>
@@ -59,6 +59,7 @@ export default {
   props: {
     operador: { type: Object, required: true },
     usuario: { type: Object, required: true },
+    updateIsLoading: { type: Function, required: true },
     buscar: { type: Function, required: true },
   },
   data() {
@@ -71,10 +72,11 @@ export default {
   },
   methods: {
     multaPrestamo() {
+      console.log(typeof this.idPrestamo)
       const data = {
-        id_institucion_infraccion: 1,
+        id_institucion_infraccion: this.idInfraccion,
         id_operador: this.operador.id_operador,
-        id_prestamo: this.id_prestamo,
+        id_prestamo: Number(this.idPrestamo),
         descripcion: this.descripcion,
       }
 
@@ -94,7 +96,7 @@ export default {
     obtenerInfracciones() {
       axios
         .get(
-          `${process.env.api}/institucion-infraccion/infracciones`,
+          `${process.env.api}/institucion-infraccion/infracciones?id_institucion=${this.operador.institucion.id_institucion}`,
           this.operador.token
         )
         .then((res) => {