Commit 99ffa9511f9dc7609e1b318215a0879b66b55fb0
1 parent
d791fb8d22
Exists in
master
and in
3 other branches
add ,view, and edit 5 field in students school management
Showing
1 changed file
with
389 additions
and
111 deletions
Show diff stats
src/pages/Students/students.vue
... | ... | @@ -229,6 +229,102 @@ |
229 | 229 | </v-layout> |
230 | 230 | </v-flex> |
231 | 231 | </v-layout> |
232 | + <v-layout> | |
233 | + <v-flex xs12 sm4> | |
234 | + <v-layout> | |
235 | + <v-flex xs4 class="pt-4 subheading"> | |
236 | + <label class="right">Blood Group:</label> | |
237 | + </v-flex> | |
238 | + <v-flex xs8 class="ml-3"> | |
239 | + <v-text-field | |
240 | + v-model="editedItem.bloodGroup" | |
241 | + placeholder="fill your BloodGroup" | |
242 | + name="state" | |
243 | + type="text" | |
244 | + required | |
245 | + ></v-text-field> | |
246 | + </v-flex> | |
247 | + </v-layout> | |
248 | + </v-flex> | |
249 | + <v-flex xs12 sm4> | |
250 | + <v-layout> | |
251 | + <v-flex xs4 class="pt-4 subheading"> | |
252 | + <label class="right">Allergies:</label> | |
253 | + </v-flex> | |
254 | + <v-flex xs8 class="ml-3"> | |
255 | + <v-text-field | |
256 | + v-model="editedItem.allergies" | |
257 | + placeholder="fill your Allergies" | |
258 | + name="pincode" | |
259 | + required | |
260 | + ></v-text-field> | |
261 | + </v-flex> | |
262 | + </v-layout> | |
263 | + </v-flex> | |
264 | + <v-flex xs12 sm4> | |
265 | + <v-layout> | |
266 | + <v-flex xs4 class="pt-4 subheading"> | |
267 | + <label class="right">Medical Notes:</label> | |
268 | + </v-flex> | |
269 | + <v-flex xs8 class="ml-3"> | |
270 | + <v-text-field | |
271 | + v-model="editedItem.medicalNotes" | |
272 | + placeholder="fill your medicalNotes" | |
273 | + name="mobileNo" | |
274 | + required | |
275 | + ></v-text-field> | |
276 | + </v-flex> | |
277 | + </v-layout> | |
278 | + </v-flex> | |
279 | + </v-layout> | |
280 | + <v-layout> | |
281 | + <v-flex xs12 sm4> | |
282 | + <v-layout> | |
283 | + <v-flex xs4 class="pt-4 subheading"> | |
284 | + <label class="right">Height:</label> | |
285 | + </v-flex> | |
286 | + <v-flex xs8 class="ml-3"> | |
287 | + <v-text-field | |
288 | + v-model="editedItem.height" | |
289 | + placeholder="fill your Height" | |
290 | + name="state" | |
291 | + type="text" | |
292 | + required | |
293 | + ></v-text-field> | |
294 | + </v-flex> | |
295 | + </v-layout> | |
296 | + </v-flex> | |
297 | + <v-flex xs12 sm4> | |
298 | + <v-layout> | |
299 | + <v-flex xs4 class="pt-4 subheading"> | |
300 | + <label class="right">Weight:</label> | |
301 | + </v-flex> | |
302 | + <v-flex xs8 class="ml-3"> | |
303 | + <v-text-field | |
304 | + v-model="editedItem.weight" | |
305 | + placeholder="fill your Weight" | |
306 | + name="pincode" | |
307 | + required | |
308 | + ></v-text-field> | |
309 | + </v-flex> | |
310 | + </v-layout> | |
311 | + </v-flex> | |
312 | + <v-flex xs12 sm4> | |
313 | + <v-layout> | |
314 | + <v-flex xs4 class="pt-4 subheading"> | |
315 | + <label class="right">Uplaod Image:</label> | |
316 | + </v-flex> | |
317 | + <v-flex xs8 class="ml-3"> | |
318 | + <v-text-field | |
319 | + label="Select Image" | |
320 | + @click="pickFile" | |
321 | + v-model="imageName" | |
322 | + append-icon="attach_file" | |
323 | + ></v-text-field> | |
324 | + </v-flex> | |
325 | + </v-layout> | |
326 | + </v-flex> | |
327 | + </v-layout> | |
232 | 328 | <v-layout> |
233 | 329 | <v-flex xs12 sm4> |
234 | 330 | <v-layout> |
... | ... | @@ -376,7 +472,7 @@ |
376 | 472 | </v-layout> |
377 | 473 | </v-flex> |
378 | 474 | </v-layout> |
379 | - <v-layout> | |
475 | + <!-- <v-layout> | |
380 | 476 | <v-flex xs12 sm4> |
381 | 477 | <v-layout> |
382 | 478 | <v-flex xs4 class="pt-4 subheading"> |
... | ... | @@ -393,27 +489,14 @@ |
393 | 489 | </v-flex> |
394 | 490 | </v-layout> |
395 | 491 | </v-flex> |
396 | - <v-flex xs12 sm4> | |
397 | - <v-layout> | |
398 | - <v-flex xs4 class="pt-4 subheading"> | |
399 | - <label class="right">Uplaod Image:</label> | |
400 | - </v-flex> | |
401 | - <v-flex xs8 class="ml-3"> | |
402 | - <v-text-field | |
403 | - label="Select Image" | |
404 | - @click="pickFile" | |
405 | - v-model="imageName" | |
406 | - append-icon="attach_file" | |
407 | - ></v-text-field> | |
408 | - </v-flex> | |
409 | - </v-layout> | |
410 | - </v-flex> | |
411 | - <v-flex xs12 sm4> | |
492 | + </v-layout> --> | |
493 | + <v-layout> | |
494 | + <v-flex xs12> | |
412 | 495 | <v-layout> |
413 | - <v-flex xs4 class="pt-4 subheading"> | |
496 | + <v-flex xs1 class="pt-4 subheading" style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;"> | |
414 | 497 | <label class="right">Present Address:</label> |
415 | 498 | </v-flex> |
416 | - <v-flex xs8 class="ml-2"> | |
499 | + <v-flex xs11 class="ml-2"> | |
417 | 500 | <v-text-field |
418 | 501 | v-model="editedItem.presentAddress" |
419 | 502 | placeholder="fill Your present Address" |
... | ... | @@ -456,7 +539,8 @@ |
456 | 539 | </v-dialog> |
457 | 540 | |
458 | 541 | <!-- ****** PROFILE VIEW STUDENTS DEATILS ****** --> |
459 | - <v-dialog v-model="dialog1" max-width="600px" scrollable> | |
542 | + | |
543 | + <v-dialog v-model="dialog1" max-width="800px" scrollable> | |
460 | 544 | <v-card> |
461 | 545 | <v-toolbar color="grey lighten-2" flat> |
462 | 546 | <v-spacer></v-spacer> |
... | ... | @@ -464,7 +548,7 @@ |
464 | 548 | <v-spacer></v-spacer> |
465 | 549 | <v-icon @click="close1">close</v-icon> |
466 | 550 | </v-toolbar> |
467 | - <v-card-text style="height: 760px;"> | |
551 | + <v-card-text style="height: 700px;"> | |
468 | 552 | <v-flex align-center justify-center layout text-xs-center class="mt-3"> |
469 | 553 | <v-avatar size="160px"> |
470 | 554 | <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl"> |
... | ... | @@ -473,136 +557,240 @@ |
473 | 557 | </v-flex> |
474 | 558 | <v-container grid-list-md> |
475 | 559 | <v-layout wrap> |
476 | - <v-flex> | |
560 | + <v-flex> | |
561 | + <v-layout> | |
562 | + <v-flex xs12 sm6> | |
477 | 563 | <v-layout> |
478 | - <v-flex xs5 sm6> | |
479 | - <h5 class="right my-1">Full Name:</h5> | |
564 | + <v-flex xs6 sm5> | |
565 | + <h5 class="right my-1"><b>Full Name:</b></h5> | |
480 | 566 | </v-flex> |
481 | - <v-flex sm6 xs8> | |
482 | - <h5 class="my-1">{{ editedItem.name }}</h5> | |
567 | + <v-flex sm7 xs6> | |
568 | + <h5 class="my-1 left">{{ editedItem.name }}</h5> | |
483 | 569 | </v-flex> |
484 | 570 | </v-layout> |
571 | + </v-flex> | |
572 | + <v-flex xs12 sm6> | |
485 | 573 | <v-layout> |
486 | - <v-flex xs5 sm6> | |
487 | - <h5 class="right my-1">Email:</h5> | |
574 | + <v-flex xs4 sm4> | |
575 | + <h5 class="right my-1"><b>Email:</b></h5> | |
488 | 576 | </v-flex> |
489 | - <v-flex sm6 xs8> | |
490 | - <h5 class="my-1">{{ editedItem.email }}</h5> | |
577 | + <v-flex sm8 xs8> | |
578 | + <h5 class="my-1 left">{{ editedItem.email }}</h5> | |
579 | + </v-flex> | |
580 | + </v-layout> | |
581 | + </v-flex> | |
582 | + </v-layout> | |
583 | + <v-layout> | |
584 | + <v-flex xs6 sm6> | |
585 | + <v-layout> | |
586 | + <v-flex xs4 sm5> | |
587 | + <b><h5 class="right my-1"><b>Gender:</b></h5></b> | |
588 | + </v-flex> | |
589 | + <v-flex sm7 xs8> | |
590 | + <h5 class="my-1 left">{{ editedItem.gender }}</h5> | |
491 | 591 | </v-flex> |
492 | 592 | </v-layout> |
593 | + </v-flex> | |
594 | + <v-flex xs6 sm6> | |
493 | 595 | <v-layout> |
494 | - <v-flex xs6 sm6> | |
495 | - <h5 class="right my-1">Gender:</h5> | |
596 | + <v-flex xs4 sm4> | |
597 | + <b><h5 class="right my-1"><b>D.O.B:</b></h5></b> | |
496 | 598 | </v-flex> |
497 | - <v-flex sm6 xs8> | |
498 | - <h5 class="my-1">{{ editedItem.gender }}</h5> | |
599 | + <v-flex sm7 xs8> | |
600 | + <h5 class="my-1">{{ dates(editedItem.dob) }}</h5> | |
601 | + </v-flex> | |
602 | + </v-layout> | |
603 | + </v-flex> | |
604 | + </v-layout> | |
605 | + <v-layout> | |
606 | + <v-flex xs6 sm6> | |
607 | + <v-layout> | |
608 | + <v-flex xs4 sm5> | |
609 | + <b><h5 class="right my-1"><b>Blood Group:</b></h5></b> | |
610 | + </v-flex> | |
611 | + <v-flex sm7 xs8> | |
612 | + <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5> | |
499 | 613 | </v-flex> |
500 | 614 | </v-layout> |
615 | + </v-flex> | |
616 | + <v-flex xs6 sm6> | |
501 | 617 | <v-layout> |
502 | - <v-flex xs5 sm6> | |
503 | - <h5 class="right my-1">City:</h5> | |
618 | + <v-flex xs4 sm4> | |
619 | + <b><h5 class="right my-1"><b>Allergies:</b></h5></b> | |
504 | 620 | </v-flex> |
505 | - <v-flex sm6 xs8> | |
506 | - <h5 class="my-1">{{ editedItem.city }}</h5> | |
621 | + <v-flex sm8 xs8> | |
622 | + <h5 class="my-1">{{ editedItem.allergies }}</h5> | |
623 | + </v-flex> | |
624 | + </v-layout> | |
625 | + </v-flex> | |
626 | + </v-layout> | |
627 | + <v-layout> | |
628 | + <v-flex xs6 sm6> | |
629 | + <v-layout> | |
630 | + <v-flex xs4 sm5> | |
631 | + <b><h5 class="right my-1"><b>Height:</b></h5></b> | |
632 | + </v-flex> | |
633 | + <v-flex sm7 xs8> | |
634 | + <h5 class="my-1 left">{{ editedItem.height }}</h5> | |
507 | 635 | </v-flex> |
508 | 636 | </v-layout> |
637 | + </v-flex> | |
638 | + <v-flex xs6 sm6> | |
509 | 639 | <v-layout> |
510 | - <v-flex xs5 sm6> | |
511 | - <h5 class="right my-1">State:</h5> | |
640 | + <v-flex xs4 sm4> | |
641 | + <b><h5 class="right my-1"><b>Weight:</b></h5></b> | |
512 | 642 | </v-flex> |
513 | - <v-flex sm6 xs8> | |
514 | - <h5 class="my-1">{{ editedItem.state }}</h5> | |
643 | + <v-flex sm8 xs8> | |
644 | + <h5 class="my-1">{{ editedItem.weight }}</h5> | |
515 | 645 | </v-flex> |
516 | 646 | </v-layout> |
647 | + </v-flex> | |
648 | + </v-layout> | |
517 | 649 | <v-layout> |
518 | - <v-flex xs5 sm6> | |
519 | - <h5 class="right my-1">Country:</h5> | |
650 | + <v-flex xs6 sm6> | |
651 | + <v-layout> | |
652 | + <v-flex xs4 sm5> | |
653 | + <b><h5 class="right my-1"><b>City:</b></h5></b> | |
520 | 654 | </v-flex> |
521 | - <v-flex sm6 xs8> | |
522 | - <h5 class="my-1">{{ editedItem.country }}</h5> | |
655 | + <v-flex sm7 xs8> | |
656 | + <h5 class="my-1 left">{{ editedItem.city }}</h5> | |
523 | 657 | </v-flex> |
524 | 658 | </v-layout> |
659 | + </v-flex> | |
660 | + <v-flex xs6 sm6> | |
525 | 661 | <v-layout> |
526 | - <v-flex xs5 sm6> | |
527 | - <h5 class="right my-1">Pincode:</h5> | |
662 | + <v-flex xs4 sm4> | |
663 | + <b><h5 class="right my-1"><b>State:</b></h5></b> | |
528 | 664 | </v-flex> |
529 | - <v-flex sm6 xs8> | |
665 | + <v-flex sm8 xs8> | |
666 | + <h5 class="my-1">{{ editedItem.state }}</h5> | |
667 | + </v-flex> | |
668 | + </v-layout> | |
669 | + </v-flex> | |
670 | + </v-layout> | |
671 | + <v-layout> | |
672 | + <v-flex xs6 sm6> | |
673 | + <v-layout> | |
674 | + <v-flex xs4 sm5> | |
675 | + <b><h5 class="right my-1"><b>Pincode:</b></h5></b> | |
676 | + </v-flex> | |
677 | + <v-flex sm7 xs8> | |
530 | 678 | <h5 class="my-1">{{ editedItem.pincode }}</h5> |
531 | 679 | </v-flex> |
532 | 680 | </v-layout> |
681 | + </v-flex> | |
682 | + <v-flex xs5 sm5> | |
533 | 683 | <v-layout> |
534 | - <v-flex xs5 sm6> | |
535 | - <h5 class="right my-1">Mobile No:</h5> | |
684 | + <v-flex xs4 sm5> | |
685 | + <b><h5 class="right my-1"><b>Country:</b></h5></b> | |
536 | 686 | </v-flex> |
537 | - <v-flex sm6 xs8> | |
538 | - <h5 class="my-1">{{ editedItem.mobile }}</h5> | |
687 | + <v-flex sm7 xs8> | |
688 | + <h5 class="my-1">{{ editedItem.country }}</h5> | |
539 | 689 | </v-flex> |
540 | 690 | </v-layout> |
691 | + </v-flex> | |
692 | + </v-layout> | |
541 | 693 | <v-layout> |
542 | - <v-flex xs5 sm6> | |
543 | - <h5 class="right my-1">Academic Year:</h5> | |
694 | + <v-flex xs5 sm6> | |
695 | + <v-layout> | |
696 | + <v-flex sm5 xs8> | |
697 | + <b><h5 class="right my-1"><b>Mobile No:</b></h5></b> | |
544 | 698 | </v-flex> |
545 | 699 | <v-flex sm6 xs8> |
546 | - <h5 class="my-1">{{ editedItem.establishmentYear }}</h5> | |
700 | + <h5 class="my-1">{{ editedItem.mobile }}</h5> | |
547 | 701 | </v-flex> |
548 | 702 | </v-layout> |
703 | + </v-flex> | |
704 | + <v-flex xs5 sm6> | |
549 | 705 | <v-layout> |
550 | - <v-flex xs5 sm6> | |
551 | - <h5 class="right my-1">Fahter Name:</h5> | |
706 | + <v-flex xs5 sm4> | |
707 | + <b><h5 class="right my-1"><b>Fahter Name:</b></h5></b> | |
552 | 708 | </v-flex> |
553 | - <v-flex sm6 xs8> | |
709 | + <v-flex sm8 xs8> | |
554 | 710 | <h5 class="my-1">{{ editedItem.fatherName }}</h5> |
555 | 711 | </v-flex> |
556 | 712 | </v-layout> |
713 | + </v-flex> | |
714 | + </v-layout> | |
557 | 715 | <v-layout> |
558 | - <v-flex xs5 sm6> | |
559 | - <h5 class="right my-1">Mother Name:</h5> | |
716 | + <v-flex xs6 sm5> | |
717 | + <v-layout> | |
718 | + <v-flex xs4 sm6> | |
719 | + <b> <h5 class="right my-1"><b>Mother Name:</b></h5></b> | |
560 | 720 | </v-flex> |
561 | 721 | <v-flex sm6 xs8> |
562 | 722 | <h5 class="my-1">{{ editedItem.motherName }}</h5> |
563 | 723 | </v-flex> |
564 | 724 | </v-layout> |
725 | + </v-flex> | |
726 | + <v-flex xs6 sm6> | |
565 | 727 | <v-layout> |
566 | - <v-flex xs5 sm6> | |
567 | - <h5 class="right my-1">Father Cell No:</h5> | |
728 | + <v-flex xs4 sm6> | |
729 | + <b><h5 class="right my-1"><b>Father Cell No:</b></h5></b> | |
568 | 730 | </v-flex> |
569 | 731 | <v-flex sm6 xs8> |
570 | 732 | <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5> |
571 | 733 | </v-flex> |
572 | 734 | </v-layout> |
735 | + </v-flex> | |
736 | + </v-layout> | |
573 | 737 | <v-layout> |
574 | - <v-flex xs5 sm6> | |
575 | - <h5 class="right my-1">Mother Cell No:</h5> | |
738 | + <v-flex xs6 sm5> | |
739 | + <v-layout> | |
740 | + <v-flex xs4 sm6> | |
741 | + <b><h5 class="right my-1"><b>Mother Cell No:</b></h5></b> | |
576 | 742 | </v-flex> |
577 | 743 | <v-flex sm6 xs8> |
578 | 744 | <h5 class="my-1">{{ editedItem.motherCellNo }}</h5> |
579 | 745 | </v-flex> |
580 | 746 | </v-layout> |
747 | + </v-flex> | |
748 | + <v-flex xs6 sm6> | |
581 | 749 | <v-layout> |
582 | 750 | <v-flex xs5 sm6> |
583 | - <h5 class="right my-1">Date Of Birth:</h5> | |
751 | + <b><h5 class="my-1 right"><b>Academic Year:</b></h5></b> | |
584 | 752 | </v-flex> |
585 | - <v-flex sm6 xs8> | |
586 | - <h5 class="my-1">{{ dates(editedItem.dob) }}</h5> | |
753 | + <v-flex sm5 xs8> | |
754 | + <h5 class="my-1">{{ editedItem.establishmentYear }}</h5> | |
587 | 755 | </v-flex> |
588 | 756 | </v-layout> |
757 | + </v-flex> | |
758 | + </v-layout> | |
759 | + <v-layout> | |
760 | + <v-flex xs6 sm5> | |
589 | 761 | <v-layout> |
590 | - <v-flex xs6 sm6 > | |
591 | - <h5 class="right my-1">Permanent Address:</h5> | |
762 | + <v-flex xs5 sm6> | |
763 | + <b><h5 class="my-1 right"><b>Medical Notes:</b></h5></b> | |
764 | + </v-flex> | |
765 | + <v-flex sm5 xs8> | |
766 | + <h5 class="my-1">{{ editedItem.medicalNotes }}</h5> | |
767 | + </v-flex> | |
768 | + </v-layout> | |
769 | + </v-flex> | |
770 | + <v-flex xs12 sm6> | |
771 | + <v-layout> | |
772 | + <v-flex xs6 sm6> | |
773 | + <b><h5 class="right my-1"><b>present Address:</b></h5></b> | |
592 | 774 | </v-flex> |
593 | 775 | <v-flex sm6 xs8> |
594 | - <h5 class="my-1">{{ editedItem.permanentAddress }}</h5> | |
776 | + <h5 class="my-1">{{ editedItem.presentAddress }}</h5> | |
595 | 777 | </v-flex> |
596 | 778 | </v-layout> |
779 | + </v-flex> | |
780 | + </v-layout> | |
597 | 781 | <v-layout> |
598 | - <v-flex xs6 sm6 > | |
599 | - <h5 class="right my-1">present Address:</h5> | |
782 | + <v-flex xs12 sm12> | |
783 | + <v-layout> | |
784 | + <v-flex xs4 sm3> | |
785 | + <b><h5 class="right my-1"><b>Permanent Address:</b></h5></b> | |
600 | 786 | </v-flex> |
601 | - <v-flex sm6 xs8> | |
602 | - <h5 class="my-1">{{ editedItem.presentAddress }}</h5> | |
787 | + <v-flex sm9 xs8> | |
788 | + <h5 class="my-1">{{ editedItem.permanentAddress }}</h5> | |
603 | 789 | </v-flex> |
604 | 790 | </v-layout> |
605 | 791 | </v-flex> |
792 | + </v-layout> | |
793 | + </v-flex> | |
606 | 794 | </v-layout> |
607 | 795 | </v-container> |
608 | 796 | </v-card-text> |
... | ... | @@ -705,7 +893,7 @@ |
705 | 893 | </v-data-table> |
706 | 894 | </v-tab-item> |
707 | 895 | |
708 | - <!-- ****** ADD MULTIPLE STUDENTS ****** --> | |
896 | + <!-- ****** ADD STUDENTS DETAILS****** --> | |
709 | 897 | |
710 | 898 | <v-tab-item> |
711 | 899 | <v-container> |
... | ... | @@ -965,21 +1153,94 @@ |
965 | 1153 | <v-flex xs12 sm6> |
966 | 1154 | <v-layout> |
967 | 1155 | <v-flex xs4 class="pt-4 subheading"> |
1156 | + <label class="right">Blood Group:</label> | |
1157 | + </v-flex> | |
1158 | + <v-flex xs8 class="ml-3"> | |
1159 | + <v-text-field | |
1160 | + v-model="addStudents.bloodGroup" | |
1161 | + placeholder="Fill your Blood Group" | |
1162 | + required | |
1163 | + ></v-text-field> | |
1164 | + </v-flex> | |
1165 | + </v-layout> | |
1166 | + </v-flex> | |
1167 | + </v-layout> | |
1168 | + <v-layout> | |
1169 | + <v-flex xs12 sm6> | |
1170 | + <v-layout> | |
1171 | + <v-flex xs4 class="pt-4 subheading"> | |
1172 | + <label class="right">Allergies:</label> | |
1173 | + </v-flex> | |
1174 | + <v-flex xs8 class="ml-3"> | |
1175 | + <v-text-field | |
1176 | + v-model="addStudents.allergies" | |
1177 | + placeholder="Fill your Allergies" | |
1178 | + required | |
1179 | + ></v-text-field> | |
1180 | + </v-flex> | |
1181 | + </v-layout> | |
1182 | + </v-flex> | |
1183 | + <v-flex xs12 sm6> | |
1184 | + <v-layout> | |
1185 | + <v-flex xs4 class="pt-4 subheading"> | |
1186 | + <label class="right">Medical Notes:</label> | |
1187 | + </v-flex> | |
1188 | + <v-flex xs8 class="ml-3"> | |
1189 | + <v-text-field | |
1190 | + v-model="addStudents.medicalNotes" | |
1191 | + placeholder="Fill your Medical Notes" | |
1192 | + required | |
1193 | + ></v-text-field> | |
1194 | + </v-flex> | |
1195 | + </v-layout> | |
1196 | + </v-flex> | |
1197 | + </v-layout> | |
1198 | + <v-layout> | |
1199 | + <v-flex xs12 sm6> | |
1200 | + <v-layout> | |
1201 | + <v-flex xs4 class="pt-4 subheading"> | |
1202 | + <label class="right">Height:</label> | |
1203 | + </v-flex> | |
1204 | + <v-flex xs8 class="ml-3"> | |
1205 | + <v-text-field | |
1206 | + v-model="addStudents.height" | |
1207 | + placeholder="Fill your Height" | |
1208 | + required | |
1209 | + ></v-text-field> | |
1210 | + </v-flex> | |
1211 | + </v-layout> | |
1212 | + </v-flex> | |
1213 | + <v-flex xs12 sm6> | |
1214 | + <v-layout> | |
1215 | + <v-flex xs4 class="pt-4 subheading"> | |
1216 | + <label class="right">Weight:</label> | |
1217 | + </v-flex> | |
1218 | + <v-flex xs8 class="ml-3"> | |
1219 | + <v-text-field | |
1220 | + v-model="addStudents.weight" | |
1221 | + placeholder="Fill your Weight" | |
1222 | + required | |
1223 | + ></v-text-field> | |
1224 | + </v-flex> | |
1225 | + </v-layout> | |
1226 | + </v-flex> | |
1227 | + </v-layout> | |
1228 | + <v-layout> | |
1229 | + <v-flex xs12 sm6> | |
1230 | + <v-layout> | |
1231 | + <v-flex xs4 class="pt-4 subheading"> | |
968 | 1232 | <label class="right">Father Name:</label> |
969 | 1233 | </v-flex> |
970 | 1234 | <v-flex xs8 class="ml-3"> |
971 | 1235 | <v-text-field |
972 | 1236 | v-model="addStudents.fatherName" |
973 | 1237 | :rules="fatherNameRules" |
974 | - :items="countries" | |
975 | 1238 | placeholder="Fill your father Name" |
976 | 1239 | required |
977 | 1240 | ></v-text-field> |
978 | 1241 | </v-flex> |
979 | 1242 | </v-layout> |
980 | 1243 | </v-flex> |
981 | - </v-layout> | |
982 | - <v-layout> | |
983 | 1244 | <v-flex xs12 sm6> |
984 | 1245 | <v-layout> |
985 | 1246 | <v-flex xs4 class="pt-4 subheading"> |
... | ... | @@ -997,6 +1258,8 @@ |
997 | 1258 | </v-flex> |
998 | 1259 | </v-layout> |
999 | 1260 | </v-flex> |
1261 | + </v-layout> | |
1262 | + <v-layout> | |
1000 | 1263 | <v-flex xs12 sm6> |
1001 | 1264 | <v-layout> |
1002 | 1265 | <v-flex xs4 class="pt-4 subheading"> |
... | ... | @@ -1014,8 +1277,6 @@ |
1014 | 1277 | </v-flex> |
1015 | 1278 | </v-layout> |
1016 | 1279 | </v-flex> |
1017 | - </v-layout> | |
1018 | - <v-layout> | |
1019 | 1280 | <v-flex xs12 sm6> |
1020 | 1281 | <v-layout> |
1021 | 1282 | <v-flex xs4 class="pt-4 subheading"> |
... | ... | @@ -1033,36 +1294,36 @@ |
1033 | 1294 | </v-flex> |
1034 | 1295 | </v-layout> |
1035 | 1296 | </v-flex> |
1297 | + </v-layout> | |
1298 | + <v-layout> | |
1036 | 1299 | <v-flex xs12 sm6> |
1037 | 1300 | <v-layout> |
1038 | 1301 | <v-flex xs4 class="pt-4 subheading"> |
1039 | - <label class="right">Academic Year:</label> | |
1302 | + <label class="right">Uplaod Image:</label> | |
1040 | 1303 | </v-flex> |
1041 | 1304 | <v-flex xs8 class="ml-3"> |
1042 | 1305 | <v-text-field |
1043 | - v-model="addStudents.establishmentYear" | |
1044 | - placeholder="fill your Academic Year" | |
1045 | - name="state" | |
1046 | - type="number" | |
1047 | - :rules="establishmentYearRules" | |
1048 | - required | |
1306 | + label="Select Image" | |
1307 | + @click="pickFile" | |
1308 | + v-model="imageName" | |
1309 | + append-icon="attach_file" | |
1049 | 1310 | ></v-text-field> |
1050 | 1311 | </v-flex> |
1051 | 1312 | </v-layout> |
1052 | 1313 | </v-flex> |
1053 | - </v-layout> | |
1054 | - <v-layout> | |
1055 | 1314 | <v-flex xs12 sm6> |
1056 | 1315 | <v-layout> |
1057 | 1316 | <v-flex xs4 class="pt-4 subheading"> |
1058 | - <label class="right">Uplaod Image:</label> | |
1317 | + <label class="right">Academic Year:</label> | |
1059 | 1318 | </v-flex> |
1060 | 1319 | <v-flex xs8 class="ml-3"> |
1061 | 1320 | <v-text-field |
1062 | - label="Select Image" | |
1063 | - @click="pickFile" | |
1064 | - v-model="imageName" | |
1065 | - append-icon="attach_file" | |
1321 | + v-model="addStudents.establishmentYear" | |
1322 | + placeholder="fill your Academic Year" | |
1323 | + name="state" | |
1324 | + type="number" | |
1325 | + :rules="establishmentYearRules" | |
1326 | + required | |
1066 | 1327 | ></v-text-field> |
1067 | 1328 | </v-flex> |
1068 | 1329 | </v-layout> |
... | ... | @@ -1430,10 +1691,15 @@ export default { |
1430 | 1691 | motherCellNo: "", |
1431 | 1692 | select: "", |
1432 | 1693 | selectSection: "", |
1694 | + bloodGroup:"", | |
1695 | + allergies:"", | |
1696 | + medicalNotes:"", | |
1697 | + height:"", | |
1698 | + weight:"", | |
1433 | 1699 | establishmentYear: new Date().getFullYear() |
1434 | 1700 | }, |
1435 | 1701 | selectStudents: { |
1436 | - elect: "", | |
1702 | + select: "", | |
1437 | 1703 | selectSection: "", |
1438 | 1704 | }, |
1439 | 1705 | editedItem: { |
... | ... | @@ -1455,6 +1721,11 @@ export default { |
1455 | 1721 | motherCellNo: "", |
1456 | 1722 | select: "", |
1457 | 1723 | selectSection: "", |
1724 | + bloodGroup:"", | |
1725 | + allergies:"", | |
1726 | + medicalNotes:"", | |
1727 | + height:"", | |
1728 | + weight:"", | |
1458 | 1729 | establishmentYear: new Date().getFullYear() |
1459 | 1730 | }, |
1460 | 1731 | defaultItem: { |
... | ... | @@ -1494,7 +1765,7 @@ export default { |
1494 | 1765 | http() |
1495 | 1766 | .get( |
1496 | 1767 | "/getStudentWithClass", |
1497 | - { params: { classId: this.selectStudents.select,sectionId: this.selectStudents.selectSection,} } | |
1768 | + { params: { classId: this.selectStudents.select, sectionId: this.selectStudents.selectSection} } | |
1498 | 1769 | ) |
1499 | 1770 | .then(response => { |
1500 | 1771 | this.desserts = response.data.data; |
... | ... | @@ -1608,12 +1879,6 @@ export default { |
1608 | 1879 | this.editedItem = Object.assign({}, item); |
1609 | 1880 | this.dialog1 = true; |
1610 | 1881 | }, |
1611 | - // report(item) { | |
1612 | - // this.editedIndex = this.desserts.indexOf(item); | |
1613 | - // this.editedItem = Object.assign({}, item); | |
1614 | - // this.dialog2 = true; | |
1615 | - // }, | |
1616 | - | |
1617 | 1882 | deleteItem(item) { |
1618 | 1883 | let deleteStudent = { |
1619 | 1884 | studentId: item._id |
... | ... | @@ -1659,9 +1924,6 @@ export default { |
1659 | 1924 | close1() { |
1660 | 1925 | this.dialog1 = false; |
1661 | 1926 | }, |
1662 | - // close2() { | |
1663 | - // this.dialog2 = false; | |
1664 | - // }, | |
1665 | 1927 | submit() { |
1666 | 1928 | if (this.$refs.form.validate()) { |
1667 | 1929 | let addStudent = { |
... | ... | @@ -1684,13 +1946,18 @@ export default { |
1684 | 1946 | establishmentYear: this.addStudents.establishmentYear, |
1685 | 1947 | classId: this.addStudents.select, |
1686 | 1948 | sectionId: this.addStudents.selectSection, |
1949 | + bloodGroup:this.addStudents.bloodGroup, | |
1950 | + allergies:this.addStudents.allergies, | |
1951 | + medicalNotes:this.addStudents.medicalNotes, | |
1952 | + height:this.addStudents.height, | |
1953 | + weight:this.addStudents.weight, | |
1687 | 1954 | upload:this.imageUrl |
1688 | 1955 | }; |
1689 | 1956 | this.loading = true; |
1690 | 1957 | http() |
1691 | 1958 | .post("/createStudent", addStudent) |
1692 | 1959 | .then(response => { |
1693 | - // console.log(addStudent) | |
1960 | + console.log(addStudent) | |
1694 | 1961 | if ((this.snackbar = true)) { |
1695 | 1962 | this.text = "New Student added successfully"; |
1696 | 1963 | } |
... | ... | @@ -1734,21 +2001,32 @@ export default { |
1734 | 2001 | establishmentYear: this.editedItem.establishmentYear, |
1735 | 2002 | classId: this.editedItem.select, |
1736 | 2003 | sectionId: this.editedItem.selectSection, |
1737 | - upload:this.imageUrl | |
1738 | - }; | |
2004 | + bloodGroup:this.editedItem.bloodGroup, | |
2005 | + allergies:this.editedItem.allergies, | |
2006 | + medicalNotes:this.editedItem.medicalNotes, | |
2007 | + height:this.editedItem.height, | |
2008 | + weight:this.editedItem.weight, | |
2009 | + } | |
2010 | + if(this.imageUrl){ | |
2011 | + editStudent.upload = this.imageUrl | |
2012 | + } | |
2013 | + console.log("editStudent",editStudent); | |
1739 | 2014 | http() |
1740 | 2015 | .put("/updateStudent", editStudent) |
1741 | 2016 | .then(response => { |
1742 | - // console.log("editStudent",editStudent); | |
2017 | + console.log("editStudent",editStudent); | |
1743 | 2018 | if ((this.snackbar = true)) { |
1744 | 2019 | this.text = "Successfully Student Existing User"; |
1745 | 2020 | } |
1746 | 2021 | this.findStudents(); |
2022 | + this.close(); | |
1747 | 2023 | }) |
1748 | 2024 | .catch(error => { |
1749 | 2025 | // console.log(error); |
2026 | + if ((this.snackbar = true)) { | |
2027 | + this.text = error.response.data.statusText; | |
2028 | + } | |
1750 | 2029 | }); |
1751 | - this.close(); | |
1752 | 2030 | }, |
1753 | 2031 | handleDrawerToggle() { |
1754 | 2032 | window.getApp.$emit("APP_DRAWER_TOGGLED"); | ... | ... |