usuario

src/config/config.js

@@ -3,10 +3,9 @@ const config = {
     //api: "https://f8d86328e778.ngrok.io"
   
     //Local
-    //api: "http://localhost:3000"
+    api: "http://localhost:3000"
   
     //Pruebas
-    api: "https://venus.acatlan.unam.mx/asinea_nuevo_test"
+    //api: "https://venus.acatlan.unam.mx/asinea_nuevo_test"
   };
   module.exports = config;
-  

src/view/login.vue

@@ -92,6 +92,10 @@ export default {
             text: response.data.msj || response,
             icon: 'success'
           });
+            localStorage.clear();
+            window.localStorage.setItem("idPersona", response.data.idPersona);
+            this.$router.push("/usuario");
+            return;
         }
         else{
 
@@ -105,6 +109,7 @@ export default {
                 text: response.data.msj || response,
                 icon: 'success'
               });
+              location.reload();
            }
            else{
               Swal.fire({
@@ -162,6 +167,10 @@ export default {
     }
     
   },
+  beforeCreate(){
+    localStorage.clear();
+  }
+
 }
 </script>
 

src/view/registro.vue

@@ -194,7 +194,7 @@
 
 
 
-                    <div v-if=" tipoParticipacion!='Grupal' && situacionAcademica!='Director' "> 
+                    <div v-if=" situacionAcademica!='Director' "> 
                       <div class=" wrapperRow row alingLeft"> 
                           <h2>Actividades</h2>
                           <p>Al seleccionar cualquiera de las actividades que se presentas a continuacion tendra un costo de $300.00 para alumnos y $500.00 para profesores</p>
@@ -1302,7 +1302,7 @@ export default {
 
           this.enviando = false;
           if( typeof(response.data.registrado) === 'undefined' ){
-          
+             this.enviando = false;
             await Swal.fire({
               title: "Error",
               text: response.data.msj || 'Ocurrio un problema',
@@ -1310,7 +1310,7 @@ export default {
             });
           }
           else{
-             
+              this.enviando = false;
               //console.log(response);
               if( `${response.data.registrado}` === `true`){  
                

src/view/usuario.vue

@@ -14,11 +14,48 @@
                 
                 <form>
                     <div class="row">
-                        <h2>Nombre: Daniel Adrian Ramirez George</h2>
+                        <h2>Nombre:{{nombre}}</h2>
                     </div>
                     <div class="row">
-                        <h2>Curp: RAGD980103HDFMRN09</h2>
+                        <h2>Curp: {{curp}}</h2>
                     </div>
+                    <div class="row">
+                        <h2>Total a pagar: ${{pago}}.00</h2>
+                    </div>
+                    <div class="row">
+                        <h2>Pronto se te mandara tu ficha de pago por correo</h2>
+                    </div>
+
+                    <div class="row">
+                        <div class="col">
+                            <table class="table" style="margin-top: 3rem; margin-bottom: 3rem;">
+                              <thead class="thead-dark">
+                                <tr>
+                                  <th scope="col">Nombre</th>
+                                  <th scope="col">Tpo de evento</th>
+                                </tr>
+                              </thead>
+                              <tbody >
+                                <tr v-for="item in eventos" v-bind:key="item.idEvento">
+                                
+                                  
+                                  <td  class="alingLeft" v->{{item.nombreEvento}}</td>
+                                  
+                                  <td v->{{item.tipoEvento}}</td>
+                                 
+                                
+                                </tr>
+                                
+                              </tbody>
+                            </table>
+                        </div>
+                      </div>
+                    <router-link to="/">
+                      <input style="margin-top: 3rem;" type="button" class="fadeIn fourth" value="Salir" @>
+                    </router-link>
+
+
+                    <!-- 
 
                     <div class="row">
                         <p>Por favor adjunta tu comprobante de pago</p>
@@ -97,12 +134,13 @@
                         </div>
                         
                     </div>
-                    <input type="submit" class="fadeIn fourth" value="Enviar">
+                    <input type="submit" class="fadeIn fourth" value="Enviar"> -->
                 </form>
-
+               
             <!-- Remind Passowrd -->
+
                 <div id="formFooter">
-                    <a class="underlineHover" href="#">Mas información</a> <br/>
+                    <a class="underlineHover" href="https://arquitectura.unam.mx/asinea-2020.html">Mas información</a> <br/>
                 
                 </div>
 
@@ -113,16 +151,63 @@
 </template>
 
 <script>
+import axios from "axios";
+import config from "../config/config.js";
+//import Swal from "sweetalert2";
+
 export default {
-  name: "Usuario",
-  components: {
-   
+  name: 'Login',
+   data() {
+    return {
+      idPersona: "",
+      nombre: "",
+      curp: "",
+      eventos: [],
+      pago: "",
+
+
+      correo: "",
+      password: "",
+      enviarPass: "",
+      enviando: false
+    };
+  },
+   methods: {
+    async login() {
+      
+    }
+    
+  },
+ async beforeCreate() {
+    if (!window.localStorage.getItem("idPersona")) this.$router.push("/");
+    else this.idPersona = window.localStorage.getItem("idPersona");
+
+    
+    let response = await axios.get(
+            `${config.api}/getPersona?idPersona=${this.idPersona}`
+          );
+
+    //alert(response);
+    console.log(response);
+
+    this.nombre = `${response.data.datos.nombre} ${response.data.datos.apellidoPaterno} ${response.data.datos.apellidoMaterno}`;
+    this.curp = response.data.datos.curp;
+
+    this.eventos = response.data.eventos;
+
+    this.pago = response.data.datos.totalPagar;
+
+
+    
   }
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
+tr:hover{
+  background-color: #BEBEBE;
+}
 .principal{
     padding: 3rem;
 }