Select clave programa

pages/admin/programa/infoResponsable/index.vue

@@ -8,32 +8,32 @@
     <p class="is-size-4 mb-4"><strong>Nombre: </strong> {{ nombre }}</p>
     <p class="is-size-4 mb-4"><strong>Correo: </strong> {{ correo }}</p>
     <div class="columns">
-      <p class="is-size-4 column is-narrow" style="width: 125px;">
-        <strong>Programa: </strong>
+      <p class="is-size-4 column is-narrow" style="width: 250px;">
+        <strong>Clave de programa: </strong>
       </p>
       <b-select
         class="column"
         v-model="selected"
-        placeholder="Elija un programa"
+        placeholder="Elija una clave: "
       >
         <option
           v-for="programa in programas"
           v-bind:key="programa.id"
           :value="programa"
         >
-          {{ programa.programa }}
+          {{ programa.clavePrograma }}
         </option>
       </b-select>
     </div>
+    <p class="is-size-4 mb-4">
+      <strong>Programa: </strong> {{ selected.programa }}
+    </p>
     <p class="is-size-4 mb-4">
       <strong>Institución: </strong> {{ selected.institucion }}
     </p>
     <p class="is-size-4 mb-4">
       <strong>Dependencia: </strong> {{ selected.dependencia }}
     </p>
-    <p class="is-size-4 mb-4">
-      <strong>Clave: </strong> {{ selected.clavePrograma }}
-    </p>
     <div class="">
       <b-button
         class="boton is-info my-5"
@@ -81,13 +81,14 @@ export default {
         )
         .then((res) => {
           this.programas = res.data;
+          console.log(res.data);
         })
         .catch((err) => {
-          this.errorToken(err.response.data.message);
+          this.error(err.response.data.message);
           console.log(err.response.data.message);
         });
     },
-    errorToken(msj) {
+    error(msj) {
       let salir = false;
       switch (msj) {
         case "invalid signature":