info responsable listo

components/admin/responsables/infoResponsable/responsable.vue

@@ -11,7 +11,7 @@
     </b-field>
 
     <b-field label="Clave de programa:">
-      <b-select v-model="programaSeleccionado" expanded>
+      <b-select v-model="programaSelected" expanded>
         <option value="" disabled>Elija una clave de programa:</option>
         <option v-for="(p, i) in programas" :key="i" :value="i">
           {{ p.clavePrograma }}
@@ -31,18 +31,14 @@
       <p class="input">{{ programa.programa }}</p>
     </b-field>
 
-    <div>
-      <b-button
-        type="is-link"
-        class="my-5"
-        tag="router-link"
-        to="/admin/responsables/infoResponsable/modificar"
-      >
-        Editar información
-      </b-button>
-    </div>
-
-    <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
+    <b-button
+      type="is-link"
+      class="my-5"
+      tag="router-link"
+      to="/admin/responsables/infoResponsable/modificar"
+    >
+      Editar información
+    </b-button>
   </div>
 </template>
 
@@ -56,8 +52,7 @@ export default {
       responsable: {},
       programas: [],
       programa: {},
-      programaSeleccionado: '',
-      isLoading: false,
+      programaSelected: '',
     }
   },
   props: {
@@ -65,10 +60,11 @@ export default {
     imprimirMensaje: { type: Function, required: true },
     imprimirWarning: { type: Function, required: true },
     imprimirError: { type: Function, required: true },
+    updateIsLoading: { type: Function, required: true },
   },
   methods: {
     obtenerResponsable() {
-      this.isLoading = true
+      this.updateIsLoading(true)
       axios
         .get(
           `${process.env.api}/usuario/responsable?idUsuario=${this.idResponsable}`,
@@ -76,10 +72,10 @@ export default {
         )
         .then((res) => {
           this.responsable = res.data
-          this.isLoading = false
+          this.updateIsLoading(false)
         })
         .catch((err) => {
-          this.isLoading = false
+          this.updateIsLoading(false)
           this.error(err.response.data.message)
         })
     },
@@ -98,13 +94,13 @@ export default {
     },
   },
   watch: {
-    programaSeleccionado() {
-      this.programa = this.programas[this.programaSeleccionado]
+    programaSelected() {
+      this.programa = this.programas[this.programaSelected]
     },
   },
   created() {
     this.idResponsable = localStorage.getItem('idResponsable')
-    if (this.admin.idTipoUsuario === 1) {
+    if (this.admin.idTipoUsuario === 1 && this.idResponsable) {
       this.obtenerResponsable()
       this.obtenerProgramas()
     }