diff --git a/components/admin/servicio/programa/tablaResponsables.vue b/components/admin/servicio/programa/tablaResponsables.vue
index b4f2cd8..5935d9b 100644
--- a/components/admin/servicio/programa/tablaResponsables.vue
+++ b/components/admin/servicio/programa/tablaResponsables.vue
@@ -44,7 +44,7 @@
           @page-change="onPageChange"
         >
           <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-            <span @click="verRegistro(props.row.usuario)">{{
+            <span @click="verRegistro(props.row)">{{
               props.row.nombre
             }}</span>
           </b-table-column>
@@ -54,7 +54,7 @@
             v-slot="props"
             centered
           >
-            <span @click="verRegistro(props.row.usuario)">{{
+            <span @click="verRegistro(props.row)">{{
               props.row.usuario
             }}</span>
           </b-table-column>
@@ -91,7 +91,7 @@ export default {
       this.data = [];
       axios
         .get(
-          `${process.env.api}/usuario/responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&nombre=${this.nombre}&correo=${this.correo}`
+          `${process.env.api}/usuario/responsable?pagina=${this.page}&nombre=${this.nombre}&correo=${this.correo}`
         )
         .then((res) => {
           const servicios = res.data.servicios;
@@ -121,8 +121,10 @@ export default {
     insertIdLocal() {
       this.idUsuario = localStorage.getItem("idUsuario");
     },
-    verRegistro(correoResponsable) {
-      localStorage.setItem("correo", correoResponsable);
+    verRegistro(responsable) {
+      localStorage.setItem("correo", responsable.usuario);
+      localStorage.setItem("idResponsable", responsable.idUsuario);
+      localStorage.setItem("nombre", responsable.nombre);
       this.$router.push("./infoResponsable");
     },
   },
diff --git a/pages/admin/programa/infoResponsable/index.vue b/pages/admin/programa/infoResponsable/index.vue
index de9da2c..dbfb690 100644
--- a/pages/admin/programa/infoResponsable/index.vue
+++ b/pages/admin/programa/infoResponsable/index.vue
@@ -4,8 +4,8 @@
       Regresar
     </b-button>
     <p class="is-size-2 mb-4">Información del responsable</p>
-    <p class="is-size-4 mb-4">Nombre: {{ responsable.nombre }}</p>
-    <p class="is-size-4 mb-4">Correo: {{ responsable.correo }}</p>
+    <p class="is-size-4 mb-4">Nombre: {{ nombre }}</p>
+    <p class="is-size-4 mb-4">Correo: {{ correo }}</p>
     <p class="is-size-4">Programa:</p>
     <b-select v-model="selected" placeholder="Elija un programa">
       <option
@@ -18,16 +18,18 @@
     </b-select>
     <p class="is-size-4 mb-4">Institución: {{ selected.institucion }}</p>
     <p class="is-size-4 mb-4">Dependencia: {{ selected.dependencia }}</p>
-    <p class="is-size-4 mb-4">Clave: {{ selected.clave }}</p>
-    <b-button class="boton is-info my-5" @click="$router.push('./')">
+    <p class="is-size-4 mb-4">Clave: {{ selected.clavePrograma }}</p>
+    <div class="">
+      <b-button
+        class="boton is-info my-5"
+        @click="$router.push('./infoResponsable/edit')"
+      >
+        Editar información
+      </b-button>
+    </div>
+    <b-button class="boton is-info my-5" @click="regresar()">
       Regresar
     </b-button>
-    <b-button
-      class="boton is-info my-5"
-      @click="$router.push('./infoResponsable/editar')"
-    >
-      Editar información
-    </b-button>
   </div>
 </template>
 
@@ -37,54 +39,29 @@ export default {
   data() {
     return {
       idResponsable: localStorage.getItem("idResponsable"),
-      responsable: {
-        nombre: "Marco",
-        correo: "marco@gmail.com",
-      },
-      programas: [
-        {
-          id: 1,
-          programa: "programa 1",
-          institucion: "institucion falsa 1",
-          dependencia: "dependencia falsa 1",
-          clave: 101,
-        },
-        {
-          id: 2,
-          programa: "programa 2",
-          institucion: "institucion falsa 2",
-          dependencia: "dependencia falsa 2",
-          clave: 102,
-        },
-        {
-          id: 3,
-          programa: "programa 3",
-          institucion: "institucion falsa 3",
-          dependencia: "dependencia falsa 3",
-          clave: 103,
-        },
-      ],
+      correo: localStorage.getItem('correo'),
+      nombre: localStorage.getItem('nombre'),
+      programas: [],
       selected: {},
     };
   },
   methods: {
-    obtenerDatos() {
+    obtenerProgramas () {
       return axios
         .get(
-          // aun no hay back
-          `${process.env.api}/servicio/admin?idResponsable=${this.idResponsable}` //,
-          // this.token
+          `${process.env.api}/programa?idUsuario=${this.idResponsable}` //,this.token
         )
         .then((res) => {
-          this.responsable = res.data;
-          this.programas = res.data.programas;
+          this.programas = res.data
+          console.log(res.data)
+          console.log(this.programas)
         })
         .catch((err) => {
           this.error();
           console.log(err.response);
         });
     },
-    error () {
+    error() {
       this.$buefy.dialog.alert({
         title: "Error",
         message: "Ha ocurrido un <b>error</b>, inténtalo de nuevo más tarde",
@@ -96,6 +73,13 @@ export default {
         ariaModal: true,
       });
     },
+    regresar() {
+      this.$router.push("./");
+      localStorage.removeItem("correo");
+    },
   },
+  created () {
+    this.obtenerProgramas()
+  }
 };
 </script>