Blame view
src/pages/changeStudents/changeStudents.vue
2.96 KB
11d037abe
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
<template> <v-app id="login"> <v-container fluid fill-height> <v-layout> <v-flex xs12 sm8 md8 lg5 offset-sm2 offset-lg3 class="mt-5"> <v-card flat class="card-style pa-2" dark id="form"> <v-layout> <v-flex xs12> <label class="title text-xs-center">Change Student</label> </v-flex> </v-layout> <v-card-text> <v-flex xs12 sm8 md8 lg8 offset-sm2> <v-form class="mt-3"> <v-select :items="studentsData" item-text="name" item-value="_id" v-model="changeStudent" label="Students" ></v-select> </v-form> </v-flex> </v-card-text> <v-card-actions> <v-flex text-xs-center> <v-btn round dark :loading="loading" @click="change" class="add-button">Change</v-btn> </v-flex> </v-card-actions> <v-snackbar :timeout="timeout" :top="y === 'top'" :right="x === 'right'" :vertical="mode === 'vertical'" v-model="snackbar" :color="color" >{{ text }}</v-snackbar> </v-card> </v-flex> </v-layout> </v-container> </v-app> </template> <script> import http from "@/Services/http.js"; export default { data() { return { snackbar: false, y: "top", x: "right", mode: "", timeout: 4000, text: "", loading: false, valid: false, |
610e873a0
|
58 |
changeStudent: "", |
11d037abe
|
59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
studentsData: [] }; }, mounted() { this.getparentStudents(); }, methods: { change() { console.log("changeStudent", this.changeStudent); localStorage.setItem("parentStudentId", this.changeStudent); this.$router.replace({ path: "/" }); }, getparentStudents() { this.showLoader = true; http() .get("/parentStudentsList") .then(response => { // console.log("resssssss", response.data.data.students[0].classId); this.studentsData = response.data.data.students; |
610e873a0
|
78 79 |
this.changeStudent = response.data.data.students[0]._id; localStorage.setItem("parentStudentId", this.changeStudent); |
11d037abe
|
80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 |
localStorage.setItem( "parentClassId", response.data.data.students[0].classId ); this.showLoader = false; }) .catch(err => { console.log("err====>", err); this.showLoader = false; }); } }, computed: { color() { return this.loading ? "success" : "error"; } } }; </script> <style scoped> img { position: absolute; top: 13px; left: 50px; } .v-btn--large { padding: 0px 74px; } @media screen and (max-width: 769px) { .v-btn--large { font-size: 14px; height: 44px; padding: 0 32px; } } </style> |