baoman / Ezquiz_Platform

Commit d01c579977b4b1678afe470771afda0410a4de66

Authored by 梁保满
1 parent 4c2f99b0

随堂问 报表开发

Inline Side-by-side
Showing 16 changed files with 1656 additions and 1456 deletions
src/api/apis/apis.js
  View file @d01c579
... ... @@ -1622,4 +1622,12 @@ export default {
1622 1622 data
1623 1623 });
1624 1624 },
  1625 + // 删除随堂问报表
  1626 + deletePaperReport(data) {
  1627 + return service({
  1628 + url: setUpUrls.deletePaperReport,
  1629 + method: "POST",
  1630 + data
  1631 + });
  1632 + },
1625 1633 };
... ...
src/api/urls/apis.js
  View file @d01c579
... ... @@ -424,4 +424,6 @@ export default {
424 424 paperShareCount: "/api_html/common/paper/paperShareCount",
425 425 //教师/个人版导入备题组卷Word文档
426 426 paperWordUpload: "/api_html/common/paper/upload",
  427 + //删除随堂问报表
  428 + deletePaperReport: "/api_html/teaching/deletePaperReport",
427 429 }
... ...
src/router/index.js
  View file @d01c579
1   -import en from "../i18n/lang/en"
2 1 import Vue from "vue"
3 2 import Router from "vue-router"
4 3 import Login from "@/views/login/index"
... ... @@ -19,6 +18,7 @@ const PortraitDetail = () => import("@/views/portrait/detail")
19 18  
20 19  
21 20 const Ask = () => import("@/views/basic/ask/index")
  21 +const AskList = () => import("@/views/basic/ask/list")
22 22 const AskAnalysis = () => import("@/views/basic/ask/analysis")
23 23 const AskArchiving = () => import("@/views/basic/ask/archiving")
24 24 const Test = () => import("@/views/basic/test/index")
... ... @@ -37,18 +37,20 @@ const SetUpSchool = () => import("@/views/basic/setUp/school")
37 37 const SetUpTeacher = () => import("@/views/basic/setUp/teacher")
38 38 const SetUpStudent = () => import("@/views/basic/setUp/student")
39 39 const ArchivedClazz = () => import("@/views/basic/setUp/archivedClazz")
  40 +const UserInfo = () => import("@/views/basic/userInfo/index")
40 41  
41 42 // 个人版
42   -const PersonalAsk = () => import("@/views/personal/ask/index")
43   -const PersonalAskAnalysis = () => import("@/views/personal/ask/analysis")
44   -const PersonalArchiving = () => import("@/views/personal/ask/archiving")
45   -const PersonalTest = () => import("@/views/personal/test/index")
46   -const PersonalTestAnalysis = () => import("@/views/personal/test/analysis")
47   -const PersonalTestArchiving = () => import("@/views/personal/test/archiving")
48   -const PersonalDataSync = () => import("@/views/personal/dataSync/index")
49   -const PersonalSetUpStudent = () => import("@/views/personal/setUp/student")
50   -const PersonalDown = () => import("@/views/personal/down/index")
51   -const PersonalUserInfo = () => import("@/views/personal/userInfo/index")
  43 +// const PersonalAsk = () => import("@/views/personal/ask/index")
  44 +// const PersonalAskAnalysis = () => import("@/views/personal/ask/analysis")
  45 +// const PersonalArchiving = () => import("@/views/personal/ask/archiving")
  46 +// const PersonalTest = () => import("@/views/personal/test/index")
  47 +// const PersonalTestAnalysis = () => import("@/views/personal/test/analysis")
  48 +// const PersonalTestArchiving = () => import("@/views/personal/test/archiving")
  49 +// const PersonalDataSync = () => import("@/views/personal/dataSync/index")
  50 +// const PersonalSetUpStudent = () => import("@/views/personal/setUp/student")
  51 +// const PersonalDown = () => import("@/views/personal/down/index")
  52 +// const PersonalUserInfo = () => import("@/views/personal/userInfo/index")
  53 +
52 54  
53 55 // 超级管理员
54 56 const AdminDevice = () => import("@/views/admin/device/index")
... ... @@ -127,7 +129,7 @@ let defaultRouter = [
127 129 path: "/userInfo",
128 130 iconCls: "fa fa-user", // 图标样式class
129 131 name: "个人信息",
130   - component: PersonalUserInfo,
  132 + component: UserInfo,
131 133 children: []
132 134 }
133 135 ]
... ... @@ -209,7 +211,6 @@ let addrouters = [
209 211 {
210 212 path: "/ask",
211 213 iconCls: "fa fa-bar-chart", // 图标样式class
212   - name: "ask",
213 214 name: "随堂问报表",
214 215 component: Ask,
215 216 meta: {
... ... @@ -219,12 +220,21 @@ let addrouters = [
219 220  
220 221 },
221 222 {
222   - path: "/askAnalysis",
223   - iconCls: "", // 图标样式class
224   - name: "随堂问报表分析",
225   - component: AskAnalysis,
226   - parent: "ask",
227   - children: []
  223 + path: "/askList",
  224 + iconCls: "fa fa-bar-chart", // 图标样式class
  225 + name: "随堂问报表",
  226 + component: AskList,
  227 + children: [
  228 + {
  229 + path: "/askAnalysis",
  230 + iconCls: "", // 图标样式class
  231 + name: "随堂问报表分析",
  232 + component: AskAnalysis,
  233 + parent: "askList",
  234 + children: []
  235 + },
  236 +
  237 + ],
228 238 },
229 239 {
230 240 path: "/askArchiving",
... ... @@ -489,21 +499,21 @@ let addrouters = [
489 499 let csAddrouters = [
490 500 {
491 501 path: "/examinationPaper",
492   - iconCls: "fa fa-file-text",
  502 + iconCls: "fa fa-file-text",
493 503 name: "备题组卷",
494 504 component: Layout,
495 505 alone: true,
496 506 children: [
497 507 {
498 508 path: "/examinationPaper",
499   - iconCls: "fa fa-file-text",
  509 + iconCls: "fa fa-file-text",
500 510 name: "examinationPaper",
501 511 component: ExaminationPaper,
502 512 children: []
503 513 },
504 514 {
505 515 path: "/examinationPaperAdd",
506   - iconCls: "",
  516 + iconCls: "",
507 517 name: "examinationPaperAdd",
508 518 component: ExaminationPaperAdd,
509 519 parent: "examinationPaper",
... ... @@ -511,7 +521,7 @@ let csAddrouters = [
511 521 },
512 522 {
513 523 path: "/examinationPaperEdit",
514   - iconCls: "",
  524 + iconCls: "",
515 525 name: "修改答题卡",
516 526 component: ExaminationPaperEdit,
517 527 parent: "examinationPaper",
... ... @@ -519,7 +529,7 @@ let csAddrouters = [
519 529 },
520 530 {
521 531 path: "/examinationPaperRecycle",
522   - iconCls: "",
  532 + iconCls: "",
523 533 name: "回收站答题卡",
524 534 component: ExaminationPaperRecycle,
525 535 parent: "examinationPaper",
... ... @@ -527,7 +537,7 @@ let csAddrouters = [
527 537 },
528 538 {
529 539 path: "/examinationPaperArchiving",
530   - iconCls: "",
  540 + iconCls: "",
531 541 name: "已归档答题卡",
532 542 component: ExaminationPaperArchiving,
533 543 parent: "examinationPaper",
... ... @@ -538,14 +548,14 @@ let csAddrouters = [
538 548 },
539 549 {
540 550 path: "/ask",
541   - iconCls: "fa fa-bar-chart",
  551 + iconCls: "fa fa-bar-chart",
542 552 name: "随堂问报表",
543 553 component: Layout,
544 554 alone: true,
545 555 children: [
546 556 {
547 557 path: "/ask",
548   - iconCls: "fa fa-bar-chart",
  558 + iconCls: "fa fa-bar-chart",
549 559 name: "ask",
550 560 name: "随堂问报表",
551 561 component: Ask,
... ... @@ -557,7 +567,7 @@ let csAddrouters = [
557 567 },
558 568 {
559 569 path: "/askAnalysis",
560   - iconCls: "",
  570 + iconCls: "",
561 571 name: "随堂问报表分析",
562 572 component: AskAnalysis,
563 573 parent: "ask",
... ... @@ -567,14 +577,14 @@ let csAddrouters = [
567 577 },
568 578 {
569 579 path: "/test",
570   - iconCls: "fa fa-pie-chart",
  580 + iconCls: "fa fa-pie-chart",
571 581 name: "即时测报表",
572 582 component: Layout,
573 583 alone: true,
574 584 children: [
575 585 {
576 586 path: "/test",
577   - iconCls: "fa fa-pie-chart",
  587 + iconCls: "fa fa-pie-chart",
578 588 name: "",
579 589 component: Test,
580 590 meta: {
... ... @@ -584,7 +594,7 @@ let csAddrouters = [
584 594 },
585 595 {
586 596 path: "/testAnalysis",
587   - iconCls: "",
  597 + iconCls: "",
588 598 name: "即时测报表分析",
589 599 component: TestAnalysis,
590 600 parent: "test",
... ... @@ -595,7 +605,7 @@ let csAddrouters = [
595 605 },
596 606 {
597 607 path: "/setUpConglomerate",
598   - iconCls: "fa fa-building",
  608 + iconCls: "fa fa-building",
599 609 name: "学校管理",
600 610 component: Layout,
601 611 alone: true,
... ... @@ -611,7 +621,7 @@ let csAddrouters = [
611 621 },
612 622 {
613 623 path: "/setUpAccount",
614   - iconCls: "fa fa-id-card-o",
  624 + iconCls: "fa fa-id-card-o",
615 625 name: "账号管理",
616 626 component: Layout,
617 627 alone: true,
... ... @@ -656,14 +666,14 @@ let csAddrouters = [
656 666 },
657 667 {
658 668 path: "/card",
659   - iconCls: "fa fa-id-card",
  669 + iconCls: "fa fa-id-card",
660 670 name: "发卡记录",
661 671 component: Layout,
662 672 alone: true,
663 673 children: [
664 674 {
665 675 path: "/card",
666   - iconCls: "fa fa-id-card",
  676 + iconCls: "fa fa-id-card",
667 677 name: "",
668 678 component: Card,
669 679 children: []
... ... @@ -672,14 +682,14 @@ let csAddrouters = [
672 682 },
673 683 {
674 684 path: "/device",
675   - iconCls: "fa fa-dashboard",
  685 + iconCls: "fa fa-dashboard",
676 686 name: "设备状态",
677 687 component: Layout,
678 688 alone: true,
679 689 children: [
680 690 {
681 691 path: "/device",
682   - iconCls: "fa fa-dashboard",
  692 + iconCls: "fa fa-dashboard",
683 693 name: "",
684 694 component: Device,
685 695 meta: {
... ... @@ -689,7 +699,7 @@ let csAddrouters = [
689 699 },
690 700 {
691 701 path: "/deviceLog",
692   - iconCls: "fa fa-list-alt",
  702 + iconCls: "fa fa-list-alt",
693 703 name: "",
694 704 component: DeviceLog,
695 705 parent: "device",
... ... @@ -699,14 +709,14 @@ let csAddrouters = [
699 709 },
700 710 {
701 711 path: "/analysis",
702   - iconCls: "fa fa-area-chart",
  712 + iconCls: "fa fa-area-chart",
703 713 name: "使用分析",
704 714 component: Layout,
705 715 alone: true,
706 716 children: [
707 717 {
708 718 path: "/analysis",
709   - iconCls: "fa fa-area-chart",
  719 + iconCls: "fa fa-area-chart",
710 720 name: "",
711 721 component: Analysis,
712 722 children: []
... ... @@ -715,21 +725,21 @@ let csAddrouters = [
715 725 },
716 726 {
717 727 path: "/down",
718   - iconCls: "fa fa-download",
  728 + iconCls: "fa fa-download",
719 729 name: "软件下载",
720 730 component: Layout,
721 731 alone: true,
722 732 children: [
723 733 {
724 734 path: "/down",
725   - iconCls: "fa fa-download",
  735 + iconCls: "fa fa-download",
726 736 name: "发卡软件",
727 737 component: Down,
728 738 children: []
729 739 },
730 740 {
731 741 path: "/downClient",
732   - iconCls: "",
  742 + iconCls: "",
733 743 name: "授课端软件",
734 744 component: DownClient,
735 745 parent: "down",
... ... @@ -739,14 +749,14 @@ let csAddrouters = [
739 749 },
740 750 {
741 751 path: "/dataSync",
742   - iconCls: "fa fa-random",
  752 + iconCls: "fa fa-random",
743 753 name: "数据同步",
744 754 component: Layout,
745 755 alone: true,
746 756 children: [
747 757 {
748 758 path: "/dataSync",
749   - iconCls: "fa fa-random",
  759 + iconCls: "fa fa-random",
750 760 name: "",
751 761 component: DataSync,
752 762 children: []
... ... @@ -768,28 +778,28 @@ const addroutersPersonal = [
768 778 path: "/setUpStudent",
769 779 iconCls: "a fa-mortar-board",
770 780 name: '',
771   - component: PersonalSetUpStudent,
  781 + component: SetUpStudent,
772 782 children: []
773 783 },
774 784 ]
775 785 },
776 786 {
777 787 path: "/examinationPaper",
778   - iconCls: "fa fa-file-text",
  788 + iconCls: "fa fa-file-text",
779 789 name: "备题组卷",
780 790 component: Layout,
781 791 alone: true,
782 792 children: [
783 793 {
784 794 path: "/examinationPaper",
785   - iconCls: "fa fa-file-text",
  795 + iconCls: "fa fa-file-text",
786 796 name: "examinationPaper",
787 797 component: ExaminationPaper,
788 798 children: []
789 799 },
790 800 {
791 801 path: "/examinationPaperAdd",
792   - iconCls: "",
  802 + iconCls: "",
793 803 name: "examinationPaperAdd",
794 804 component: ExaminationPaperAdd,
795 805 parent: "examinationPaper",
... ... @@ -797,7 +807,7 @@ const addroutersPersonal = [
797 807 },
798 808 {
799 809 path: "/examinationPaperAddAsk",
800   - iconCls: "",
  810 + iconCls: "",
801 811 name: "examinationPaperAddAsk",
802 812 component: ExaminationPaperAddAsk,
803 813 parent: "examinationPaper",
... ... @@ -805,7 +815,7 @@ const addroutersPersonal = [
805 815 },
806 816 {
807 817 path: "/examinationPaperEdit",
808   - iconCls: "",
  818 + iconCls: "",
809 819 name: "修改答题卡",
810 820 component: ExaminationPaperEdit,
811 821 parent: "examinationPaper",
... ... @@ -813,7 +823,7 @@ const addroutersPersonal = [
813 823 },
814 824 {
815 825 path: "/examinationPaperRecycle",
816   - iconCls: "",
  826 + iconCls: "",
817 827 name: "回收站答题卡",
818 828 component: ExaminationPaperRecycle,
819 829 parent: "examinationPaper",
... ... @@ -821,7 +831,7 @@ const addroutersPersonal = [
821 831 },
822 832 {
823 833 path: "/examinationPaperArchiving",
824   - iconCls: "",
  834 + iconCls: "",
825 835 name: "已归档答题卡",
826 836 component: ExaminationPaperArchiving,
827 837 parent: "examinationPaper",
... ... @@ -832,54 +842,66 @@ const addroutersPersonal = [
832 842 },
833 843 {
834 844 path: "/ask",
835   - iconCls: "fa fa-bar-chart",
  845 + iconCls: "fa fa-bar-chart",
836 846 name: "随堂问报表",
837 847 component: Layout,
838 848 alone: true,
839 849 children: [
840 850 {
841 851 path: "/ask",
842   - iconCls: "fa fa-bar-chart",
  852 + iconCls: "fa fa-bar-chart",
843 853 name: "ask",
844 854 name: "随堂问报表",
845   - component: PersonalAsk,
  855 + component: Ask,
846 856 meta: {
847   - keepAlive: true,
  857 + keepAlive: false,
848 858 },
849 859 children: []
850 860  
851 861 },
852 862 {
853   - path: "/askAnalysis",
854   - iconCls: "",
855   - name: "随堂问报表分析",
856   - component: PersonalAskAnalysis,
857   - parent: "ask",
858   - children: []
  863 + path: "/askList",
  864 + iconCls: "fa fa-bar-chart", // 图标样式class
  865 + name: "ask",
  866 + name: "随堂问报表",
  867 + component: AskList,
  868 + meta: {
  869 + keepAlive: true,
  870 + },
  871 + children: [
  872 + {
  873 + path: "/askAnalysis",
  874 + iconCls: "",
  875 + name: "随堂问报表分析",
  876 + component: AskAnalysis,
  877 + parent: "ask",
  878 + children: []
  879 + },
  880 + {
  881 + path: "/askArchiving",
  882 + iconCls: "",
  883 + name: "随堂问已归档报表分析",
  884 + component: AskArchiving,
  885 + parent: "ask",
  886 + hidden: true,
  887 + children: []
  888 + }
  889 + ]
859 890 },
860   - {
861   - path: "/askArchiving",
862   - iconCls: "",
863   - name: "随堂已归档问报表分析",
864   - component: PersonalArchiving,
865   - parent: "ask",
866   - hidden: true,
867   - children: []
868   - }
869 891 ]
870 892 },
871 893 {
872 894 path: "/test",
873   - iconCls: "fa fa-pie-chart",
  895 + iconCls: "fa fa-pie-chart",
874 896 name: "即时测报表",
875 897 component: Layout,
876 898 alone: true,
877 899 children: [
878 900 {
879 901 path: "/test",
880   - iconCls: "fa fa-pie-chart",
  902 + iconCls: "fa fa-pie-chart",
881 903 name: "",
882   - component: PersonalTest,
  904 + component: Test,
883 905 meta: {
884 906 keepAlive: true,
885 907 },
... ... @@ -887,17 +909,17 @@ const addroutersPersonal = [
887 909 },
888 910 {
889 911 path: "/testAnalysis",
890   - iconCls: "",
  912 + iconCls: "",
891 913 name: "即时测报表分析",
892   - component: PersonalTestAnalysis,
  914 + component: TestAnalysis,
893 915 parent: "test",
894 916 children: []
895 917 },
896 918 {
897 919 path: "/testArchiving",
898   - iconCls: "",
899   - name: "即时已归档测报表分析",
900   - component: PersonalTestArchiving,
  920 + iconCls: "",
  921 + name: "即时测已归档报表分析",
  922 + component: TestArchiving,
901 923 parent: "test",
902 924 hidden: true,
903 925 children: []
... ... @@ -907,14 +929,14 @@ const addroutersPersonal = [
907 929 },
908 930 {
909 931 path: "/portrait",
910   - iconCls: "fa fa-users",
  932 + iconCls: "fa fa-users",
911 933 name: "学生画像",
912 934 component: Layout,
913 935 alone: true,
914 936 children: [
915 937 {
916 938 path: "/portrait",
917   - iconCls: "fa fa-users",
  939 + iconCls: "fa fa-users",
918 940 name: "",
919 941 component: Portrait,
920 942 meta: {
... ... @@ -924,7 +946,7 @@ const addroutersPersonal = [
924 946 },
925 947 {
926 948 path: "/portraitDetail",
927   - iconCls: "",
  949 + iconCls: "",
928 950 name: "授课端软件",
929 951 component: PortraitDetail,
930 952 parent: "down",
... ... @@ -934,32 +956,32 @@ const addroutersPersonal = [
934 956 },
935 957 {
936 958 path: "/dataSync",
937   - iconCls: "fa fa-random",
  959 + iconCls: "fa fa-random",
938 960 name: "数据同步",
939 961 component: Layout,
940 962 alone: true,
941 963 children: [
942 964 {
943 965 path: "/dataSync",
944   - iconCls: "fa fa-random",
  966 + iconCls: "fa fa-random",
945 967 name: "",
946   - component: PersonalDataSync,
  968 + component: DataSync,
947 969 children: []
948 970 }
949 971 ]
950 972 },
951 973 {
952 974 path: "/down",
953   - iconCls: "fa fa-download",
  975 + iconCls: "fa fa-download",
954 976 name: "软件下载",
955 977 component: Layout,
956 978 alone: true,
957 979 children: [
958 980 {
959 981 path: "/down",
960   - iconCls: "fa fa-download",
  982 + iconCls: "fa fa-download",
961 983 name: "发卡软件",
962   - component: PersonalDown,
  984 + component: Down,
963 985 children: []
964 986 }
965 987 ]
... ... @@ -970,7 +992,7 @@ const addroutersPersonal = [
970 992 const addRoutersAdmin = [
971 993 {
972 994 path: "/account",
973   - iconCls: "fa fa-id-card-o",
  995 + iconCls: "fa fa-id-card-o",
974 996 name: "账号管理",
975 997 component: Layout,
976 998 alone: true,
... ... @@ -986,14 +1008,14 @@ const addRoutersAdmin = [
986 1008 },
987 1009 {
988 1010 path: "/device",
989   - iconCls: "fa fa-dashboard",
  1011 + iconCls: "fa fa-dashboard",
990 1012 name: "设备状态",
991 1013 component: Layout,
992 1014 alone: true,
993 1015 children: [
994 1016 {
995 1017 path: "/device",
996   - iconCls: "fa fa-dashboard",
  1018 + iconCls: "fa fa-dashboard",
997 1019 name: "",
998 1020 component: AdminDevice,
999 1021 meta: {
... ... @@ -1003,7 +1025,7 @@ const addRoutersAdmin = [
1003 1025 },
1004 1026 {
1005 1027 path: "/deviceLog",
1006   - iconCls: "fa fa-list-alt",
  1028 + iconCls: "fa fa-list-alt",
1007 1029 name: "",
1008 1030 component: AdminDeviceLog,
1009 1031 parent: "device",
... ...
src/router/permission.js
  View file @d01c579
... ... @@ -5,6 +5,17 @@ import store from "../store";
5 5 // 获取角色信息，根据用户权限动态加载路由
6 6 router.beforeEach((to, from, next) => {
7 7 NProgress.start();
  8 + let fromRouteName = from.name
  9 + if (fromRouteName == '随堂问报表分析') {
  10 + sessionStorage.setItem('isFromAskDetail', 1)
  11 + } else {
  12 + sessionStorage.setItem('isFromAskDetail', "")
  13 + }
  14 + if (fromRouteName == '即时测报表分析') {
  15 + sessionStorage.setItem('isFromTestDetail', 1)
  16 + } else {
  17 + sessionStorage.setItem('isFromTestDetail', "")
  18 + }
8 19 if (to.path === "/login") {
9 20 next();
10 21 } else {
... ...
src/views/basic/ask/analysis.vue
  View file @d01c579
... ... @@ -7,351 +7,116 @@
7 7 </back-box>
8 8 <div class="page-content">
9 9 <div class="tab-box">
10   - <span
11   - class="tab-item"
12   - v-for="(item, index) in tabList"
13   - :key="index"
14   - :class="type == index + 1 ? 'active' : ''"
15   - @click="setType(index + 1)"
16   - >{{ item }}</span
17   - >
  10 + <span class="tab-item" v-for="(item, index) in tabList" :key="index" :class="type == item.value ? 'active' : ''"
  11 + @click="setType(item.value)">{{ item.name }}</span>
18 12 </div>
19 13 <div v-loading="loading">
20 14 <div id="print-content">
21   - <ul class="info" v-if="type == 1">
22   - <li class="info-item">科目：{{ detail.subjectName }}</li>
23   - <li class="info-item">课时：{{ detail.title }}</li>
24   - <li class="info-item">上课时间：{{ detail.startTime }}</li>
25   - <li class="info-item">下课时间：{{ detail.endTime }}</li>
26   - <li class="info-item">签到人数：{{ detail.answeredNum }}</li>
27   - <li class="info-item">题目总数：{{ detail.questionNum }}</li>
28   - <li class="info-item">答题总数：{{ detail.totalAnswersNum }}</li>
29   - <li class="info-item">课时时长：{{ detail.duration }}分钟</li>
30   - <li class="info-item">
31   - 总参与度：：{{ detail.participationRate }}%
32   - </li>
33   - <li class="info-item">
34   - 班级总正确率：{{ detail.classCorrectRate }}%
35   - </li>
36   - <li class="info-item">
37   - 已答总正确率：{{ detail.answerCorrectRate }}%
38   - </li>
39   - <li class="info-item">
40   - 反馈时长：{{ setDuration(detail.consumingDuration) }}
41   - </li>
42   - </ul>
43   - <el-table
44   - v-if="type == 1"
45   - :data="tableData"
46   - border
47   - style="width: 100%"
48   - >
49   - <el-table-column prop="questionIndex" label="题号" align="center"
50   - ><template slot-scope="scoped"
51   - >Q{{ scoped.row.questionIndex }}</template
52   - ></el-table-column
53   - >
54   - <el-table-column prop="questionType" label="题型" align="center">
55   - <template slot-scope="scoped">{{
56   - setSubPro(scoped.row.questionType)
57   - }}</template>
58   - </el-table-column>
59   - <el-table-column
60   - prop="answeredNum"
61   - label="答题人数"
62   - sortable
63   - align="center"
64   - ></el-table-column>
65   - <el-table-column
66   - prop="correctAnswerNum"
67   - label="答对人数"
68   - sortable
69   - align="center"
70   - ></el-table-column>
71   - <el-table-column
72   - prop="participationRate"
73   - label="班级参与度"
74   - sortable
75   - align="center"
76   - ><template slot-scope="scoped"
77   - >{{ scoped.row.participationRate }}%</template
78   - ></el-table-column
79   - >
80   - <el-table-column
81   - prop="classCorrectRate"
82   - label="班级正确率"
83   - sortable
84   - align="center"
85   - ><template slot-scope="scoped"
86   - >{{ scoped.row.classCorrectRate }}%</template
87   - ></el-table-column
88   - >
89   - <el-table-column
90   - prop="answerCorrectRate"
91   - label="已答正确率"
92   - sortable
93   - align="center"
94   - ><template slot-scope="scoped"
95   - >{{ scoped.row.answerCorrectRate }}%</template
96   - ></el-table-column
97   - >
98   - <el-table-column
99   - prop="correctAnswer"
100   - label="正确答案"
101   - align="center"
102   - >
103   - <template slot-scope="scoped">{{
104   - scoped.row.correctAnswer == 1
105   - ? "✓"
106   - : scoped.row.correctAnswer == 2
107   - ? "✗"
108   - : scoped.row.correctAnswer
109   - }}</template></el-table-column
110   - >
111   - <el-table-column prop="fallible" label="干扰答案" align="center"
112   - ><template slot-scope="scoped">{{
113   - scoped.row.fallible == 1
114   - ? "✓"
115   - : scoped.row.fallible == 2
116   - ? "✗"
117   - : scoped.row.fallible
118   - }}</template></el-table-column
119   - >
120   - <!-- <el-table-column prop="screenshot" label="题干" align="center">
121   - <template slot-scope="scoped">
122   - <el-image
123   - v-if="scoped.row.screenshot"
124   - style="width: 60px; height: 40px"
125   - :src="scoped.row.screenshot"
126   - :preview-src-list="[scoped.row.screenshot]"
127   - >
128   - </el-image><span v-else>暂无</span></template
129   - ></el-table-column> -->
130   - </el-table>
131   - <el-table
132   - v-if="type == 2"
133   - :data="tableData"
134   - border
135   - style="width: 100%"
136   - >
137   - <el-table-column
138   - prop="studentCode"
139   - label="学号"
140   - align="center"
141   - ></el-table-column>
142   - <el-table-column
143   - prop="studentName"
144   - label="姓名"
145   - align="center"
146   - ></el-table-column>
147   - <el-table-column
148   - prop="answerTimes"
149   - label="答题次数"
150   - align="center"
151   - ></el-table-column>
152   - <el-table-column
153   - prop="consumingDuration"
154   - label="答题耗时"
155   - align="center"
156   - ><template slot-scope="scoped">{{
157   - setDuration(scoped.row.consumingDuration)
158   - }}</template></el-table-column
159   - >
160   - <el-table-column
161   - prop="correctAnswerTimes"
162   - label="答对次数"
163   - align="center"
164   - ></el-table-column>
165   - <el-table-column
166   - prop="participationRate"
167   - label="参与度"
168   - sortable
169   - align="center"
170   - ><template slot-scope="scoped"
171   - >{{ scoped.row.participationRate }}%</template
172   - ></el-table-column
173   - >
174   - <el-table-column
175   - prop="correctRate"
176   - label="正确率"
177   - sortable
178   - align="center"
179   - ><template slot-scope="scoped"
180   - >{{ scoped.row.correctRate }}%</template
181   - ></el-table-column
182   - >
183   - <el-table-column
184   - prop="answerCorrectRate"
185   - label="已答正确率"
186   - sortable
187   - align="center"
188   - ><template slot-scope="scoped"
189   - >{{ scoped.row.answerCorrectRate }}%</template
190   - ></el-table-column
191   - >
192   - <el-table-column
193   - v-for="(item, index) in optionsList"
194   - :key="index"
195   - :label="'Q' + (index + 1)"
196   - align="center"
197   - ><template slot-scope="scoped">
198   - <span :class="scoped.row['isRight' + index] ? '' : 'red'">{{
199   - scoped.row["answer" + index]
200   - }}</span>
201   - </template>
202   - </el-table-column>
203   - </el-table>
204   - <el-table
205   - v-if="type == 3"
206   - :data="tableData"
207   - border
208   - style="width: 100%"
209   - >
210   - <el-table-column
211   - prop="studentCode"
212   - label="学号"
213   - align="center"
214   - ></el-table-column>
215   - <el-table-column
216   - prop="studentName"
217   - label="姓名"
218   - align="center"
219   - ></el-table-column>
220   - <el-table-column
221   - prop="rushAnswerTimes"
222   - label="抢答成功次数"
223   - sortable
224   - align="center"
225   - ></el-table-column>
226   - <el-table-column
227   - prop="rushAnswerCorrectTimes"
228   - label="答对次数"
229   - sortable
230   - align="center"
231   - ></el-table-column>
232   - <el-table-column
233   - prop="checkAnswerTimes"
234   - label="抽答次数"
235   - sortable
236   - align="center"
237   - ></el-table-column>
238   - <el-table-column
239   - prop="checkAnswerCorrectTimes"
240   - label="抽答答对次数"
241   - sortable
242   - align="center"
243   - ></el-table-column>
244   - <el-table-column
245   - prop="interactionsNum"
246   - label="参与得分"
247   - sortable
248   - align="center"
249   - ></el-table-column>
250   - <el-table-column
251   - prop="interactionsCorrectNum"
252   - label="对错得分"
253   - sortable
254   - align="center"
255   - ></el-table-column>
256   - </el-table>
257   - <el-table
258   - v-if="type == 4"
259   - :data="tableData"
260   - border
261   - style="width: 100%"
262   - >
263   - <el-table-column
264   - prop="studentName"
265   - label="姓名"
266   - align="center"
267   - ></el-table-column>
268   - <el-table-column
269   - prop="checkInTime"
270   - label="签到时间"
271   - sortable
272   - align="center"
273   - ></el-table-column>
274   - <el-table-column
275   - prop="makeUpTime"
276   - label="补签时间"
277   - sortable
278   - align="center"
279   - ></el-table-column>
280   - </el-table>
  15 +
  16 + <!-- 学生答题情况 -->
  17 + <Detail v-if="type == 1" :types="types" :detail="detail" />
  18 + <!-- 学生答题情况 -->
  19 + <Example v-if="type == 1" :types="types" :tableData="tableData" />
  20 + <!-- 学生问答 -->
  21 + <AnswerQustion v-if="type == 2" :types="types" :tableData="tableData" />
  22 + <!-- 学生互动表现 -->
  23 + <Interact v-if="type == 3" :types="types" :tableData="tableData" />
  24 + <!-- 签到明细 -->
  25 + <Report v-if="type == 4" :tableData="tableData" />
281 26 </div>
282 27 <div class="pagination-box" v-show="type == 1">
283   - <el-pagination
284   - small=""
285   - layout="total,prev, pager, next"
286   - :hide-on-single-page="true"
287   - :total="total"
288   - @current-change="changePage"
289   - :current-page="page"
290   - :page-size="size"
291   - >
  28 + <el-pagination small="" layout="total,prev, pager, next" :hide-on-single-page="true" :total="total"
  29 + @current-change="changePage" :current-page="page" :page-size="size">
292 30 </el-pagination>
293 31 </div>
294 32 <p class="down">
295   - <el-button
296   - @click="exportData"
297   - type="primary"
298   - plain
299   - round
300   - icon="fa fa-cloud-download"
301   - >导出报表</el-button
302   - >
303   - <el-button
304   - v-if="!this.$store.getters.code"
305   - @click="print"
306   - type="primary"
307   - plain
308   - round
309   - icon="el-icon-printer"
310   - >打印</el-button
311   - >
312   - <!-- <el-button @click="edit" type="primary" round>修改答案</el-button> -->
  33 + <el-button @click="openDown" type="primary" plain round icon="fa fa-cloud-download">导出报表</el-button>
  34 + <el-button v-if="!this.$store.getters.code" @click="print" type="primary" plain round
  35 + icon="el-icon-printer">打印</el-button>
313 36 </p>
314 37 </div>
  38 + <el-dialog :close-on-click-modal="false" :visible.sync="diaDown" width="360px">
  39 + <div v-show="exportType == 1">
  40 + <div class="down-item">
  41 + <p class="tit">是否将学生表现折线图一起导出</p>
  42 + <el-radio-group v-model="downType" @change="changeDownType">
  43 + <el-radio :label="1">不导出</el-radio>
  44 + <el-radio :label="2">导出</el-radio>
  45 + </el-radio-group>
  46 + </div>
  47 + <div class="down-item">
  48 + <p class="tit">选择要导出的学生</p>
  49 + <el-radio-group v-model="exportType">
  50 + <el-radio :label="1">导出全部</el-radio>
  51 + <el-radio :label="2">导出制定学生</el-radio>
  52 + </el-radio-group>
  53 + </div>
  54 + </div>
  55 + <ul v-show="exportType == 2">
  56 + <li v-for="item in exportStudent"></li>
  57 + </ul>
  58 + <div class="dialog-footer" slot="footer">
  59 + <el-button size="small" type="primary" round @click="exportData">确 定</el-button>
  60 + <el-button size="small" type="danger" round @click="cancel">取 消</el-button>
  61 + </div>
  62 + </el-dialog>
315 63 </div>
316   -
317   - <set-answer
318   - :diaVisible="dialogVisible"
319   - :questionList="form.questionList"
320   - :paperId="form.id"
321   - @saveSuccess="handleSuccess"
322   - @cancel="cancel"
323   - />
324 64 </div>
325 65 </template>
326 66  
327 67 <script>
328 68 import { downloadFile, tablePrint } from "@/utils";
  69 +import Detail from "./components/detail.vue"
  70 +import Example from "./components/example.vue"
  71 +import AnswerQustion from "./components/answerQustion.vue"
  72 +import Interact from "./components/interact.vue"
  73 +import Report from "./components/report.vue"
329 74 export default {
  75 + components: {
  76 + Detail, Example, AnswerQustion, Interact, Report
  77 + },
330 78 data() {
331 79 return {
332   - dialogVisible: false,
  80 + role: "",
333 81 loading: false,
334   - id: "",
  82 + id: [],
335 83 type: 1,
336   - form: {
337   - id: "",
338   - questionList: [],
339   - },
340   - tabList: ["答题表现", "学生问答表现", "学生互动表现", "签到明细"],
  84 + tabList: [],
341 85 detail: {},
342 86 tableData: [],
343   - optionsList: [],
344 87 page: 1,
345 88 size: 20,
346 89 total: 0,
347 90 status: 0,
  91 + diaDown: false,
  92 + downType: 1,
  93 + exportType: 1,
  94 + exportStudent: []
348 95 };
349 96 },
350 97 created() {
351   - this.id = this.$route.query.id;
  98 + this.role =
  99 + this.$store.getters.info.showRole ||
  100 + this.$store.getters.info.permissions[0].role;
  101 + this.types = Number(this.$route.query.types)
  102 + if (this.types == 1) {
  103 + this.tabList = [{ name: "答题表现", value: 1 },
  104 + { name: "学生问答表现", value: 2 },
  105 + { name: "学生互动表现", value: 3 },
  106 + { name: "签到明细", value: 4 },]
  107 + } else if (this.types == 2) {
  108 + this.tabList = [{ name: "答题表现", value: 1 },
  109 + { name: "学生问答表现", value: 2 },
  110 + { name: "学生互动表现", value: 3 }]
  111 + } else if (this.types == 3) {
  112 + this.tabList = [
  113 + { name: "学生问答表现", value: 2 },
  114 + { name: "学生互动表现", value: 3 }]
  115 + }
  116 + this.id = JSON.parse(this.$route.query.id)
352 117 this.status = this.$route.query.status ? this.$route.query.status : 0;
353 118 this._QueryData();
354   - this.periodDetail();
  119 + this.types != 3 ? this.periodDetail() : '';
355 120 },
356 121 methods: {
357 122 print() {
... ... @@ -364,6 +129,7 @@ export default {
364 129 this.type = type;
365 130 this.page = 1;
366 131 this._QueryData();
  132 + this._QueryDataQuestionRank()
367 133 },
368 134 setDuration(times) {
369 135 let m = parseInt(times / 1000 / 60);
... ... @@ -383,55 +149,16 @@ export default {
383 149 }
384 150 return aTime;
385 151 },
386   - setSubPro(type) {
387   - let tit;
388   - switch (type) {
389   - case 2:
390   - tit = "单选题";
391   - break;
392   - case 3:
393   - tit = "多选题";
394   - break;
395   - case 4:
396   - tit = "判断题";
397   - break;
398   - case 5:
399   - tit = "主观题";
400   - break;
401   - default:
402   - tit = "其他";
403   - }
404   - return tit;
405   - },
406   - cancel() {
407   - this.dialogVisible = false;
408   - },
409   - handleSuccess() {
410   - this.dialogVisible = false;
411   - this._QueryData();
412   - },
413   - async edit() {
414   - if (this.editLoading) return;
415   - this.editLoading = true;
416   - const { data, status, info } = await this.$request.periodQuestionList({
417   - periodId: this.id,
418   - });
419   - this.editLoading = false;
420   - if (status === 0) {
421   - this.form.id = this.id;
422   - this.form.questionList = (data.list && [...data.list]) || [];
423   - this.dialogVisible = true;
424   - } else {
425   - this.$message.error(info);
426   - }
427   - },
428 152 changePage(page) {
429 153 this.page = page;
430 154 this._QueryData();
431 155 },
432 156 async periodDetail() {
433   - let { data, info, status } = await this.$request.periodDetail({
434   - periodId: this.id,
  157 + const periodDetail = this.role == "ROLE_PERSONAL" ?
  158 + this.$request.pPeriodDetail :
  159 + this.$request.periodDetail;
  160 + let { data, info, status } = await periodDetail({
  161 + periodId: this.id[0],
435 162 });
436 163 if (status == 0) {
437 164 this.detail = { ...data };
... ... @@ -446,50 +173,57 @@ export default {
446 173 }
447 174 },
448 175 async _QueryData() {
449   - const queryData =
450   - this.type == 1
451   - ? this.$request.periodQuestionReport
452   - : this.$request.periodStudentReport;
  176 + let queryData;
453 177 let query = {};
454   - if (this.type == 2) {
455   - query.type = 1;
456   - } else if (this.type == 3) {
457   - query.type = 2;
458   - } else if (this.type == 4) {
459   - query.type = 3;
  178 + if (this.role == "ROLE_PERSONAL") {
  179 + if (this.types == 1) {
  180 + query.page = this.page
  181 + query.size = this.size
  182 + queryData = this.type == 1
  183 + ? this.$request.pPeriodQuestionReport
  184 + : this.$request.pPeriodStudentReport
  185 + }
  186 + else if (this.types == 2) {
  187 + queryData = this.type == 1
  188 + ? this.$request.pPeriodQuestionReport
  189 + : this.type == 2 ? this.$request.phaseAnswerReport : this.$request.phaseInteractiveReport;
  190 + } else if (this.types == 3) {
  191 + this.type == 1
  192 + ? this.$request.pPeriodQuestionReport
  193 + : this.type == 2 ? this.$request.pPhaseAnswerReport : this.$request.pPhaseInteractiveReport;
  194 + }
  195 + } else {
  196 + if (this.types == 1) {
  197 + query.page = this.page
  198 + query.size = this.size
  199 + queryData = this.type == 1
  200 + ? this.$request.periodQuestionReport
  201 + : this.$request.periodStudentReport
  202 + } else if (this.types == 2) {
  203 + queryData = this.type == 1
  204 + ? this.$request.periodQuestionReport
  205 + : this.type == 2 ? this.$request.phaseAnswerReport : this.$request.phaseInteractiveReport;
  206 + } else if (this.types == 3) {
  207 + queryData = this.type == 1
  208 + ? this.$request.periodQuestionReport
  209 + : this.type == 2 ? this.$request.cTPhaseAnswerReport : this.$request.cTPhaseInteractiveReport;
  210 + }
  211 + }
  212 +
  213 +
  214 + if (this.types == 1) {
  215 + query.type = this.type
460 216 }
461 217 this.loading = true;
462 218 let { data, info, status } = await queryData({
463   - periodId: this.id,
464   - page: this.page,
465   - size: this.size,
  219 + // periodId: this.id,
  220 + periodId: this.id[0],
466 221 ...query,
467 222 });
468 223 this.loading = false;
469 224 if (status === 0) {
470 225 if (this.type == 2) {
471   - let optionsList = [];
472   - this.tableData = data?.list.map((item) => {
473   - let params = {};
474   - const detail = JSON.parse(item.detail);
475   - if (detail.length > optionsList.length) {
476   - optionsList = [...detail];
477   - }
478   - detail.map((items, index) => {
479   - params["isRight" + index] = items.isRight;
480   - params["answer" + index] =
481   - items.answer == 1
482   - ? "✓"
483   - : items.answer == 2
484   - ? "✗"
485   - : items.answer;
486   - });
487   - return {
488   - ...item,
489   - ...params,
490   - };
491   - });
492   - this.optionsList = [...optionsList];
  226 + this.tableData = data?.list || []
493 227 } else {
494 228 this.tableData = data?.list.sort((a, b) => {
495 229 return a.questionIndex - b.questionIndex;
... ... @@ -500,19 +234,89 @@ export default {
500 234 this.$message.error(info);
501 235 }
502 236 },
  237 + async _QueryDataQuestionRank() {
  238 + let queryData;
  239 + if (this.role == "ROLE_PERSONAL") {
  240 + if (this.types == 1) {
  241 + queryData = this.type == 1
  242 + ? this.$request.pPeriodQuestionReport
  243 + : this.$request.pPeriodStudentReport
  244 + }
  245 + else if (this.types == 2) {
  246 + queryData = this.type == 1
  247 + ? this.$request.pPeriodQuestionReport
  248 + : this.type == 2 ? this.$request.phaseAnswerReport : this.$request.phaseInteractiveReport;
  249 + } else if (this.types == 3) {
  250 + this.type == 1
  251 + ? this.$request.pPeriodQuestionReport
  252 + : this.type == 2 ? this.$request.pPhaseAnswerReport : this.$request.pPhaseInteractiveReport;
  253 + }
  254 + } else {
  255 + if (this.types == 1) {
  256 + queryData = this.type == 1
  257 + ? this.$request.periodQuestionReport
  258 + : this.$request.periodStudentReport
  259 + } else if (this.types == 2) {
  260 + queryData = this.type == 1
  261 + ? this.$request.periodQuestionReport
  262 + : this.type == 2 ? this.$request.phaseAnswerReport : this.$request.phaseInteractiveReport;
  263 + } else if (this.types == 3) {
  264 + queryData = this.type == 1
  265 + ? this.$request.periodQuestionReport
  266 + : this.type == 2 ? this.$request.cTPhaseAnswerReport : this.$request.cTPhaseInteractiveReport;
  267 + }
  268 + }
  269 +
  270 + let query = {};
  271 + if (this.types == 1) {
  272 + query.type = this.type
  273 + }
  274 + this.loading = true;
  275 + let { data, info, status } = await queryData({
  276 + // periodId: this.id,
  277 + periodId: this.id[0],
  278 + onlyRate: true,
  279 + ...query,
  280 + });
  281 + this.loading = false;
  282 + if (status === 0) {
  283 + this.exportStudent = [...data?.list] || []
  284 + } else {
  285 + this.$message.error(info);
  286 + }
  287 + },
  288 +
  289 +
  290 + openDown() {
  291 + this.diaDown = true;
  292 + this.downType = 1
  293 + },
  294 + cancel() {
  295 + if (this.exportType == 2) {
  296 + this.exportType = 1
  297 + } else {
  298 + this.diaDown = false;
  299 + }
  300 + },
  301 + changeDownType() {
  302 + this.exportType = 1
  303 + },
  304 +
503 305 //导出
504 306 async exportData() {
505 307 if (this.exportLoading == true) return;
506 308 this.exportLoading = true;
  309 + let studentIds = []
507 310 const data = await this.$request.exportPeriodReport({
508   - periodId: this.id,
  311 + // periodId: this.id,
  312 + periodId: this.id[0],
509 313 });
510 314 this.exportLoading = false;
511 315 if (data) {
512 316 let blob = new Blob([data], {
513 317 type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
514 318 });
515   - downloadFile(this.status?"随堂问-已归档单课时报表.xlsx":"随堂问-单课时报表.xlsx", blob);
  319 + downloadFile(this.status ? "随堂问-已归档单课时报表.xlsx" : "随堂问-单课时报表.xlsx", blob);
516 320 } else {
517 321 this.$message.error("下载失败");
518 322 }
... ... @@ -525,6 +329,7 @@ div::-webkit-scrollbar {
525 329 width: 3px;
526 330 height: 10px;
527 331 }
  332 +
528 333 div::-webkit-scrollbar-thumb {
529 334 border-radius: 10px;
530 335 background-color: #ccc;
... ... @@ -537,18 +342,22 @@ div::-webkit-scrollbar-thumb {
537 342 display: flex;
538 343 justify-content: space-between;
539 344 }
  345 +
540 346 .red {
541 347 color: #f30;
542 348 }
  349 +
543 350 .page-content {
544 351 padding: 20px 20px 0;
545 352 }
  353 +
546 354 .tab-box {
547 355 width: 800px;
548 356 margin: 0 auto 12px;
549 357 background: #f8f8f8;
550 358 border-radius: 20px;
551 359 display: flex;
  360 +
552 361 .tab-item {
553 362 flex: 1;
554 363 height: 40px;
... ... @@ -560,28 +369,27 @@ div::-webkit-scrollbar-thumb {
560 369 background: transparent;
561 370 border-radius: 20px;
562 371 cursor: pointer;
  372 +
563 373 &.active {
564 374 background: #667ffd;
565 375 color: #fff;
566 376 }
567 377 }
568 378 }
569   -.info {
570   - display: flex;
571   - flex-wrap: wrap;
572   - border-left: 1px solid #e2e2e2;
573   - border-top: 1px solid #e2e2e2;
574   - margin-bottom: 12px;
575   - .info-item {
576   - width: 25%;
577   - height: 50px;
578   - box-sizing: border-box;
579   - flex-shrink: 0;
580   - background: #f8f8f8;
581   - border-right: 1px solid #e2e2e2;
582   - border-bottom: 1px solid #e2e2e2;
583   - line-height: 50px;
584   - text-align: center;
  379 +
  380 +.el-dialog {
  381 + .down-item {
  382 + font-size: 15px;
  383 + margin-bottom: 10px;
  384 +
  385 + .tit {
  386 + line-height: 18px;
  387 + padding: 10px 0;
  388 + }
585 389 }
586 390 }
  391 +
  392 +.dialog-footer {
  393 + text-align: center;
  394 +}
587 395 </style>
588 396 \ No newline at end of file
... ...
src/views/basic/ask/components/answerQustion.vue 0 → 100644
  View file @d01c579
  1 +<template>
  2 + <el-table :data="resultData" border style="width: 100%">
  3 + <el-table-column prop="studentCode" label="学号" align="center"></el-table-column>
  4 + <el-table-column prop="studentName" label="姓名" align="center"></el-table-column>
  5 + <template v-if="types == 1">
  6 + <el-table-column prop="answerTimes" label="答题次数" align="center"></el-table-column>
  7 + <el-table-column prop="consumingDuration" label="答题耗时" align="center"><template slot-scope="scoped">{{
  8 + setDuration(scoped.row.consumingDuration)
  9 + }}</template></el-table-column>
  10 + <el-table-column prop="correctAnswerTimes" label="答对次数" align="center"></el-table-column>
  11 + <el-table-column prop="participationRate" label="参与度" sortable align="center"><template slot-scope="scoped">{{
  12 + scoped.row.participationRate }}%</template></el-table-column>
  13 + <el-table-column prop="correctRate" label="正确率" sortable align="center"><template slot-scope="scoped">{{
  14 + scoped.row.correctRate }}%</template></el-table-column>
  15 + <el-table-column prop="answerCorrectRate" label="已答正确率" sortable align="center"><template slot-scope="scoped">{{
  16 + scoped.row.answerCorrectRate }}%</template></el-table-column>
  17 + <el-table-column v-for="(item, index) in optionsList" :key="index" :label="'Q' + (index + 1)"
  18 + align="center"><template slot-scope="scoped">
  19 + <span :class="scoped.row['isRight' + index] ? '' : 'red'">{{
  20 + scoped.row["answer" + index]
  21 + }}</span>
  22 + </template>
  23 + </el-table-column>
  24 + </template>
  25 + <template v-if="types == 2">
  26 + <el-table-column prop="answerTimes" label="累计答题次数" align="center"></el-table-column>
  27 + <el-table-column prop="correctAnswerTimes" label="累计答对次数" align="center"></el-table-column>
  28 + <el-table-column prop="participationRate" label="总参与度" align="center"><template slot-scope="scoped">{{
  29 + scoped.row.participationRate }}%</template></el-table-column>
  30 +
  31 + <el-table-column prop="participationRateRank" label="总参与度班名" align="center"></el-table-column>
  32 + <el-table-column prop="correctRate" label="总正确率" align="center"><template slot-scope="scoped">{{
  33 + scoped.row.correctRate }}%</template></el-table-column>
  34 + <el-table-column prop="correctRateRank" label="总正确率班名" sortable align="center"></el-table-column>
  35 + <el-table-column prop="answerCorrectRate" label="已答正确率" align="center"><template slot-scope="scoped">{{
  36 + scoped.row.answerCorrectRate }}%</template></el-table-column>
  37 + <el-table-column label="查看折线图" align="center">
  38 + <template slot-scope="scoped"><el-button icon="el-icon-right" type="primary" circle></el-button></template>
  39 + </el-table-column>
  40 + </template>
  41 + <template v-if="types == 3">
  42 + <el-table-column v-for="(item, index) in phaseOption" :key="index" :label="item" align="center">
  43 + <el-table-column align="center" :label="index == 0 ? '总课时数' : '课时数'" :prop="'periodCount' + item">
  44 + </el-table-column>
  45 + <el-table-column align="center" :label="index == 0 ? '总出题数' : '出题数'" :prop="'questionNum' + item">
  46 + </el-table-column>
  47 + <el-table-column align="center" :label="index == 0 ? '总参与度' : '参与度'" :prop="'participationRate' + item"><template
  48 + slot-scope="scoped">{{ scoped.row["participationRate" + item] }}%</template>
  49 + </el-table-column>
  50 + <el-table-column align="center" :label="index == 0 ? '总正确率' : '正确率'" :prop="'correctRate' + item"><template
  51 + slot-scope="scoped">{{ scoped.row["correctRate" + item] }}%</template>
  52 + </el-table-column>
  53 + </el-table-column>
  54 + </template>
  55 + </el-table>
  56 +</template>
  57 +<script>
  58 +export default {
  59 + props: {
  60 + tableData: Array,
  61 + types: Number,
  62 + },
  63 + data() {
  64 + return {
  65 + optionsList: [],
  66 + phaseOption: [], //问答补充数据
  67 + };
  68 + },
  69 + computed: {
  70 + resultData: function () {
  71 + let resultData = []
  72 + if (this.tableData.length) {
  73 + let optionsList = [];
  74 + let subjectName = [];
  75 + let rank = {}
  76 + resultData = this.tableData.map((item) => {
  77 + let params = {};
  78 +
  79 + if (this.types == 1) {
  80 + const detail = JSON.parse(item.detail);
  81 + if (detail.length > optionsList.length) {
  82 + optionsList = [...detail];
  83 + }
  84 + detail.map((items, index) => {
  85 + params["isRight" + index] = items.isRight;
  86 + params["answer" + index] =
  87 + items.answer == 1
  88 + ? "✓"
  89 + : items.answer == 2
  90 + ? "✗"
  91 + : items.answer;
  92 + });
  93 + } else if (this.types == 3) {
  94 + item.dataList.map((items, index) => {
  95 + if (!subjectName.includes(items.subjectName)) {
  96 + subjectName.push(items.subjectName);
  97 + }
  98 + params["answerCorrectRate" + items.subjectName] =
  99 + items.answerCorrectRate;
  100 + params["correctRate" + items.subjectName] = items.correctRate;
  101 + params["participationRate" + items.subjectName] =
  102 + items.participationRate;
  103 + params["periodCount" + items.subjectName] = items.periodCount;
  104 + params["questionNum" + items.subjectName] = items.questionNum;
  105 + });
  106 + }
  107 + if (this.types != 3) {
  108 + let participationRateArr = []
  109 + let correctRateArr = []
  110 + this.tableData.map(item => {
  111 + participationRateArr.push(item.participationRate)
  112 + correctRateArr.push(item.correctRate)
  113 + })
  114 + participationRateArr = [...new Set(participationRateArr)]
  115 + participationRateArr = participationRateArr.sort((a, b) => {
  116 + return b - a
  117 + })
  118 + correctRateArr = [...new Set(correctRateArr)]
  119 + correctRateArr = correctRateArr.sort((a, b) => {
  120 + return b - a
  121 + })
  122 + let participationRateRank = participationRateArr.findIndex(value => {
  123 + return item.participationRate == value
  124 + })
  125 + let correctRateRank = correctRateArr.findIndex(value => {
  126 + return item.correctRate == value
  127 + })
  128 + rank = {
  129 + participationRateRank: participationRateRank + 1,
  130 + correctRateRank: correctRateRank + 1
  131 + }
  132 + }
  133 + return {
  134 + ...item,
  135 + ...params,
  136 + ...rank
  137 + };
  138 + });
  139 + this.phaseOption = [...subjectName];
  140 + this.optionsList = [...optionsList];
  141 + } else {
  142 + resultData = []
  143 + this.optionsList = []
  144 + }
  145 + return resultData
  146 + }
  147 + },
  148 + methods: {
  149 + setDuration(times) {
  150 + let m = parseInt(times / 1000 / 60);
  151 + let s = parseInt((times / 1000) % 60);
  152 + let ms = times;
  153 + let aTime;
  154 + if (times == 0) {
  155 + aTime = `0`;
  156 + } else {
  157 + if (m == 0 && s == 0) {
  158 + aTime = `${ms}毫秒`;
  159 + } else if (m == 0 && s != 0) {
  160 + aTime = `${s}秒`;
  161 + } else if (m != 0 && s != 0) {
  162 + aTime = `${m}分${s}秒`;
  163 + }
  164 + }
  165 + return aTime;
  166 + },
  167 + }
  168 +};
  169 +</script>
  170 +<style>
  171 +.red {
  172 + color: #f30;
  173 +}
  174 +</style>
... ...
src/views/basic/ask/components/detail.vue 0 → 100644
  View file @d01c579
  1 +<template>
  2 + <ul class="info" v-if="types == 1">
  3 + <li class="info-item">科目：{{ detail.subjectName }}</li>
  4 + <li class="info-item">课时：{{ detail.title }}</li>
  5 + <li class="info-item">上课时间：{{ detail.startTime }}</li>
  6 + <li class="info-item">下课时间：{{ detail.endTime }}</li>
  7 + <li class="info-item">签到人数：{{ detail.answeredNum }}</li>
  8 + <li class="info-item">题目总数：{{ detail.questionNum }}</li>
  9 + <li class="info-item">答题总数：{{ detail.totalAnswersNum }}</li>
  10 + <li class="info-item">课时时长：{{ detail.duration }}分钟</li>
  11 + <li class="info-item">
  12 + 总参与度：：{{ detail.participationRate }}%
  13 + </li>
  14 + <li class="info-item">
  15 + 班级总正确率：{{ detail.classCorrectRate }}%
  16 + </li>
  17 + <li class="info-item">
  18 + 已答总正确率：{{ detail.answerCorrectRate }}%
  19 + </li>
  20 + <li class="info-item">
  21 + 反馈时长：{{ setDuration(detail.consumingDuration) }}
  22 + </li>
  23 + </ul>
  24 + <ul class="info" v-else-if="types == 2">
  25 + <li class="info-item">科目：{{ detail.subjectName }}</li>
  26 + <li class="info-item">课时总数：{{ detail.title }}</li>
  27 + <li class="info-item">课时时长：{{ detail.duration }}分钟</li>
  28 + <li class="info-item">
  29 + 反馈时长：{{ setDuration(detail.consumingDuration) }}
  30 + </li>
  31 + <li class="info-item">题目总数：{{ detail.questionNum }}</li>
  32 + <li class="info-item">答题总数：{{ detail.totalAnswersNum }}</li>
  33 + <li class="info-item">
  34 + 班级总正确率：{{ detail.classCorrectRate }}%
  35 + </li>
  36 + <li class="info-item">
  37 + 已答总正确率：{{ detail.answerCorrectRate }}%
  38 + </li>
  39 + <li class="info-item">
  40 + 总参与度：：{{ detail.participationRate }}%
  41 + </li>
  42 +
  43 + </ul>
  44 +</template>
  45 +<script>
  46 +export default {
  47 + props: {
  48 + types: Number,
  49 + detail: Object,
  50 + },
  51 + methods: {
  52 + setDuration(times) {
  53 + let m = parseInt(times / 1000 / 60);
  54 + let s = parseInt((times / 1000) % 60);
  55 + let ms = times;
  56 + let aTime;
  57 + if (times == 0) {
  58 + aTime = `0`;
  59 + } else {
  60 + if (m == 0 && s == 0) {
  61 + aTime = `${ms}毫秒`;
  62 + } else if (m == 0 && s != 0) {
  63 + aTime = `${s}秒`;
  64 + } else if (m != 0 && s != 0) {
  65 + aTime = `${m}分${s}秒`;
  66 + }
  67 + }
  68 + return aTime;
  69 + },
  70 + }
  71 +}
  72 +</script>
  73 +<style lang="scss" scoped>
  74 +.info {
  75 + display: flex;
  76 + flex-wrap: wrap;
  77 + border-left: 1px solid #e2e2e2;
  78 + border-top: 1px solid #e2e2e2;
  79 + margin-bottom: 12px;
  80 +
  81 + .info-item {
  82 + width: 25%;
  83 + height: 50px;
  84 + box-sizing: border-box;
  85 + flex-shrink: 0;
  86 + background: #f8f8f8;
  87 + border-right: 1px solid #e2e2e2;
  88 + border-bottom: 1px solid #e2e2e2;
  89 + line-height: 50px;
  90 + text-align: center;
  91 + }
  92 +}
  93 +</style>
... ...
src/views/basic/ask/components/example.vue 0 → 100644
  View file @d01c579
  1 +<template>
  2 +
  3 + <el-table :data="tableData" border style="width: 100%">
  4 + <el-table-column prop="questionIndex" label="题号" align="center"><template slot-scope="scoped">Q{{
  5 + scoped.row.questionIndex }}</template></el-table-column>
  6 + <el-table-column prop="questionType" label="题型" align="center">
  7 + <template slot-scope="scoped">{{
  8 + setSubPro(scoped.row.questionType)
  9 + }}</template>
  10 + </el-table-column>
  11 + <el-table-column prop="answeredNum" label="答题人数" sortable align="center"></el-table-column>
  12 + <el-table-column prop="correctAnswerNum" label="答对人数" sortable align="center"></el-table-column>
  13 + <el-table-column prop="participationRate" label="班级参与度" sortable align="center"><template slot-scope="scoped">{{
  14 + scoped.row.participationRate }}%</template></el-table-column>
  15 + <el-table-column prop="classCorrectRate" label="班级正确率" sortable align="center"><template slot-scope="scoped">{{
  16 + scoped.row.classCorrectRate }}%</template></el-table-column>
  17 + <el-table-column prop="answerCorrectRate" label="已答正确率" sortable align="center"><template slot-scope="scoped">{{
  18 + scoped.row.answerCorrectRate }}%</template></el-table-column>
  19 + <el-table-column prop="correctAnswer" label="正确答案" align="center">
  20 + <template slot-scope="scoped">{{
  21 + scoped.row.correctAnswer == 1
  22 + ? "✓"
  23 + : scoped.row.correctAnswer == 2
  24 + ? "✗"
  25 + : scoped.row.correctAnswer
  26 + }}</template></el-table-column>
  27 + <el-table-column prop="fallible" label="干扰答案" align="center"><template slot-scope="scoped">{{
  28 + scoped.row.fallible == 1
  29 + ? "✓"
  30 + : scoped.row.fallible == 2
  31 + ? "✗"
  32 + : scoped.row.fallible
  33 + }}</template></el-table-column>
  34 + </el-table>
  35 +</template>
  36 +<script>
  37 +export default {
  38 + props: {
  39 + tableData: Array,
  40 + },
  41 + data() {
  42 + return {};
  43 + },
  44 + created() { },
  45 + methods: {
  46 + setSubPro(type) {
  47 + let tit;
  48 + switch (type) {
  49 + case 2:
  50 + tit = "单选题";
  51 + break;
  52 + case 3:
  53 + tit = "多选题";
  54 + break;
  55 + case 4:
  56 + tit = "判断题";
  57 + break;
  58 + case 5:
  59 + tit = "主观题";
  60 + break;
  61 + default:
  62 + tit = "其他";
  63 + }
  64 + return tit;
  65 + },
  66 + }
  67 +};
  68 +</script>
... ...
src/views/basic/ask/components/interact.vue 0 → 100644
  View file @d01c579
  1 +<template>
  2 + <el-table :data="resultData" border style="width: 100%">
  3 + <el-table-column prop="studentCode" label="学号" align="center"></el-table-column>
  4 + <el-table-column prop="studentName" label="姓名" align="center"></el-table-column>
  5 + <template v-if="types != 3">
  6 + <el-table-column prop="rushAnswerTimes" label="抢答成功次数" sortable align="center"></el-table-column>
  7 + <el-table-column prop="rushAnswerCorrectTimes" label="答对次数" sortable align="center"></el-table-column>
  8 + <el-table-column prop="checkAnswerTimes" label="抽答次数" sortable align="center"></el-table-column>
  9 + <el-table-column prop="checkAnswerCorrectTimes" label="抽答答对次数" sortable align="center"></el-table-column>
  10 + <el-table-column prop="interactionsNum" label="参与得分" sortable align="center"></el-table-column>
  11 + <el-table-column prop="interactionsCorrectNum" label="对错得分" sortable align="center"></el-table-column>
  12 + </template>
  13 + <template v-else>
  14 + <el-table-column v-for="(item, index) in phaseInter" :key="index" :label="item" align="center">
  15 + <el-table-column align="center" v-if="index == 0" label="参与分" sortable :prop="'interactionsNum' + item">
  16 + </el-table-column>
  17 + <el-table-column v-else align="center" label="互动数" :prop="'interactionsNum' + item">
  18 + </el-table-column>
  19 + <el-table-column v-if="index == 0" align="center" label="对错分" sortable :prop="'interactionsCorrectNum' + item">
  20 + </el-table-column>
  21 + <el-table-column v-else align="center" label="参与数" :prop="'interactionsCorrectNum' + item">
  22 + </el-table-column>
  23 + </el-table-column>
  24 + </template>
  25 + </el-table>
  26 +</template>
  27 +<script>
  28 +export default {
  29 + props: {
  30 + tableData: Array,
  31 + types: Number,
  32 + },
  33 + data() {
  34 + return {
  35 + phaseInter: [], //互动补充数据
  36 + }
  37 + },
  38 + computed: {
  39 + resultData: function () {
  40 + let resultData = []
  41 + if (this.tableData.length) {
  42 + if (this.types == "3") {
  43 + let subjectName = [];
  44 + resultData = data?.list.map((item) => {
  45 + let params = {};
  46 + item.dataList.map((items, index) => {
  47 + if (!subjectName.includes(items.subjectName)) {
  48 + subjectName.push(items.subjectName);
  49 + }
  50 + params["interactionsNum" + items.subjectName] =
  51 + items.interactionsNum;
  52 + params["interactionsCorrectNum" + items.subjectName] =
  53 + items.interactionsCorrectNum;
  54 + });
  55 + return {
  56 + ...item,
  57 + ...params,
  58 + };
  59 + });
  60 + this.phaseInter = [...subjectName];
  61 + }
  62 + } else {
  63 + resultData = []
  64 + this.optionsList = []
  65 + }
  66 + return resultData
  67 + }
  68 + },
  69 +};
  70 +</script>
... ...
src/views/basic/ask/components/report.vue 0 → 100644
  View file @d01c579
  1 +<template>
  2 + <el-table :data="tableData" border style="width: 100%">
  3 + <el-table-column prop="studentName" label="姓名" align="center"></el-table-column>
  4 + <el-table-column prop="checkInTime" label="签到时间" sortable align="center"></el-table-column>
  5 + <el-table-column prop="makeUpTime" label="补签时间" sortable align="center"></el-table-column>
  6 + </el-table>
  7 +</template>
  8 +<script>
  9 +export default {
  10 + props: {
  11 + tableData: Array,
  12 + }
  13 +};
  14 +</script>
... ...
src/views/basic/ask/index.vue
  View file @d01c579
1 1 <template>
2 2 <div class="main" ref="main">
3   - <back-box>
4   - <template slot="title">
5   - <span>问答-数据报表</span>
6   - </template>
7   - <template slot="btns">
8   - <el-tooltip
9   - v-if="!code && gdClass"
10   - effect="dark"
11   - content="已归档试卷"
12   - placement="bottom"
13   - >
14   - <el-button
15   - type="primary"
16   - icon="fa fa-archive"
17   - size="mini"
18   - plain
19   - circle
20   - @click="toArchiving"
21   - ></el-button>
22   - </el-tooltip>
23   - </template>
24   - </back-box>
25   - <div class="answer-header">
26   - <div class="sel-box">
27   - <el-select
28   - class="sel"
29   - v-model="query.classId"
30   - placeholder="选择班级"
31   - @change="changeclass"
32   - >
33   - <el-option
34   - v-for="item in classList"
35   - :key="item.value"
36   - :label="item.label"
37   - :value="item.value"
38   - >
39   - </el-option>
40   - </el-select>
41   - <el-select
42   - v-if="role == 'ROLE_BANZHUREN' || role == 'ROLE_PERSONAL'"
43   - class="sel"
44   - multiple
45   - v-model="query.subjectNames"
46   - placeholder="选择科目"
47   - @change="changeSub"
48   - >
49   - <el-option
50   - v-for="item in subjectList"
51   - :key="item.value"
52   - :label="item.label"
53   - :value="item.value"
54   - >
55   - </el-option>
56   - </el-select>
57   - <el-select
58   - v-else
59   - class="sel"
60   - v-model="query.subjectNames"
61   - placeholder="选择科目"
62   - >
63   - <el-option
64   - v-for="item in subjectList"
65   - :key="item.value"
66   - :label="item.label"
67   - :value="item.value"
68   - >
69   - </el-option>
70   - </el-select>
71   - <div class="d1">
72   - <el-date-picker
73   - v-model="query.startDay"
74   - type="date"
75   - @change="handleChangeTimeStart"
76   - placeholder="选择日期时间"
77   - value-format="yyyy-MM-dd"
78   - >
79   - </el-date-picker>
80   - ~
81   - <el-date-picker
82   - v-model="query.endDay"
83   - type="date"
84   - placeholder="选择日期时间"
85   - @change="handleChangeTimeEnd"
86   - value-format="yyyy-MM-dd"
87   - >
88   - </el-date-picker>
  3 + <div class="sel-dia">
  4 + <p class="tit">
  5 + <span>报表数据配置</span>
  6 + <i class="el-icon-close" @click="goHome"></i>
  7 + </p>
  8 + <div class="select-box">
  9 + <div class="sel-item">
  10 + <span class="sel-label">班级：</span>
  11 + <el-select class="sel" v-model="query.classId" placeholder="选择班级" @change="changeclass">
  12 + <el-option v-for="item in classList" :key="item.value" :label="item.label" :value="item.value">
  13 + </el-option>
  14 + </el-select>
89 15 </div>
90   - <p class="p1">
91   - <span @click="setDate(1)" :class="[date == 1 ? 'active' : '', 's1']"
92   - >今天</span
93   - >
94   - <span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']"
95   - >本周</span
96   - >
97   - <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']"
98   - >本月</span
99   - >
100   - <span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']"
101   - >本季度</span
102   - >
103   - </p>
104   - <el-button type="primary" round @click="_QueryData()">筛选</el-button>
105   - </div>
106   - </div>
107   - <div class="table-box">
108   - <el-radio-group
109   - v-model="tabIndex"
110   - @change="tabChange"
111   - style="margin-bottom: 20px"
112   - >
113   - <template v-for="(item, index) in tabList">
114   - <el-radio-button
115   - v-if="index == 0 || query.startDay != query.endDay"
116   - :key="index"
117   - :label="index + 1"
118   - >{{ item }}</el-radio-button
119   - >
120   - </template>
121   - </el-radio-group>
122   - <div class="table-cont" v-loading="loading">
123   - <div id="print-content">
124   - <div v-show="tabIndex == 1">
125   - <el-table
126   - :data="tableData"
127   - border
128   - style="width: 100%"
129   - @sort-change="sortChange"
130   - >
131   - <el-table-column
132   - prop="title"
133   - label="课时"
134   - align="center"
135   - ></el-table-column>
136   - <el-table-column
137   - prop="questionNum"
138   - label="题目总数"
139   - align="center"
140   - width="100"
141   - ></el-table-column>
142   - <el-table-column
143   - prop="startTime"
144   - label="上课时间"
145   - align="center"
146   - ></el-table-column>
147   - <el-table-column
148   - prop="participationRate"
149   - label="参与度"
150   - sortable="custom"
151   - align="center"
152   - >
153   - <template slot-scope="scoped"
154   - >{{ scoped.row.participationRate }}%</template
155   - ></el-table-column
156   - >
157   - <el-table-column
158   - prop="answerCorrectRate"
159   - label="已答总正确率"
160   - sortable="custom"
161   - align="center"
162   - >
163   - <template slot-scope="scoped"
164   - >{{ scoped.row.answerCorrectRate }}%</template
165   - >
166   - </el-table-column>
167   - <el-table-column
168   - prop="classCorrectRate"
169   - label="班级总正确率"
170   - sortable="custom"
171   - align="center"
172   - ><template slot-scope="scoped"
173   - >{{ scoped.row.classCorrectRate }}%</template
174   - ></el-table-column
175   - >
176   - <el-table-column label="操作" align="center">
177   - <template slot-scope="scoped">
178   - <template v-if="scoped.row.answerNum == 0">
179   - <el-tooltip
180   - v-if="role == 'ROLE_JIAOSHI'"
181   - effect="dark"
182   - content="设置答案"
183   - placement="top"
184   - >
185   - <el-button
186   - type="primary"
187   - circle
188   - size="mini"
189   - icon="fa fa-file-text"
190   - @click="edit(scoped.row)"
191   - ></el-button>
192   - </el-tooltip>
193   - <template v-else>未设置答案</template>
194   - </template>
195   - <el-tooltip
196   - v-else
197   - effect="dark"
198   - content="详情"
199   - placement="top"
200   - >
201   - <el-button
202   - type="primary"
203   - circle
204   - size="mini"
205   - icon="fa fa-arrow-right"
206   - @click="linkTo(scoped.row)"
207   - ></el-button>
208   - </el-tooltip>
209   - </template>
210   - </el-table-column>
211   - </el-table>
212   - </div>
213   - <div v-show="tabIndex == 2">
214   - <el-table
215   - id="print-content2"
216   - v-if="role == 'ROLE_JIAOSHI'"
217   - :max-height="tableMaxHeight"
218   - :data="tableData"
219   - border
220   - style="width: 100%"
221   - >
222   - <el-table-column
223   - prop="studentCode"
224   - label="学号"
225   - fixed
226   - align="center"
227   - ></el-table-column>
228   - <el-table-column
229   - prop="studentName"
230   - label="姓名"
231   - fixed
232   - align="center"
233   - width="100"
234   - ></el-table-column>
235   - <el-table-column
236   - prop="answerTimes"
237   - label="累计答题次数"
238   - sortable
239   - align="center"
240   - ></el-table-column>
241   - <el-table-column
242   - prop="correctAnswerTimes"
243   - label="累计答对次数"
244   - sortable
245   - align="center"
246   - ></el-table-column>
247   - <el-table-column
248   - prop="participationRate"
249   - label="总参与度"
250   - sortable
251   - align="center"
252   - >
253   - <template slot-scope="scoped"
254   - >{{ scoped.row.participationRate }}%</template
255   - ></el-table-column
256   - >
257   - <el-table-column
258   - prop="correctRate"
259   - label="总正确率"
260   - sortable
261   - align="center"
262   - >
263   - <template slot-scope="scoped"
264   - >{{ scoped.row.correctRate }}%</template
265   - ></el-table-column
266   - >
267   - <el-table-column
268   - prop="answerCorrectRate"
269   - label="已答总正确率"
270   - sortable
271   - align="center"
272   - >
273   - <template slot-scope="scoped"
274   - >{{ scoped.row.answerCorrectRate }}%</template
275   - >
276   - </el-table-column>
277   - <el-table-column
278   - prop="classRank"
279   - label="总正确率班排名"
280   - sortable
281   - align="center"
282   - ></el-table-column>
283   - </el-table>
284   - <el-table
285   - id="print-content2"
286   - :max-height="tableMaxHeight"
287   - v-else
288   - :data="tableData"
289   - border
290   - style="width: 100%"
291   - >
292   - <el-table-column
293   - prop="studentCode"
294   - label="学号"
295   - align="center"
296   - fixed
297   - ></el-table-column>
298   - <el-table-column
299   - prop="studentName"
300   - label="姓名"
301   - align="center"
302   - fixed
303   - width="100"
304   - ></el-table-column>
305   - <el-table-column
306   - v-for="(item, index) in phaseOption"
307   - :key="index"
308   - :label="item"
309   - align="center"
310   - >
311   - <el-table-column
312   - align="center"
313   - :label="index == 0 ? '总课时数' : '课时数'"
314   - :prop="'periodCount' + item"
315   - >
316   - </el-table-column>
317   - <el-table-column
318   - align="center"
319   - :label="index == 0 ? '总出题数' : '出题数'"
320   - :prop="'questionNum' + item"
321   - >
322   - </el-table-column>
323   - <el-table-column
324   - align="center"
325   - :label="index == 0 ? '总参与度' : '参与度'"
326   - :prop="'participationRate' + item"
327   - ><template slot-scope="scoped"
328   - >{{ scoped.row["participationRate" + item] }}%</template
329   - >
330   - </el-table-column>
331   - <el-table-column
332   - align="center"
333   - :label="index == 0 ? '总正确率' : '正确率'"
334   - :prop="'correctRate' + item"
335   - ><template slot-scope="scoped"
336   - >{{ scoped.row["correctRate" + item] }}%</template
337   - >
338   - </el-table-column>
339   - </el-table-column>
340   - </el-table>
341   - </div>
342   - <div v-show="tabIndex == 3">
343   - <el-table
344   - id="print-content3"
345   - v-if="role == 'ROLE_JIAOSHI'"
346   - :max-height="tableMaxHeight"
347   - :data="tableData"
348   - border
349   - style="width: 100%"
350   - >
351   - <el-table-column
352   - prop="studentCode"
353   - label="学号"
354   - fixed
355   - align="center"
356   - ></el-table-column>
357   - <el-table-column
358   - prop="studentName"
359   - label="姓名"
360   - fixed
361   - align="center"
362   - width="100"
363   - ></el-table-column>
364   - <el-table-column
365   - prop="rushAnswerTimes"
366   - label="抢答成功次数"
367   - sortable
368   - align="center"
369   - ></el-table-column>
370   - <el-table-column
371   - prop="rushAnswerCorrectTimes"
372   - label="抢答答对次数"
373   - sortable
374   - align="center"
375   - ></el-table-column>
376   - <el-table-column
377   - prop="checkAnswerTimes"
378   - label="抽答次数"
379   - sortable
380   - align="center"
381   - ></el-table-column>
382   - <el-table-column
383   - prop="checkAnswerCorrectTimes"
384   - label="抽答答对次数"
385   - sortable
386   - align="center"
387   - ></el-table-column>
388   - <el-table-column
389   - prop="interactionsNum"
390   - label="参与得分"
391   - sortable
392   - align="center"
393   - ></el-table-column>
394   - <el-table-column
395   - prop="interactionsCorrectNum"
396   - label="对错得分"
397   - sortable
398   - align="center"
399   - ></el-table-column>
400   - </el-table>
401   - <el-table
402   - id="print-content3"
403   - v-else
404   - :max-height="tableMaxHeight"
405   - :data="tableData"
406   - border
407   - style="width: 100%"
408   - >
409   - <el-table-column
410   - prop="studentCode"
411   - label="学号"
412   - align="center"
413   - ></el-table-column>
414   - <el-table-column
415   - prop="studentName"
416   - label="姓名"
417   - align="center"
418   - width="100"
419   - ></el-table-column>
420   - <el-table-column
421   - v-for="(item, index) in phaseInter"
422   - :key="index"
423   - :label="item"
424   - align="center"
425   - >
426   - <el-table-column
427   - align="center"
428   - v-if="index == 0"
429   - label="参与分"
430   - sortable
431   - :prop="'interactionsNum' + item"
432   - >
433   - </el-table-column>
434   - <el-table-column
435   - v-else
436   - align="center"
437   - label="互动数"
438   - :prop="'interactionsNum' + item"
439   - >
440   - </el-table-column>
441   - <el-table-column
442   - v-if="index == 0"
443   - align="center"
444   - label="对错分"
445   - sortable
446   - :prop="'interactionsCorrectNum' + item"
447   - >
448   - </el-table-column>
449   - <el-table-column
450   - v-else
451   - align="center"
452   - label="参与数"
453   - :prop="'interactionsCorrectNum' + item"
454   - >
455   - </el-table-column>
456   - </el-table-column>
457   - </el-table>
  16 + <div class="sel-item sel-item2">
  17 + <span class="sel-label">科目：</span>
  18 + <div class="sel-d">
  19 + <p class="p-all">
  20 + <el-checkbox :indeterminate="isIndeterminate" v-model="allSubject"
  21 + @change="handleCheckAllChange">全选</el-checkbox>
  22 + </p>
  23 + <p class="sel-p">
  24 + <el-checkbox-group v-model="query.subjectNames" @change="handleChecked">
  25 + <el-checkbox v-for="item in subjectList" :label="item" :key="item">{{ item
  26 + }}</el-checkbox>
  27 + </el-checkbox-group>
  28 + </p>
458 29 </div>
459 30 </div>
460   - <div class="pagination-box" v-show="tabIndex == 1">
461   - <el-pagination
462   - small=""
463   - layout="total,prev, pager, next"
464   - :hide-on-single-page="true"
465   - :total="total"
466   - @current-change="changePage"
467   - :current-page="page"
468   - :page-size="size"
469   - >
470   - </el-pagination>
  31 + <div class="sel-item">
  32 + <span class="sel-label">日期：</span>
  33 + <div class="d1">
  34 + <el-date-picker v-model="query.startDay" type="date" @change="handleChangeTimeStart" placeholder="选择日期时间"
  35 + value-format="yyyy-MM-dd">
  36 + </el-date-picker>
  37 + ~
  38 + <el-date-picker v-model="query.endDay" type="date" placeholder="选择日期时间" @change="handleChangeTimeEnd"
  39 + value-format="yyyy-MM-dd">
  40 + </el-date-picker>
  41 + </div>
  42 + <p class="p1">
  43 + <span @click="setDate(1)" :class="[date == 1 ? 'active' : '', 's1']">本周</span>
  44 + <span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']">本月</span>
  45 + <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']">本季度</span>
  46 + </p>
471 47 </div>
472   - <p
473   - class="down"
474   - v-if="(tabIndex == 3 || tabIndex == 2) && tableData.length"
475   - >
476   - <el-button
477   - @click="exportData"
478   - type="primary"
479   - plain
480   - round
481   - icon="fa fa-cloud-download"
482   - >导出报表</el-button
483   - >
484   - <el-button
485   - v-if="!this.$store.getters.code"
486   - @click="print"
487   - type="primary"
488   - plain
489   - round
490   - icon="el-icon-printer"
491   - >打印</el-button
492   - >
493   - </p>
  48 + </div>
  49 + <div class="foot-box">
  50 + <el-button type="primary" round @click="goList">确定</el-button>
  51 + <el-button type="danger" round @click="goHome">取消</el-button>
494 52 </div>
495 53 </div>
496 54 </div>
497 55 </template>
498 56  
499 57 <script>
500   -import { formatDate, downloadFile, tablePrint } from "utils";
501   -import BusEvent from "@/utils/busEvent";
  58 +import { formatDate } from "utils";
502 59 export default {
503 60 data() {
504 61 return {
505   - gdClass: 0, //已归档班级数量
506   - tableMaxHeight: 300,
507 62 code: "",
508 63 role: "",
509   - loading: false,
510 64 date: "", //今天-昨天-本周
511 65 query: {
512 66 //搜索条件
513 67 classId: "",
514   - subjectNames: "",
  68 + subjectNames: [],
515 69 startDay: "",
516 70 endDay: "",
517   - day: "",
518   - },
519   - tabList: ["单课时报表", "阶段问答报表", "阶段互动报表"],
520   - custom: {
521   - //单课时排序
522   - orderField: null,
523   - orderType: null,
524 71 },
525 72 classList: [], //班级
526 73 subjectList: [], //科目
527   - tabIndex: 1, //选项卡
528   - tableData: [],
529   - phaseOption: [], //问答补充数据
530   - phaseInter: [], //互动补充数据
531   - page: 1,
532   - size: 20,
533   - total: 0,
  74 +
  75 + isIndeterminate: true,//全选样式
  76 + allSubject: false,//全选状态
534 77 };
535 78 },
536 79 async created() {
... ... @@ -538,8 +81,7 @@ export default {
538 81 this.role =
539 82 this.$store.getters.info.showRole ||
540 83 this.$store.getters.info.permissions[0].role;
541   - this.query.subjectNames = this.role == "ROLE_BANZHUREN" ? [] : "";
542   - this._QueryClassList2();
  84 + this.query.subjectNames = [];
543 85 await this._QueryClassList();
544 86 if (!this.query.classId) {
545 87 return;
... ... @@ -552,69 +94,27 @@ export default {
552 94 this.query.endDay = new Date();
553 95 }
554 96 },
555   - activated() {
556   - const that = this;
557   - BusEvent.$on("keepAlive", async function () {
558   - that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : "";
559   - that._QueryClassList2();
560   - await that._QueryClassList();
561   - if (!that.query.classId) {
562   - return;
563   - }
564   - await that._QuerySubjectList();
565   - await that.setDate(1);
566   - let startDay = that.query?.startDay;
567   - if (!startDay) {
568   - that.query.startDay = new Date();
569   - that.query.endDay = new Date();
570   - }
571   - });
572   - },
  97 +
573 98 methods: {
574   - toArchiving() {
575   - this.$router.push({
576   - path: "/askArchiving",
577   - });
578   - },
579   - print() {
580   - tablePrint("print-content", "随堂问-" + this.tabList[this.tabIndex - 1]);
581   - },
582   - changeSub(val) {
583   - let sub;
584   - if (val && val.length) {
585   - let leng = val.length - 1;
586   - sub = val[leng];
587   - }
588   - console.log(val);
589   - this.query.subjectNames = val.filter((item) => {
590   - return sub != "全部" ? item != "全部" : item == "全部";
591   - });
  99 + handleCheckAllChange(val) {
  100 + this.checkedCities = val ? this.subjectList : [];
  101 + this.allSubject = false;
592 102 },
593   - linkTo(obj) {
594   - //去详情
595   - this.$router.push({
596   - path: "/askAnalysis",
597   - query: {
598   - id: obj.id,
599   - },
600   - });
  103 + handleChecked(value) {
  104 + console.log(value)
  105 + let checkedCount = value.length;
  106 + this.allSubject = checkedCount === this.subjectList.length;
  107 + this.isIndeterminate = checkedCount > 0 && checkedCount < this.subjectList.length;
601 108 },
602 109 setDate(index) {
603 110 const that = this;
604 111 this.date = index == this.date ? "" : index;
605 112 let aYear = new Date().getFullYear();
606 113 let aMonth = new Date().getMonth() + 1;
607   - that.query.day = "";
608 114 that.query.startDay = "";
609 115 that.query.endDay = "";
610 116 switch (index) {
611 117 case 1:
612   - that.query.day = formatDate(new Date(), "yyyy-MM-dd");
613   - that.query.startDay = that.query.day;
614   - that.query.endDay = that.query.day;
615   - that.tabIndex = 1;
616   - break;
617   - case 2:
618 118 let day = new Date().getDay();
619 119 if (day == 0) {
620 120 //中国式星期天是一周的最后一天
... ... @@ -625,12 +125,12 @@ export default {
625 125 that.query.startDay = formatDate(new Date(aTime), "yyyy-MM-dd");
626 126 that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
627 127 break;
628   - case 3:
  128 + case 2:
629 129 aMonth = aMonth < 10 ? "0" + aMonth : aMonth;
630 130 that.query.startDay = `${aYear}-${aMonth}-01`;
631 131 that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
632 132 break;
633   - case 4:
  133 + case 3:
634 134 if (aMonth > 0 && aMonth < 4) {
635 135 aMonth = "1";
636 136 } else if (aMonth > 3 && aMonth < 7) {
... ... @@ -647,10 +147,8 @@ export default {
647 147 break;
648 148 }
649 149 this.page = 1;
650   - this._QueryData();
651 150 },
652 151 handleChangeTimeStart(val) {
653   - this.query.day = "";
654 152 this.date = "";
655 153 if (this.query.endDay) {
656 154 if (new Date(val).getTime() > new Date(this.query.endDay).getTime()) {
... ... @@ -660,73 +158,28 @@ export default {
660 158 }
661 159 },
662 160 handleChangeTimeEnd(val) {
663   - this.query.day = "";
664 161 this.date = "";
665   - if (this.query.startDay) {
  162 + if (this.query.startDay && val) {
666 163 if (new Date(val).getTime() < new Date(this.query.startDay).getTime()) {
667 164 this.$message.error("任务结束时间不能任务开始时间前面，请重新设置");
668 165 this.query.endDay = "";
669 166 }
670 167 }
671 168 },
672   - async edit(item) {
673   - this.$router.push({
674   - path: "/examinationPaperEdit",
675   - query: {
676   - paperId: item.id,
677   - title: item.title,
678   - type: 3,
679   - },
680   - });
681   - },
682   - tabChange() {
683   - this.tableMaxHeight = this.$refs.main.offsetHeight;
684   - this.page = 1;
685   - this.tableData = [];
686   - this._QueryData();
687   - },
688   - sortChange(obj) {
689   - this.custom.orderField =
690   - obj.prop == "participationRate"
691   - ? 1
692   - : obj.prop == "answerCorrectRate"
693   - ? 2
694   - : 3;
695   - this.custom.orderType = obj.order == "ascending" ? 0 : 1;
696   - this.page = 1;
697   - this._QueryData();
698   - },
699   - changePage(page) {
700   - this.page = page;
701   - this._QueryData();
702   - },
  169 +
703 170 async changeclass() {
  171 + this.allSubject = false
  172 + this.query.subjectNames = []
704 173 await this._QuerySubjectList();
705   - this.page = 1;
706   - this._QueryData();
707   - },
708   - async changClazz() {
709   - await this._QuerySubjectList();
710   - // await this.setDate(1);
711   - this._QueryData();
712   - },
713   - async _QueryClassList2() {
714   - const fetchClassList =
715   - this.role == "ROLE_BANZHUREN"
716   - ? this.$request.cTClassList
717   - : this.$request.tClassList;
718   - const { data, status, info } = await fetchClassList({ status: 1 });
719   - if (status === 0) {
720   - this.gdClass = data?.list?.length || 0;
721   - } else {
722   - this.$message.error(info);
723   - }
724 174 },
  175 +
725 176 async _QueryClassList() {
726 177 const fetchClassList =
727 178 this.role == "ROLE_BANZHUREN"
728   - ? this.$request.cTClassList
729   - : this.$request.tClassList;
  179 + ? this.$request.cTClassList :
  180 + this.role == "ROLE_PERSONAL"
  181 + ? this.$request.pClassList
  182 + : this.$request.tClassList;
730 183 const { data, status, info } = await fetchClassList();
731 184 if (status === 0) {
732 185 this.classList = data.list.map((item) => {
... ... @@ -743,292 +196,41 @@ export default {
743 196 async _QuerySubjectList() {
744 197 const fetchSubjectList =
745 198 this.role == "ROLE_BANZHUREN"
746   - ? this.$request.cTSubjectList
747   - : this.$request.tSubjectList;
  199 + ? this.$request.cTSubjectList :
  200 + this.role == "ROLE_PERSONAL"
  201 + ? this.$request.pSubjectList
  202 + : this.$request.tSubjectList;
748 203  
749 204 const { data, status, info } = await fetchSubjectList({
750 205 classId: this.query.classId,
751 206 });
752 207 if (status === 0) {
753   - this.subjectList =
754   - data.subjectNames?.map((item) => {
755   - return {
756   - value: item,
757   - label: item,
758   - };
759   - }) || [];
  208 + this.subjectList = data.subjectNames || [];
760 209 if (this.role == "ROLE_BANZHUREN") {
761   - this.subjectList.unshift({
762   - value: "全部",
763   - label: "全部",
764   - });
765   - this.query.subjectNames.push(this.subjectList[0]?.value);
  210 + this.query.subjectNames = this.subjectList
766 211 } else {
767   - this.query.subjectNames = this.subjectList[0]?.value;
  212 + this.subjectList.length ? this.query.subjectNames.push(this.subjectList[0]) : "";
768 213 }
769 214 } else {
770 215 this.$message.error(info);
771 216 }
772 217 },
773   - async _QueryData() {
774   - if (!this.query.classId) {
775   - return;
776   - }
777   - if (this.tabIndex == 1) {
778   - this.periodReportList();
779   - } else if (this.tabIndex == 2) {
780   - this.phaseAnswerReport();
781   - } else if (this.tabIndex == 3) {
782   - this.phaseInteractiveReport();
783   - }
784   - },
785   - //分页查询课时报表列表
786   - async periodReportList() {
787   - this.loading = true;
788   - let query = {};
789   - for (let key in this.query) {
790   - if (this.query[key] != "") {
791   - query[key] = this.query[key];
792   - }
793   - }
794   - if (this.custom.orderField !== null) {
795   - query = { ...query, ...this.custom };
796   - }
797   - if (this.role != "ROLE_BANZHUREN") {
798   - query.subjectNames = [query.subjectNames];
799   - } else {
800   - if (
801   - query["subjectNames"] &&
802   - query["subjectNames"].length == 1 &&
803   - query["subjectNames"][0] == "全部"
804   - ) {
805   - query["subjectNames"] = this.subjectList.map((item) => {
806   - return item.value;
807   - });
808   - query["subjectNames"].shift();
809   - }
810   - if (!query["subjectNames"]) {
811   - this.$message.warning("请选择科目");
812   - return;
813   - }
814   - }
815   - const { data, status, info } = await this.$request.periodReportList({
816   - ...query,
817   - page: this.page,
818   - size: this.size,
819   - });
820   - this.loading = false;
821   - if (status === 0) {
822   - this.tableData = (data?.list && [...data?.list]) || [];
823   - this.total = data?.count || 0;
824   - } else {
825   - this.$message.error(info);
826   - }
827   - },
828   - //查询阶段问答报表
829   - async phaseAnswerReport() {
830   - this.loading = true;
831   - let query = {};
832   - for (let key in this.query) {
833   - if (this.query[key] != "") {
834   - if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") {
835   - query["subjectName"] = this.query[key];
836   - } else {
837   - query[key] = this.query[key];
838   - }
839   - }
840   - }
841   - if (this.role == "ROLE_BANZHUREN") {
842   - if (
843   - query["subjectNames"] &&
844   - query["subjectNames"].length == 1 &&
845   - query["subjectNames"][0] == "全部"
846   - ) {
847   - query["subjectNames"] = this.subjectList.map((item) => {
848   - return item.value;
849   - });
850   - query["subjectNames"].shift();
851   - }
852   - if (!query["subjectNames"]) {
853   - this.$message.warning("请选择科目");
854   - return;
855   - }
856   - }
857   - const phaseAnswerReport =
858   - this.role == "ROLE_BANZHUREN"
859   - ? this.$request.cTPhaseAnswerReport
860   - : this.$request.phaseAnswerReport;
861 218  
862   - const { data, status, info } = await phaseAnswerReport({
863   - ...query,
864   - });
865   - this.loading = false;
866   - if (status === 0) {
867   - if (this.role == "ROLE_BANZHUREN") {
868   - let subjectName = [];
869   - let tableData = data?.list.map((item) => {
870   - let params = {};
871   - item.dataList.map((items, index) => {
872   - if (!subjectName.includes(items.subjectName)) {
873   - subjectName.push(items.subjectName);
874   - }
875   - params["answerCorrectRate" + items.subjectName] =
876   - items.answerCorrectRate;
877   - params["correctRate" + items.subjectName] = items.correctRate;
878   - params["participationRate" + items.subjectName] =
879   - items.participationRate;
880   - params["periodCount" + items.subjectName] = items.periodCount;
881   - params["questionNum" + items.subjectName] = items.questionNum;
882   - });
883   - return {
884   - ...item,
885   - ...params,
886   - };
887   - });
888   - this.phaseOption = [...subjectName];
889   - this.tableData = tableData.sort((a, b) => {
890   - return a.studentCode - b.studentCode;
891   - });
892   - } else {
893   - this.tableData =
894   - (data?.list &&
895   - [...data?.list].sort((a, b) => {
896   - return a.studentCode - b.studentCode;
897   - })) ||
898   - [];
899   - }
900   - this.total = data.count;
901   - } else {
902   - this.$message.error(info);
903   - }
904   - },
905   - //查询阶段互动报表
906   - async phaseInteractiveReport() {
907   - this.loading = true;
908   - let query = {};
909   - for (let key in this.query) {
910   - if (this.query[key] != "") {
911   - if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") {
912   - query["subjectName"] = this.query[key];
913   - } else {
914   - query[key] = this.query[key];
915   - }
916   - }
917   - }
918   - if (this.role == "ROLE_BANZHUREN") {
919   - if (
920   - query["subjectNames"] &&
921   - query["subjectNames"].length == 1 &&
922   - query["subjectNames"][0] == "全部"
923   - ) {
924   - query["subjectNames"] = this.subjectList.map((item) => {
925   - return item.value;
926   - });
927   - query["subjectNames"].shift();
928   - }
929   - if (!query["subjectNames"]) {
930   - this.$message.warning("请选择科目");
931   - return;
932   - }
933   - }
934   - const phaseInteractiveReport =
935   - this.role == "ROLE_BANZHUREN"
936   - ? this.$request.cTPhaseInteractiveReport
937   - : this.$request.phaseInteractiveReport;
938   -
939   - const { data, status, info } = await phaseInteractiveReport({
940   - ...query,
941   - });
942   - this.loading = false;
943   - if (status === 0) {
944   - if (this.role == "ROLE_BANZHUREN") {
945   - let subjectName = [];
946   - let tableData = data?.list.map((item) => {
947   - let params = {};
948   - item.dataList.map((items, index) => {
949   - if (!subjectName.includes(items.subjectName)) {
950   - subjectName.push(items.subjectName);
951   - }
952   - params["interactionsNum" + items.subjectName] =
953   - items.interactionsNum;
954   - params["interactionsCorrectNum" + items.subjectName] =
955   - items.interactionsCorrectNum;
956   - });
957   - return {
958   - ...item,
959   - ...params,
960   - };
961   - });
962   - this.phaseInter = [...subjectName];
963   - this.tableData = tableData.sort((a, b) => {
964   - return a.studentCode - b.studentCode;
965   - });
966   - } else {
967   - this.tableData =
968   - (data?.list &&
969   - [...data?.list].sort((a, b) => {
970   - return a.studentCode - b.studentCode;
971   - })) ||
972   - [];
973   - }
974   - this.total = data.count;
975   - } else {
976   - this.$message.error(info);
977   - }
  219 + //回主页
  220 + goHome() {
  221 + this.$router.push({
  222 + path: '/index'
  223 + })
978 224 },
979   - //导出
980   - async exportData() {
981   - if (this.exportLoading == true) return;
982   - let query = {};
983   - for (let key in this.query) {
984   - if (this.query[key] != "") {
985   - if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") {
986   - query["subjectName"] = this.query[key];
987   - } else {
988   - query[key] = this.query[key];
989   - }
990   - }
991   - }
992   - if (this.role == "ROLE_BANZHUREN") {
993   - if (
994   - query["subjectNames"] &&
995   - query["subjectNames"].length == 1 &&
996   - query["subjectNames"][0] == "全部"
997   - ) {
998   - query["subjectNames"] = this.subjectList.map((item) => {
999   - return item.value;
1000   - });
1001   - query["subjectNames"].shift();
1002   - }
1003   - if (!query["subjectNames"]) {
1004   - this.$message.warning("请选择科目");
1005   - return;
  225 + //去列表
  226 + goList() {
  227 + this.$router.push({
  228 + path: '/askList',
  229 + query: {
  230 + params: JSON.stringify(this.query)
1006 231 }
1007   - }
1008   - this.exportLoading = true;
1009   - let exportData;
1010   - if (this.role == "ROLE_BANZHUREN") {
1011   - exportData =
1012   - this.tabIndex == 2
1013   - ? this.$request.cTExportPhaseAnswerReport
1014   - : this.$request.cTExportPhaseInteractiveReport;
1015   - } else {
1016   - exportData =
1017   - this.tabIndex == 2
1018   - ? this.$request.exportPhaseAnswerReport
1019   - : this.$request.exportPhaseInteractiveReport;
1020   - }
1021   - const data = await exportData({ ...query });
1022   - this.exportLoading = false;
1023   - if (data) {
1024   - let blob = new Blob([data], {
1025   - type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
1026   - });
1027   - downloadFile("随堂问-阶段报表.xlsx", blob);
1028   - } else {
1029   - this.$message.error("下载失败");
1030   - }
1031   - },
  232 + })
  233 + }
1032 234 },
1033 235 };
1034 236 </script>
... ... @@ -1037,6 +239,7 @@ div::-webkit-scrollbar {
1037 239 width: 3px;
1038 240 height: 10px;
1039 241 }
  242 +
1040 243 div::-webkit-scrollbar-thumb {
1041 244 border-radius: 10px;
1042 245 background-color: #ccc;
... ... @@ -1045,75 +248,138 @@ div::-webkit-scrollbar-thumb {
1045 248 <style lang="scss" scoped>
1046 249 .main {
1047 250 height: 100%;
1048   -}
1049   -.table-box {
1050   - margin: 0 20px;
1051   - padding: 16px;
1052   - background: #f8f8f8;
1053   - border-radius: 5px;
1054   - .table-cont {
1055   - min-height: 300px;
1056   - }
1057   - :deep(.fa-arrow-right) {
1058   - padding-left: 2px;
1059   - }
1060   - :deep(.fa-file-text) {
1061   - padding-left: 2px;
1062   - }
  251 + background: rgba($color: #000000, $alpha: .3);
  252 + display: flex;
  253 + justify-content: center;
1063 254 }
1064 255  
1065   -.fa-exchange {
1066   - color: #667ffd;
1067   - cursor: pointer;
1068   - font-size: 16px;
1069   - margin-left: 10px;
1070   -}
1071   -.dia-btn {
1072   - border-radius: 20px;
1073   - margin: 0 20px;
1074   - padding: 10px 20px;
1075   -}
1076   -.dia-tips {
1077   - padding-bottom: 10px;
1078   -}
1079   -.dia-question-box {
1080   - padding: 16px 16px 1px;
1081   - background: #f8f8f8;
  256 +.sel-dia {
  257 + margin-top: 100px;
  258 + width: 750px;
  259 + background: #fff;
1082 260 border-radius: 10px;
1083   -
1084   - .answer-s {
1085   - width: 36px;
1086   - height: 28px;
1087   - cursor: pointer;
1088   - }
1089   -}
1090   -.set-questions {
  261 + overflow: hidden;
  262 + height: 460px;
1091 263 display: flex;
1092   - margin-bottom: 12px;
1093   - width: 100%;
1094   - .qs-num {
  264 + flex-direction: column;
  265 +
  266 + .tit {
  267 + text-align: center;
  268 + position: relative;
  269 + padding: 20px 0 12px;
  270 + font-size: 18px;
  271 + font-weight: 500;
1095 272 flex-shrink: 0;
1096   - margin-right: 10px;
  273 +
  274 + .el-icon-close {
  275 + position: absolute;
  276 + top: 0;
  277 + right: 0;
  278 + width: 30px;
  279 + height: 30px;
  280 + text-align: center;
  281 + line-height: 28px;
  282 + background: #e2e2e2;
  283 + border-radius: 0 0 0 24px;
  284 + box-sizing: border-box;
  285 + padding-left: 6px;
  286 + font-size: 18px;
  287 + cursor: pointer;
  288 +
  289 + &:hover {
  290 + color: #f30;
  291 + }
  292 + }
1097 293 }
1098   - .qs-options {
  294 +
  295 + .select-box {
1099 296 flex: 1;
1100   - .ipt {
1101   - margin-bottom: 5px;
  297 + overflow-y: auto;
  298 + padding: 0 30px;
  299 +
  300 + .sel-item {
  301 + display: flex;
  302 + align-items: center;
  303 + margin-bottom: 12px;
  304 +
  305 + .sel-label {
  306 + width: 60px;
  307 + margin-right: 10px;
  308 + flex-shrink: 0;
  309 + font-size: 15px;
  310 + font-weight: 500;
  311 + }
  312 +
  313 + :deep(.el-input__inner) {
  314 + height: 36px;
  315 + line-height: 36px;
  316 + border-radius: 18px;
  317 + }
  318 +
  319 + :deep(.el-input__suffix) {
  320 + .el-input__icon {
  321 + line-height: 36px;
  322 + }
  323 + }
  324 +
  325 + :deep(.el-input__inner) {
  326 + height: 36px;
  327 + line-height: 36px;
  328 + border-radius: 18px;
  329 +
  330 + .el-input__icon {
  331 + line-height: 36px;
  332 + }
  333 + }
  334 +
  335 + .el-date-editor.el-input,
  336 + .el-date-editor.el-input__inner {
  337 + width: 160px;
  338 + height: 36px;
  339 + line-height: 36px;
  340 +
  341 + :deep(.el-input__icon) {
  342 + line-height: 36px;
  343 + }
  344 + }
  345 + }
  346 +
  347 + .sel-item2 {
  348 + align-items: flex-start;
  349 + line-height: 20px;
  350 + padding-top: 10px;
  351 +
  352 + .p-all {
  353 + padding-bottom: 6px;
  354 + }
  355 + }
  356 +
  357 + .p1 {
  358 + .s1 {
  359 + margin-left: 20px;
  360 + cursor: pointer;
  361 + color: #7f7f7f;
  362 +
  363 + &:hover {
  364 + color: #409eff;
  365 + }
  366 +
  367 + &.active {
  368 + color: #667ffd;
  369 + }
  370 + }
1102 371 }
1103 372 }
1104   - .delButton {
1105   - border-color: #ff6868;
1106   - background: #ff6868 url("../../../assets/images/arrow.png") no-repeat center;
1107   - background-size: 19px;
1108   - color: transparent;
1109   - }
1110   - .ac {
1111   - border-color: #ff6868;
1112   - background: #ff6868;
1113   - color: #fff;
  373 +
  374 + .foot-box {
  375 + flex-shrink: 0;
  376 + padding: 12px 0 20px;
  377 + display: flex;
  378 + justify-content: center;
  379 +
  380 + .el-button {
  381 + margin: 0 30px;
  382 + }
1114 383 }
1115 384 }
1116   -.down {
1117   - padding-top: 16px;
1118   -}
1119 385 </style>
1120 386 \ No newline at end of file
... ...
src/views/basic/ask/list.vue
  View file @d01c579
  1 +<template>
  2 + <div class="main" ref="main">
  3 + <back-box v-show="!isDetail">
  4 + <template slot="title">
  5 + <span>随堂问-数据报表</span>
  6 + </template>
  7 + <template slot="btns">
  8 + <el-tooltip v-if="this.role != 'ROLE_PERSONAL' && !code && gdClass" effect="dark" content="已归档试卷"
  9 + placement="bottom">
  10 + <el-button type="primary" icon="fa fa-archive" size="mini" plain circle @click="toArchiving"></el-button>
  11 + </el-tooltip>
  12 + </template>
  13 + </back-box>
  14 + <div v-show="!isDetail" class="table-box">
  15 + <div class="table-cont" v-loading="loading">
  16 + <p class="btn-box">
  17 + <el-button type="primary" round @click="linkToDetail2">查看汇总报表</el-button>
  18 + </p>
  19 + <div id="print-content">
  20 + <el-table :data="tableData" border :show-header="total > 0" style="width: 100%"
  21 + @selection-change="handleSelectionChange">
  22 + <el-table-column type="selection" width="40"></el-table-column>
  23 + <el-table-column prop="subject" label="科目" align="center" width="80"></el-table-column>
  24 + <el-table-column prop="title" label="课时名称" align="center"></el-table-column>
  25 + <el-table-column prop="participationRate" label="总参与度" align="center"> <template slot-scope="scoped">{{
  26 + scoped.row.participationRate }}%</template></el-table-column>
  27 + <el-table-column prop="answerCorrectRate" label="已答总正确率" align="center"><template slot-scope="scoped">{{
  28 + scoped.row.answerCorrectRate }}%</template>
  29 + </el-table-column>
  30 + <el-table-column prop="classCorrectRate" label="班级总正确率" align="center"><template slot-scope="scoped">{{
  31 + scoped.row.classCorrectRate }}%</template></el-table-column>
  32 + <el-table-column prop="questionNum" label="题目总数" align="center"></el-table-column>
  33 + <el-table-column prop="startTime" label="上课时间" align="center"></el-table-column>
  34 + <el-table-column label="操作" align="center" width="100">
  35 + <template slot-scope="scoped">
  36 + <template v-if="scoped.row.answerNum == 0">
  37 + <el-tooltip v-if="role == 'ROLE_JIAOSHI'" effect="dark" content="设置答案" placement="top">
  38 + <el-button type="primary" circle size="mini" icon="fa fa-file-text"
  39 + @click="edit(scoped.row)"></el-button>
  40 + </el-tooltip>
  41 + <template v-else>未设置答案</template>
  42 + </template>
  43 + <el-tooltip v-else effect="dark" content="详情" placement="top">
  44 + <el-button type="primary" circle size="mini" icon="fa fa-arrow-right"
  45 + @click="linkToDetail(scoped.row, 1)"></el-button>
  46 + </el-tooltip>
  47 + <el-tooltip effect="dark" content="删除" placement="top">
  48 + <el-button type="primary" circle size="mini" icon="el-icon-delete"
  49 + @click="remove(scoped.row)"></el-button>
  50 + </el-tooltip>
  51 + </template>
  52 + </el-table-column>
  53 + </el-table>
  54 + </div>
  55 + <div class="pagination-box">
  56 + <el-pagination small="" layout="total,prev, pager, next" :hide-on-single-page="true" :total="total"
  57 + @current-change="changePage" :current-page="page" :page-size="size">
  58 + </el-pagination>
  59 + </div>
  60 + </div>
  61 + </div>
  62 + <router-view v-show="isDetail"></router-view>
  63 + </div>
  64 +</template>
  65 +
  66 +<script>
  67 +import { downloadFile } from "utils";
  68 +export default {
  69 + data() {
  70 + return {
  71 + gdClass: 0, //已归档班级数量
  72 + code: "",
  73 + role: "",
  74 + loading: false,
  75 + query: {
  76 + //搜索条件
  77 + classId: "",
  78 + subjectNames: [],
  79 + startDay: "",
  80 + endDay: "",
  81 + },
  82 + tableData: [],
  83 + multipleSelection: [],
  84 + page: 1,
  85 + size: 20,
  86 + total: 0,
  87 + };
  88 + },
  89 + computed: {
  90 + isDetail: function () {
  91 + let bol = (this.$route.name == "随堂问报表分析") ? true : false
  92 + return bol
  93 + }
  94 + },
  95 + async created() {
  96 + this.code = localStorage.getItem("csCode") || "";
  97 + const queryData = this.$route.query.params
  98 + queryData ? this.query = { ...this.query, ...JSON.parse(queryData) } : ''
  99 + this.init()
  100 + },
  101 + watch: {
  102 + "$route.query.params": function (nVal) {
  103 + let isFromAskDetail = sessionStorage.getItem("isFromAskDetail");
  104 + if (!isFromAskDetail && nVal) {
  105 + this.init()
  106 + }
  107 + }
  108 + },
  109 + methods: {
  110 + //初始化
  111 + init() {
  112 + this.role =
  113 + this.$store.getters.info.showRole ||
  114 + this.$store.getters.info.permissions[0].role;
  115 + if (this.role != "ROLE_PERSONAL") {
  116 + this._QueryGdClass()
  117 + };
  118 + this.page = 1
  119 + this.total = 0
  120 + this.tableData = []
  121 + this._QueryData()
  122 + },
  123 + //归档
  124 + toArchiving() {
  125 + this.$router.push({
  126 + path: "/askArchiving",
  127 + });
  128 + },
  129 + handleSelectionChange(val) {
  130 + this.multipleSelection = val;
  131 + },
  132 + //去详情
  133 + linkToDetail(obj, types) {
  134 + this.$router.push({
  135 + path: "/askAnalysis",
  136 + query: {
  137 + id: JSON.stringify([obj.id]),
  138 + types: types,
  139 + },
  140 + });
  141 + },
  142 + //去详情
  143 + linkToDetail2() {
  144 + let subjectArr = []
  145 + const ids = this.multipleSelection.map(item => {
  146 + subjectArr.push(item.subject)
  147 + return item.id
  148 + })
  149 + subjectArr = [...new Set(subjectArr)]
  150 + this.$router.push({
  151 + path: "/askAnalysis",
  152 + query: {
  153 + id: JSON.stringify(ids),
  154 + types: subjectArr.length == 1 ? 2 : 3,
  155 + },
  156 + });
  157 + },
  158 + //删除
  159 + remove(obj) {
  160 + const { data, status, info } = this.$request.deletePaperReport({
  161 + id: obj.id,
  162 + });
  163 + if (status === 0) {
  164 + this.$message.success(info);
  165 + this._QueryData();
  166 + } else {
  167 + this.$message.error(info);
  168 + }
  169 + },
  170 + //修改答案
  171 + async edit(item) {
  172 + this.$router.push({
  173 + path: "/examinationPaperEdit",
  174 + query: {
  175 + paperId: item.id,
  176 + title: item.title,
  177 + type: 3,
  178 + },
  179 + });
  180 + },
  181 + changePage(page) {
  182 + this.page = page;
  183 + this._QueryData();
  184 + },
  185 + async _QueryGdClass() {
  186 + const fetchClassList =
  187 + this.role == "ROLE_BANZHUREN"
  188 + ? this.$request.cTClassList
  189 + : this.$request.tClassList;
  190 + const { data, status, info } = await fetchClassList({
  191 + status: 1,
  192 + });
  193 + if (status === 0) {
  194 + this.gdClass = data?.list?.length || 0;
  195 + } else {
  196 + this.$message.error(info);
  197 + }
  198 + },
  199 + //分页查询课时报表列表
  200 + async _QueryData() {
  201 + this.loading = true;
  202 + let query = {};
  203 + for (let key in this.query) {
  204 + if (this.query[key] != "" || this.query[key].length != 0) {
  205 + query[key] = this.query[key];
  206 + }
  207 + }
  208 + const periodReportList = this.role == "ROLE_PERSONAL" ?
  209 + this.$request.pPhaseInteractiveReport :
  210 + this.$request.periodReportList;
  211 + const { data, status, info } = await periodReportList({
  212 + ...query,
  213 + page: this.page,
  214 + size: this.size,
  215 + });
  216 + this.loading = false;
  217 + if (status === 0) {
  218 + this.tableData = (data?.list && [...data?.list]) || [];
  219 + this.total = data?.count || 0;
  220 + } else {
  221 + this.$message.error(info);
  222 + }
  223 + },
  224 + //导出
  225 + async exportData() {
  226 + if (this.exportLoading == true) return;
  227 + let query = {};
  228 + for (let key in this.query) {
  229 + if (this.query[key] != "" || this.query[key].length != 0) {
  230 + query[key] = this.query[key];
  231 + }
  232 + }
  233 + this.exportLoading = true;
  234 + let exportData = this.role == "ROLE_BANZHUREN" ?
  235 + this.$request.cTExportPhaseInteractiveReport :
  236 + this.role == "ROLE_PERSONAL" ?
  237 + this.$request.pExportPhaseReport :
  238 + this.$request.exportPhaseInteractiveReport;
  239 + const data = await exportData({ ...query });
  240 + this.exportLoading = false;
  241 + if (data) {
  242 + let blob = new Blob([data], {
  243 + type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
  244 + });
  245 + downloadFile("随堂问-数据报表.xlsx", blob);
  246 + } else {
  247 + this.$message.error("下载失败");
  248 + }
  249 + },
  250 + },
  251 +};
  252 +</script>
  253 +<style>
  254 +div::-webkit-scrollbar {
  255 + width: 3px;
  256 + height: 10px;
  257 +}
  258 +
  259 +div::-webkit-scrollbar-thumb {
  260 + border-radius: 10px;
  261 + background-color: #ccc;
  262 +}
  263 +</style>
  264 +<style lang="scss" scoped>
  265 +.main {
  266 + height: 100%;
  267 +}
  268 +
  269 +.table-box {
  270 + padding: 16px;
  271 + border-radius: 5px;
  272 +
  273 + .table-cont {
  274 + min-height: 300px;
  275 + }
  276 +
  277 + :deep(.fa-arrow-right) {
  278 + padding-left: 2px;
  279 + }
  280 +
  281 + :deep(.fa-file-text) {
  282 + padding-left: 2px;
  283 + }
  284 +}
  285 +
  286 +.btn-box {
  287 + text-align: right;
  288 + padding: 0 12px 16px;
  289 +}
  290 +</style>
0 291 \ No newline at end of file
... ...
src/views/basic/down/index.vue
  View file @d01c579
... ... @@ -5,7 +5,19 @@
5 5 <span>软件下载</span>
6 6 </template>
7 7 </back-box>
8   - <div class="page-content">
  8 +
  9 + <div v-if="role == 'ROLE_PERSONAL'" class="down-box" v-loading="loading">
  10 + <img class="logo" src="" alt="" />
  11 + <div class="txt">
  12 + <p class="p1">
  13 + {{ `${info.appName || ""} ${info.versionName || ""}` }}
  14 + </p>
  15 + <p class="p2">文件大小：{{ `${info.fileSize}` }}M</p>
  16 + <p class="p2">最近更新：{{ info.modifiedTime }}</p>
  17 + </div>
  18 + <el-button type="primary" @click="downCard">立即下载</el-button>
  19 + </div>
  20 + <div v-else class="page-content">
9 21 <div class="down-item">
10 22 <p class="txt">
11 23 K12公私立学校、高等院校、教育培训机构的课堂互动教学、即时课堂测验。
... ... @@ -36,12 +48,23 @@ export default {
36 48 role: "",
37 49 loading: false,
38 50 loadingNet: false,
  51 + info: {
  52 + id: "",
  53 + appName: "",
  54 + appImage: "",
  55 + versionName: "",
  56 + fileSize: "",
  57 + modifiedTime: "",
  58 + },
39 59 };
40 60 },
41 61 created() {
42 62 this.role =
43 63 this.$store.getters.info.showRole ||
44 64 this.$store.getters.info.permissions[0].role;
  65 + if (this.role == 'ROLE_PERSONAL') {
  66 + this.latestVersion();
  67 + }
45 68 },
46 69 methods: {
47 70 links() {
... ... @@ -49,10 +72,31 @@ export default {
49 72 path: "/downClient",
50 73 });
51 74 },
  75 + async latestVersion() {
  76 + const { data, status, info } = await this.$request.pLatestVersion();
  77 + if (status == 0) {
  78 + this.info = { ...data };
  79 + this.info.fileSize =
  80 + (this.info.fileSize &&
  81 + (this.info.fileSize / 1024 / 1024).toFixed(2)) ||
  82 + "--";
  83 + } else {
  84 + this.$message.error(info);
  85 + }
  86 + },
52 87 async downCard() {
53 88 if (this.loading == true) return;
54 89 this.loading = true;
55   - const { data, status, info } = await this.$request.latestClickersApp();
  90 + let latestClickersApp;
  91 + let query = {}
  92 + if (this.role == 'ROLE_PERSONAL') {
  93 + latestClickersApp = this.$request.pGetAppDownloadUrl
  94 + query.versionId = this.info.id
  95 + } else {
  96 + latestClickersApp = this.$request.latestClickersApp
  97 + }
  98 +
  99 + const { data, status, info } = await latestClickersApp({ ...query });
56 100 this.loading = false;
57 101 if (status == 0) {
58 102 const a = document.createElement("a");
... ... @@ -89,10 +133,12 @@ export default {
89 133 .content-box {
90 134 width: 100%;
91 135 }
  136 +
92 137 .page-content {
93 138 display: flex;
94 139 padding-top: 50px;
95 140 margin-left: 160px;
  141 +
96 142 .down-item {
97 143 width: 200px;
98 144 padding: 50px 20px;
... ... @@ -104,6 +150,7 @@ export default {
104 150 align-items: center;
105 151 background: #f8f8f8;
106 152 box-shadow: 2px 2px 5px #ccc;
  153 +
107 154 .txt {
108 155 font-size: 16px;
109 156 color: #7f7f7f;
... ...
src/views/basic/setUp/clazz.vue
  View file @d01c579
... ... @@ -315,6 +315,7 @@ export default {
315 315 });
316 316 this.diaUp = false;
317 317 this._QueryData();
  318 + this._QuerySubject();
318 319 },
319 320 setClass(obj, gradeName) {
320 321 this.formClass.studentCount = obj.studentCount;
... ...
src/views/basic/userInfo/index.vue 0 → 100644
  View file @d01c579
  1 +<template>
  2 + <div>
  3 + <back-box>
  4 + <template slot="title">
  5 + <span>个人信息</span>
  6 + </template>
  7 + </back-box>
  8 + <div class="page-content">
  9 + <div class="content-box">
  10 + <i class="el-icon-edit" @click="diaSchool = true"></i>
  11 + <i class="el-icon-key" @click="diaPass = true"></i>
  12 + <ul class="school-info">
  13 + <li class="school-item">
  14 + <span class="s1">学校名称：</span>
  15 + <span class="s2">{{ Info.tenantName || "--" }}</span>
  16 + </li>
  17 + <li class="school-item">
  18 + <span class="s1">教师姓名：</span>
  19 + <span class="s2">{{ Info.contactPerson || "--" }}</span>
  20 + </li>
  21 + <li class="school-item">
  22 + <span class="s1">手机号码：</span>
  23 + <span class="s2">{{ Info.contactPhone || "--" }}</span>
  24 + </li>
  25 + </ul>
  26 + </div>
  27 + </div>
  28 + <el-dialog :close-on-click-modal="false" title="修改个人信息" :visible.sync="diaSchool" width="400">
  29 + <el-form
  30 + ref="formSchool"
  31 + class="form-box"
  32 + :model="formSchool"
  33 + :rules="rulesSchool"
  34 + label-width="160px"
  35 + >
  36 + <el-form-item label="学校名称：" prop="tenantName"
  37 + ><el-col :span="10"
  38 + ><el-input
  39 + maxlength="30"
  40 + v-model="formSchool.tenantName"
  41 + placeholder="请输入教师姓名"
  42 + ></el-input></el-col
  43 + ></el-form-item>
  44 + <el-form-item label="教师姓名：" prop="contactPerson"
  45 + ><el-col :span="10"
  46 + ><el-input
  47 + maxlength="30"
  48 + v-model="formSchool.contactPerson"
  49 + placeholder="请输入教师姓名"
  50 + ></el-input></el-col
  51 + ></el-form-item>
  52 + <el-form-item label="手机号码：" prop="contactPhone"
  53 + ><el-col :span="10"
  54 + ><el-input
  55 + v-model="formSchool.contactPhone"
  56 + type="number"
  57 + oninput="if(value.length > 11) value = value.slice(0,11)"
  58 + placeholder="请输入教师姓名手机号码"
  59 + ></el-input></el-col
  60 + ></el-form-item>
  61 + </el-form>
  62 + <div class="dialog-footer" slot="footer">
  63 + <el-button @click="editSchool">确 定</el-button>
  64 + <el-button @click="diaSchool = false">取 消</el-button>
  65 + </div>
  66 + </el-dialog>
  67 + <el-dialog :close-on-click-modal="false" title="修改密码" :visible.sync="diaPass" width="400">
  68 + <el-form
  69 + ref="formPass"
  70 + class="form-box"
  71 + :model="password"
  72 + :rules="rulesPassword"
  73 + label-width="160px"
  74 + >
  75 + <el-form-item label="旧密码：" prop="oldPassword"
  76 + ><el-col :span="10"
  77 + ><el-input
  78 + maxlength="30"
  79 + v-model="password.oldPassword"
  80 + placeholder="请输入密码"
  81 + show-password
  82 + ></el-input></el-col
  83 + ></el-form-item>
  84 + <el-form-item label="新密码：" prop="password"
  85 + ><el-col :span="10"
  86 + ><el-input
  87 + maxlength="30"
  88 + v-model="password.password"
  89 + placeholder="请输入新密码"
  90 + show-password
  91 + ></el-input></el-col
  92 + ></el-form-item>
  93 + <el-form-item label="确认密码：" prop="resetPassword"
  94 + ><el-col :span="10"
  95 + ><el-input
  96 + maxlength="30"
  97 + v-model="password.resetPassword"
  98 + placeholder="请输入新密码"
  99 + show-password
  100 + ></el-input></el-col
  101 + ></el-form-item>
  102 + </el-form>
  103 + <div class="dialog-footer" slot="footer">
  104 + <el-button @click="editPass">确 定</el-button>
  105 + <el-button @click="diaPass = false">取 消</el-button>
  106 + </div>
  107 + </el-dialog>
  108 + </div>
  109 +</template>
  110 +
  111 +<script>
  112 +import { downloadFile, encryptLoginPassword } from "@/utils";
  113 +export default {
  114 + data() {
  115 + return {
  116 + loading: false,
  117 + diaSchool: false,
  118 + diaPass: false,
  119 + Info: {
  120 + tenantName: "",
  121 + contactPerson: "",
  122 + contactPhone: "",
  123 + sections: "",
  124 + },
  125 + password: {
  126 + oldPassword: "",
  127 + password: "",
  128 + resetPassword: "",
  129 + },
  130 + rulesPassword: {
  131 + oldPassword: [
  132 + { required: true, message: "请输入旧密码", trigger: "blur" },
  133 + ],
  134 + password: [
  135 + { required: true, message: "请输入新密码", trigger: "blur" },
  136 + ],
  137 + resetPassword: [
  138 + { required: true, message: "请输入新密码", trigger: "blur" },
  139 + ],
  140 + },
  141 + tableData: [],
  142 + formSchool: {
  143 + tenantName: "",
  144 + contactPerson: "",
  145 + contactPhone: "",
  146 + },
  147 + rulesSchool: {},
  148 + };
  149 + },
  150 + created() {
  151 + this._QueryData();
  152 + },
  153 + methods: {
  154 + editSchool() {
  155 + if (this.loading) {
  156 + return;
  157 + }
  158 + this.$refs.formSchool.validate(async (valid) => {
  159 + if (valid) {
  160 + this.loading = true;
  161 + let form = { ...this.formSchool };
  162 + const { data, status, info } = await this.$request.modifyInfo({
  163 + ...form,
  164 + });
  165 + this.loading = false;
  166 + if (status === 0) {
  167 + this.$message.success("修改成功~");
  168 + this.diaSchool = false;
  169 + this._QueryData();
  170 + } else {
  171 + this.$message.error(info);
  172 + }
  173 + } else {
  174 + this.$message.error("数据有误，请检查！");
  175 + }
  176 + });
  177 + },
  178 + editPass() {
  179 + if (this.loading) {
  180 + return;
  181 + }
  182 + this.$refs.formPass.validate(async (valid) => {
  183 + if (valid) {
  184 + if (this.password.password != this.password.resetPassword) {
  185 + this.$message.warning("两次输入密码不一致请检查！");
  186 + return;
  187 + }
  188 + this.loading = true;
  189 + const { data, status, info } = await this.$request.modifyInfo({
  190 + oldPassword: encryptLoginPassword(this.password.oldPassword),
  191 + password: encryptLoginPassword(this.password.password),
  192 + });
  193 + this.loading = false;
  194 + if (status === 0) {
  195 + this.$message.success("密码修改成功~");
  196 + this.diaPass = false;
  197 + const res = await this.$request.logout();
  198 + this.$store.commit("setToken", "");
  199 + this.$store.commit("setInfo", {});
  200 + this.$store.commit("setRouters", []);
  201 + this.$store.commit("resetTabnavBox");
  202 + this.$router.push({
  203 + path: "/login",
  204 + });
  205 + } else {
  206 + this.$message.error(info);
  207 + }
  208 + } else {
  209 + this.$message.error("数据有误，请检查！");
  210 + }
  211 + });
  212 + },
  213 + async _QueryData() {
  214 + this.loading = true;
  215 + const { data, status, info } = await this.$request.getInfo();
  216 + this.loading = false;
  217 + console.log(status);
  218 + if (status === 0) {
  219 + this.Info = { ...data };
  220 + for (let key in this.formSchool) {
  221 + this.formSchool[key] = data[key] || "";
  222 + }
  223 + } else {
  224 + this.$message.error(info);
  225 + }
  226 + },
  227 + async downExcel() {
  228 + let data = await this.$request.downDevice({
  229 + id: this.id,
  230 + });
  231 + if (data && !data.code) {
  232 + let blob = new Blob([data], {
  233 + type: "application/vnd.ms-excel;charset=utf-8",
  234 + });
  235 + downloadFile(`设备信息.xlsx`, blob);
  236 + } else {
  237 + this.$message.error(data.info);
  238 + }
  239 + },
  240 + },
  241 +};
  242 +</script>
  243 +
  244 +<style lang="scss" scoped>
  245 +.page-content {
  246 + padding: 20px;
  247 + .content-box {
  248 + background: #f8f8f8;
  249 + border-radius: 16px;
  250 + position: relative;
  251 + .el-icon-edit {
  252 + position: absolute;
  253 + top: 12px;
  254 + right: 40px;
  255 + padding: 5px;
  256 + font-size: 18px;
  257 + cursor: pointer;
  258 + &:hover {
  259 + color: #36f;
  260 + }
  261 + }
  262 + .el-icon-key {
  263 + position: absolute;
  264 + top: 12px;
  265 + right: 12px;
  266 + padding: 5px;
  267 + font-size: 18px;
  268 + cursor: pointer;
  269 + &:hover {
  270 + color: #36f;
  271 + }
  272 + }
  273 + }
  274 + .school-info {
  275 + display: flex;
  276 + flex-wrap: wrap;
  277 + padding: 16px 0;
  278 + border-bottom: 0.5px solid #f2f2f2;
  279 + .school-item {
  280 + width: 50%;
  281 + line-height: 48px;
  282 + padding-left: 100px;
  283 + display: flex;
  284 + box-sizing: border-box;
  285 + .s1 {
  286 + width: 160px;
  287 + font-size: 15px;
  288 + color: #888;
  289 + }
  290 + .s2 {
  291 + flex: 1;
  292 + }
  293 + }
  294 + }
  295 +}
  296 +.form-box {
  297 + margin: 0 20px;
  298 + .subject-box {
  299 + height: 90px;
  300 + overflow: hidden;
  301 + position: relative;
  302 + &.active {
  303 + height: auto;
  304 + overflow: auto;
  305 + }
  306 + .showAll {
  307 + position: absolute;
  308 + bottom: 0;
  309 + right: 10px;
  310 + font-size: 12px;
  311 + color: #7f7f7f;
  312 + cursor: pointer;
  313 + padding: 2px;
  314 + &:hover {
  315 + color: #667ffd;
  316 + }
  317 + }
  318 + }
  319 +}
  320 +.el-icon-plus {
  321 + cursor: pointer;
  322 + &:hover {
  323 + color: #667ffd;
  324 + }
  325 +}
  326 +</style>
0 327 \ No newline at end of file
... ...
src/views/examinationPaper/edit.vue
  View file @d01c579
... ... @@ -377,8 +377,8 @@ export default {
377 377 knowledgeData: function () {
378 378 let jsons = []
379 379 if (this.form.sectionName && this.form.subjectName) {
380   - let sectionName = this.form.sectionName
381   - let subjectName = this.form.subjectName
  380 + let sectionName = this.form.sectionName || null
  381 + let subjectName = this.form.subjectName || null
382 382 if (sectionName && Object.keys(this.knowledgeList).includes(sectionName)) {
383 383 if (Object.keys(this.knowledgeList[sectionName]).includes(subjectName)) {
384 384 jsons = this.knowledgeList[sectionName][subjectName]
... ...