listo quitar multa

components/botones/BotonMulta.vue

@@ -0,0 +1,107 @@
+<template>
+  <b-field>
+    <b-button
+      type="is-danger"
+      :disabled="disabled"
+      @click="
+        $alertsGenericos.imprimirWarning(
+          $buefy,
+          '¿Estas segur@ de querer quitar la multa a este usuario?',
+          quitarMulta
+        )
+      "
+      v-if="institucionUsuario.multa"
+      expanded
+    >
+      Quitar multa
+    </b-button>
+
+    <!-- <b-button
+      type="is-link"
+      :disabled="disabled"
+      @click="
+        $alertsGenericos.imprimirWarning(
+          $buefy,
+          '¿Estas segur@ de querer multar a este usuario?',
+          multa
+        )
+      "
+      v-else
+      expanded
+    >
+      Multar
+    </b-button> -->
+
+    <!-- <b-button
+      v-if="
+        operador.tipoUsuario.id_tipo_usuario === 3 &&
+        !institucion.multa &&
+        usuario.instituciones[0]
+      "
+      class="my-5"
+      label="Multar usuario"
+      type="is-danger"
+      @click="multa()"
+      :disabled="!usuario.id_usuario"
+      expanded
+    /> -->
+  </b-field>
+</template>
+
+<script>
+import axios from 'axios'
+import MultaModalAdmin from '@/components/operador/MultaModalAdmin'
+
+export default {
+  components: { MultaModalAdmin },
+  props: {
+    disabled: { type: Boolean, required: false, default: false },
+    buscar: { type: Function, required: true, default: () => {} },
+    updateIsLoading: { type: Function, required: true, default: () => {} },
+    institucionUsuario: { type: Object, required: true, default: () => ({}) },
+  },
+  methods: {
+    multa() {
+      const modalProps = {
+        operador: this.operador,
+        usuario: this.usuario,
+        updateIsLoading: this.updateIsLoading,
+        buscar: this.buscar,
+      }
+
+      this.$buefy.modal.open({
+        props: modalProps,
+        parent: this,
+        component: MultaModalAdmin,
+        hasModalCard: true,
+        customClass: 'custom-class custom-class-2',
+        trapFocus: true,
+      })
+    },
+    quitarMulta() {
+      const data = {
+        id_institucion_usuario: this.institucionUsuario.id_institucion_usuario,
+      }
+
+      this.updateIsLoading(true)
+      axios
+        .put(`${process.env.api}/multa`, data, this.$getToken.token())
+        .then((res) => {
+          this.buscar()
+          this.updateIsLoading(false)
+          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
+        })
+        .catch((err) => {
+          this.updateIsLoading(false)
+          this.$alertsGenericos.imprimirError(
+            this.$buefy,
+            this.$router,
+            err.response.data
+          )
+        })
+    },
+  },
+}
+</script>
+
+<style></style>

components/informacion/InformacionUsuario.vue

@@ -50,11 +50,18 @@
 
           <BotonDesactivar
             :activarDesactivar="activarDesactivar"
+            :disabled="operador.tipoUsuario.id_tipo_usuario != 3"
             :row="iu"
             :msjWarning="`¿Estas segur@ de querer ${
               iu.activo ? 'desactivar' : 'activar'
             } la cuenta de este usuario en esta institución?`"
-            v-if="operador.tipoUsuario.id_tipo_usuario === 3"
+          />
+
+          <BotonMulta
+            :disabled="operador.tipoUsuario.id_tipo_usuario != 3"
+            :institucionUsuario="iu"
+            :buscar="buscar"
+            :updateIsLoading="updateIsLoading"
           />
         </div>
       </div>
@@ -65,10 +72,10 @@
 <script>
 import axios from 'axios'
 import BotonDesactivar from '@/components/botones/BotonDesactivar'
-// import BotonMulta from '@/components/botones/BotonMulta'
+import BotonMulta from '@/components/botones/BotonMulta'
 
 export default {
-  components: { BotonDesactivar },
+  components: { BotonDesactivar, BotonMulta },
   props: {
     buscar: { type: Function, required: true, default: () => {} },
     updateIsLoading: { type: Function, required: true, default: () => {} },

components/panel_admin/AdminUsuario.vue

@@ -7,35 +7,6 @@
       :usuario="usuario"
     />
 
-    <!-- <b-button
-      v-if="
-        operador.tipoUsuario.id_tipo_usuario === 3 &&
-        !institucion.multa &&
-        usuario.instituciones[0]
-      "
-      class="my-5"
-      label="Multar usuario"
-      type="is-danger"
-      @click="multa()"
-      :disabled="!usuario.id_usuario"
-      expanded
-    /> -->
-
-    <!-- <b-button
-      v-if="institucion.multa"
-      class="my-5"
-      type="is-link"
-      @click="
-        imprimirWarning(
-          '¿Estas segur@ que deseas retirar la multa a este usuario?',
-          quitarMulta
-        )
-      "
-      expanded
-    >
-      Quitar multa
-    </b-button> -->
-
     <b-field label="Cambiar teléfono del usuario">
       <b-input
         icon="phone"
@@ -66,14 +37,12 @@ import axios from 'axios'
 import BotonGuardar from '@/components/botones/BotonGuardar'
 import BotonReenviarPassword from '@/components/botones/BotonReenviarPassword'
 import InputCorreo from '@/components/inputs/InputCorreo'
-import MultaModalAdmin from '@/components/operador/MultaModalAdmin'
 
 export default {
   components: {
     BotonGuardar,
     BotonReenviarPassword,
     InputCorreo,
-    MultaModalAdmin,
   },
   props: {
     operador: { type: Object, required: true, default: () => ({}) },
@@ -88,45 +57,6 @@ export default {
     }
   },
   methods: {
-    multa() {
-      const modalProps = {
-        operador: this.operador,
-        usuario: this.usuario,
-        updateIsLoading: this.updateIsLoading,
-        buscar: this.buscar,
-      }
-
-      this.$buefy.modal.open({
-        props: modalProps,
-        parent: this,
-        component: MultaModalAdmin,
-        hasModalCard: true,
-        customClass: 'custom-class custom-class-2',
-        trapFocus: true,
-      })
-    },
-    quitarMulta() {
-      const data = {
-        id_institucion_usuario: 1,
-      }
-
-      this.updateIsLoading(true)
-      axios
-        .put(`${process.env.api}/multa`, data, this.$getToken.token())
-        .then((res) => {
-          this.buscar()
-          this.updateIsLoading(false)
-          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
-        })
-        .catch((err) => {
-          this.updateIsLoading(false)
-          this.$alertsGenericos.imprimirError(
-            this.$buefy,
-            this.$router,
-            err.response.data
-          )
-        })
-    },
     actualizarDatos() {
       const data = { id_usuario: this.usuario.id_usuario }
 

components/tablas/TablaMultas.vue

@@ -38,7 +38,7 @@
     </b-table-column>
 
     <b-table-column field="operador" label="Operador" v-slot="props" centered>
-      <p>{{ props.row.opeardorMulta.operador || '' }}</p>
+      <p>{{ props.row.operadorMulta.operador || '' }}</p>
     </b-table-column>
 
     <b-table-column field="activo" label="Status" v-slot="props" centered>
@@ -110,4 +110,3 @@ export default {
   },
 }
 </script>
-