Commit e5e4a3e681d5488e29e9dfbdc63f8cb47188af3e
1 parent
ae0a304c
v1.3
Showing
31 changed files
with
4759 additions
and
276 deletions
src/api/apis/apis.js
| @@ -567,6 +567,15 @@ export default { | @@ -567,6 +567,15 @@ export default { | ||
| 567 | data, | 567 | data, |
| 568 | }); | 568 | }); |
| 569 | }, | 569 | }, |
| 570 | + // 导出设备列表 | ||
| 571 | + exportDevice(data) { | ||
| 572 | + return service({ | ||
| 573 | + url: setUpUrls.exportDevice, | ||
| 574 | + method: "POST", | ||
| 575 | + data, | ||
| 576 | + responseType: 'arraybuffer', | ||
| 577 | + }); | ||
| 578 | + }, | ||
| 570 | // 查询设备详情 | 579 | // 查询设备详情 |
| 571 | deviceDetail(data) { | 580 | deviceDetail(data) { |
| 572 | return service({ | 581 | return service({ |
| @@ -704,6 +713,38 @@ export default { | @@ -704,6 +713,38 @@ export default { | ||
| 704 | responseType: 'arraybuffer', | 713 | responseType: 'arraybuffer', |
| 705 | }); | 714 | }); |
| 706 | }, | 715 | }, |
| 716 | + // 班级归档 | ||
| 717 | + classArchiving(data) { | ||
| 718 | + return service({ | ||
| 719 | + url: setUpUrls.classArchiving, | ||
| 720 | + method: "POST", | ||
| 721 | + data, | ||
| 722 | + }); | ||
| 723 | + }, | ||
| 724 | + // 查询学校已归档班级列表 | ||
| 725 | + archivingClassList(data) { | ||
| 726 | + return service({ | ||
| 727 | + url: setUpUrls.archivingClassList, | ||
| 728 | + method: "POST", | ||
| 729 | + data, | ||
| 730 | + }); | ||
| 731 | + }, | ||
| 732 | + // 学生换班 | ||
| 733 | + studentChangeClass(data) { | ||
| 734 | + return service({ | ||
| 735 | + url: setUpUrls.studentChangeClass, | ||
| 736 | + method: "POST", | ||
| 737 | + data, | ||
| 738 | + }); | ||
| 739 | + }, | ||
| 740 | + // 升级年级 | ||
| 741 | + upgradeGrade(data) { | ||
| 742 | + return service({ | ||
| 743 | + url: setUpUrls.upgradeGrade, | ||
| 744 | + method: "POST", | ||
| 745 | + data, | ||
| 746 | + }); | ||
| 747 | + }, | ||
| 707 | 748 | ||
| 708 | /** | 749 | /** |
| 709 | * 集团管理员-学校管理 | 750 | * 集团管理员-学校管理 |
src/api/axios.js
| @@ -67,7 +67,6 @@ service.interceptors.response.use( | @@ -67,7 +67,6 @@ service.interceptors.response.use( | ||
| 67 | 67 | ||
| 68 | if (status === 403 || status === 401) { | 68 | if (status === 403 || status === 401) { |
| 69 | if (data.status === 999) { | 69 | if (data.status === 999) { |
| 70 | - console.log(data.data) | ||
| 71 | if (data.data) { | 70 | if (data.data) { |
| 72 | window.location.href = data.data; | 71 | window.location.href = data.data; |
| 73 | } else { | 72 | } else { |
src/api/urls/apis.js
| @@ -140,6 +140,8 @@ export default { | @@ -140,6 +140,8 @@ export default { | ||
| 140 | keyboardReport: "/api_html/school/manager/keyboardReport", | 140 | keyboardReport: "/api_html/school/manager/keyboardReport", |
| 141 | // 分页查询设备列表 | 141 | // 分页查询设备列表 |
| 142 | deviceList: "/api_html/school/manager/deviceList", | 142 | deviceList: "/api_html/school/manager/deviceList", |
| 143 | + // 导出设备列表 | ||
| 144 | + exportDevice: "/api_html/school/manager/exportDevice", | ||
| 143 | // 查询设备详情 | 145 | // 查询设备详情 |
| 144 | deviceDetail: "/api_html/school/manager/deviceDetail", | 146 | deviceDetail: "/api_html/school/manager/deviceDetail", |
| 145 | // 分页查询设备日志列表 | 147 | // 分页查询设备日志列表 |
| @@ -174,6 +176,15 @@ export default { | @@ -174,6 +176,15 @@ export default { | ||
| 174 | latestClickersApp: "/api_html/school/manager/latestClickersApp", | 176 | latestClickersApp: "/api_html/school/manager/latestClickersApp", |
| 175 | // 发卡导出 | 177 | // 发卡导出 |
| 176 | exportClickersLog: "/api_html/school/manager/exportClickersLog", | 178 | exportClickersLog: "/api_html/school/manager/exportClickersLog", |
| 179 | + /*v1.3*/ | ||
| 180 | + // 班级归档 | ||
| 181 | + classArchiving: "/api_html/school/manager/classArchiving", | ||
| 182 | + // 查询学校已归档班级列表 | ||
| 183 | + archivingClassList: "/api_html/school/manager/archivingClassList", | ||
| 184 | + // 学生换班 | ||
| 185 | + studentChangeClass: "/api_html/school/manager/studentChangeClass", | ||
| 186 | + // 升级年级 | ||
| 187 | + upgradeGrade: "/api_html/school/manager/upgradeGrade", | ||
| 177 | 188 | ||
| 178 | 189 | ||
| 179 | // 查询区域列表 | 190 | // 查询区域列表 |
src/components/charts/pieChart.vue
| @@ -64,7 +64,6 @@ export default { | @@ -64,7 +64,6 @@ export default { | ||
| 64 | label: { | 64 | label: { |
| 65 | normal: { | 65 | normal: { |
| 66 | formatter(v) { | 66 | formatter(v) { |
| 67 | - console.log(v) | ||
| 68 | let rate = v.data.rate*100 | 67 | let rate = v.data.rate*100 |
| 69 | return v.name + rate.toFixed(2) + "%"; | 68 | return v.name + rate.toFixed(2) + "%"; |
| 70 | }, | 69 | }, |
src/components/setAnswer.vue
| @@ -446,7 +446,6 @@ export default { | @@ -446,7 +446,6 @@ export default { | ||
| 446 | i--; | 446 | i--; |
| 447 | } | 447 | } |
| 448 | } | 448 | } |
| 449 | - console.log(questionList); | ||
| 450 | const { data, status, message } = await this.$request.setPeriodAnswer({ | 449 | const { data, status, message } = await this.$request.setPeriodAnswer({ |
| 451 | periodId: this.paperId, | 450 | periodId: this.paperId, |
| 452 | questionList: questionList, | 451 | questionList: questionList, |
src/router/index.js
| @@ -12,18 +12,24 @@ const ExaminationPaper = () => import("@/views/examinationPaper/index") | @@ -12,18 +12,24 @@ const ExaminationPaper = () => import("@/views/examinationPaper/index") | ||
| 12 | const ExaminationPaperAdd = () => import("@/views/examinationPaper/add") | 12 | const ExaminationPaperAdd = () => import("@/views/examinationPaper/add") |
| 13 | const ExaminationPaperEdit = () => import("@/views/examinationPaper/edit") | 13 | const ExaminationPaperEdit = () => import("@/views/examinationPaper/edit") |
| 14 | const ExaminationPaperRecycle = () => import("@/views/examinationPaper/recycle") | 14 | const ExaminationPaperRecycle = () => import("@/views/examinationPaper/recycle") |
| 15 | +const ExaminationPaperArchiving = () => import("@/views/examinationPaper/archiving") | ||
| 15 | const Portrait = () => import("@/views/portrait/index") | 16 | const Portrait = () => import("@/views/portrait/index") |
| 16 | const PortraitDetail = () => import("@/views/portrait/detail") | 17 | const PortraitDetail = () => import("@/views/portrait/detail") |
| 17 | const CSExaminationPaper = () => import("@/views/examinationPaper/index") | 18 | const CSExaminationPaper = () => import("@/views/examinationPaper/index") |
| 18 | -const CSExaminationPaperAdd = () => import("@/views/standard/examinationPaper/add") | ||
| 19 | -const CSExaminationPaperEdit = () => import("@/views/standard/examinationPaper/edit") | ||
| 20 | -const CSExaminationPaperRecycle = () => import("@/views/standard/examinationPaper/recycle") | 19 | +// const CSExaminationPaperAdd = () => import("@/views/standard/examinationPaper/add") |
| 20 | +// const CSExaminationPaperEdit = () => import("@/views/standard/examinationPaper/edit") | ||
| 21 | +// const CSExaminationPaperRecycle = () => import("@/views/standard/examinationPaper/recycle") | ||
| 22 | +const CSExaminationPaperAdd = () => import("@/views/examinationPaper/add") | ||
| 23 | +const CSExaminationPaperEdit = () => import("@/views/examinationPaper/edit") | ||
| 24 | +const CSExaminationPaperRecycle = () => import("@/views/examinationPaper/recycle") | ||
| 21 | 25 | ||
| 22 | 26 | ||
| 23 | const Ask = () => import("@/views/standard/ask/index") | 27 | const Ask = () => import("@/views/standard/ask/index") |
| 24 | const AskAnalysis = () => import("@/views/standard/ask/analysis") | 28 | const AskAnalysis = () => import("@/views/standard/ask/analysis") |
| 29 | +const AskArchiving = () => import("@/views/standard/ask/archiving") | ||
| 25 | const Test = () => import("@/views/standard/test/index") | 30 | const Test = () => import("@/views/standard/test/index") |
| 26 | const TestAnalysis = () => import("@/views/standard/test/analysis") | 31 | const TestAnalysis = () => import("@/views/standard/test/analysis") |
| 32 | +const TestArchiving = () => import("@/views/standard/test/archiving") | ||
| 27 | const DataSync = () => import("@/views/standard/dataSync/index") | 33 | const DataSync = () => import("@/views/standard/dataSync/index") |
| 28 | const Card = () => import("@/views/standard/card/index") | 34 | const Card = () => import("@/views/standard/card/index") |
| 29 | const Analysis = () => import("@/views/standard/analysis/index") | 35 | const Analysis = () => import("@/views/standard/analysis/index") |
| @@ -34,13 +40,16 @@ const DownClient = () => import("@/views/standard/down/client") | @@ -34,13 +40,16 @@ const DownClient = () => import("@/views/standard/down/client") | ||
| 34 | const SetUpAccount = () => import("@/views/standard/setUp/account") | 40 | const SetUpAccount = () => import("@/views/standard/setUp/account") |
| 35 | const SetUpConglomerate = () => import("@/views/standard/setUp/conglomerate") | 41 | const SetUpConglomerate = () => import("@/views/standard/setUp/conglomerate") |
| 36 | const SetUpSchool = () => import("@/views/standard/setUp/school") | 42 | const SetUpSchool = () => import("@/views/standard/setUp/school") |
| 37 | -const SetUpStudent = () => import("@/views/standard/setUp/student") | ||
| 38 | const SetUpTeacher = () => import("@/views/standard/setUp/teacher") | 43 | const SetUpTeacher = () => import("@/views/standard/setUp/teacher") |
| 44 | +const SetUpStudent = () => import("@/views/standard/setUp/student") | ||
| 45 | +const ArchivedClazz = () => import("@/views/standard/setUp/archivedClazz") | ||
| 39 | 46 | ||
| 40 | const PersonalAsk = () => import("@/views/personal/ask/index") | 47 | const PersonalAsk = () => import("@/views/personal/ask/index") |
| 41 | const PersonalAskAnalysis = () => import("@/views/personal/ask/analysis") | 48 | const PersonalAskAnalysis = () => import("@/views/personal/ask/analysis") |
| 49 | +const PersonalArchiving = () => import("@/views/personal/ask/archiving") | ||
| 42 | const PersonalTest = () => import("@/views/personal/test/index") | 50 | const PersonalTest = () => import("@/views/personal/test/index") |
| 43 | const PersonalTestAnalysis = () => import("@/views/personal/test/analysis") | 51 | const PersonalTestAnalysis = () => import("@/views/personal/test/analysis") |
| 52 | +const PersonalTestArchiving = () => import("@/views/personal/test/archiving") | ||
| 44 | const PersonalDataSync = () => import("@/views/personal/dataSync/index") | 53 | const PersonalDataSync = () => import("@/views/personal/dataSync/index") |
| 45 | const PersonalSetUpStudent = () => import("@/views/personal/setUp/student") | 54 | const PersonalSetUpStudent = () => import("@/views/personal/setUp/student") |
| 46 | const PersonalDown = () => import("@/views/personal/down/index") | 55 | const PersonalDown = () => import("@/views/personal/down/index") |
| @@ -115,7 +124,7 @@ let defaultRouter = [ | @@ -115,7 +124,7 @@ let defaultRouter = [ | ||
| 115 | } | 124 | } |
| 116 | ] | 125 | ] |
| 117 | 126 | ||
| 118 | -let addrouters = [ | 127 | +let addrouters = [ |
| 119 | { | 128 | { |
| 120 | path: "/examinationPaper", | 129 | path: "/examinationPaper", |
| 121 | iconCls: "fa fa-file-text", // 图标样式class | 130 | iconCls: "fa fa-file-text", // 图标样式class |
| @@ -149,11 +158,20 @@ let addrouters = [ | @@ -149,11 +158,20 @@ let addrouters = [ | ||
| 149 | { | 158 | { |
| 150 | path: "/examinationPaperRecycle", | 159 | path: "/examinationPaperRecycle", |
| 151 | iconCls: "", // 图标样式class | 160 | iconCls: "", // 图标样式class |
| 152 | - name: "已归档答题卡", | 161 | + name: "回收站答题卡", |
| 153 | component: ExaminationPaperRecycle, | 162 | component: ExaminationPaperRecycle, |
| 154 | parent: "examinationPaper", | 163 | parent: "examinationPaper", |
| 155 | children: [] | 164 | children: [] |
| 156 | }, | 165 | }, |
| 166 | + { | ||
| 167 | + path: "/examinationPaperArchiving", | ||
| 168 | + iconCls: "", // 图标样式class | ||
| 169 | + name: "已归档答题卡", | ||
| 170 | + component: ExaminationPaperArchiving, | ||
| 171 | + parent: "examinationPaper", | ||
| 172 | + hidden: true, | ||
| 173 | + children: [] | ||
| 174 | + }, | ||
| 157 | ] | 175 | ] |
| 158 | }, | 176 | }, |
| 159 | { | 177 | { |
| @@ -182,6 +200,15 @@ let addrouters = [ | @@ -182,6 +200,15 @@ let addrouters = [ | ||
| 182 | component: AskAnalysis, | 200 | component: AskAnalysis, |
| 183 | parent: "ask", | 201 | parent: "ask", |
| 184 | children: [] | 202 | children: [] |
| 203 | + }, | ||
| 204 | + { | ||
| 205 | + path: "/askArchiving", | ||
| 206 | + iconCls: "", // 图标样式class | ||
| 207 | + name: "随堂问已归档报表分析", | ||
| 208 | + component: AskArchiving, | ||
| 209 | + parent: "ask", | ||
| 210 | + hidden: true, | ||
| 211 | + children: [] | ||
| 185 | } | 212 | } |
| 186 | ] | 213 | ] |
| 187 | }, | 214 | }, |
| @@ -209,6 +236,15 @@ let addrouters = [ | @@ -209,6 +236,15 @@ let addrouters = [ | ||
| 209 | component: TestAnalysis, | 236 | component: TestAnalysis, |
| 210 | parent: "test", | 237 | parent: "test", |
| 211 | children: [] | 238 | children: [] |
| 239 | + }, | ||
| 240 | + { | ||
| 241 | + path: "/testArchiving", | ||
| 242 | + iconCls: "", // 图标样式class | ||
| 243 | + name: "即时测已归档报表分析", | ||
| 244 | + component: TestArchiving, | ||
| 245 | + parent: "test", | ||
| 246 | + hidden: true, | ||
| 247 | + children: [] | ||
| 212 | } | 248 | } |
| 213 | 249 | ||
| 214 | ] | 250 | ] |
| @@ -272,6 +308,14 @@ let addrouters = [ | @@ -272,6 +308,14 @@ let addrouters = [ | ||
| 272 | component: SetUpStudent, | 308 | component: SetUpStudent, |
| 273 | children: [] | 309 | children: [] |
| 274 | }, | 310 | }, |
| 311 | + { | ||
| 312 | + path: "/archivedClazz", | ||
| 313 | + iconCls: "fa fa-list-ul", | ||
| 314 | + name: '已归档班级', | ||
| 315 | + component: ArchivedClazz, | ||
| 316 | + hidden: true, | ||
| 317 | + children: [] | ||
| 318 | + }, | ||
| 275 | ] | 319 | ] |
| 276 | }, | 320 | }, |
| 277 | { | 321 | { |
| @@ -401,7 +445,7 @@ let addrouters = [ | @@ -401,7 +445,7 @@ let addrouters = [ | ||
| 401 | // ] | 445 | // ] |
| 402 | // }, | 446 | // }, |
| 403 | ] | 447 | ] |
| 404 | -let csAddrouters = [ | 448 | +let csAddrouters = [ |
| 405 | { | 449 | { |
| 406 | path: "/examinationPaper", | 450 | path: "/examinationPaper", |
| 407 | iconCls: "fa fa-file-text", // 图标样式class | 451 | iconCls: "fa fa-file-text", // 图标样式class |
| @@ -435,11 +479,20 @@ let csAddrouters = [ | @@ -435,11 +479,20 @@ let csAddrouters = [ | ||
| 435 | { | 479 | { |
| 436 | path: "/examinationPaperRecycle", | 480 | path: "/examinationPaperRecycle", |
| 437 | iconCls: "", // 图标样式class | 481 | iconCls: "", // 图标样式class |
| 438 | - name: "已归档答题卡", | 482 | + name: "回收站答题卡", |
| 439 | component: CSExaminationPaperRecycle, | 483 | component: CSExaminationPaperRecycle, |
| 440 | parent: "examinationPaper", | 484 | parent: "examinationPaper", |
| 441 | children: [] | 485 | children: [] |
| 442 | }, | 486 | }, |
| 487 | + { | ||
| 488 | + path: "/examinationPaperArchiving", | ||
| 489 | + iconCls: "", // 图标样式class | ||
| 490 | + name: "已归档答题卡", | ||
| 491 | + component: ExaminationPaperArchiving, | ||
| 492 | + parent: "examinationPaper", | ||
| 493 | + hidden: true, | ||
| 494 | + children: [] | ||
| 495 | + }, | ||
| 443 | ] | 496 | ] |
| 444 | }, | 497 | }, |
| 445 | { | 498 | { |
| @@ -711,11 +764,20 @@ const addroutersPersonal = [ | @@ -711,11 +764,20 @@ const addroutersPersonal = [ | ||
| 711 | { | 764 | { |
| 712 | path: "/examinationPaperRecycle", | 765 | path: "/examinationPaperRecycle", |
| 713 | iconCls: "", // 图标样式class | 766 | iconCls: "", // 图标样式class |
| 714 | - name: "已归档答题卡", | 767 | + name: "回收站答题卡", |
| 715 | component: ExaminationPaperRecycle, | 768 | component: ExaminationPaperRecycle, |
| 716 | parent: "examinationPaper", | 769 | parent: "examinationPaper", |
| 717 | children: [] | 770 | children: [] |
| 718 | }, | 771 | }, |
| 772 | + { | ||
| 773 | + path: "/examinationPaperArchiving", | ||
| 774 | + iconCls: "", // 图标样式class | ||
| 775 | + name: "已归档答题卡", | ||
| 776 | + component: ExaminationPaperArchiving, | ||
| 777 | + parent: "examinationPaper", | ||
| 778 | + hidden: true, | ||
| 779 | + children: [] | ||
| 780 | + }, | ||
| 719 | ] | 781 | ] |
| 720 | }, | 782 | }, |
| 721 | { | 783 | { |
| @@ -744,6 +806,15 @@ const addroutersPersonal = [ | @@ -744,6 +806,15 @@ const addroutersPersonal = [ | ||
| 744 | component: PersonalAskAnalysis, | 806 | component: PersonalAskAnalysis, |
| 745 | parent: "ask", | 807 | parent: "ask", |
| 746 | children: [] | 808 | children: [] |
| 809 | + }, | ||
| 810 | + { | ||
| 811 | + path: "/askArchiving", | ||
| 812 | + iconCls: "", // 图标样式class | ||
| 813 | + name: "随堂已归档问报表分析", | ||
| 814 | + component: PersonalArchiving, | ||
| 815 | + parent: "ask", | ||
| 816 | + hidden:true, | ||
| 817 | + children: [] | ||
| 747 | } | 818 | } |
| 748 | ] | 819 | ] |
| 749 | }, | 820 | }, |
| @@ -771,6 +842,15 @@ const addroutersPersonal = [ | @@ -771,6 +842,15 @@ const addroutersPersonal = [ | ||
| 771 | component: PersonalTestAnalysis, | 842 | component: PersonalTestAnalysis, |
| 772 | parent: "test", | 843 | parent: "test", |
| 773 | children: [] | 844 | children: [] |
| 845 | + }, | ||
| 846 | + { | ||
| 847 | + path: "/testArchiving", | ||
| 848 | + iconCls: "", // 图标样式class | ||
| 849 | + name: "即时已归档测报表分析", | ||
| 850 | + component: PersonalTestArchiving, | ||
| 851 | + parent: "test", | ||
| 852 | + hidden:true, | ||
| 853 | + children: [] | ||
| 774 | } | 854 | } |
| 775 | 855 | ||
| 776 | ] | 856 | ] |
| @@ -901,4 +981,4 @@ const addRoutersAdmin = [ | @@ -901,4 +981,4 @@ const addRoutersAdmin = [ | ||
| 901 | export default new Router({ | 981 | export default new Router({ |
| 902 | routes: defaultRouter | 982 | routes: defaultRouter |
| 903 | }) | 983 | }) |
| 904 | -export { defaultRouter, addrouters,addroutersPersonal,addRoutersAdmin ,csAddrouters} | 984 | +export { defaultRouter, addrouters, addroutersPersonal, addRoutersAdmin, csAddrouters } |
src/router/permission.js
| @@ -9,6 +9,9 @@ router.beforeEach((to, from, next) => { | @@ -9,6 +9,9 @@ router.beforeEach((to, from, next) => { | ||
| 9 | next(); | 9 | next(); |
| 10 | } else { | 10 | } else { |
| 11 | if (store.getters.token) { | 11 | if (store.getters.token) { |
| 12 | + if (to.path == '/device' && from.path == '/deviceLog') { | ||
| 13 | + to.query.back = true | ||
| 14 | + } | ||
| 12 | next(); | 15 | next(); |
| 13 | } else { | 16 | } else { |
| 14 | if (store.getters.info && store.getters.addRouters) { | 17 | if (store.getters.info && store.getters.addRouters) { |
| @@ -17,7 +20,6 @@ router.beforeEach((to, from, next) => { | @@ -17,7 +20,6 @@ router.beforeEach((to, from, next) => { | ||
| 17 | let authorityRouterObj = userInfo.permissions.filter((item) => { | 20 | let authorityRouterObj = userInfo.permissions.filter((item) => { |
| 18 | return item.roleName == userInfo.showRoleName; | 21 | return item.roleName == userInfo.showRoleName; |
| 19 | }); | 22 | }); |
| 20 | - console.log([...authorityRouterObj[0]?.authorityRouter]) | ||
| 21 | store.commit("setRouters", [...authorityRouterObj[0]?.authorityRouter]); | 23 | store.commit("setRouters", [...authorityRouterObj[0]?.authorityRouter]); |
| 22 | store.commit("setInfo", { ...userInfo }); | 24 | store.commit("setInfo", { ...userInfo }); |
| 23 | store.getters.addRouters.forEach((res) => { | 25 | store.getters.addRouters.forEach((res) => { |
src/utils/index.js
| @@ -453,7 +453,6 @@ export function checkAnswer( | @@ -453,7 +453,6 @@ export function checkAnswer( | ||
| 453 | s = filtterChar(s, questionType == 3 && questionCount > 1, optionCount); | 453 | s = filtterChar(s, questionType == 3 && questionCount > 1, optionCount); |
| 454 | if (questionType == 2) { | 454 | if (questionType == 2) { |
| 455 | //单选 | 455 | //单选 |
| 456 | - console.log(s.length + " " + questionCount); | ||
| 457 | if (s.length > questionCount) { | 456 | if (s.length > questionCount) { |
| 458 | s = s.substring(0, questionCount); | 457 | s = s.substring(0, questionCount); |
| 459 | } | 458 | } |
| @@ -679,7 +678,6 @@ export function formatClass(data) { | @@ -679,7 +678,6 @@ export function formatClass(data) { | ||
| 679 | } | 678 | } |
| 680 | } | 679 | } |
| 681 | }); | 680 | }); |
| 682 | - console.log(sectionNameArr); | ||
| 683 | return sectionNameArr; | 681 | return sectionNameArr; |
| 684 | } | 682 | } |
| 685 | export function formatGradeClass(data) { | 683 | export function formatGradeClass(data) { |
| @@ -748,44 +746,52 @@ export function formatGradeNameClass(data) { | @@ -748,44 +746,52 @@ export function formatGradeNameClass(data) { | ||
| 748 | return gradeNameArr; | 746 | return gradeNameArr; |
| 749 | } | 747 | } |
| 750 | 748 | ||
| 751 | -export function tablePrint(id) { | 749 | +export function tablePrint(id, title) { |
| 752 | let divs = document.getElementById(id); | 750 | let divs = document.getElementById(id); |
| 753 | let awin = window.open("", "_blank"); | 751 | let awin = window.open("", "_blank"); |
| 754 | awin.document.getElementsByTagName( | 752 | awin.document.getElementsByTagName( |
| 755 | "head" | 753 | "head" |
| 756 | )[0].innerHTML = `<style> @media print {@page {size:A4 landscape;margin:10mm} | 754 | )[0].innerHTML = `<style> @media print {@page {size:A4 landscape;margin:10mm} |
| 757 | body{margin:5mm;font-size:8px;}} | 755 | body{margin:5mm;font-size:8px;}} |
| 756 | + body{-webkit-print-color-adjust: exact;} | ||
| 757 | + .tit{text-align:center;font-size:20px;color:#333;line-height:24px;font-weight:700;padding:10px 0;margin:0;} | ||
| 758 | .table-box,.el-table,.el-table__body-wrapper,.el-table--border{max-height:99999999px!important;height:auto;width:auto!important} | 758 | .table-box,.el-table,.el-table__body-wrapper,.el-table--border{max-height:99999999px!important;height:auto;width:auto!important} |
| 759 | .el-table{width:100%} | 759 | .el-table{width:100%} |
| 760 | .el-table,.el-table__body-wrapper{max-height:auto} | 760 | .el-table,.el-table__body-wrapper{max-height:auto} |
| 761 | .el-table .el-table__cell{padding:12px 0} | 761 | .el-table .el-table__cell{padding:12px 0} |
| 762 | - .el-table thead tr:first-child th.el-table__cell{border-top: 1px solid #EBEEF5;} | ||
| 763 | - .el-table thead tr:first-child th.el-table__cell:first-child{border-left: 1px solid #EBEEF5;} | ||
| 764 | - .el-table tbody tr td.el-table__cell:first-child{border-left: 1px solid #EBEEF5;} | ||
| 765 | - .el-table td.el-table__cell{border-bottom: 1px solid #EBEEF5;} | ||
| 766 | - .el-table--border .el-table__cell{border-right: 1px solid #EBEEF5;} | ||
| 767 | - .el-table--border th.el-table__cell, .el-table__fixed-right-patch{border-bottom: 1px solid #EBEEF5;} | 762 | + .el-table thead tr:first-child th.el-table__cell{border-top: 1px solid #ccc;background:#ccc} |
| 763 | + .el-table thead tr:first-child th.el-table__cell:first-child{border-left: 1px solid #ccc;} | ||
| 764 | + .el-table tbody tr td.el-table__cell:first-child{border-left: 1px solid #ccc;} | ||
| 765 | + .el-table td.el-table__cell{border-bottom: 1px solid #ccc;} | ||
| 766 | + .el-table--border .el-table__cell{border-right: 1px solid #ccc;} | ||
| 767 | + .el-table--border th.el-table__cell, .el-table__fixed-right-patch{border-bottom: 1px solid #ccc;} | ||
| 768 | .el-table .el-table__cell.gutter{border:none!important;} | 768 | .el-table .el-table__cell.gutter{border:none!important;} |
| 769 | .el-table__fixed{display:none!important} | 769 | .el-table__fixed{display:none!important} |
| 770 | .el-table .el-table__cell.is-center{text-align:center!important} | 770 | .el-table .el-table__cell.is-center{text-align:center!important} |
| 771 | .el-table .el-table__cell.is-hidden>*{visibility: inherit;} | 771 | .el-table .el-table__cell.is-hidden>*{visibility: inherit;} |
| 772 | ul,li{margin:0;padding:0;list-style:none} | 772 | ul,li{margin:0;padding:0;list-style:none} |
| 773 | .hui-box{display: flex;text-align: center;} | 773 | .hui-box{display: flex;text-align: center;} |
| 774 | - .hui-box .s-txt{width: 60px;line-height: 144px;background: #e2e2e2;font-size: 16px;color: #fff;font-weight: 700;border:1px solid #e2e2e2;box-sizing:border-box} | ||
| 775 | - .hui-ul{border-top: 1px solid #e2e2e2;} | 774 | + .hui-box .s-txt{width: 60px;line-height: 144px;background: #ccc;font-size: 16px;color: #fff;font-weight: 700;border:1px solid #ccc;box-sizing:border-box} |
| 775 | + .hui-ul{border-top: 1px solid #ccc;} | ||
| 776 | .hui-li{display: flex;} | 776 | .hui-li{display: flex;} |
| 777 | - .hui-s{height: 48px;line-height: 48px;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;box-sizing: border-box;} | 777 | + .hui-s{height: 48px;line-height: 48px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;} |
| 778 | .hui-s.s1{width: 100px;} | 778 | .hui-s.s1{width: 100px;} |
| 779 | .hui-s.s2{ width: 110px;} | 779 | .hui-s.s2{ width: 110px;} |
| 780 | .hui-s.s3{width: 120px;} | 780 | .hui-s.s3{width: 120px;} |
| 781 | - .info { display: flex;flex-wrap: wrap;border-left: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;margin-bottom: 12px;} | ||
| 782 | - .info-item {width: 25%;height: 50px;box-sizing: border-box;flex-shrink: 0;background: #f8f8f8;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;line-height: 50px;text-align: center;} | 781 | + .info { display: flex;flex-wrap: wrap;border-left: 1px solid #ccc;border-top: 1px solid #ccc;margin-bottom: 12px;} |
| 782 | + .info-item {width: 25%;height: 50px;box-sizing: border-box;flex-shrink: 0;background: #f8f8f8;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;line-height: 50px;text-align: center;} | ||
| 783 | </style>`; | 783 | </style>`; |
| 784 | let aDom = divs.cloneNode(true); | 784 | let aDom = divs.cloneNode(true); |
| 785 | let aTbody = aDom | 785 | let aTbody = aDom |
| 786 | .getElementsByClassName("el-table__body")[0] | 786 | .getElementsByClassName("el-table__body")[0] |
| 787 | .getElementsByTagName("tbody")[0]; | 787 | .getElementsByTagName("tbody")[0]; |
| 788 | aDom.getElementsByClassName("el-table__header")[0].append(aTbody); | 788 | aDom.getElementsByClassName("el-table__header")[0].append(aTbody); |
| 789 | + if (title) { | ||
| 790 | + let pTit = awin.document.createElement('p') | ||
| 791 | + pTit.className = "tit" | ||
| 792 | + pTit.innerHTML = title | ||
| 793 | + awin.document.body.append(pTit) | ||
| 794 | + } | ||
| 789 | awin.document.body.append(aDom); | 795 | awin.document.body.append(aDom); |
| 790 | awin.print(); | 796 | awin.print(); |
| 791 | awin.close() | 797 | awin.close() |
src/views/admin/account/index.vue
| @@ -178,16 +178,6 @@ | @@ -178,16 +178,6 @@ | ||
| 178 | </el-input> | 178 | </el-input> |
| 179 | </el-col> | 179 | </el-col> |
| 180 | </el-form-item> | 180 | </el-form-item> |
| 181 | - <!-- <el-form-item label="密码：" prop="password"> | ||
| 182 | - <el-col :span="12"> | ||
| 183 | - <el-input | ||
| 184 | - placeholder="请输入密码" | ||
| 185 | - v-model.trim="formCount.password" | ||
| 186 | - maxlength="18" | ||
| 187 | - > | ||
| 188 | - </el-input> | ||
| 189 | - </el-col> | ||
| 190 | - </el-form-item> --> | ||
| 191 | <el-form-item label="联系人姓名：" prop="contactPerson"> | 181 | <el-form-item label="联系人姓名：" prop="contactPerson"> |
| 192 | <el-col :span="12"> | 182 | <el-col :span="12"> |
| 193 | <el-input | 183 | <el-input |
| @@ -219,6 +209,13 @@ | @@ -219,6 +209,13 @@ | ||
| 219 | </el-input> | 209 | </el-input> |
| 220 | </el-col> | 210 | </el-col> |
| 221 | </el-form-item> | 211 | </el-form-item> |
| 212 | + <el-form-item label="使用模式：" v-if="formCount.versionType == 1"> | ||
| 213 | + <el-radio-group v-model="formCount.usageMode"> | ||
| 214 | + <el-radio :label="0">班级专用</el-radio> | ||
| 215 | + <el-radio :label="1">多班复用</el-radio> | ||
| 216 | + <el-radio :label="2">用户配置 </el-radio> | ||
| 217 | + </el-radio-group> | ||
| 218 | + </el-form-item> | ||
| 222 | </el-form> | 219 | </el-form> |
| 223 | <div class="dialog-footer" slot="footer"> | 220 | <div class="dialog-footer" slot="footer"> |
| 224 | <el-button @click="saveCount">确 定</el-button> | 221 | <el-button @click="saveCount">确 定</el-button> |
| @@ -327,6 +324,8 @@ export default { | @@ -327,6 +324,8 @@ export default { | ||
| 327 | tenantName: "", | 324 | tenantName: "", |
| 328 | contactPerson: "", | 325 | contactPerson: "", |
| 329 | contactPhone: "", | 326 | contactPhone: "", |
| 327 | + versionType:"", | ||
| 328 | + usageMode:"" | ||
| 330 | }, | 329 | }, |
| 331 | ruleCount: { | 330 | ruleCount: { |
| 332 | loginName: [{ required: true, message: "请输入账号", trigger: "blur" }], | 331 | loginName: [{ required: true, message: "请输入账号", trigger: "blur" }], |
| @@ -374,7 +373,7 @@ export default { | @@ -374,7 +373,7 @@ export default { | ||
| 374 | this.formAddCount.usageMode = ""; | 373 | this.formAddCount.usageMode = ""; |
| 375 | this.diaAdd = true; | 374 | this.diaAdd = true; |
| 376 | }, | 375 | }, |
| 377 | - versionTypeChange(){ | 376 | + versionTypeChange() { |
| 378 | this.formAddCount.usageMode = ""; | 377 | this.formAddCount.usageMode = ""; |
| 379 | }, | 378 | }, |
| 380 | saveAddCount() { | 379 | saveAddCount() { |
| @@ -405,10 +404,11 @@ export default { | @@ -405,10 +404,11 @@ export default { | ||
| 405 | this.formCount.tenantName = obj.tenantName; | 404 | this.formCount.tenantName = obj.tenantName; |
| 406 | this.formCount.contactPerson = obj.realName; | 405 | this.formCount.contactPerson = obj.realName; |
| 407 | this.formCount.contactPhone = obj.phone; | 406 | this.formCount.contactPhone = obj.phone; |
| 407 | + this.formCount.versionType = obj.versionType; | ||
| 408 | + this.formCount.usageMode = obj.usageMode; | ||
| 408 | this.diaCount = true; | 409 | this.diaCount = true; |
| 409 | }, | 410 | }, |
| 410 | handleDropdownClick(value, item) { | 411 | handleDropdownClick(value, item) { |
| 411 | - console.log(item); | ||
| 412 | //更多 | 412 | //更多 |
| 413 | if (value == 2) { | 413 | if (value == 2) { |
| 414 | this.$confirm("确定要删除这条账号信息吗？", "提示", { | 414 | this.$confirm("确定要删除这条账号信息吗？", "提示", { |
| @@ -452,7 +452,6 @@ export default { | @@ -452,7 +452,6 @@ export default { | ||
| 452 | }, | 452 | }, |
| 453 | async updateUser(obj, type) { | 453 | async updateUser(obj, type) { |
| 454 | let query = {}; | 454 | let query = {}; |
| 455 | - console.log(query); | ||
| 456 | if (type == 1) { | 455 | if (type == 1) { |
| 457 | query.available = obj.available == 0 ? 1 : 0; | 456 | query.available = obj.available == 0 ? 1 : 0; |
| 458 | } | 457 | } |
src/views/examinationPaper/archiving.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div> | ||
| 3 | + <back-box> | ||
| 4 | + <template slot="title"> | ||
| 5 | + <span>已归档答题卡</span> | ||
| 6 | + </template> | ||
| 7 | + </back-box> | ||
| 8 | + <div class="answer-header"> | ||
| 9 | + <div class="sel-box"> | ||
| 10 | + <el-select | ||
| 11 | + class="sel" | ||
| 12 | + v-model="query.classId" | ||
| 13 | + placeholder="选择班级" | ||
| 14 | + @change="changClazz" | ||
| 15 | + > | ||
| 16 | + <el-option | ||
| 17 | + v-for="item in classList" | ||
| 18 | + :key="item.value" | ||
| 19 | + :label="item.label" | ||
| 20 | + :value="item.value" | ||
| 21 | + > | ||
| 22 | + </el-option> | ||
| 23 | + </el-select> | ||
| 24 | + <el-select | ||
| 25 | + class="sel" | ||
| 26 | + v-model="query.subjectName" | ||
| 27 | + placeholder="选择科目" | ||
| 28 | + @change="_QueryData()" | ||
| 29 | + > | ||
| 30 | + <el-option | ||
| 31 | + v-for="item in subjectList" | ||
| 32 | + :key="item.value" | ||
| 33 | + :label="item.label" | ||
| 34 | + :value="item.value" | ||
| 35 | + > | ||
| 36 | + </el-option> | ||
| 37 | + </el-select> | ||
| 38 | + <el-select | ||
| 39 | + class="sel" | ||
| 40 | + v-model="query.tagId" | ||
| 41 | + placeholder="选择类型" | ||
| 42 | + @change="_QueryData()" | ||
| 43 | + > | ||
| 44 | + <el-option | ||
| 45 | + v-for="item in typeList" | ||
| 46 | + :key="item.label" | ||
| 47 | + :label="item.label" | ||
| 48 | + :value="item.value" | ||
| 49 | + >{{ item.label }} | ||
| 50 | + </el-option> | ||
| 51 | + </el-select> | ||
| 52 | + <el-input | ||
| 53 | + placeholder="试卷名称" | ||
| 54 | + v-model="query.title" | ||
| 55 | + class="input-with-select" | ||
| 56 | + @keyup.enter.native="_QueryData(true)" | ||
| 57 | + > | ||
| 58 | + <el-button | ||
| 59 | + slot="append" | ||
| 60 | + icon="el-icon-search" | ||
| 61 | + @click="_QueryData(true)" | ||
| 62 | + ></el-button> | ||
| 63 | + </el-input> | ||
| 64 | + </div> | ||
| 65 | + </div> | ||
| 66 | + <ul class="content" v-if="tableData && tableData.length"> | ||
| 67 | + <li class="item" v-for="item in tableData" :key="item.id"> | ||
| 68 | + <div class="pic-box"> | ||
| 69 | + <p class="i-box"><i class="fa fa-map-o"></i></p> | ||
| 70 | + <p class="ids">{{ item.id }}</p> | ||
| 71 | + </div> | ||
| 72 | + <div class="info"> | ||
| 73 | + <p class="title"> | ||
| 74 | + {{ item.title }} | ||
| 75 | + <span class="label" v-if="!!item.tag">{{ item.tag }}</span> | ||
| 76 | + </p> | ||
| 77 | + <p class="num"> | ||
| 78 | + 总题数：{{ item.questionNum }} | ||
| 79 | + <em class="s-line">|</em> | ||
| 80 | + 预计时长：{{ item.examsDuration }} | ||
| 81 | + </p> | ||
| 82 | + <p class="person"> | ||
| 83 | + {{ item.realName }}<em class="s-line">|</em | ||
| 84 | + ><span class="date">{{ item.modifiedTime }}</span> | ||
| 85 | + </p> | ||
| 86 | + </div> | ||
| 87 | + <div class="btn-box"> | ||
| 88 | + <el-tooltip effect="dark" content="复制" placement="bottom"> | ||
| 89 | + <el-button | ||
| 90 | + class="edit" | ||
| 91 | + type="info" | ||
| 92 | + size="mini" | ||
| 93 | + circle | ||
| 94 | + icon="fa fa-archive-copy" | ||
| 95 | + @click="toAdd(item)" | ||
| 96 | + ></el-button> | ||
| 97 | + </el-tooltip> | ||
| 98 | + </div> | ||
| 99 | + </li> | ||
| 100 | + </ul> | ||
| 101 | + <div class="pagination-box"> | ||
| 102 | + <el-pagination | ||
| 103 | + small="" | ||
| 104 | + layout="total,prev, pager, next" | ||
| 105 | + :hide-on-single-page="true" | ||
| 106 | + :total="total" | ||
| 107 | + @current-change="changePage" | ||
| 108 | + :current-page="page" | ||
| 109 | + :page-size="size" | ||
| 110 | + > | ||
| 111 | + </el-pagination> | ||
| 112 | + </div> | ||
| 113 | + <el-empty | ||
| 114 | + v-if="!loading && tableData.length == 0" | ||
| 115 | + content="没有更多数据" | ||
| 116 | + :image-size="100" | ||
| 117 | + ></el-empty> | ||
| 118 | + </div> | ||
| 119 | +</template> | ||
| 120 | + | ||
| 121 | +<script> | ||
| 122 | +export default { | ||
| 123 | + name: "examinationPaperArchiving", | ||
| 124 | + data() { | ||
| 125 | + return { | ||
| 126 | + code: "", | ||
| 127 | + role: "", | ||
| 128 | + loading: false, | ||
| 129 | + query: { | ||
| 130 | + classId: "", | ||
| 131 | + subjectName: "", | ||
| 132 | + tagId: "", | ||
| 133 | + title: "", | ||
| 134 | + }, | ||
| 135 | + classList: [], | ||
| 136 | + subjectList: [], | ||
| 137 | + typeList: [], | ||
| 138 | + tableData: null, | ||
| 139 | + total: 0, | ||
| 140 | + page: 1, | ||
| 141 | + size: 20, | ||
| 142 | + }; | ||
| 143 | + }, | ||
| 144 | + async created() { | ||
| 145 | + this.code = localStorage.getItem("csCode") || ""; | ||
| 146 | + this.role = | ||
| 147 | + this.$store.getters.info.showRole || | ||
| 148 | + this.$store.getters.info.permissions[0].role; | ||
| 149 | + await this._QueryClassList(); | ||
| 150 | + if (!this.query.classId) { | ||
| 151 | + return; | ||
| 152 | + } | ||
| 153 | + await this._QuerySubjectList(); | ||
| 154 | + this._QueryData(); | ||
| 155 | + this._QueryTypeList(); | ||
| 156 | + }, | ||
| 157 | + methods: { | ||
| 158 | + toAdd(item) { | ||
| 159 | + this.$router.push({ | ||
| 160 | + path: "/examinationPaperAdd", | ||
| 161 | + query: { | ||
| 162 | + type: 2, | ||
| 163 | + paperId: item.id, | ||
| 164 | + }, | ||
| 165 | + }); | ||
| 166 | + }, | ||
| 167 | + changePage(page) { | ||
| 168 | + this.page = page; | ||
| 169 | + this._QueryData(this.query.title); | ||
| 170 | + }, | ||
| 171 | + //切换班级 | ||
| 172 | + async changClazz() { | ||
| 173 | + await this._QuerySubjectList(); | ||
| 174 | + this._QueryData(false); | ||
| 175 | + }, | ||
| 176 | + // 查找答题卡类型 | ||
| 177 | + async _QueryTypeList() { | ||
| 178 | + if (!this.query.classId) return; | ||
| 179 | + let fetchTypeNames = | ||
| 180 | + this.role == "ROLE_PERSONAL" | ||
| 181 | + ? this.$request.pPaperTagList | ||
| 182 | + : this.$request.fetchTypeNames; | ||
| 183 | + | ||
| 184 | + const { data, status, info } = await fetchTypeNames({ | ||
| 185 | + classId: this.query.classId, | ||
| 186 | + type: 0, | ||
| 187 | + }); | ||
| 188 | + if (status === 0) { | ||
| 189 | + this.typeList = | ||
| 190 | + data.list.map((item) => { | ||
| 191 | + return { | ||
| 192 | + value: item.tagId, | ||
| 193 | + label: item.tag, | ||
| 194 | + }; | ||
| 195 | + }) || []; | ||
| 196 | + this.typeList.unshift({ | ||
| 197 | + value: "", | ||
| 198 | + label: "请选择标签", | ||
| 199 | + }); | ||
| 200 | + } else { | ||
| 201 | + this.$message.error(info); | ||
| 202 | + } | ||
| 203 | + }, | ||
| 204 | + // 查找班级 | ||
| 205 | + async _QueryClassList() { | ||
| 206 | + this.loading = true; | ||
| 207 | + let fetchClassList = | ||
| 208 | + this.role == "ROLE_PERSONAL" | ||
| 209 | + ? this.$request.pClassList | ||
| 210 | + : this.$request.fetchClassList; | ||
| 211 | + | ||
| 212 | + const { data, status, info } = await fetchClassList({ status: 1 }); | ||
| 213 | + if (status === 0) { | ||
| 214 | + if (!!data.list) { | ||
| 215 | + this.classList = | ||
| 216 | + data.list?.map((item) => { | ||
| 217 | + return { | ||
| 218 | + value: this.role == "ROLE_PERSONAL" ? item.id : item.classId, | ||
| 219 | + label: item.className, | ||
| 220 | + }; | ||
| 221 | + }) || []; | ||
| 222 | + this.query.classId = this.classList[0]?.value; | ||
| 223 | + } | ||
| 224 | + } else { | ||
| 225 | + this.$message.error(info); | ||
| 226 | + } | ||
| 227 | + }, | ||
| 228 | + // 查找科目 | ||
| 229 | + async _QuerySubjectList() { | ||
| 230 | + if (!this.query.classId) return; | ||
| 231 | + let fetchSubjectList = | ||
| 232 | + this.role == "ROLE_PERSONAL" | ||
| 233 | + ? this.$request.pSubjectList | ||
| 234 | + : this.$request.fetchSubjectList; | ||
| 235 | + | ||
| 236 | + const { data, status, info } = await fetchSubjectList({ | ||
| 237 | + classId: this.query.classId, | ||
| 238 | + status: 1, | ||
| 239 | + }); | ||
| 240 | + if (status === 0) { | ||
| 241 | + this.subjectList = | ||
| 242 | + data.subjectNames?.map((item) => { | ||
| 243 | + return { | ||
| 244 | + value: item, | ||
| 245 | + label: item, | ||
| 246 | + }; | ||
| 247 | + }) || []; | ||
| 248 | + this.query.subjectName = this.subjectList[0]?.value; | ||
| 249 | + } else { | ||
| 250 | + this.$message.error(info); | ||
| 251 | + } | ||
| 252 | + }, | ||
| 253 | + async _QueryData(type) { | ||
| 254 | + if (!this.query.classId) return; | ||
| 255 | + this.loading = true; | ||
| 256 | + //获取答题卡列表 | ||
| 257 | + let query = {}; | ||
| 258 | + if (!type) { | ||
| 259 | + this.query.title = ""; | ||
| 260 | + query = { ...this.query }; | ||
| 261 | + } else { | ||
| 262 | + query = { title: this.query.title }; | ||
| 263 | + this.query.tagId = ""; | ||
| 264 | + // this.query.subjectName = ""; | ||
| 265 | + } | ||
| 266 | + query.classId = this.query.classId; | ||
| 267 | + query.subjectName = this.query.subjectName; | ||
| 268 | + for (let key in query) { | ||
| 269 | + if (!query[key]) { | ||
| 270 | + query[key] = null; | ||
| 271 | + } | ||
| 272 | + } | ||
| 273 | + if (!query.classId) { | ||
| 274 | + this.total = 0; | ||
| 275 | + this.tableData = []; | ||
| 276 | + this.loading = false; | ||
| 277 | + return; | ||
| 278 | + } | ||
| 279 | + this.loading = true; | ||
| 280 | + let fetchPaperList = | ||
| 281 | + this.role == "ROLE_PERSONAL" | ||
| 282 | + ? this.$request.pPaperList | ||
| 283 | + : this.$request.fetchPaperList; | ||
| 284 | + | ||
| 285 | + const { data, status, info } = await fetchPaperList({ | ||
| 286 | + ...query, | ||
| 287 | + status: 1, | ||
| 288 | + page: this.page, | ||
| 289 | + size: this.size, | ||
| 290 | + status: 3, | ||
| 291 | + }); | ||
| 292 | + this.loading = false; | ||
| 293 | + if (status === 0) { | ||
| 294 | + this.total = data.total; | ||
| 295 | + this.tableData = (data.list && [...data.list]) || []; | ||
| 296 | + } else { | ||
| 297 | + this.$message.error(info); | ||
| 298 | + } | ||
| 299 | + }, | ||
| 300 | + }, | ||
| 301 | +}; | ||
| 302 | +</script> | ||
| 303 | + | ||
| 304 | +<style scoped lang="scss"> | ||
| 305 | +.content { | ||
| 306 | + margin: 0 20px; | ||
| 307 | + background: #f8f8f8; | ||
| 308 | + padding: 12px; | ||
| 309 | + border-radius: 20px; | ||
| 310 | + .item { | ||
| 311 | + display: flex; | ||
| 312 | + align-items: center; | ||
| 313 | + width: 100%; | ||
| 314 | + overflow: hidden; | ||
| 315 | + box-sizing: border-box; | ||
| 316 | + padding: 12px; | ||
| 317 | + border-radius: 20px; | ||
| 318 | + background: #fff; | ||
| 319 | + margin-bottom: 12px; | ||
| 320 | + &:last-of-type { | ||
| 321 | + margin-bottom: 0; | ||
| 322 | + } | ||
| 323 | + .pic-box { | ||
| 324 | + width: 80px; | ||
| 325 | + height: 80px; | ||
| 326 | + border-radius: 10px; | ||
| 327 | + margin-right: 10px; | ||
| 328 | + flex-shrink: 0; | ||
| 329 | + background: #d7d7d7; | ||
| 330 | + text-align: center; | ||
| 331 | + color: #fff; | ||
| 332 | + font-weight: 500; | ||
| 333 | + .i-box { | ||
| 334 | + padding-top: 10px; | ||
| 335 | + font-size: 32px; | ||
| 336 | + margin-bottom: 3px; | ||
| 337 | + } | ||
| 338 | + } | ||
| 339 | + .info { | ||
| 340 | + min-height: 80px; | ||
| 341 | + flex: 1; | ||
| 342 | + overflow: hidden; | ||
| 343 | + display: flex; | ||
| 344 | + flex-direction: column; | ||
| 345 | + justify-content: space-between; | ||
| 346 | + .s-line { | ||
| 347 | + padding: 0 5px; | ||
| 348 | + color: #e2e2e2; | ||
| 349 | + } | ||
| 350 | + .title { | ||
| 351 | + font-size: 16px; | ||
| 352 | + color: #222; | ||
| 353 | + font-weight: 500; | ||
| 354 | + .label { | ||
| 355 | + display: inline-block; | ||
| 356 | + font-size: 12px; | ||
| 357 | + color: #2e9afe; | ||
| 358 | + line-height: 16px; | ||
| 359 | + padding: 0 10px; | ||
| 360 | + border: 1px solid #2e9afe; | ||
| 361 | + border-radius: 10px; | ||
| 362 | + transform: translateY(-2px); | ||
| 363 | + } | ||
| 364 | + } | ||
| 365 | + .person { | ||
| 366 | + color: #666; | ||
| 367 | + } | ||
| 368 | + } | ||
| 369 | + .clazz { | ||
| 370 | + font-size: 14px; | ||
| 371 | + font-weight: 500; | ||
| 372 | + position: relative; | ||
| 373 | + position: relative; | ||
| 374 | + &.active { | ||
| 375 | + color: #667ffd; | ||
| 376 | + } | ||
| 377 | + .el-icon-success { | ||
| 378 | + position: absolute; | ||
| 379 | + right: 0; | ||
| 380 | + top: -5px; | ||
| 381 | + color: #667ffd; | ||
| 382 | + } | ||
| 383 | + &:last-of-type { | ||
| 384 | + .el-icon-success { | ||
| 385 | + right: -18px; | ||
| 386 | + } | ||
| 387 | + } | ||
| 388 | + } | ||
| 389 | + .btn-box { | ||
| 390 | + flex-shrink: 0; | ||
| 391 | + .edit { | ||
| 392 | + margin-right: 12px; | ||
| 393 | + } | ||
| 394 | + } | ||
| 395 | + } | ||
| 396 | +} | ||
| 397 | +.answer-header { | ||
| 398 | + .sel-box { | ||
| 399 | + .sel { | ||
| 400 | + min-width: 160px; | ||
| 401 | + } | ||
| 402 | + :deep(.el-cascader__tags) { | ||
| 403 | + flex-wrap: nowrap; | ||
| 404 | + } | ||
| 405 | + } | ||
| 406 | +} | ||
| 407 | +</style> | ||
| 0 | \ No newline at end of file | 408 | \ No newline at end of file |
src/views/examinationPaper/edit.vue
| @@ -551,7 +551,6 @@ export default { | @@ -551,7 +551,6 @@ export default { | ||
| 551 | this.dialogStem = true; | 551 | this.dialogStem = true; |
| 552 | }, | 552 | }, |
| 553 | openTag(obj, type, index, indexs) { | 553 | openTag(obj, type, index, indexs) { |
| 554 | - console.log(obj); | ||
| 555 | //难度，知识点 | 554 | //难度，知识点 |
| 556 | this.stem = { ...this.stem, obj }; | 555 | this.stem = { ...this.stem, obj }; |
| 557 | this.stem.type = type; | 556 | this.stem.type = type; |
| @@ -1073,7 +1072,6 @@ export default { | @@ -1073,7 +1072,6 @@ export default { | ||
| 1073 | } | 1072 | } |
| 1074 | } | 1073 | } |
| 1075 | } | 1074 | } |
| 1076 | - console.log(this.questionList); | ||
| 1077 | } else { | 1075 | } else { |
| 1078 | this.$message.error(info); | 1076 | this.$message.error(info); |
| 1079 | } | 1077 | } |
| @@ -1095,7 +1093,7 @@ export default { | @@ -1095,7 +1093,7 @@ export default { | ||
| 1095 | position: fixed; | 1093 | position: fixed; |
| 1096 | right: 40px; | 1094 | right: 40px; |
| 1097 | bottom: 20px; | 1095 | bottom: 20px; |
| 1098 | - padding: 10px 0 20px; | 1096 | + padding: 10px 0 5px; |
| 1099 | background: #fff; | 1097 | background: #fff; |
| 1100 | text-align: right; | 1098 | text-align: right; |
| 1101 | margin-left: 140px; | 1099 | margin-left: 140px; |
src/views/examinationPaper/index.vue
| @@ -5,6 +5,21 @@ | @@ -5,6 +5,21 @@ | ||
| 5 | <span>备题组卷</span> | 5 | <span>备题组卷</span> |
| 6 | </template> | 6 | </template> |
| 7 | <template slot="btns"> | 7 | <template slot="btns"> |
| 8 | + <el-tooltip | ||
| 9 | + v-if="!code" | ||
| 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> | ||
| 8 | <el-button | 23 | <el-button |
| 9 | type="primary" | 24 | type="primary" |
| 10 | size="mini" | 25 | size="mini" |
| @@ -199,6 +214,7 @@ export default { | @@ -199,6 +214,7 @@ export default { | ||
| 199 | name: "examinationPaper", | 214 | name: "examinationPaper", |
| 200 | data() { | 215 | data() { |
| 201 | return { | 216 | return { |
| 217 | + code: "", | ||
| 202 | loading: false, | 218 | loading: false, |
| 203 | userName: "", | 219 | userName: "", |
| 204 | dialogVisible: false, | 220 | dialogVisible: false, |
| @@ -228,11 +244,15 @@ export default { | @@ -228,11 +244,15 @@ export default { | ||
| 228 | }; | 244 | }; |
| 229 | }, | 245 | }, |
| 230 | async created() { | 246 | async created() { |
| 247 | + this.code = localStorage.getItem("csCode") || ""; | ||
| 231 | this.role = | 248 | this.role = |
| 232 | this.$store.getters.info.showRole || | 249 | this.$store.getters.info.showRole || |
| 233 | this.$store.getters.info.permissions[0].role; | 250 | this.$store.getters.info.permissions[0].role; |
| 234 | this.userName = this.$store.getters.info.name || ""; | 251 | this.userName = this.$store.getters.info.name || ""; |
| 235 | await this._QueryClassList(); | 252 | await this._QueryClassList(); |
| 253 | + if (!this.query.classId) { | ||
| 254 | + return; | ||
| 255 | + } | ||
| 236 | await this._QuerySubjectList(); | 256 | await this._QuerySubjectList(); |
| 237 | this._QueryData(); | 257 | this._QueryData(); |
| 238 | this._QueryTypeList(); | 258 | this._QueryTypeList(); |
| @@ -243,6 +263,11 @@ export default { | @@ -243,6 +263,11 @@ export default { | ||
| 243 | window.location.reload(); | 263 | window.location.reload(); |
| 244 | }, 500); | 264 | }, 500); |
| 245 | }, | 265 | }, |
| 266 | + toArchiving() { | ||
| 267 | + this.$router.push({ | ||
| 268 | + path: "/examinationPaperArchiving", | ||
| 269 | + }); | ||
| 270 | + }, | ||
| 246 | toAdd(query) { | 271 | toAdd(query) { |
| 247 | let routerItem = { | 272 | let routerItem = { |
| 248 | path: "/examinationPaperAdd", | 273 | path: "/examinationPaperAdd", |
| @@ -358,7 +383,6 @@ export default { | @@ -358,7 +383,6 @@ export default { | ||
| 358 | : this.$request.fetchClassList; | 383 | : this.$request.fetchClassList; |
| 359 | 384 | ||
| 360 | const { data, status, info } = await fetchClassList(); | 385 | const { data, status, info } = await fetchClassList(); |
| 361 | - console.log(status); | ||
| 362 | if (status === 0) { | 386 | if (status === 0) { |
| 363 | if (!!data.list) { | 387 | if (!!data.list) { |
| 364 | this.classList = | 388 | this.classList = |
src/views/examinationPaper/recycle.vue
| @@ -292,7 +292,6 @@ export default { | @@ -292,7 +292,6 @@ export default { | ||
| 292 | ? this.$request.pClassList | 292 | ? this.$request.pClassList |
| 293 | : this.$request.fetchClassList; | 293 | : this.$request.fetchClassList; |
| 294 | const { data, status, info } = await fetchClassList(); | 294 | const { data, status, info } = await fetchClassList(); |
| 295 | - console.log(status); | ||
| 296 | if (status === 0) { | 295 | if (status === 0) { |
| 297 | if (!!data.list) { | 296 | if (!!data.list) { |
| 298 | this.classList = | 297 | this.classList = |
src/views/personal/ask/analysis.vue
| @@ -9,27 +9,11 @@ | @@ -9,27 +9,11 @@ | ||
| 9 | <div class="tab-box"> | 9 | <div class="tab-box"> |
| 10 | <span | 10 | <span |
| 11 | class="tab-item" | 11 | class="tab-item" |
| 12 | - :class="type == 1 ? 'active' : ''" | ||
| 13 | - @click="setType(1)" | ||
| 14 | - >答题表现</span | ||
| 15 | - > | ||
| 16 | - <span | ||
| 17 | - class="tab-item" | ||
| 18 | - :class="type == 2 ? 'active' : ''" | ||
| 19 | - @click="setType(2)" | ||
| 20 | - >学生问答表现</span | ||
| 21 | - > | ||
| 22 | - <span | ||
| 23 | - class="tab-item" | ||
| 24 | - :class="type == 3 ? 'active' : ''" | ||
| 25 | - @click="setType(3)" | ||
| 26 | - >学生互动表现</span | ||
| 27 | - > | ||
| 28 | - <span | ||
| 29 | - class="tab-item" | ||
| 30 | - :class="type == 4 ? 'active' : ''" | ||
| 31 | - @click="setType(4)" | ||
| 32 | - >签到明细</span | 12 | + v-for="(item, index) in tabList" |
| 13 | + :key="index" | ||
| 14 | + :class="type == index + 1 ? 'active' : ''" | ||
| 15 | + @click="setType(index + 1)" | ||
| 16 | + >{{ item }}</span | ||
| 33 | > | 17 | > |
| 34 | </div> | 18 | </div> |
| 35 | <div v-loading="loading"> | 19 | <div v-loading="loading"> |
| @@ -366,23 +350,29 @@ export default { | @@ -366,23 +350,29 @@ export default { | ||
| 366 | id: "", | 350 | id: "", |
| 367 | questionList: [], | 351 | questionList: [], |
| 368 | }, | 352 | }, |
| 353 | + tabList: ["答题表现", "学生问答表现", "学生互动表现", "签到明细"], | ||
| 369 | detail: {}, | 354 | detail: {}, |
| 370 | tableData: [], | 355 | tableData: [], |
| 371 | optionsList: [], | 356 | optionsList: [], |
| 372 | page: 1, | 357 | page: 1, |
| 373 | size: 20, | 358 | size: 20, |
| 374 | total: 0, | 359 | total: 0, |
| 360 | + status: 0, | ||
| 375 | }; | 361 | }; |
| 376 | }, | 362 | }, |
| 377 | created() { | 363 | created() { |
| 378 | this.id = this.$route.query.id; | 364 | this.id = this.$route.query.id; |
| 365 | + this.status = this.$route.query.status ? this.$route.query.status : 0; | ||
| 379 | this.title = this.$route.query.title; | 366 | this.title = this.$route.query.title; |
| 380 | this._QueryData(); | 367 | this._QueryData(); |
| 381 | this.periodDetail(); | 368 | this.periodDetail(); |
| 382 | }, | 369 | }, |
| 383 | methods: { | 370 | methods: { |
| 384 | print() { | 371 | print() { |
| 385 | - tablePrint("print-content"); | 372 | + tablePrint( |
| 373 | + "print-content", | ||
| 374 | + this.detail.title + "_" + this.tabList[this.type - 1] | ||
| 375 | + ); | ||
| 386 | }, | 376 | }, |
| 387 | setType(type) { | 377 | setType(type) { |
| 388 | this.type = type; | 378 | this.type = type; |
| @@ -524,7 +514,7 @@ export default { | @@ -524,7 +514,7 @@ export default { | ||
| 524 | let blob = new Blob([data], { | 514 | let blob = new Blob([data], { |
| 525 | type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", | 515 | type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", |
| 526 | }); | 516 | }); |
| 527 | - downloadFile("随堂问-单课时报表.xlsx", blob); | 517 | + downloadFile(this.status?"随堂问-已归档单课时报表.xlsx":"随堂问-单课时报表.xlsx", blob); |
| 528 | } else { | 518 | } else { |
| 529 | this.$message.error("下载失败"); | 519 | this.$message.error("下载失败"); |
| 530 | } | 520 | } |
src/views/personal/ask/archiving.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div class="main" ref="main"> | ||
| 3 | + <back-box> | ||
| 4 | + <template slot="title"> | ||
| 5 | + <span>问答-已归档数据报表</span> | ||
| 6 | + </template> | ||
| 7 | + </back-box> | ||
| 8 | + <div class="answer-header"> | ||
| 9 | + <div class="sel-box"> | ||
| 10 | + <el-select | ||
| 11 | + class="sel" | ||
| 12 | + v-model="query.classId" | ||
| 13 | + placeholder="选择班级" | ||
| 14 | + @change="changeclass" | ||
| 15 | + > | ||
| 16 | + <el-option | ||
| 17 | + v-for="item in classList" | ||
| 18 | + :key="item.value" | ||
| 19 | + :label="item.label" | ||
| 20 | + :value="item.value" | ||
| 21 | + > | ||
| 22 | + </el-option> | ||
| 23 | + </el-select> | ||
| 24 | + <el-select | ||
| 25 | + class="sel" | ||
| 26 | + multiple | ||
| 27 | + collapse-tags | ||
| 28 | + v-model="query.subjectNames" | ||
| 29 | + placeholder="选择科目" | ||
| 30 | + @change="changeSub" | ||
| 31 | + > | ||
| 32 | + <el-option | ||
| 33 | + v-for="item in subjectList" | ||
| 34 | + :key="item.value" | ||
| 35 | + :label="item.label" | ||
| 36 | + :value="item.value" | ||
| 37 | + > | ||
| 38 | + </el-option> | ||
| 39 | + </el-select> | ||
| 40 | + <div class="d1"> | ||
| 41 | + <el-date-picker | ||
| 42 | + v-model="query.startDay" | ||
| 43 | + type="date" | ||
| 44 | + @change="handleChangeTimeStart" | ||
| 45 | + placeholder="选择日期时间" | ||
| 46 | + value-format="yyyy-MM-dd" | ||
| 47 | + > | ||
| 48 | + </el-date-picker> | ||
| 49 | + ~ | ||
| 50 | + <el-date-picker | ||
| 51 | + v-model="query.endDay" | ||
| 52 | + type="date" | ||
| 53 | + placeholder="选择日期时间" | ||
| 54 | + @change="handleChangeTimeEnd" | ||
| 55 | + value-format="yyyy-MM-dd" | ||
| 56 | + > | ||
| 57 | + </el-date-picker> | ||
| 58 | + </div> | ||
| 59 | + <p class="p1"> | ||
| 60 | + <span @click="setDate(1)" :class="[date == 1 ? 'active' : '', 's1']" | ||
| 61 | + >今天</span | ||
| 62 | + > | ||
| 63 | + <span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']" | ||
| 64 | + >本周</span | ||
| 65 | + > | ||
| 66 | + <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']" | ||
| 67 | + >本月</span | ||
| 68 | + > | ||
| 69 | + <span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']" | ||
| 70 | + >本季度</span | ||
| 71 | + > | ||
| 72 | + </p> | ||
| 73 | + <el-button type="primary" round @click="_QueryData()">筛选</el-button> | ||
| 74 | + </div> | ||
| 75 | + </div> | ||
| 76 | + <div class="table-box"> | ||
| 77 | + <el-radio-group | ||
| 78 | + v-model="tabIndex" | ||
| 79 | + @change="tabChange" | ||
| 80 | + style="margin-bottom: 20px" | ||
| 81 | + > | ||
| 82 | + <template v-for="(item, index) in tabList"> | ||
| 83 | + <el-radio-button | ||
| 84 | + v-if="index == 0 || query.startDay != query.endDay" | ||
| 85 | + :key="index" | ||
| 86 | + :label="index + 1" | ||
| 87 | + >{{ item }}</el-radio-button | ||
| 88 | + > | ||
| 89 | + </template> | ||
| 90 | + </el-radio-group> | ||
| 91 | + <div class="table-cont" v-loading="loading"> | ||
| 92 | + <div id="print-content"> | ||
| 93 | + <div v-show="tabIndex == 1"> | ||
| 94 | + <el-table | ||
| 95 | + :data="tableData" | ||
| 96 | + border | ||
| 97 | + style="width: 100%" | ||
| 98 | + @sort-change="sortChange" | ||
| 99 | + > | ||
| 100 | + <el-table-column | ||
| 101 | + prop="title" | ||
| 102 | + label="课时" | ||
| 103 | + align="center" | ||
| 104 | + ></el-table-column> | ||
| 105 | + <el-table-column | ||
| 106 | + prop="questionNum" | ||
| 107 | + label="题目总数" | ||
| 108 | + align="center" | ||
| 109 | + width="100" | ||
| 110 | + ></el-table-column> | ||
| 111 | + <el-table-column | ||
| 112 | + prop="startTime" | ||
| 113 | + label="上课时间" | ||
| 114 | + align="center" | ||
| 115 | + ></el-table-column> | ||
| 116 | + <el-table-column | ||
| 117 | + prop="participationRate" | ||
| 118 | + label="参与度" | ||
| 119 | + sortable="custom" | ||
| 120 | + align="center" | ||
| 121 | + > | ||
| 122 | + <template slot-scope="scoped" | ||
| 123 | + >{{ scoped.row.participationRate }}%</template | ||
| 124 | + ></el-table-column | ||
| 125 | + > | ||
| 126 | + <el-table-column | ||
| 127 | + prop="answerCorrectRate" | ||
| 128 | + label="已答总正确率" | ||
| 129 | + sortable="custom" | ||
| 130 | + align="center" | ||
| 131 | + > | ||
| 132 | + <template slot-scope="scoped" | ||
| 133 | + >{{ scoped.row.answerCorrectRate }}%</template | ||
| 134 | + > | ||
| 135 | + </el-table-column> | ||
| 136 | + <el-table-column | ||
| 137 | + prop="classCorrectRate" | ||
| 138 | + label="班级总正确率" | ||
| 139 | + sortable="custom" | ||
| 140 | + align="center" | ||
| 141 | + ><template slot-scope="scoped" | ||
| 142 | + >{{ scoped.row.classCorrectRate }}%</template | ||
| 143 | + ></el-table-column | ||
| 144 | + > | ||
| 145 | + <el-table-column label="操作" align="center"> | ||
| 146 | + <template slot-scope="scoped"> | ||
| 147 | + <el-tooltip effect="dark" content="详情" placement="top"> | ||
| 148 | + <el-button | ||
| 149 | + type="primary" | ||
| 150 | + circle | ||
| 151 | + size="mini" | ||
| 152 | + icon="fa fa-arrow-right" | ||
| 153 | + @click="linkTo(scoped.row)" | ||
| 154 | + ></el-button> | ||
| 155 | + </el-tooltip> | ||
| 156 | + </template> | ||
| 157 | + </el-table-column> | ||
| 158 | + </el-table> | ||
| 159 | + </div> | ||
| 160 | + <div v-show="tabIndex == 2"> | ||
| 161 | + <el-table | ||
| 162 | + id="print-content2" | ||
| 163 | + :max-height="tableMaxHeight" | ||
| 164 | + :data="tableData" | ||
| 165 | + border | ||
| 166 | + style="width: 100%" | ||
| 167 | + > | ||
| 168 | + <el-table-column | ||
| 169 | + prop="studentCode" | ||
| 170 | + label="学号" | ||
| 171 | + align="center" | ||
| 172 | + fixed | ||
| 173 | + ></el-table-column> | ||
| 174 | + <el-table-column | ||
| 175 | + prop="studentName" | ||
| 176 | + label="姓名" | ||
| 177 | + align="center" | ||
| 178 | + fixed | ||
| 179 | + width="100" | ||
| 180 | + ></el-table-column> | ||
| 181 | + <el-table-column | ||
| 182 | + v-for="(item, index) in phaseOption" | ||
| 183 | + :key="index" | ||
| 184 | + :label="item" | ||
| 185 | + align="center" | ||
| 186 | + > | ||
| 187 | + <el-table-column | ||
| 188 | + align="center" | ||
| 189 | + :label="index == 0 ? '总课时数' : '课时数'" | ||
| 190 | + :prop="'periodCount' + item" | ||
| 191 | + > | ||
| 192 | + </el-table-column> | ||
| 193 | + <el-table-column | ||
| 194 | + align="center" | ||
| 195 | + :label="index == 0 ? '总出题数' : '出题数'" | ||
| 196 | + :prop="'questionNum' + item" | ||
| 197 | + > | ||
| 198 | + </el-table-column> | ||
| 199 | + <el-table-column | ||
| 200 | + align="center" | ||
| 201 | + :label="index == 0 ? '总参与度' : '参与度'" | ||
| 202 | + :prop="'participationRate' + item" | ||
| 203 | + ><template slot-scope="scoped" | ||
| 204 | + >{{ scoped.row["participationRate" + item] }}%</template | ||
| 205 | + > | ||
| 206 | + </el-table-column> | ||
| 207 | + <el-table-column | ||
| 208 | + align="center" | ||
| 209 | + :label="index == 0 ? '总正确率' : '正确率'" | ||
| 210 | + :prop="'correctRate' + item" | ||
| 211 | + ><template slot-scope="scoped" | ||
| 212 | + >{{ scoped.row["correctRate" + item] }}%</template | ||
| 213 | + > | ||
| 214 | + </el-table-column> | ||
| 215 | + </el-table-column> | ||
| 216 | + </el-table> | ||
| 217 | + </div> | ||
| 218 | + <div v-show="tabIndex == 3"> | ||
| 219 | + <el-table | ||
| 220 | + id="print-content3" | ||
| 221 | + :max-height="tableMaxHeight" | ||
| 222 | + :data="tableData" | ||
| 223 | + border | ||
| 224 | + style="width: 100%" | ||
| 225 | + > | ||
| 226 | + <el-table-column | ||
| 227 | + prop="studentCode" | ||
| 228 | + label="学号" | ||
| 229 | + align="center" | ||
| 230 | + ></el-table-column> | ||
| 231 | + <el-table-column | ||
| 232 | + prop="studentName" | ||
| 233 | + label="姓名" | ||
| 234 | + align="center" | ||
| 235 | + width="100" | ||
| 236 | + ></el-table-column> | ||
| 237 | + <el-table-column | ||
| 238 | + v-for="(item, index) in phaseInter" | ||
| 239 | + :key="index" | ||
| 240 | + :label="item" | ||
| 241 | + align="center" | ||
| 242 | + > | ||
| 243 | + <el-table-column | ||
| 244 | + align="center" | ||
| 245 | + v-if="index == 0" | ||
| 246 | + label="参与分" | ||
| 247 | + sortable | ||
| 248 | + :prop="'interactionsNum' + item" | ||
| 249 | + > | ||
| 250 | + </el-table-column> | ||
| 251 | + <el-table-column | ||
| 252 | + v-else | ||
| 253 | + align="center" | ||
| 254 | + label="互动数" | ||
| 255 | + :prop="'interactionsNum' + item" | ||
| 256 | + > | ||
| 257 | + </el-table-column> | ||
| 258 | + <el-table-column | ||
| 259 | + v-if="index == 0" | ||
| 260 | + align="center" | ||
| 261 | + label="对错分" | ||
| 262 | + sortable | ||
| 263 | + :prop="'interactionsCorrectNum' + item" | ||
| 264 | + > | ||
| 265 | + </el-table-column> | ||
| 266 | + <el-table-column | ||
| 267 | + v-else | ||
| 268 | + align="center" | ||
| 269 | + label="参与数" | ||
| 270 | + :prop="'interactionsCorrectNum' + item" | ||
| 271 | + > | ||
| 272 | + </el-table-column> | ||
| 273 | + </el-table-column> | ||
| 274 | + </el-table> | ||
| 275 | + </div> | ||
| 276 | + </div> | ||
| 277 | + <div class="pagination-box" v-show="tabIndex == 1"> | ||
| 278 | + <el-pagination | ||
| 279 | + small="" | ||
| 280 | + layout="total,prev, pager, next" | ||
| 281 | + :hide-on-single-page="true" | ||
| 282 | + :total="total" | ||
| 283 | + @current-change="changePage" | ||
| 284 | + :current-page="page" | ||
| 285 | + :page-size="size" | ||
| 286 | + > | ||
| 287 | + </el-pagination> | ||
| 288 | + </div> | ||
| 289 | + <p | ||
| 290 | + class="down" | ||
| 291 | + v-if="(tabIndex == 3 || tabIndex == 2) && tableData.length" | ||
| 292 | + > | ||
| 293 | + <el-button | ||
| 294 | + @click="exportData" | ||
| 295 | + type="primary" | ||
| 296 | + plain | ||
| 297 | + round | ||
| 298 | + icon="fa fa-cloud-download" | ||
| 299 | + >导出报表</el-button | ||
| 300 | + > | ||
| 301 | + <el-button | ||
| 302 | + @click="print" | ||
| 303 | + type="primary" | ||
| 304 | + plain | ||
| 305 | + round | ||
| 306 | + icon="el-icon-printer" | ||
| 307 | + >打印</el-button | ||
| 308 | + > | ||
| 309 | + </p> | ||
| 310 | + </div> | ||
| 311 | + </div> | ||
| 312 | + </div> | ||
| 313 | +</template> | ||
| 314 | + | ||
| 315 | +<script> | ||
| 316 | +import { formatDate, tablePrint, downloadFile } from "utils"; | ||
| 317 | +import BusEvent from "@/utils/busEvent"; | ||
| 318 | +export default { | ||
| 319 | + data() { | ||
| 320 | + return { | ||
| 321 | + tableMaxHeight: 300, | ||
| 322 | + loading: false, | ||
| 323 | + form: { questionList: [] }, | ||
| 324 | + date: "", //今天-昨天-本周 | ||
| 325 | + query: { | ||
| 326 | + //搜索条件 | ||
| 327 | + classId: "", | ||
| 328 | + subjectNames: [], | ||
| 329 | + startDay: "", | ||
| 330 | + endDay: "", | ||
| 331 | + day: "", | ||
| 332 | + }, | ||
| 333 | + tabList: ["单课时报表", "阶段问答报表", "阶段互动报表"], | ||
| 334 | + custom: { | ||
| 335 | + //单课时排序 | ||
| 336 | + orderField: null, | ||
| 337 | + orderType: null, | ||
| 338 | + }, | ||
| 339 | + classList: [], //班级 | ||
| 340 | + subjectList: [], //科目 | ||
| 341 | + tabIndex: 1, //选项卡 | ||
| 342 | + tableData: [], | ||
| 343 | + phaseOption: [], //问答补充数据 | ||
| 344 | + phaseInter: [], //互动补充数据 | ||
| 345 | + page: 1, | ||
| 346 | + size: 20, | ||
| 347 | + total: 0, | ||
| 348 | + }; | ||
| 349 | + }, | ||
| 350 | + async created() { | ||
| 351 | + await this._QueryClassList(); | ||
| 352 | + if (!this.query.classId) { | ||
| 353 | + return; | ||
| 354 | + } | ||
| 355 | + await this._QuerySubjectList(); | ||
| 356 | + await this.setDate(1); | ||
| 357 | + let startDay = this.query?.startDay; | ||
| 358 | + if (!startDay) { | ||
| 359 | + this.query.startDay = new Date(); | ||
| 360 | + this.query.endDay = new Date(); | ||
| 361 | + } | ||
| 362 | + }, | ||
| 363 | + activated() { | ||
| 364 | + const that = this; | ||
| 365 | + BusEvent.$on("keepAlive", async function () { | ||
| 366 | + await that._QueryClassList(); | ||
| 367 | + if (!that.query.classId) { | ||
| 368 | + return; | ||
| 369 | + } | ||
| 370 | + await that._QuerySubjectList(); | ||
| 371 | + await that.setDate(1); | ||
| 372 | + let startDay = that.query?.startDay; | ||
| 373 | + if (!startDay) { | ||
| 374 | + that.query.startDay = new Date(); | ||
| 375 | + that.query.endDay = new Date(); | ||
| 376 | + } | ||
| 377 | + }); | ||
| 378 | + }, | ||
| 379 | + methods: { | ||
| 380 | + toArchiving() { | ||
| 381 | + this.$router.push({ | ||
| 382 | + path: "/askArchiving", | ||
| 383 | + }); | ||
| 384 | + }, | ||
| 385 | + print() { | ||
| 386 | + tablePrint("print-content", "随堂问-" + this.tabList[this.tabIndex - 1]); | ||
| 387 | + }, | ||
| 388 | + changeSub(val) { | ||
| 389 | + let sub; | ||
| 390 | + if (val && val.length) { | ||
| 391 | + let leng = val.length - 1; | ||
| 392 | + sub = val[leng]; | ||
| 393 | + } | ||
| 394 | + this.query.subjectNames = val.filter((item) => { | ||
| 395 | + return sub != "全部" ? item != "全部" : item == "全部"; | ||
| 396 | + }); | ||
| 397 | + }, | ||
| 398 | + linkTo(obj) { | ||
| 399 | + //去详情 | ||
| 400 | + this.$router.push({ | ||
| 401 | + path: "/askAnalysis", | ||
| 402 | + query: { | ||
| 403 | + id: obj.id, | ||
| 404 | + title: obj.title, | ||
| 405 | + status: 1, | ||
| 406 | + }, | ||
| 407 | + }); | ||
| 408 | + }, | ||
| 409 | + setDate(index) { | ||
| 410 | + const that = this; | ||
| 411 | + this.date = index == this.date ? "" : index; | ||
| 412 | + let aYear = new Date().getFullYear(); | ||
| 413 | + let aMonth = new Date().getMonth() + 1; | ||
| 414 | + that.query.day = ""; | ||
| 415 | + that.query.startDay = ""; | ||
| 416 | + that.query.endDay = ""; | ||
| 417 | + switch (index) { | ||
| 418 | + case 1: | ||
| 419 | + that.query.day = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 420 | + that.query.startDay = that.query.day; | ||
| 421 | + that.query.endDay = that.query.day; | ||
| 422 | + that.tabIndex = 1; | ||
| 423 | + break; | ||
| 424 | + case 2: | ||
| 425 | + let day = new Date().getDay(); | ||
| 426 | + if (day == 0) { | ||
| 427 | + //中国式星期天是一周的最后一天 | ||
| 428 | + day = 7; | ||
| 429 | + } | ||
| 430 | + day--; | ||
| 431 | + let aTime = new Date().getTime() - 24 * 60 * 60 * 1000 * day; | ||
| 432 | + that.query.startDay = formatDate(new Date(aTime), "yyyy-MM-dd"); | ||
| 433 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 434 | + break; | ||
| 435 | + case 3: | ||
| 436 | + aMonth = aMonth < 10 ? "0" + aMonth : aMonth; | ||
| 437 | + that.query.startDay = `${aYear}-${aMonth}-01`; | ||
| 438 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 439 | + break; | ||
| 440 | + case 4: | ||
| 441 | + if (aMonth > 0 && aMonth < 4) { | ||
| 442 | + aMonth = "1"; | ||
| 443 | + } else if (aMonth > 3 && aMonth < 7) { | ||
| 444 | + aMonth = "4"; | ||
| 445 | + } else if (aMonth > 6 && aMonth < 10) { | ||
| 446 | + aMonth = "7"; | ||
| 447 | + } else { | ||
| 448 | + aMonth = "10"; | ||
| 449 | + } | ||
| 450 | + | ||
| 451 | + aMonth = aMonth < 10 ? "0" + aMonth : aMonth; | ||
| 452 | + that.query.startDay = `${aYear}-${aMonth}-01`; | ||
| 453 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 454 | + break; | ||
| 455 | + } | ||
| 456 | + this.page = 1; | ||
| 457 | + this._QueryData(); | ||
| 458 | + }, | ||
| 459 | + handleChangeTimeStart(val) { | ||
| 460 | + this.query.day = ""; | ||
| 461 | + this.date = ""; | ||
| 462 | + if (this.query.endDay) { | ||
| 463 | + if (new Date(val).getTime() > new Date(this.query.endDay).getTime()) { | ||
| 464 | + this.$message.error("任务结束时间不能任务开始时间前面，请重新设置"); | ||
| 465 | + this.query.startDay = ""; | ||
| 466 | + } | ||
| 467 | + } | ||
| 468 | + }, | ||
| 469 | + handleChangeTimeEnd(val) { | ||
| 470 | + this.query.day = ""; | ||
| 471 | + this.date = ""; | ||
| 472 | + if (this.query.startDay) { | ||
| 473 | + if (new Date(val).getTime() < new Date(this.query.startDay).getTime()) { | ||
| 474 | + this.$message.error("任务结束时间不能任务开始时间前面，请重新设置"); | ||
| 475 | + this.query.endDay = ""; | ||
| 476 | + } | ||
| 477 | + } | ||
| 478 | + }, | ||
| 479 | + tabChange() { | ||
| 480 | + this.tableMaxHeight = this.$refs.main.offsetHeight; | ||
| 481 | + this.page = 1; | ||
| 482 | + this.tableData = []; | ||
| 483 | + this._QueryData(); | ||
| 484 | + }, | ||
| 485 | + sortChange(obj) { | ||
| 486 | + this.custom.orderField = | ||
| 487 | + obj.prop == "participationRate" | ||
| 488 | + ? 1 | ||
| 489 | + : obj.prop == "answerCorrectRate" | ||
| 490 | + ? 2 | ||
| 491 | + : 3; | ||
| 492 | + this.custom.orderType = obj.order == "ascending" ? 0 : 1; | ||
| 493 | + this.page = 1; | ||
| 494 | + this._QueryData(); | ||
| 495 | + }, | ||
| 496 | + changePage(page) { | ||
| 497 | + this.page = page; | ||
| 498 | + this._QueryData(); | ||
| 499 | + }, | ||
| 500 | + async changeclass() { | ||
| 501 | + await this._QuerySubjectList(); | ||
| 502 | + this.page = 1; | ||
| 503 | + this._QueryData(); | ||
| 504 | + }, | ||
| 505 | + async changClazz() { | ||
| 506 | + await this._QuerySubjectList(); | ||
| 507 | + // await this.setDate(1); | ||
| 508 | + this._QueryData(); | ||
| 509 | + }, | ||
| 510 | + async _QueryClassList() { | ||
| 511 | + const { data, status, info } = await this.$request.pClassList({ | ||
| 512 | + status: 1, | ||
| 513 | + }); | ||
| 514 | + if (status === 0) { | ||
| 515 | + this.classList = data.list.map((item) => { | ||
| 516 | + return { | ||
| 517 | + value: item.id, | ||
| 518 | + label: item.className, | ||
| 519 | + }; | ||
| 520 | + }); | ||
| 521 | + this.query.classId = this.classList[0]?.value; | ||
| 522 | + } else { | ||
| 523 | + this.$message.error(info); | ||
| 524 | + } | ||
| 525 | + }, | ||
| 526 | + async _QuerySubjectList() { | ||
| 527 | + if (!this.query.classId) return; | ||
| 528 | + const { data, status, info } = await this.$request.pSubjectList({ | ||
| 529 | + classId: this.query.classId, | ||
| 530 | + status: 1, | ||
| 531 | + }); | ||
| 532 | + if (status === 0) { | ||
| 533 | + this.query.subjectNames = []; | ||
| 534 | + this.subjectList = | ||
| 535 | + data.subjectNames?.map((item) => { | ||
| 536 | + return { | ||
| 537 | + value: item, | ||
| 538 | + label: item, | ||
| 539 | + }; | ||
| 540 | + }) || []; | ||
| 541 | + this.subjectList.unshift({ | ||
| 542 | + value: "全部", | ||
| 543 | + label: "全部", | ||
| 544 | + }); | ||
| 545 | + this.query.subjectNames.push(this.subjectList[0]?.value); | ||
| 546 | + } else { | ||
| 547 | + this.$message.error(info); | ||
| 548 | + } | ||
| 549 | + }, | ||
| 550 | + async _QueryData() { | ||
| 551 | + if (!this.query.classId) return; | ||
| 552 | + if (this.tabIndex == 1) { | ||
| 553 | + this.periodReportList(); | ||
| 554 | + } else if (this.tabIndex == 2) { | ||
| 555 | + this.phaseAnswerReport(); | ||
| 556 | + } else if (this.tabIndex == 3) { | ||
| 557 | + this.phaseInteractiveReport(); | ||
| 558 | + } | ||
| 559 | + }, | ||
| 560 | + //分页查询课时报表列表 | ||
| 561 | + async periodReportList() { | ||
| 562 | + this.loading = true; | ||
| 563 | + let query = {}; | ||
| 564 | + for (let key in this.query) { | ||
| 565 | + if (this.query[key] != "") { | ||
| 566 | + query[key] = this.query[key]; | ||
| 567 | + } | ||
| 568 | + } | ||
| 569 | + if (this.custom.orderField !== null) { | ||
| 570 | + query = { ...query, ...this.custom }; | ||
| 571 | + } | ||
| 572 | + | ||
| 573 | + if ( | ||
| 574 | + query["subjectNames"] && | ||
| 575 | + query["subjectNames"].length == 1 && | ||
| 576 | + query["subjectNames"][0] == "全部" | ||
| 577 | + ) { | ||
| 578 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 579 | + return item.value; | ||
| 580 | + }); | ||
| 581 | + query["subjectNames"].shift(); | ||
| 582 | + } | ||
| 583 | + if (!query["subjectNames"]) { | ||
| 584 | + this.$message.warning("请选择科目"); | ||
| 585 | + return; | ||
| 586 | + } | ||
| 587 | + const { data, status, info } = await this.$request.pPeriodReportList({ | ||
| 588 | + ...query, | ||
| 589 | + page: this.page, | ||
| 590 | + size: this.size, | ||
| 591 | + }); | ||
| 592 | + this.loading = false; | ||
| 593 | + if (status === 0) { | ||
| 594 | + this.tableData = (data?.list && [...data?.list]) || []; | ||
| 595 | + this.total = data.count; | ||
| 596 | + } else { | ||
| 597 | + this.$message.error(info); | ||
| 598 | + } | ||
| 599 | + }, | ||
| 600 | + //查询阶段问答报表 | ||
| 601 | + async phaseAnswerReport() { | ||
| 602 | + this.loading = true; | ||
| 603 | + let query = {}; | ||
| 604 | + for (let key in this.query) { | ||
| 605 | + if (this.query[key] != "") { | ||
| 606 | + query[key] = this.query[key]; | ||
| 607 | + } | ||
| 608 | + } | ||
| 609 | + if ( | ||
| 610 | + query["subjectNames"] && | ||
| 611 | + query["subjectNames"].length == 1 && | ||
| 612 | + query["subjectNames"][0] == "全部" | ||
| 613 | + ) { | ||
| 614 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 615 | + return item.value; | ||
| 616 | + }); | ||
| 617 | + query["subjectNames"].shift(); | ||
| 618 | + } | ||
| 619 | + if (!query["subjectNames"]) { | ||
| 620 | + this.$message.warning("请选择科目"); | ||
| 621 | + return; | ||
| 622 | + } | ||
| 623 | + const { data, status, info } = await this.$request.pPhaseAnswerReport({ | ||
| 624 | + ...query, | ||
| 625 | + }); | ||
| 626 | + this.loading = false; | ||
| 627 | + if (status === 0) { | ||
| 628 | + let subjectName = []; | ||
| 629 | + let tableData = data?.list.map((item) => { | ||
| 630 | + let params = {}; | ||
| 631 | + item.dataList.map((items, index) => { | ||
| 632 | + if (!subjectName.includes(items.subjectName)) { | ||
| 633 | + subjectName.push(items.subjectName); | ||
| 634 | + } | ||
| 635 | + params["answerCorrectRate" + items.subjectName] = | ||
| 636 | + items.answerCorrectRate; | ||
| 637 | + params["correctRate" + items.subjectName] = items.correctRate; | ||
| 638 | + params["participationRate" + items.subjectName] = | ||
| 639 | + items.participationRate; | ||
| 640 | + params["periodCount" + items.subjectName] = items.periodCount; | ||
| 641 | + params["questionNum" + items.subjectName] = items.questionNum; | ||
| 642 | + }); | ||
| 643 | + return { | ||
| 644 | + ...item, | ||
| 645 | + ...params, | ||
| 646 | + }; | ||
| 647 | + }); | ||
| 648 | + this.phaseOption = [...subjectName]; | ||
| 649 | + this.tableData = tableData.sort((a, b) => { | ||
| 650 | + return a.studentCode - b.studentCode; | ||
| 651 | + }); | ||
| 652 | + | ||
| 653 | + this.total = data.count; | ||
| 654 | + } else { | ||
| 655 | + this.$message.error(info); | ||
| 656 | + } | ||
| 657 | + }, | ||
| 658 | + //查询阶段互动报表 | ||
| 659 | + async phaseInteractiveReport() { | ||
| 660 | + this.loading = true; | ||
| 661 | + let query = {}; | ||
| 662 | + for (let key in this.query) { | ||
| 663 | + if (this.query[key] != "") { | ||
| 664 | + query[key] = this.query[key]; | ||
| 665 | + } | ||
| 666 | + } | ||
| 667 | + | ||
| 668 | + if ( | ||
| 669 | + query["subjectNames"] && | ||
| 670 | + query["subjectNames"].length == 1 && | ||
| 671 | + query["subjectNames"][0] == "全部" | ||
| 672 | + ) { | ||
| 673 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 674 | + return item.value; | ||
| 675 | + }); | ||
| 676 | + query["subjectNames"].shift(); | ||
| 677 | + } | ||
| 678 | + if (!query["subjectNames"]) { | ||
| 679 | + this.$message.warning("请选择科目"); | ||
| 680 | + return; | ||
| 681 | + } | ||
| 682 | + const { data, status, info } = | ||
| 683 | + await this.$request.pPhaseInteractiveReport({ | ||
| 684 | + ...query, | ||
| 685 | + }); | ||
| 686 | + this.loading = false; | ||
| 687 | + if (status === 0) { | ||
| 688 | + let subjectName = []; | ||
| 689 | + let tableData = data?.list.map((item) => { | ||
| 690 | + let params = {}; | ||
| 691 | + item.dataList.map((items, index) => { | ||
| 692 | + if (!subjectName.includes(items.subjectName)) { | ||
| 693 | + subjectName.push(items.subjectName); | ||
| 694 | + } | ||
| 695 | + params["interactionsNum" + items.subjectName] = | ||
| 696 | + items.interactionsNum; | ||
| 697 | + params["interactionsCorrectNum" + items.subjectName] = | ||
| 698 | + items.interactionsCorrectNum; | ||
| 699 | + }); | ||
| 700 | + return { | ||
| 701 | + ...item, | ||
| 702 | + ...params, | ||
| 703 | + }; | ||
| 704 | + }); | ||
| 705 | + this.phaseInter = [...subjectName]; | ||
| 706 | + this.tableData = tableData.sort((a, b) => { | ||
| 707 | + return a.studentCode - b.studentCode; | ||
| 708 | + }); | ||
| 709 | + | ||
| 710 | + this.total = data.count; | ||
| 711 | + } else { | ||
| 712 | + this.$message.error(info); | ||
| 713 | + } | ||
| 714 | + }, | ||
| 715 | + //导出 | ||
| 716 | + async exportData() { | ||
| 717 | + if (this.exportLoading == true) return; | ||
| 718 | + let query = {}; | ||
| 719 | + for (let key in this.query) { | ||
| 720 | + if (this.query[key] != "") { | ||
| 721 | + query[key] = this.query[key]; | ||
| 722 | + } | ||
| 723 | + } | ||
| 724 | + | ||
| 725 | + if ( | ||
| 726 | + query["subjectNames"] && | ||
| 727 | + query["subjectNames"].length == 1 && | ||
| 728 | + query["subjectNames"][0] == "全部" | ||
| 729 | + ) { | ||
| 730 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 731 | + return item.value; | ||
| 732 | + }); | ||
| 733 | + query["subjectNames"].shift(); | ||
| 734 | + } | ||
| 735 | + if (!query["subjectNames"]) { | ||
| 736 | + this.$message.warning("请选择科目"); | ||
| 737 | + return; | ||
| 738 | + } | ||
| 739 | + this.exportLoading = true; | ||
| 740 | + const data = await this.$request.pExportPhaseReport({ ...query }); | ||
| 741 | + this.exportLoading = false; | ||
| 742 | + if (data) { | ||
| 743 | + let blob = new Blob([data], { | ||
| 744 | + type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", | ||
| 745 | + }); | ||
| 746 | + downloadFile("随堂问-已归档阶段报表.xlsx", blob); | ||
| 747 | + } else { | ||
| 748 | + this.$message.error("下载失败"); | ||
| 749 | + } | ||
| 750 | + }, | ||
| 751 | + }, | ||
| 752 | +}; | ||
| 753 | +</script> | ||
| 754 | +<style> | ||
| 755 | +div::-webkit-scrollbar { | ||
| 756 | + width: 3px; | ||
| 757 | + height: 10px; | ||
| 758 | +} | ||
| 759 | +div::-webkit-scrollbar-thumb { | ||
| 760 | + border-radius: 10px; | ||
| 761 | + background-color: #ccc; | ||
| 762 | +} | ||
| 763 | +</style> | ||
| 764 | +<style lang="scss" scoped> | ||
| 765 | +.main { | ||
| 766 | + height: 100%; | ||
| 767 | +} | ||
| 768 | +.table-box { | ||
| 769 | + margin: 0 20px; | ||
| 770 | + padding: 16px; | ||
| 771 | + background: #f8f8f8; | ||
| 772 | + border-radius: 5px; | ||
| 773 | + .table-cont { | ||
| 774 | + min-height: 300px; | ||
| 775 | + } | ||
| 776 | + :deep(.fa-arrow-right) { | ||
| 777 | + padding-left: 2px; | ||
| 778 | + } | ||
| 779 | + :deep(.fa-file-text) { | ||
| 780 | + padding-left: 2px; | ||
| 781 | + } | ||
| 782 | +} | ||
| 783 | + | ||
| 784 | +.fa-exchange { | ||
| 785 | + color: #667ffd; | ||
| 786 | + cursor: pointer; | ||
| 787 | + font-size: 16px; | ||
| 788 | + margin-left: 10px; | ||
| 789 | +} | ||
| 790 | +.dia-btn { | ||
| 791 | + border-radius: 20px; | ||
| 792 | + margin: 0 20px; | ||
| 793 | + padding: 10px 20px; | ||
| 794 | +} | ||
| 795 | +.dia-tips { | ||
| 796 | + padding-bottom: 10px; | ||
| 797 | +} | ||
| 798 | +.dia-question-box { | ||
| 799 | + padding: 16px 16px 1px; | ||
| 800 | + background: #f8f8f8; | ||
| 801 | + border-radius: 10px; | ||
| 802 | + | ||
| 803 | + .answer-s { | ||
| 804 | + width: 36px; | ||
| 805 | + height: 28px; | ||
| 806 | + cursor: pointer; | ||
| 807 | + } | ||
| 808 | +} | ||
| 809 | +.set-questions { | ||
| 810 | + display: flex; | ||
| 811 | + margin-bottom: 12px; | ||
| 812 | + width: 100%; | ||
| 813 | + .qs-num { | ||
| 814 | + flex-shrink: 0; | ||
| 815 | + margin-right: 10px; | ||
| 816 | + } | ||
| 817 | + .qs-options { | ||
| 818 | + flex: 1; | ||
| 819 | + .ipt { | ||
| 820 | + margin-bottom: 5px; | ||
| 821 | + } | ||
| 822 | + } | ||
| 823 | + .delButton { | ||
| 824 | + border-color: #ff6868; | ||
| 825 | + background: #ff6868 url("../../../assets/images/arrow.png") no-repeat center; | ||
| 826 | + background-size: 19px; | ||
| 827 | + color: transparent; | ||
| 828 | + } | ||
| 829 | + .ac { | ||
| 830 | + border-color: #ff6868; | ||
| 831 | + background: #ff6868; | ||
| 832 | + color: #fff; | ||
| 833 | + } | ||
| 834 | +} | ||
| 835 | +.down { | ||
| 836 | + padding-top: 16px; | ||
| 837 | +} | ||
| 838 | +</style> | ||
| 0 | \ No newline at end of file | 839 | \ No newline at end of file |
src/views/personal/ask/index.vue
| @@ -4,6 +4,23 @@ | @@ -4,6 +4,23 @@ | ||
| 4 | <template slot="title"> | 4 | <template slot="title"> |
| 5 | <span>问答-数据报表</span> | 5 | <span>问答-数据报表</span> |
| 6 | </template> | 6 | </template> |
| 7 | + <template slot="btns"> | ||
| 8 | + <el-tooltip | ||
| 9 | + v-if="!code" | ||
| 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> | ||
| 7 | </back-box> | 24 | </back-box> |
| 8 | <div class="answer-header"> | 25 | <div class="answer-header"> |
| 9 | <div class="sel-box"> | 26 | <div class="sel-box"> |
| @@ -79,13 +96,14 @@ | @@ -79,13 +96,14 @@ | ||
| 79 | @change="tabChange" | 96 | @change="tabChange" |
| 80 | style="margin-bottom: 20px" | 97 | style="margin-bottom: 20px" |
| 81 | > | 98 | > |
| 82 | - <el-radio-button :label="1">单课时报表</el-radio-button> | ||
| 83 | - <el-radio-button :label="2" v-if="query.startDay != query.endDay" | ||
| 84 | - >阶段问答报表</el-radio-button | ||
| 85 | - > | ||
| 86 | - <el-radio-button :label="3" v-if="query.startDay != query.endDay" | ||
| 87 | - >阶段互动报表</el-radio-button | ||
| 88 | - > | 99 | + <template v-for="(item, index) in tabList"> |
| 100 | + <el-radio-button | ||
| 101 | + v-if="index == 0 || query.startDay != query.endDay" | ||
| 102 | + :key="index" | ||
| 103 | + :label="index + 1" | ||
| 104 | + >{{ item }}</el-radio-button | ||
| 105 | + > | ||
| 106 | + </template> | ||
| 89 | </el-radio-group> | 107 | </el-radio-group> |
| 90 | <div class="table-cont" v-loading="loading"> | 108 | <div class="table-cont" v-loading="loading"> |
| 91 | <div id="print-content"> | 109 | <div id="print-content"> |
| @@ -348,6 +366,7 @@ export default { | @@ -348,6 +366,7 @@ export default { | ||
| 348 | endDay: "", | 366 | endDay: "", |
| 349 | day: "", | 367 | day: "", |
| 350 | }, | 368 | }, |
| 369 | + tabList: ["单课时报表", "阶段问答报表", "阶段互动报表"], | ||
| 351 | custom: { | 370 | custom: { |
| 352 | //单课时排序 | 371 | //单课时排序 |
| 353 | orderField: null, | 372 | orderField: null, |
| @@ -366,6 +385,9 @@ export default { | @@ -366,6 +385,9 @@ export default { | ||
| 366 | }, | 385 | }, |
| 367 | async created() { | 386 | async created() { |
| 368 | await this._QueryClassList(); | 387 | await this._QueryClassList(); |
| 388 | + if (!this.query.classId) { | ||
| 389 | + return; | ||
| 390 | + } | ||
| 369 | await this._QuerySubjectList(); | 391 | await this._QuerySubjectList(); |
| 370 | await this.setDate(1); | 392 | await this.setDate(1); |
| 371 | let startDay = this.query?.startDay; | 393 | let startDay = this.query?.startDay; |
| @@ -377,19 +399,27 @@ export default { | @@ -377,19 +399,27 @@ export default { | ||
| 377 | activated() { | 399 | activated() { |
| 378 | const that = this; | 400 | const that = this; |
| 379 | BusEvent.$on("keepAlive", async function () { | 401 | BusEvent.$on("keepAlive", async function () { |
| 380 | - await that._QueryClassList(); | ||
| 381 | - await that._QuerySubjectList(); | ||
| 382 | - await that.setDate(1); | ||
| 383 | - let startDay = that.query?.startDay; | ||
| 384 | - if (!startDay) { | ||
| 385 | - that.query.startDay = new Date(); | ||
| 386 | - that.query.endDay = new Date(); | ||
| 387 | - } | 402 | + await that._QueryClassList(); |
| 403 | + if (!that.query.classId) { | ||
| 404 | + return; | ||
| 405 | + } | ||
| 406 | + await that._QuerySubjectList(); | ||
| 407 | + await that.setDate(1); | ||
| 408 | + let startDay = that.query?.startDay; | ||
| 409 | + if (!startDay) { | ||
| 410 | + that.query.startDay = new Date(); | ||
| 411 | + that.query.endDay = new Date(); | ||
| 412 | + } | ||
| 388 | }); | 413 | }); |
| 389 | }, | 414 | }, |
| 390 | methods: { | 415 | methods: { |
| 416 | + toArchiving() { | ||
| 417 | + this.$router.push({ | ||
| 418 | + path: "/askArchiving", | ||
| 419 | + }); | ||
| 420 | + }, | ||
| 391 | print() { | 421 | print() { |
| 392 | - tablePrint("print-content"); | 422 | + tablePrint("print-content", "随堂问-" + this.tabList[this.tabIndex - 1]); |
| 393 | }, | 423 | }, |
| 394 | changeSub(val) { | 424 | changeSub(val) { |
| 395 | let sub; | 425 | let sub; |
| @@ -397,7 +427,6 @@ export default { | @@ -397,7 +427,6 @@ export default { | ||
| 397 | let leng = val.length - 1; | 427 | let leng = val.length - 1; |
| 398 | sub = val[leng]; | 428 | sub = val[leng]; |
| 399 | } | 429 | } |
| 400 | - console.log(val); | ||
| 401 | this.query.subjectNames = val.filter((item) => { | 430 | this.query.subjectNames = val.filter((item) => { |
| 402 | return sub != "全部" ? item != "全部" : item == "全部"; | 431 | return sub != "全部" ? item != "全部" : item == "全部"; |
| 403 | }); | 432 | }); |
src/views/personal/card/index.vue
| @@ -144,7 +144,6 @@ export default { | @@ -144,7 +144,6 @@ export default { | ||
| 144 | async _QueryGradeList() { | 144 | async _QueryGradeList() { |
| 145 | this.loading = true; | 145 | this.loading = true; |
| 146 | const { data, status, info } = await this.$request.gradeList(); | 146 | const { data, status, info } = await this.$request.gradeList(); |
| 147 | - console.log(status); | ||
| 148 | if (status === 0) { | 147 | if (status === 0) { |
| 149 | if (!!data.list) { | 148 | if (!!data.list) { |
| 150 | this.gradeList = | 149 | this.gradeList = |
| @@ -196,7 +195,6 @@ export default { | @@ -196,7 +195,6 @@ export default { | ||
| 196 | size: 20, | 195 | size: 20, |
| 197 | }); | 196 | }); |
| 198 | this.loading = false; | 197 | this.loading = false; |
| 199 | - console.log(status); | ||
| 200 | if (status === 0) { | 198 | if (status === 0) { |
| 201 | this.tableData = data.list || []; | 199 | this.tableData = data.list || []; |
| 202 | this.total = data.count; | 200 | this.total = data.count; |
src/views/personal/test/analysis.vue
| @@ -5,7 +5,7 @@ | @@ -5,7 +5,7 @@ | ||
| 5 | <span>单卷分析</span> | 5 | <span>单卷分析</span> |
| 6 | </template> | 6 | </template> |
| 7 | </back-box> | 7 | </back-box> |
| 8 | - <div class="tips" v-if="paperModifyLog.modifiedTime"> | 8 | + <div class="tips" v-if="paperModifyLog.modifiedTime || status"> |
| 9 | <p class="tips-p"> | 9 | <p class="tips-p"> |
| 10 | <i class="fa fa-bell-o"></i> | 10 | <i class="fa fa-bell-o"></i> |
| 11 | {{ | 11 | {{ |
| @@ -29,28 +29,12 @@ | @@ -29,28 +29,12 @@ | ||
| 29 | <div class="page-content"> | 29 | <div class="page-content"> |
| 30 | <div class="tab-box"> | 30 | <div class="tab-box"> |
| 31 | <span | 31 | <span |
| 32 | + v-for="(item, index) in tabList" | ||
| 33 | + :key="item" | ||
| 32 | class="tab-item" | 34 | class="tab-item" |
| 33 | - :class="type == 1 ? 'active' : ''" | ||
| 34 | - @click="setType(1)" | ||
| 35 | - >试题分析</span | ||
| 36 | - > | ||
| 37 | - <span | ||
| 38 | - class="tab-item" | ||
| 39 | - :class="type == 2 ? 'active' : ''" | ||
| 40 | - @click="setType(2)" | ||
| 41 | - >成绩排名</span | ||
| 42 | - > | ||
| 43 | - <span | ||
| 44 | - class="tab-item" | ||
| 45 | - :class="type == 3 ? 'active' : ''" | ||
| 46 | - @click="setType(3)" | ||
| 47 | - >小题分报表</span | ||
| 48 | - > | ||
| 49 | - <span | ||
| 50 | - class="tab-item" | ||
| 51 | - :class="type == 4 ? 'active' : ''" | ||
| 52 | - @click="setType(4)" | ||
| 53 | - >作答明细表</span | 35 | + :class="type == index + 1 ? 'active' : ''" |
| 36 | + @click="setType(index + 1)" | ||
| 37 | + >{{ item }}</span | ||
| 54 | > | 38 | > |
| 55 | </div> | 39 | </div> |
| 56 | <div id="print-content" class="table-box" v-loading="loading"> | 40 | <div id="print-content" class="table-box" v-loading="loading"> |
| @@ -398,7 +382,7 @@ | @@ -398,7 +382,7 @@ | ||
| 398 | >打印</el-button | 382 | >打印</el-button |
| 399 | > | 383 | > |
| 400 | </div> | 384 | </div> |
| 401 | - <div> | 385 | + <div v-if="!status"> |
| 402 | <el-button | 386 | <el-button |
| 403 | v-if="examReport.subjectiveScore != 0" | 387 | v-if="examReport.subjectiveScore != 0" |
| 404 | @click="diaUp = true" | 388 | @click="diaUp = true" |
| @@ -442,6 +426,7 @@ export default { | @@ -442,6 +426,7 @@ export default { | ||
| 442 | data() { | 426 | data() { |
| 443 | return { | 427 | return { |
| 444 | role: "", | 428 | role: "", |
| 429 | + status: 0, | ||
| 445 | tableMaxHeight: 600, | 430 | tableMaxHeight: 600, |
| 446 | loading: false, | 431 | loading: false, |
| 447 | exportLoading: false, | 432 | exportLoading: false, |
| @@ -451,6 +436,7 @@ export default { | @@ -451,6 +436,7 @@ export default { | ||
| 451 | title: "", | 436 | title: "", |
| 452 | score: "", | 437 | score: "", |
| 453 | type: 1, | 438 | type: 1, |
| 439 | + tabList: ["试题分析", "成绩排名", "小题分报表", "作答明细表"], | ||
| 454 | paperModifyLog: { | 440 | paperModifyLog: { |
| 455 | realName: "", | 441 | realName: "", |
| 456 | modifiedTime: "", | 442 | modifiedTime: "", |
| @@ -486,12 +472,13 @@ export default { | @@ -486,12 +472,13 @@ export default { | ||
| 486 | this.$store.getters.info.showRole || | 472 | this.$store.getters.info.showRole || |
| 487 | this.$store.getters.info.permissions[0].role; | 473 | this.$store.getters.info.permissions[0].role; |
| 488 | this.id = this.$route.query.id; | 474 | this.id = this.$route.query.id; |
| 475 | + this.status = this.$route.query.status ? this.$route.query.status : 0; | ||
| 489 | this.title = this.$route.query.title || ""; | 476 | this.title = this.$route.query.title || ""; |
| 490 | this._QueryData(); | 477 | this._QueryData(); |
| 491 | }, | 478 | }, |
| 492 | methods: { | 479 | methods: { |
| 493 | print() { | 480 | print() { |
| 494 | - tablePrint("print-content"); | 481 | + tablePrint("print-content", this.title + this.tabList[this.type - 1]); |
| 495 | }, | 482 | }, |
| 496 | upSuccess(res) { | 483 | upSuccess(res) { |
| 497 | //导入成功 | 484 | //导入成功 |
src/views/personal/test/archiving.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div ref="main" class="page-container"> | ||
| 3 | + <back-box> | ||
| 4 | + <template slot="title"> | ||
| 5 | + <span>即时测-已归档数据报表</span> | ||
| 6 | + </template> | ||
| 7 | + </back-box> | ||
| 8 | + <div class="answer-header"> | ||
| 9 | + <div class="sel-box"> | ||
| 10 | + <el-select | ||
| 11 | + class="sel" | ||
| 12 | + v-model="query.classId" | ||
| 13 | + placeholder="选择班级" | ||
| 14 | + @change="changeclass" | ||
| 15 | + > | ||
| 16 | + <el-option | ||
| 17 | + v-for="item in classList" | ||
| 18 | + :key="item.value" | ||
| 19 | + :label="item.label" | ||
| 20 | + :value="item.value" | ||
| 21 | + > | ||
| 22 | + </el-option> | ||
| 23 | + </el-select> | ||
| 24 | + <el-select | ||
| 25 | + class="sel" | ||
| 26 | + multiple | ||
| 27 | + v-model="query.subjectNames" | ||
| 28 | + placeholder="选择科目" | ||
| 29 | + collapse-tags | ||
| 30 | + @change="changeSub" | ||
| 31 | + > | ||
| 32 | + <el-option | ||
| 33 | + v-for="item in subjectList" | ||
| 34 | + :key="item.value" | ||
| 35 | + :label="item.label" | ||
| 36 | + :value="item.value" | ||
| 37 | + > | ||
| 38 | + </el-option> | ||
| 39 | + </el-select> | ||
| 40 | + <div class="d1"> | ||
| 41 | + <el-date-picker | ||
| 42 | + v-model="query.startDay" | ||
| 43 | + type="date" | ||
| 44 | + @change="handleChangeTimeStart" | ||
| 45 | + placeholder="选择日期时间" | ||
| 46 | + value-format="yyyy-MM-dd" | ||
| 47 | + > | ||
| 48 | + </el-date-picker> | ||
| 49 | + ~ | ||
| 50 | + <el-date-picker | ||
| 51 | + v-model="query.endDay" | ||
| 52 | + type="date" | ||
| 53 | + placeholder="选择日期时间" | ||
| 54 | + @change="handleChangeTimeEnd" | ||
| 55 | + value-format="yyyy-MM-dd" | ||
| 56 | + > | ||
| 57 | + </el-date-picker> | ||
| 58 | + </div> | ||
| 59 | + <p class="p1"> | ||
| 60 | + <span @click="setDate(1)" :class="[date == 1 ? 'active' : '', 's1']" | ||
| 61 | + >今天</span | ||
| 62 | + > | ||
| 63 | + <span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']" | ||
| 64 | + >本周</span | ||
| 65 | + > | ||
| 66 | + <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']" | ||
| 67 | + >本月</span | ||
| 68 | + > | ||
| 69 | + <span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']" | ||
| 70 | + >本季度</span | ||
| 71 | + > | ||
| 72 | + </p> | ||
| 73 | + <el-button type="primary" round @click="_QueryData()">筛选</el-button> | ||
| 74 | + </div> | ||
| 75 | + </div> | ||
| 76 | + <div class="table-box"> | ||
| 77 | + <el-radio-group | ||
| 78 | + v-model="tabIndex" | ||
| 79 | + @change="changeTab" | ||
| 80 | + style="margin-bottom: 20px" | ||
| 81 | + > | ||
| 82 | + <template v-for="(item, index) in tabList"> | ||
| 83 | + <el-radio-button | ||
| 84 | + v-if="index == 0 || query.startDay != query.endDay" | ||
| 85 | + :key="index" | ||
| 86 | + :label="index + 1" | ||
| 87 | + >{{ item }}</el-radio-button | ||
| 88 | + > | ||
| 89 | + </template> | ||
| 90 | + </el-radio-group> | ||
| 91 | + <div v-show="tabIndex == 1" v-loading="loading"> | ||
| 92 | + <el-table :data="tableData" border style="width: 100%"> | ||
| 93 | + <el-table-column | ||
| 94 | + prop="title" | ||
| 95 | + label="试卷名称" | ||
| 96 | + fixed | ||
| 97 | + align="center" | ||
| 98 | + ></el-table-column> | ||
| 99 | + <el-table-column | ||
| 100 | + prop="examPaperScore" | ||
| 101 | + label="卷面分" | ||
| 102 | + align="center" | ||
| 103 | + width="100" | ||
| 104 | + ></el-table-column> | ||
| 105 | + <el-table-column prop="answeredNum" label="测验人数" align="center" | ||
| 106 | + ><template slot-scope="scoped">{{ | ||
| 107 | + `${scoped.row.answeredNum}/${scoped.row.classPersonNum}` | ||
| 108 | + }}</template></el-table-column | ||
| 109 | + > | ||
| 110 | + <el-table-column | ||
| 111 | + prop="examStartTime" | ||
| 112 | + label="测验时间" | ||
| 113 | + width="100" | ||
| 114 | + align="center" | ||
| 115 | + ></el-table-column> | ||
| 116 | + <el-table-column prop="avgScore" label="班平均分" align="center" | ||
| 117 | + ><template slot-scope="scoped">{{ | ||
| 118 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 119 | + scoped.row.answerNum == 0) && | ||
| 120 | + scoped.row.recordStatus == 0 | ||
| 121 | + ? "-" | ||
| 122 | + : scoped.row.avgScore | ||
| 123 | + }}</template></el-table-column | ||
| 124 | + > | ||
| 125 | + <el-table-column prop="highestScore" label="班最高分" align="center" | ||
| 126 | + ><template slot-scope="scoped">{{ | ||
| 127 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 128 | + scoped.row.answerNum == 0) && | ||
| 129 | + scoped.row.recordStatus == 0 | ||
| 130 | + ? "-" | ||
| 131 | + : scoped.row.highestScore | ||
| 132 | + }}</template></el-table-column | ||
| 133 | + > | ||
| 134 | + <el-table-column prop="lowestScore" label="班最低分" align="center" | ||
| 135 | + ><template slot-scope="scoped">{{ | ||
| 136 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 137 | + scoped.row.answerNum == 0) && | ||
| 138 | + scoped.row.recordStatus == 0 | ||
| 139 | + ? "-" | ||
| 140 | + : scoped.row.lowestScore | ||
| 141 | + }}</template></el-table-column | ||
| 142 | + > | ||
| 143 | + <el-table-column | ||
| 144 | + prop="excellenRate" | ||
| 145 | + label="优秀数(率)" | ||
| 146 | + sortable | ||
| 147 | + align="center" | ||
| 148 | + width="110" | ||
| 149 | + class-name="p0" | ||
| 150 | + ><template slot-scope="scoped"> | ||
| 151 | + <p | ||
| 152 | + v-if=" | ||
| 153 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 154 | + scoped.row.answerNum == 0) && | ||
| 155 | + scoped.row.arecordStatus == 0 | ||
| 156 | + " | ||
| 157 | + > | ||
| 158 | + "-" | ||
| 159 | + </p> | ||
| 160 | + <template v-else> | ||
| 161 | + <p>{{ scoped.row.excellenNum }}</p> | ||
| 162 | + <p v-if="scoped.row.excellenNum"> | ||
| 163 | + {{ `（${scoped.row.excellenRate}%）` }} | ||
| 164 | + </p> | ||
| 165 | + </template> | ||
| 166 | + </template></el-table-column | ||
| 167 | + > | ||
| 168 | + <el-table-column | ||
| 169 | + prop="goodRate" | ||
| 170 | + label="良好数(率)" | ||
| 171 | + sortable | ||
| 172 | + align="center" | ||
| 173 | + width="110" | ||
| 174 | + class-name="p0" | ||
| 175 | + ><template slot-scope="scoped"> | ||
| 176 | + <p | ||
| 177 | + v-if=" | ||
| 178 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 179 | + scoped.row.answerNum == 0) && | ||
| 180 | + scoped.row.arecordStatus == 0 | ||
| 181 | + " | ||
| 182 | + > | ||
| 183 | + "-" | ||
| 184 | + </p> | ||
| 185 | + <template v-else> | ||
| 186 | + <p>{{ scoped.row.goodNum }}</p> | ||
| 187 | + <p v-if="scoped.row.goodNum"> | ||
| 188 | + {{ `（${scoped.row.goodRate}%）` }} | ||
| 189 | + </p> | ||
| 190 | + </template> | ||
| 191 | + </template></el-table-column | ||
| 192 | + > | ||
| 193 | + <el-table-column | ||
| 194 | + prop="passRate" | ||
| 195 | + label="及格数(率)" | ||
| 196 | + sortable | ||
| 197 | + align="center" | ||
| 198 | + width="110" | ||
| 199 | + class-name="p0" | ||
| 200 | + ><template slot-scope="scoped"> | ||
| 201 | + <p | ||
| 202 | + v-if=" | ||
| 203 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 204 | + scoped.row.answerNum == 0) && | ||
| 205 | + scoped.row.arecordStatus == 0 | ||
| 206 | + " | ||
| 207 | + > | ||
| 208 | + "-" | ||
| 209 | + </p> | ||
| 210 | + <template v-else> | ||
| 211 | + <p>{{ scoped.row.passNum }}</p> | ||
| 212 | + <p v-if="scoped.row.passNum"> | ||
| 213 | + {{ `（${scoped.row.passRate}%）` }} | ||
| 214 | + </p> | ||
| 215 | + </template> | ||
| 216 | + </template></el-table-column | ||
| 217 | + > | ||
| 218 | + <el-table-column | ||
| 219 | + prop="failedRate" | ||
| 220 | + label="不及格数(率)" | ||
| 221 | + sortable | ||
| 222 | + align="center" | ||
| 223 | + width="130" | ||
| 224 | + class-name="p0" | ||
| 225 | + ><template slot-scope="scoped"> | ||
| 226 | + <p | ||
| 227 | + v-if=" | ||
| 228 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 229 | + scoped.row.answerNum == 0) && | ||
| 230 | + scoped.row.arecordStatus == 0 | ||
| 231 | + " | ||
| 232 | + > | ||
| 233 | + "-" | ||
| 234 | + </p> | ||
| 235 | + <template v-else> | ||
| 236 | + <p>{{ scoped.row.failedNum }}</p> | ||
| 237 | + <p v-if="scoped.row.failedNum"> | ||
| 238 | + {{ `（${scoped.row.failedRate}%）` }} | ||
| 239 | + </p> | ||
| 240 | + </template> | ||
| 241 | + </template></el-table-column | ||
| 242 | + > | ||
| 243 | + <el-table-column label="操作" align="center"> | ||
| 244 | + <template slot-scope="scoped"> | ||
| 245 | + <el-tooltip effect="dark" content="详情" placement="top"> | ||
| 246 | + <el-button | ||
| 247 | + type="primary" | ||
| 248 | + circle | ||
| 249 | + size="mini" | ||
| 250 | + icon="fa fa-arrow-right" | ||
| 251 | + @click="linkTo(scoped.row)" | ||
| 252 | + ></el-button> | ||
| 253 | + </el-tooltip> | ||
| 254 | + </template> | ||
| 255 | + </el-table-column> | ||
| 256 | + </el-table> | ||
| 257 | + <div class="pagination-box"> | ||
| 258 | + <el-pagination | ||
| 259 | + small="" | ||
| 260 | + layout="total,prev, pager, next" | ||
| 261 | + :hide-on-single-page="true" | ||
| 262 | + :total="total" | ||
| 263 | + @current-change="changePage" | ||
| 264 | + :current-page="page" | ||
| 265 | + :page-size="size" | ||
| 266 | + > | ||
| 267 | + </el-pagination> | ||
| 268 | + </div> | ||
| 269 | + </div> | ||
| 270 | + <div v-show="tabIndex == 2" v-loading="loading"> | ||
| 271 | + <el-empty | ||
| 272 | + :image-size="100" | ||
| 273 | + v-if="!tableData.length && loading == false" | ||
| 274 | + description="没有更多数据" | ||
| 275 | + ></el-empty> | ||
| 276 | + <template v-if="tableData.length && loading == false"> | ||
| 277 | + <el-table | ||
| 278 | + id="print-content" | ||
| 279 | + :data="tableData" | ||
| 280 | + :max-height="tableMaxHeight" | ||
| 281 | + border | ||
| 282 | + style="width: 100%" | ||
| 283 | + > | ||
| 284 | + <el-table-column | ||
| 285 | + prop="studentCode" | ||
| 286 | + label="学号" | ||
| 287 | + align="center" | ||
| 288 | + fixed | ||
| 289 | + ></el-table-column> | ||
| 290 | + <el-table-column | ||
| 291 | + prop="studentName" | ||
| 292 | + label="姓名" | ||
| 293 | + fixed | ||
| 294 | + align="center" | ||
| 295 | + ></el-table-column> | ||
| 296 | + <el-table-column | ||
| 297 | + align="center" | ||
| 298 | + v-for="(item, index) in answerList" | ||
| 299 | + :key="index" | ||
| 300 | + :label="item" | ||
| 301 | + > | ||
| 302 | + <el-table-column | ||
| 303 | + :prop="'examCount' + item" | ||
| 304 | + label="测练数" | ||
| 305 | + align="center" | ||
| 306 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 307 | + ></el-table-column> | ||
| 308 | + <el-table-column | ||
| 309 | + :prop="'participationCount' + item" | ||
| 310 | + label="参与数" | ||
| 311 | + align="center" | ||
| 312 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 313 | + ></el-table-column> | ||
| 314 | + <el-table-column | ||
| 315 | + :prop="'score' + item" | ||
| 316 | + label="总分" | ||
| 317 | + align="center" | ||
| 318 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 319 | + ></el-table-column> | ||
| 320 | + <el-table-column | ||
| 321 | + :prop="'classRank' + item" | ||
| 322 | + label="班名" | ||
| 323 | + align="center" | ||
| 324 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 325 | + ></el-table-column> | ||
| 326 | + </el-table-column> | ||
| 327 | + </el-table> | ||
| 328 | + </template> | ||
| 329 | + </div> | ||
| 330 | + <p class="down" v-if="tabIndex == 2 && tableData.length"> | ||
| 331 | + <el-button | ||
| 332 | + type="primary" | ||
| 333 | + plain | ||
| 334 | + round | ||
| 335 | + icon="fa fa-cloud-download" | ||
| 336 | + @click="downExl" | ||
| 337 | + >导出报表</el-button | ||
| 338 | + > | ||
| 339 | + <el-button | ||
| 340 | + @click="print" | ||
| 341 | + type="primary" | ||
| 342 | + plain | ||
| 343 | + round | ||
| 344 | + icon="el-icon-printer" | ||
| 345 | + >打印</el-button | ||
| 346 | + > | ||
| 347 | + </p> | ||
| 348 | + </div> | ||
| 349 | + </div> | ||
| 350 | +</template> | ||
| 351 | + | ||
| 352 | +<script> | ||
| 353 | +import { formatDate, downloadFile, tablePrint } from "utils"; | ||
| 354 | +import BusEvent from "@/utils/busEvent"; | ||
| 355 | +export default { | ||
| 356 | + data() { | ||
| 357 | + return { | ||
| 358 | + exportLoading: false, | ||
| 359 | + tableMaxHeight: 300, | ||
| 360 | + loading: false, | ||
| 361 | + date: "", //今天-昨天-本周 | ||
| 362 | + query: { | ||
| 363 | + //搜索条件 | ||
| 364 | + classId: "", | ||
| 365 | + subjectNames: [], | ||
| 366 | + startDay: "", | ||
| 367 | + endDay: "", | ||
| 368 | + day: "", | ||
| 369 | + }, | ||
| 370 | + tabList: ["单卷测练报表", "阶段测练报表"], | ||
| 371 | + classList: [], //班级 | ||
| 372 | + subjectList: [], //科目 | ||
| 373 | + tabIndex: 1, //选项卡 | ||
| 374 | + tableData: [], | ||
| 375 | + answerList: [], //设置多卷内容供tableStage表格数据用 | ||
| 376 | + page: 1, | ||
| 377 | + size: 20, | ||
| 378 | + total: 0, | ||
| 379 | + }; | ||
| 380 | + }, | ||
| 381 | + async created() { | ||
| 382 | + await this._QueryClassList(); | ||
| 383 | + if (!this.query.classId) { | ||
| 384 | + return; | ||
| 385 | + } | ||
| 386 | + await this._QuerySubjectList(); | ||
| 387 | + await this.setDate(1); | ||
| 388 | + let startDay = this.query?.startDay; | ||
| 389 | + if (!startDay) { | ||
| 390 | + this.query.startDay = new Date(); | ||
| 391 | + this.query.endDay = new Date(); | ||
| 392 | + } | ||
| 393 | + }, | ||
| 394 | + activated() { | ||
| 395 | + const that = this; | ||
| 396 | + BusEvent.$on("keepAlive", async function () { | ||
| 397 | + await that._QueryClassList(); | ||
| 398 | + if (!that.query.classId) { | ||
| 399 | + return; | ||
| 400 | + } | ||
| 401 | + await that._QuerySubjectList(); | ||
| 402 | + await that.setDate(1); | ||
| 403 | + let startDay = that.query?.startDay; | ||
| 404 | + if (!startDay) { | ||
| 405 | + that.query.startDay = new Date(); | ||
| 406 | + that.query.endDay = new Date(); | ||
| 407 | + } | ||
| 408 | + }); | ||
| 409 | + }, | ||
| 410 | + methods: { | ||
| 411 | + print() { | ||
| 412 | + tablePrint("print-content", "即时测-" + this.tabList[this.tabIndex - 1]); | ||
| 413 | + }, | ||
| 414 | + changeSub(val) { | ||
| 415 | + let sub; | ||
| 416 | + if (val && val.length) { | ||
| 417 | + let leng = val.length - 1; | ||
| 418 | + sub = val[leng]; | ||
| 419 | + } | ||
| 420 | + console.log(val); | ||
| 421 | + this.query.subjectNames = val.filter((item) => { | ||
| 422 | + return sub != "全部" ? item != "全部" : item == "全部"; | ||
| 423 | + }); | ||
| 424 | + }, | ||
| 425 | + linkTo(obj) { | ||
| 426 | + //去详情 | ||
| 427 | + this.$router.push({ | ||
| 428 | + path: "/testAnalysis", | ||
| 429 | + query: { | ||
| 430 | + id: obj.id, | ||
| 431 | + title: obj.title, | ||
| 432 | + score: obj.examPaperScore, | ||
| 433 | + status: 1, | ||
| 434 | + }, | ||
| 435 | + }); | ||
| 436 | + }, | ||
| 437 | + setDate(index) { | ||
| 438 | + const that = this; | ||
| 439 | + this.date = index == this.date ? "" : index; | ||
| 440 | + let aYear = new Date().getFullYear(); | ||
| 441 | + let aMonth = new Date().getMonth() + 1; | ||
| 442 | + that.query.day = ""; | ||
| 443 | + that.query.startDay = ""; | ||
| 444 | + that.query.endDay = ""; | ||
| 445 | + switch (index) { | ||
| 446 | + case 1: | ||
| 447 | + that.query.day = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 448 | + that.query.startDay = that.query.day; | ||
| 449 | + that.query.endDay = that.query.day; | ||
| 450 | + that.tabIndex = 1; | ||
| 451 | + break; | ||
| 452 | + case 2: | ||
| 453 | + let day = new Date().getDay(); | ||
| 454 | + if (day == 0) { | ||
| 455 | + //中国式星期天是一周的最后一天 | ||
| 456 | + day = 7; | ||
| 457 | + } | ||
| 458 | + day--; | ||
| 459 | + let aTime = new Date().getTime() - 24 * 60 * 60 * 1000 * day; | ||
| 460 | + that.query.startDay = formatDate(new Date(aTime), "yyyy-MM-dd"); | ||
| 461 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 462 | + break; | ||
| 463 | + case 3: | ||
| 464 | + aMonth = aMonth < 10 ? "0" + aMonth : aMonth; | ||
| 465 | + that.query.startDay = `${aYear}-${aMonth}-01`; | ||
| 466 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 467 | + break; | ||
| 468 | + case 4: | ||
| 469 | + if (aMonth > 0 && aMonth < 4) { | ||
| 470 | + aMonth = "1"; | ||
| 471 | + } else if (aMonth > 3 && aMonth < 7) { | ||
| 472 | + aMonth = "4"; | ||
| 473 | + } else if (aMonth > 6 && aMonth < 10) { | ||
| 474 | + aMonth = "7"; | ||
| 475 | + } else { | ||
| 476 | + aMonth = "10"; | ||
| 477 | + } | ||
| 478 | + | ||
| 479 | + aMonth = aMonth < 10 ? "0" + aMonth : aMonth; | ||
| 480 | + that.query.startDay = `${aYear}-${aMonth}-01`; | ||
| 481 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 482 | + break; | ||
| 483 | + } | ||
| 484 | + this.page = 1; | ||
| 485 | + this._QueryData(); | ||
| 486 | + }, | ||
| 487 | + handleChangeTimeStart(val) { | ||
| 488 | + this.query.day = ""; | ||
| 489 | + this.date = ""; | ||
| 490 | + if (this.query.endDay) { | ||
| 491 | + if (new Date(val).getTime() > new Date(this.query.endDay).getTime()) { | ||
| 492 | + this.$message.error("任务结束时间不能任务开始时间前面，请重新设置"); | ||
| 493 | + this.query.startDay = ""; | ||
| 494 | + } | ||
| 495 | + } | ||
| 496 | + }, | ||
| 497 | + handleChangeTimeEnd(val) { | ||
| 498 | + this.query.day = ""; | ||
| 499 | + this.date = ""; | ||
| 500 | + if (this.query.startDay) { | ||
| 501 | + if (new Date(val).getTime() < new Date(this.query.startDay).getTime()) { | ||
| 502 | + this.$message.error("任务结束时间不能任务开始时间前面，请重新设置"); | ||
| 503 | + this.query.endDay = ""; | ||
| 504 | + } | ||
| 505 | + } | ||
| 506 | + }, | ||
| 507 | + changePage(page) { | ||
| 508 | + this.page = page; | ||
| 509 | + this._QueryData(); | ||
| 510 | + }, | ||
| 511 | + changeTab() { | ||
| 512 | + this.tableMaxHeight = this.$refs.main.offsetHeight; | ||
| 513 | + this.page = 1; | ||
| 514 | + this._QueryData(); | ||
| 515 | + }, | ||
| 516 | + | ||
| 517 | + async changeclass() { | ||
| 518 | + await this._QuerySubjectList(); | ||
| 519 | + this.page = 1; | ||
| 520 | + this._QueryData(); | ||
| 521 | + }, | ||
| 522 | + | ||
| 523 | + async changClazz() { | ||
| 524 | + this.page = 1; | ||
| 525 | + await this._QuerySubjectList(); | ||
| 526 | + await this._QueryData(); | ||
| 527 | + }, | ||
| 528 | + async _QueryClassList() { | ||
| 529 | + const { data, status, info } = await this.$request.pClassList({ | ||
| 530 | + status: 1, | ||
| 531 | + }); | ||
| 532 | + if (status === 0) { | ||
| 533 | + this.classList = data.list.map((item) => { | ||
| 534 | + return { | ||
| 535 | + value: item.id, | ||
| 536 | + label: item.className, | ||
| 537 | + }; | ||
| 538 | + }); | ||
| 539 | + this.query.classId = this.classList[0]?.value; | ||
| 540 | + } else { | ||
| 541 | + this.$message.error(info); | ||
| 542 | + } | ||
| 543 | + }, | ||
| 544 | + async _QuerySubjectList() { | ||
| 545 | + if (!this.query.classId) return; | ||
| 546 | + const { data, status, info } = await this.$request.pSubjectList({ | ||
| 547 | + classId: this.query.classId, | ||
| 548 | + status: 1, | ||
| 549 | + }); | ||
| 550 | + if (status === 0) { | ||
| 551 | + this.query.subjectNames = []; | ||
| 552 | + this.subjectList = | ||
| 553 | + data.subjectNames?.map((item) => { | ||
| 554 | + return { | ||
| 555 | + value: item, | ||
| 556 | + label: item, | ||
| 557 | + }; | ||
| 558 | + }) || []; | ||
| 559 | + this.subjectList.unshift({ | ||
| 560 | + value: "全部", | ||
| 561 | + label: "全部", | ||
| 562 | + }); | ||
| 563 | + this.query.subjectNames.push(this.subjectList[0]?.value); | ||
| 564 | + } else { | ||
| 565 | + this.$message.error(info); | ||
| 566 | + } | ||
| 567 | + }, | ||
| 568 | + async _QueryData() { | ||
| 569 | + if (!this.query.classId) return; | ||
| 570 | + this.tableData = []; | ||
| 571 | + if (this.tabIndex == 1) { | ||
| 572 | + this.examReportList(); | ||
| 573 | + } else { | ||
| 574 | + this.phaseExamReport(); | ||
| 575 | + } | ||
| 576 | + }, | ||
| 577 | + //单卷测练 | ||
| 578 | + async examReportList() { | ||
| 579 | + this.loading = true; | ||
| 580 | + let query = {}; | ||
| 581 | + for (let key in this.query) { | ||
| 582 | + if (this.query[key] != "") { | ||
| 583 | + query[key] = this.query[key]; | ||
| 584 | + } | ||
| 585 | + } | ||
| 586 | + | ||
| 587 | + if ( | ||
| 588 | + query["subjectNames"] && | ||
| 589 | + query["subjectNames"].length == 1 && | ||
| 590 | + query["subjectNames"][0] == "全部" | ||
| 591 | + ) { | ||
| 592 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 593 | + return item.value; | ||
| 594 | + }); | ||
| 595 | + query["subjectNames"].shift(); | ||
| 596 | + } | ||
| 597 | + if (!query["subjectNames"]) { | ||
| 598 | + this.$message.warning("请选择科目"); | ||
| 599 | + return; | ||
| 600 | + } | ||
| 601 | + const { data, status, info } = await this.$request.pExamReportList({ | ||
| 602 | + ...query, | ||
| 603 | + page: this.page, | ||
| 604 | + size: this.size, | ||
| 605 | + }); | ||
| 606 | + this.loading = false; | ||
| 607 | + if (status === 0) { | ||
| 608 | + this.tableData = (data?.list && [...data?.list]) || []; | ||
| 609 | + this.total = data?.count || 0; | ||
| 610 | + } else { | ||
| 611 | + this.$message.error(info); | ||
| 612 | + } | ||
| 613 | + }, | ||
| 614 | + //多卷测练 | ||
| 615 | + async phaseExamReport() { | ||
| 616 | + this.loading = true; | ||
| 617 | + let query = {}; | ||
| 618 | + for (let key in this.query) { | ||
| 619 | + if (this.query[key] != "") { | ||
| 620 | + query[key] = this.query[key]; | ||
| 621 | + } | ||
| 622 | + } | ||
| 623 | + | ||
| 624 | + if ( | ||
| 625 | + query["subjectNames"] && | ||
| 626 | + query["subjectNames"]?.length == 1 && | ||
| 627 | + query["subjectNames"][0] == "全部" | ||
| 628 | + ) { | ||
| 629 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 630 | + return item.value; | ||
| 631 | + }); | ||
| 632 | + query["subjectNames"]?.shift(); | ||
| 633 | + } | ||
| 634 | + // 测试 | ||
| 635 | + query["subjectName"] = "政治"; | ||
| 636 | + delete query["subjectNames"]; | ||
| 637 | + // end | ||
| 638 | + const { data, status, info } = await this.$request.pPhaseExamReport({ | ||
| 639 | + ...query, | ||
| 640 | + }); | ||
| 641 | + this.loading = false; | ||
| 642 | + if (status === 0) { | ||
| 643 | + this.total = data.count; | ||
| 644 | + let subjectName = []; | ||
| 645 | + this.tableData = data?.list.map((item) => { | ||
| 646 | + let params = {}; | ||
| 647 | + item.dataList?.map((items, index) => { | ||
| 648 | + if (!subjectName.includes(items.subjectName)) { | ||
| 649 | + subjectName.push(items.subjectName); | ||
| 650 | + } | ||
| 651 | + params["examCount" + items.subjectName] = items.examCount; | ||
| 652 | + params["participationCount" + items.subjectName] = | ||
| 653 | + items.participationCount; | ||
| 654 | + params["score" + items.subjectName] = items.score; | ||
| 655 | + params["classRank" + items.subjectName] = items.classRank; | ||
| 656 | + }); | ||
| 657 | + return { | ||
| 658 | + ...item, | ||
| 659 | + ...params, | ||
| 660 | + }; | ||
| 661 | + }); | ||
| 662 | + this.answerList = [...subjectName]; | ||
| 663 | + } else { | ||
| 664 | + this.$message.error(info); | ||
| 665 | + } | ||
| 666 | + }, | ||
| 667 | + async downExl() { | ||
| 668 | + if (this.exportLoading == true) return; | ||
| 669 | + let query = {}; | ||
| 670 | + for (let key in this.query) { | ||
| 671 | + if (this.query[key] != "") { | ||
| 672 | + query[key] = this.query[key]; | ||
| 673 | + } | ||
| 674 | + } | ||
| 675 | + if ( | ||
| 676 | + query["subjectNames"] && | ||
| 677 | + query["subjectNames"].length == 1 && | ||
| 678 | + query["subjectNames"][0] == "全部" | ||
| 679 | + ) { | ||
| 680 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 681 | + return item.value; | ||
| 682 | + }); | ||
| 683 | + query["subjectNames"].shift(); | ||
| 684 | + } | ||
| 685 | + if (!query["subjectNames"]) { | ||
| 686 | + this.$message.warning("请选择科目"); | ||
| 687 | + return; | ||
| 688 | + } | ||
| 689 | + const data = await this.$request.pExportPhaseExamReport({ ...query }); | ||
| 690 | + this.exportLoading = false; | ||
| 691 | + if (data && !data.code) { | ||
| 692 | + let blob = new Blob([data], { | ||
| 693 | + type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", | ||
| 694 | + }); | ||
| 695 | + downloadFile("即时测-已归档阶段测练报表.xlsx", blob); | ||
| 696 | + } else { | ||
| 697 | + this.$message.error(data.info); | ||
| 698 | + } | ||
| 699 | + }, | ||
| 700 | + }, | ||
| 701 | +}; | ||
| 702 | +</script> | ||
| 703 | + | ||
| 704 | +<style> | ||
| 705 | +div::-webkit-scrollbar { | ||
| 706 | + width: 3px; | ||
| 707 | + height: 10px; | ||
| 708 | +} | ||
| 709 | +div::-webkit-scrollbar-thumb { | ||
| 710 | + border-radius: 10px; | ||
| 711 | + background-color: #ccc; | ||
| 712 | +} | ||
| 713 | +</style> | ||
| 714 | +<style lang="scss" scoped> | ||
| 715 | +.page-container { | ||
| 716 | + position: relative; | ||
| 717 | + height: 100%; | ||
| 718 | + &.active { | ||
| 719 | + overflow: hidden; | ||
| 720 | + } | ||
| 721 | +} | ||
| 722 | +.table-box { | ||
| 723 | + margin: 0 20px; | ||
| 724 | + padding: 16px; | ||
| 725 | + background: #f8f8f8; | ||
| 726 | + border-radius: 5px; | ||
| 727 | + :deep(.fa-arrow-right) { | ||
| 728 | + padding-left: 2px; | ||
| 729 | + } | ||
| 730 | + :deep(.fa-file-text) { | ||
| 731 | + padding-left: 2px; | ||
| 732 | + } | ||
| 733 | +} | ||
| 734 | +.click-b { | ||
| 735 | + cursor: pointer; | ||
| 736 | + color: #409eff; | ||
| 737 | + text-decoration: underline; | ||
| 738 | +} | ||
| 739 | +.down { | ||
| 740 | + padding-top: 16px; | ||
| 741 | +} | ||
| 742 | +</style> | ||
| 0 | \ No newline at end of file | 743 | \ No newline at end of file |
src/views/personal/test/index.vue
| @@ -79,12 +79,14 @@ | @@ -79,12 +79,14 @@ | ||
| 79 | @change="changeTab" | 79 | @change="changeTab" |
| 80 | style="margin-bottom: 20px" | 80 | style="margin-bottom: 20px" |
| 81 | > | 81 | > |
| 82 | - <el-radio-button :label="1">单卷测练报表</el-radio-button> | ||
| 83 | - <el-radio-button | ||
| 84 | - :label="2" | ||
| 85 | - v-show="this.query.startDay != this.query.endDay" | ||
| 86 | - >阶段测练报表</el-radio-button | ||
| 87 | - > | 82 | + <template v-for="(item, index) in tabList"> |
| 83 | + <el-radio-button | ||
| 84 | + v-if="index == 0 || query.startDay != query.endDay" | ||
| 85 | + :key="index" | ||
| 86 | + :label="index + 1" | ||
| 87 | + >{{ item }}</el-radio-button | ||
| 88 | + > | ||
| 89 | + </template> | ||
| 88 | </el-radio-group> | 90 | </el-radio-group> |
| 89 | <div v-show="tabIndex == 1" v-loading="loading"> | 91 | <div v-show="tabIndex == 1" v-loading="loading"> |
| 90 | <el-table :data="tableData" border style="width: 100%"> | 92 | <el-table :data="tableData" border style="width: 100%"> |
| @@ -438,6 +440,7 @@ export default { | @@ -438,6 +440,7 @@ export default { | ||
| 438 | endDay: "", | 440 | endDay: "", |
| 439 | day: "", | 441 | day: "", |
| 440 | }, | 442 | }, |
| 443 | + tabList: ["单卷测练报表", "阶段测练报表"], | ||
| 441 | classList: [], //班级 | 444 | classList: [], //班级 |
| 442 | subjectList: [], //科目 | 445 | subjectList: [], //科目 |
| 443 | tabIndex: 1, //选项卡 | 446 | tabIndex: 1, //选项卡 |
| @@ -450,6 +453,9 @@ export default { | @@ -450,6 +453,9 @@ export default { | ||
| 450 | }, | 453 | }, |
| 451 | async created() { | 454 | async created() { |
| 452 | await this._QueryClassList(); | 455 | await this._QueryClassList(); |
| 456 | + if (!this.query.classId) { | ||
| 457 | + return; | ||
| 458 | + } | ||
| 453 | await this._QuerySubjectList(); | 459 | await this._QuerySubjectList(); |
| 454 | await this.setDate(1); | 460 | await this.setDate(1); |
| 455 | let startDay = this.query?.startDay; | 461 | let startDay = this.query?.startDay; |
| @@ -461,19 +467,22 @@ export default { | @@ -461,19 +467,22 @@ export default { | ||
| 461 | activated() { | 467 | activated() { |
| 462 | const that = this; | 468 | const that = this; |
| 463 | BusEvent.$on("keepAlive", async function () { | 469 | BusEvent.$on("keepAlive", async function () { |
| 464 | - await that._QueryClassList(); | ||
| 465 | - await that._QuerySubjectList(); | ||
| 466 | - await that.setDate(1); | ||
| 467 | - let startDay = that.query?.startDay; | ||
| 468 | - if (!startDay) { | ||
| 469 | - that.query.startDay = new Date(); | ||
| 470 | - that.query.endDay = new Date(); | ||
| 471 | - } | 470 | + await that._QueryClassList(); |
| 471 | + if (!that.query.classId) { | ||
| 472 | + return; | ||
| 473 | + } | ||
| 474 | + await that._QuerySubjectList(); | ||
| 475 | + await that.setDate(1); | ||
| 476 | + let startDay = that.query?.startDay; | ||
| 477 | + if (!startDay) { | ||
| 478 | + that.query.startDay = new Date(); | ||
| 479 | + that.query.endDay = new Date(); | ||
| 480 | + } | ||
| 472 | }); | 481 | }); |
| 473 | }, | 482 | }, |
| 474 | methods: { | 483 | methods: { |
| 475 | print() { | 484 | print() { |
| 476 | - tablePrint("print-content"); | 485 | + tablePrint("print-content", "即时测-" + this.tabList[this.tabIndex - 1]); |
| 477 | }, | 486 | }, |
| 478 | changeSub(val) { | 487 | changeSub(val) { |
| 479 | let sub; | 488 | let sub; |
| @@ -622,9 +631,9 @@ export default { | @@ -622,9 +631,9 @@ export default { | ||
| 622 | this.page = 1; | 631 | this.page = 1; |
| 623 | this._QueryData(); | 632 | this._QueryData(); |
| 624 | }, | 633 | }, |
| 625 | - upSuccess(res) { | ||
| 626 | - //导入成功 | ||
| 627 | - this.$message.success("导入成功") | 634 | + upSuccess(res) { |
| 635 | + //导入成功 | ||
| 636 | + this.$message.success("导入成功"); | ||
| 628 | this.diaUp = false; | 637 | this.diaUp = false; |
| 629 | this._QueryData(); | 638 | this._QueryData(); |
| 630 | }, | 639 | }, |
src/views/standard/ask/analysis.vue
| @@ -9,27 +9,11 @@ | @@ -9,27 +9,11 @@ | ||
| 9 | <div class="tab-box"> | 9 | <div class="tab-box"> |
| 10 | <span | 10 | <span |
| 11 | class="tab-item" | 11 | class="tab-item" |
| 12 | - :class="type == 1 ? 'active' : ''" | ||
| 13 | - @click="setType(1)" | ||
| 14 | - >答题表现</span | ||
| 15 | - > | ||
| 16 | - <span | ||
| 17 | - class="tab-item" | ||
| 18 | - :class="type == 2 ? 'active' : ''" | ||
| 19 | - @click="setType(2)" | ||
| 20 | - >学生问答表现</span | ||
| 21 | - > | ||
| 22 | - <span | ||
| 23 | - class="tab-item" | ||
| 24 | - :class="type == 3 ? 'active' : ''" | ||
| 25 | - @click="setType(3)" | ||
| 26 | - >学生互动表现</span | ||
| 27 | - > | ||
| 28 | - <span | ||
| 29 | - class="tab-item" | ||
| 30 | - :class="type == 4 ? 'active' : ''" | ||
| 31 | - @click="setType(4)" | ||
| 32 | - >签到明细</span | 12 | + v-for="(item, index) in tabList" |
| 13 | + :key="index" | ||
| 14 | + :class="type == index + 1 ? 'active' : ''" | ||
| 15 | + @click="setType(index + 1)" | ||
| 16 | + >{{ item }}</span | ||
| 33 | > | 17 | > |
| 34 | </div> | 18 | </div> |
| 35 | <div v-loading="loading"> | 19 | <div v-loading="loading"> |
| @@ -353,22 +337,28 @@ export default { | @@ -353,22 +337,28 @@ export default { | ||
| 353 | id: "", | 337 | id: "", |
| 354 | questionList: [], | 338 | questionList: [], |
| 355 | }, | 339 | }, |
| 340 | + tabList: ["答题表现", "学生问答表现", "学生互动表现", "签到明细"], | ||
| 356 | detail: {}, | 341 | detail: {}, |
| 357 | tableData: [], | 342 | tableData: [], |
| 358 | optionsList: [], | 343 | optionsList: [], |
| 359 | page: 1, | 344 | page: 1, |
| 360 | size: 20, | 345 | size: 20, |
| 361 | total: 0, | 346 | total: 0, |
| 347 | + status: 0, | ||
| 362 | }; | 348 | }; |
| 363 | }, | 349 | }, |
| 364 | created() { | 350 | created() { |
| 365 | this.id = this.$route.query.id; | 351 | this.id = this.$route.query.id; |
| 352 | + this.status = this.$route.query.status ? this.$route.query.status : 0; | ||
| 366 | this._QueryData(); | 353 | this._QueryData(); |
| 367 | this.periodDetail(); | 354 | this.periodDetail(); |
| 368 | }, | 355 | }, |
| 369 | methods: { | 356 | methods: { |
| 370 | print() { | 357 | print() { |
| 371 | - tablePrint("print-content"); | 358 | + tablePrint( |
| 359 | + "print-content", | ||
| 360 | + this.detail.title + "_" + this.tabList[this.type - 1] | ||
| 361 | + ); | ||
| 372 | }, | 362 | }, |
| 373 | setType(type) { | 363 | setType(type) { |
| 374 | this.type = type; | 364 | this.type = type; |
| @@ -522,7 +512,7 @@ export default { | @@ -522,7 +512,7 @@ export default { | ||
| 522 | let blob = new Blob([data], { | 512 | let blob = new Blob([data], { |
| 523 | type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", | 513 | type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", |
| 524 | }); | 514 | }); |
| 525 | - downloadFile("随堂问-单课时报表.xlsx", blob); | 515 | + downloadFile(this.status?"随堂问-已归档单课时报表.xlsx":"随堂问-单课时报表.xlsx", blob); |
| 526 | } else { | 516 | } else { |
| 527 | this.$message.error("下载失败"); | 517 | this.$message.error("下载失败"); |
| 528 | } | 518 | } |
src/views/standard/ask/archiving.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div class="main" ref="main"> | ||
| 3 | + <back-box> | ||
| 4 | + <template slot="title"> | ||
| 5 | + <span>问答-已归档数据报表</span> | ||
| 6 | + </template> | ||
| 7 | + </back-box> | ||
| 8 | + <div class="answer-header"> | ||
| 9 | + <div class="sel-box"> | ||
| 10 | + <el-select | ||
| 11 | + class="sel" | ||
| 12 | + v-model="query.classId" | ||
| 13 | + placeholder="选择班级" | ||
| 14 | + @change="changeclass" | ||
| 15 | + > | ||
| 16 | + <el-option | ||
| 17 | + v-for="item in classList" | ||
| 18 | + :key="item.value" | ||
| 19 | + :label="item.label" | ||
| 20 | + :value="item.value" | ||
| 21 | + > | ||
| 22 | + </el-option> | ||
| 23 | + </el-select> | ||
| 24 | + <el-select | ||
| 25 | + v-if="role == 'ROLE_BANZHUREN' || role == 'ROLE_PERSONAL'" | ||
| 26 | + class="sel" | ||
| 27 | + multiple | ||
| 28 | + v-model="query.subjectNames" | ||
| 29 | + placeholder="选择科目" | ||
| 30 | + @change="changeSub" | ||
| 31 | + > | ||
| 32 | + <el-option | ||
| 33 | + v-for="item in subjectList" | ||
| 34 | + :key="item.value" | ||
| 35 | + :label="item.label" | ||
| 36 | + :value="item.value" | ||
| 37 | + > | ||
| 38 | + </el-option> | ||
| 39 | + </el-select> | ||
| 40 | + <el-select | ||
| 41 | + v-else | ||
| 42 | + class="sel" | ||
| 43 | + v-model="query.subjectNames" | ||
| 44 | + placeholder="选择科目" | ||
| 45 | + > | ||
| 46 | + <el-option | ||
| 47 | + v-for="item in subjectList" | ||
| 48 | + :key="item.value" | ||
| 49 | + :label="item.label" | ||
| 50 | + :value="item.value" | ||
| 51 | + > | ||
| 52 | + </el-option> | ||
| 53 | + </el-select> | ||
| 54 | + <div class="d1"> | ||
| 55 | + <el-date-picker | ||
| 56 | + v-model="query.startDay" | ||
| 57 | + type="date" | ||
| 58 | + @change="handleChangeTimeStart" | ||
| 59 | + placeholder="选择日期时间" | ||
| 60 | + value-format="yyyy-MM-dd" | ||
| 61 | + > | ||
| 62 | + </el-date-picker> | ||
| 63 | + ~ | ||
| 64 | + <el-date-picker | ||
| 65 | + v-model="query.endDay" | ||
| 66 | + type="date" | ||
| 67 | + placeholder="选择日期时间" | ||
| 68 | + @change="handleChangeTimeEnd" | ||
| 69 | + value-format="yyyy-MM-dd" | ||
| 70 | + > | ||
| 71 | + </el-date-picker> | ||
| 72 | + </div> | ||
| 73 | + <p class="p1"> | ||
| 74 | + <span @click="setDate(1)" :class="[date == 1 ? 'active' : '', 's1']" | ||
| 75 | + >今天</span | ||
| 76 | + > | ||
| 77 | + <span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']" | ||
| 78 | + >本周</span | ||
| 79 | + > | ||
| 80 | + <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']" | ||
| 81 | + >本月</span | ||
| 82 | + > | ||
| 83 | + <span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']" | ||
| 84 | + >本季度</span | ||
| 85 | + > | ||
| 86 | + </p> | ||
| 87 | + <el-button type="primary" round @click="_QueryData()">筛选</el-button> | ||
| 88 | + </div> | ||
| 89 | + </div> | ||
| 90 | + <div class="table-box"> | ||
| 91 | + <el-radio-group | ||
| 92 | + v-model="tabIndex" | ||
| 93 | + @change="tabChange" | ||
| 94 | + style="margin-bottom: 20px" | ||
| 95 | + > | ||
| 96 | + <template v-for="(item, index) in tabList"> | ||
| 97 | + <el-radio-button | ||
| 98 | + v-if="index == 0 || query.startDay != query.endDay" | ||
| 99 | + :key="index" | ||
| 100 | + :label="index + 1" | ||
| 101 | + >{{ item }}</el-radio-button | ||
| 102 | + > | ||
| 103 | + </template> | ||
| 104 | + </el-radio-group> | ||
| 105 | + <div class="table-cont" v-loading="loading"> | ||
| 106 | + <div id="print-content"> | ||
| 107 | + <div v-show="tabIndex == 1"> | ||
| 108 | + <el-table | ||
| 109 | + :data="tableData" | ||
| 110 | + border | ||
| 111 | + style="width: 100%" | ||
| 112 | + @sort-change="sortChange" | ||
| 113 | + > | ||
| 114 | + <el-table-column | ||
| 115 | + prop="title" | ||
| 116 | + label="课时" | ||
| 117 | + align="center" | ||
| 118 | + ></el-table-column> | ||
| 119 | + <el-table-column | ||
| 120 | + prop="questionNum" | ||
| 121 | + label="题目总数" | ||
| 122 | + align="center" | ||
| 123 | + width="100" | ||
| 124 | + ></el-table-column> | ||
| 125 | + <el-table-column | ||
| 126 | + prop="startTime" | ||
| 127 | + label="上课时间" | ||
| 128 | + align="center" | ||
| 129 | + ></el-table-column> | ||
| 130 | + <el-table-column | ||
| 131 | + prop="participationRate" | ||
| 132 | + label="参与度" | ||
| 133 | + sortable="custom" | ||
| 134 | + align="center" | ||
| 135 | + > | ||
| 136 | + <template slot-scope="scoped" | ||
| 137 | + >{{ scoped.row.participationRate }}%</template | ||
| 138 | + ></el-table-column | ||
| 139 | + > | ||
| 140 | + <el-table-column | ||
| 141 | + prop="answerCorrectRate" | ||
| 142 | + label="已答总正确率" | ||
| 143 | + sortable="custom" | ||
| 144 | + align="center" | ||
| 145 | + > | ||
| 146 | + <template slot-scope="scoped" | ||
| 147 | + >{{ scoped.row.answerCorrectRate }}%</template | ||
| 148 | + > | ||
| 149 | + </el-table-column> | ||
| 150 | + <el-table-column | ||
| 151 | + prop="classCorrectRate" | ||
| 152 | + label="班级总正确率" | ||
| 153 | + sortable="custom" | ||
| 154 | + align="center" | ||
| 155 | + ><template slot-scope="scoped" | ||
| 156 | + >{{ scoped.row.classCorrectRate }}%</template | ||
| 157 | + ></el-table-column | ||
| 158 | + > | ||
| 159 | + <el-table-column label="操作" align="center"> | ||
| 160 | + <template slot-scope="scoped"> | ||
| 161 | + <el-tooltip effect="dark" content="详情" placement="top"> | ||
| 162 | + <el-button | ||
| 163 | + type="primary" | ||
| 164 | + circle | ||
| 165 | + size="mini" | ||
| 166 | + icon="fa fa-arrow-right" | ||
| 167 | + @click="linkTo(scoped.row)" | ||
| 168 | + ></el-button> | ||
| 169 | + </el-tooltip> | ||
| 170 | + </template> | ||
| 171 | + </el-table-column> | ||
| 172 | + </el-table> | ||
| 173 | + </div> | ||
| 174 | + <div v-show="tabIndex == 2"> | ||
| 175 | + <el-table | ||
| 176 | + id="print-content2" | ||
| 177 | + v-if="role == 'ROLE_JIAOSHI'" | ||
| 178 | + :max-height="tableMaxHeight" | ||
| 179 | + :data="tableData" | ||
| 180 | + border | ||
| 181 | + style="width: 100%" | ||
| 182 | + > | ||
| 183 | + <el-table-column | ||
| 184 | + prop="studentCode" | ||
| 185 | + label="学号" | ||
| 186 | + fixed | ||
| 187 | + align="center" | ||
| 188 | + ></el-table-column> | ||
| 189 | + <el-table-column | ||
| 190 | + prop="studentName" | ||
| 191 | + label="姓名" | ||
| 192 | + fixed | ||
| 193 | + align="center" | ||
| 194 | + width="100" | ||
| 195 | + ></el-table-column> | ||
| 196 | + <el-table-column | ||
| 197 | + prop="answerTimes" | ||
| 198 | + label="累计答题次数" | ||
| 199 | + sortable | ||
| 200 | + align="center" | ||
| 201 | + ></el-table-column> | ||
| 202 | + <el-table-column | ||
| 203 | + prop="correctAnswerTimes" | ||
| 204 | + label="累计答对次数" | ||
| 205 | + sortable | ||
| 206 | + align="center" | ||
| 207 | + ></el-table-column> | ||
| 208 | + <el-table-column | ||
| 209 | + prop="participationRate" | ||
| 210 | + label="总参与度" | ||
| 211 | + sortable | ||
| 212 | + align="center" | ||
| 213 | + > | ||
| 214 | + <template slot-scope="scoped" | ||
| 215 | + >{{ scoped.row.participationRate }}%</template | ||
| 216 | + ></el-table-column | ||
| 217 | + > | ||
| 218 | + <el-table-column | ||
| 219 | + prop="correctRate" | ||
| 220 | + label="总正确率" | ||
| 221 | + sortable | ||
| 222 | + align="center" | ||
| 223 | + > | ||
| 224 | + <template slot-scope="scoped" | ||
| 225 | + >{{ scoped.row.correctRate }}%</template | ||
| 226 | + ></el-table-column | ||
| 227 | + > | ||
| 228 | + <el-table-column | ||
| 229 | + prop="answerCorrectRate" | ||
| 230 | + label="已答总正确率" | ||
| 231 | + sortable | ||
| 232 | + align="center" | ||
| 233 | + > | ||
| 234 | + <template slot-scope="scoped" | ||
| 235 | + >{{ scoped.row.answerCorrectRate }}%</template | ||
| 236 | + > | ||
| 237 | + </el-table-column> | ||
| 238 | + <el-table-column | ||
| 239 | + prop="classRank" | ||
| 240 | + label="总正确率班排名" | ||
| 241 | + sortable | ||
| 242 | + align="center" | ||
| 243 | + ></el-table-column> | ||
| 244 | + </el-table> | ||
| 245 | + <el-table | ||
| 246 | + id="print-content2" | ||
| 247 | + :max-height="tableMaxHeight" | ||
| 248 | + v-else | ||
| 249 | + :data="tableData" | ||
| 250 | + border | ||
| 251 | + style="width: 100%" | ||
| 252 | + > | ||
| 253 | + <el-table-column | ||
| 254 | + prop="studentCode" | ||
| 255 | + label="学号" | ||
| 256 | + align="center" | ||
| 257 | + fixed | ||
| 258 | + ></el-table-column> | ||
| 259 | + <el-table-column | ||
| 260 | + prop="studentName" | ||
| 261 | + label="姓名" | ||
| 262 | + align="center" | ||
| 263 | + fixed | ||
| 264 | + width="100" | ||
| 265 | + ></el-table-column> | ||
| 266 | + <el-table-column | ||
| 267 | + v-for="(item, index) in phaseOption" | ||
| 268 | + :key="index" | ||
| 269 | + :label="item" | ||
| 270 | + align="center" | ||
| 271 | + > | ||
| 272 | + <el-table-column | ||
| 273 | + align="center" | ||
| 274 | + :label="index == 0 ? '总课时数' : '课时数'" | ||
| 275 | + :prop="'periodCount' + item" | ||
| 276 | + > | ||
| 277 | + </el-table-column> | ||
| 278 | + <el-table-column | ||
| 279 | + align="center" | ||
| 280 | + :label="index == 0 ? '总出题数' : '出题数'" | ||
| 281 | + :prop="'questionNum' + item" | ||
| 282 | + > | ||
| 283 | + </el-table-column> | ||
| 284 | + <el-table-column | ||
| 285 | + align="center" | ||
| 286 | + :label="index == 0 ? '总参与度' : '参与度'" | ||
| 287 | + :prop="'participationRate' + item" | ||
| 288 | + ><template slot-scope="scoped" | ||
| 289 | + >{{ scoped.row["participationRate" + item] }}%</template | ||
| 290 | + > | ||
| 291 | + </el-table-column> | ||
| 292 | + <el-table-column | ||
| 293 | + align="center" | ||
| 294 | + :label="index == 0 ? '总正确率' : '正确率'" | ||
| 295 | + :prop="'correctRate' + item" | ||
| 296 | + ><template slot-scope="scoped" | ||
| 297 | + >{{ scoped.row["correctRate" + item] }}%</template | ||
| 298 | + > | ||
| 299 | + </el-table-column> | ||
| 300 | + </el-table-column> | ||
| 301 | + </el-table> | ||
| 302 | + </div> | ||
| 303 | + <div v-show="tabIndex == 3"> | ||
| 304 | + <el-table | ||
| 305 | + id="print-content3" | ||
| 306 | + v-if="role == 'ROLE_JIAOSHI'" | ||
| 307 | + :max-height="tableMaxHeight" | ||
| 308 | + :data="tableData" | ||
| 309 | + border | ||
| 310 | + style="width: 100%" | ||
| 311 | + > | ||
| 312 | + <el-table-column | ||
| 313 | + prop="studentCode" | ||
| 314 | + label="学号" | ||
| 315 | + fixed | ||
| 316 | + align="center" | ||
| 317 | + ></el-table-column> | ||
| 318 | + <el-table-column | ||
| 319 | + prop="studentName" | ||
| 320 | + label="姓名" | ||
| 321 | + fixed | ||
| 322 | + align="center" | ||
| 323 | + width="100" | ||
| 324 | + ></el-table-column> | ||
| 325 | + <el-table-column | ||
| 326 | + prop="rushAnswerTimes" | ||
| 327 | + label="抢答成功次数" | ||
| 328 | + sortable | ||
| 329 | + align="center" | ||
| 330 | + ></el-table-column> | ||
| 331 | + <el-table-column | ||
| 332 | + prop="rushAnswerCorrectTimes" | ||
| 333 | + label="抢答答对次数" | ||
| 334 | + sortable | ||
| 335 | + align="center" | ||
| 336 | + ></el-table-column> | ||
| 337 | + <el-table-column | ||
| 338 | + prop="checkAnswerTimes" | ||
| 339 | + label="抽答次数" | ||
| 340 | + sortable | ||
| 341 | + align="center" | ||
| 342 | + ></el-table-column> | ||
| 343 | + <el-table-column | ||
| 344 | + prop="checkAnswerCorrectTimes" | ||
| 345 | + label="抽答答对次数" | ||
| 346 | + sortable | ||
| 347 | + align="center" | ||
| 348 | + ></el-table-column> | ||
| 349 | + <el-table-column | ||
| 350 | + prop="interactionsNum" | ||
| 351 | + label="参与得分" | ||
| 352 | + sortable | ||
| 353 | + align="center" | ||
| 354 | + ></el-table-column> | ||
| 355 | + <el-table-column | ||
| 356 | + prop="interactionsCorrectNum" | ||
| 357 | + label="对错得分" | ||
| 358 | + sortable | ||
| 359 | + align="center" | ||
| 360 | + ></el-table-column> | ||
| 361 | + </el-table> | ||
| 362 | + <el-table | ||
| 363 | + id="print-content3" | ||
| 364 | + v-else | ||
| 365 | + :max-height="tableMaxHeight" | ||
| 366 | + :data="tableData" | ||
| 367 | + border | ||
| 368 | + style="width: 100%" | ||
| 369 | + > | ||
| 370 | + <el-table-column | ||
| 371 | + prop="studentCode" | ||
| 372 | + label="学号" | ||
| 373 | + align="center" | ||
| 374 | + ></el-table-column> | ||
| 375 | + <el-table-column | ||
| 376 | + prop="studentName" | ||
| 377 | + label="姓名" | ||
| 378 | + align="center" | ||
| 379 | + width="100" | ||
| 380 | + ></el-table-column> | ||
| 381 | + <el-table-column | ||
| 382 | + v-for="(item, index) in phaseInter" | ||
| 383 | + :key="index" | ||
| 384 | + :label="item" | ||
| 385 | + align="center" | ||
| 386 | + > | ||
| 387 | + <el-table-column | ||
| 388 | + align="center" | ||
| 389 | + v-if="index == 0" | ||
| 390 | + label="参与分" | ||
| 391 | + sortable | ||
| 392 | + :prop="'interactionsNum' + item" | ||
| 393 | + > | ||
| 394 | + </el-table-column> | ||
| 395 | + <el-table-column | ||
| 396 | + v-else | ||
| 397 | + align="center" | ||
| 398 | + label="互动数" | ||
| 399 | + :prop="'interactionsNum' + item" | ||
| 400 | + > | ||
| 401 | + </el-table-column> | ||
| 402 | + <el-table-column | ||
| 403 | + v-if="index == 0" | ||
| 404 | + align="center" | ||
| 405 | + label="对错分" | ||
| 406 | + sortable | ||
| 407 | + :prop="'interactionsCorrectNum' + item" | ||
| 408 | + > | ||
| 409 | + </el-table-column> | ||
| 410 | + <el-table-column | ||
| 411 | + v-else | ||
| 412 | + align="center" | ||
| 413 | + label="参与数" | ||
| 414 | + :prop="'interactionsCorrectNum' + item" | ||
| 415 | + > | ||
| 416 | + </el-table-column> | ||
| 417 | + </el-table-column> | ||
| 418 | + </el-table> | ||
| 419 | + </div> | ||
| 420 | + </div> | ||
| 421 | + <div class="pagination-box" v-show="tabIndex == 1"> | ||
| 422 | + <el-pagination | ||
| 423 | + small="" | ||
| 424 | + layout="total,prev, pager, next" | ||
| 425 | + :hide-on-single-page="true" | ||
| 426 | + :total="total" | ||
| 427 | + @current-change="changePage" | ||
| 428 | + :current-page="page" | ||
| 429 | + :page-size="size" | ||
| 430 | + > | ||
| 431 | + </el-pagination> | ||
| 432 | + </div> | ||
| 433 | + <p | ||
| 434 | + class="down" | ||
| 435 | + v-if="(tabIndex == 3 || tabIndex == 2) && tableData.length" | ||
| 436 | + > | ||
| 437 | + <el-button | ||
| 438 | + @click="exportData" | ||
| 439 | + type="primary" | ||
| 440 | + plain | ||
| 441 | + round | ||
| 442 | + icon="fa fa-cloud-download" | ||
| 443 | + >导出报表</el-button | ||
| 444 | + > | ||
| 445 | + <el-button | ||
| 446 | + v-if="!this.$store.getters.code" | ||
| 447 | + @click="print" | ||
| 448 | + type="primary" | ||
| 449 | + plain | ||
| 450 | + round | ||
| 451 | + icon="el-icon-printer" | ||
| 452 | + >打印</el-button | ||
| 453 | + > | ||
| 454 | + </p> | ||
| 455 | + </div> | ||
| 456 | + </div> | ||
| 457 | + </div> | ||
| 458 | +</template> | ||
| 459 | + | ||
| 460 | +<script> | ||
| 461 | +import { formatDate, downloadFile, tablePrint } from "utils"; | ||
| 462 | +import BusEvent from "@/utils/busEvent"; | ||
| 463 | +export default { | ||
| 464 | + data() { | ||
| 465 | + return { | ||
| 466 | + tableMaxHeight: 300, | ||
| 467 | + code: "", | ||
| 468 | + role: "", | ||
| 469 | + loading: false, | ||
| 470 | + date: "", //今天-昨天-本周 | ||
| 471 | + query: { | ||
| 472 | + //搜索条件 | ||
| 473 | + classId: "", | ||
| 474 | + subjectNames: "", | ||
| 475 | + startDay: "", | ||
| 476 | + endDay: "", | ||
| 477 | + day: "", | ||
| 478 | + }, | ||
| 479 | + tabList: ["单课时报表", "阶段问答报表", "阶段互动报表"], | ||
| 480 | + custom: { | ||
| 481 | + //单课时排序 | ||
| 482 | + orderField: null, | ||
| 483 | + orderType: null, | ||
| 484 | + }, | ||
| 485 | + classList: [], //班级 | ||
| 486 | + subjectList: [], //科目 | ||
| 487 | + tabIndex: 1, //选项卡 | ||
| 488 | + tableData: [], | ||
| 489 | + phaseOption: [], //问答补充数据 | ||
| 490 | + phaseInter: [], //互动补充数据 | ||
| 491 | + page: 1, | ||
| 492 | + size: 20, | ||
| 493 | + total: 0, | ||
| 494 | + }; | ||
| 495 | + }, | ||
| 496 | + async created() { | ||
| 497 | + this.code = localStorage.getItem("csCode") || ""; | ||
| 498 | + this.role = | ||
| 499 | + this.$store.getters.info.showRole || | ||
| 500 | + this.$store.getters.info.permissions[0].role; | ||
| 501 | + this.query.subjectNames = this.role == "ROLE_BANZHUREN" ? [] : ""; | ||
| 502 | + await this._QueryClassList(); | ||
| 503 | + if (!this.query.classId) { | ||
| 504 | + return; | ||
| 505 | + } | ||
| 506 | + await this._QuerySubjectList(); | ||
| 507 | + await this.setDate(1); | ||
| 508 | + let startDay = this.query?.startDay; | ||
| 509 | + if (!startDay) { | ||
| 510 | + this.query.startDay = new Date(); | ||
| 511 | + this.query.endDay = new Date(); | ||
| 512 | + } | ||
| 513 | + }, | ||
| 514 | + activated() { | ||
| 515 | + const that = this; | ||
| 516 | + BusEvent.$on("keepAlive", async function () { | ||
| 517 | + that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : ""; | ||
| 518 | + await that._QueryClassList(); | ||
| 519 | + if (!that.query.classId) { | ||
| 520 | + return; | ||
| 521 | + } | ||
| 522 | + await that._QuerySubjectList(); | ||
| 523 | + await that.setDate(1); | ||
| 524 | + let startDay = that.query?.startDay; | ||
| 525 | + if (!startDay) { | ||
| 526 | + that.query.startDay = new Date(); | ||
| 527 | + that.query.endDay = new Date(); | ||
| 528 | + } | ||
| 529 | + }); | ||
| 530 | + }, | ||
| 531 | + methods: { | ||
| 532 | + print() { | ||
| 533 | + tablePrint( | ||
| 534 | + "print-content", | ||
| 535 | + "随堂问-已归档" + this.tabList[this.tabIndex - 1] | ||
| 536 | + ); | ||
| 537 | + }, | ||
| 538 | + changeSub(val) { | ||
| 539 | + let sub; | ||
| 540 | + if (val && val.length) { | ||
| 541 | + let leng = val.length - 1; | ||
| 542 | + sub = val[leng]; | ||
| 543 | + } | ||
| 544 | + console.log(val); | ||
| 545 | + this.query.subjectNames = val.filter((item) => { | ||
| 546 | + return sub != "全部" ? item != "全部" : item == "全部"; | ||
| 547 | + }); | ||
| 548 | + }, | ||
| 549 | + linkTo(obj) { | ||
| 550 | + //去详情 | ||
| 551 | + this.$router.push({ | ||
| 552 | + path: "/askAnalysis", | ||
| 553 | + query: { | ||
| 554 | + id: obj.id, | ||
| 555 | + status: 1, | ||
| 556 | + }, | ||
| 557 | + }); | ||
| 558 | + }, | ||
| 559 | + setDate(index) { | ||
| 560 | + const that = this; | ||
| 561 | + this.date = index == this.date ? "" : index; | ||
| 562 | + let aYear = new Date().getFullYear(); | ||
| 563 | + let aMonth = new Date().getMonth() + 1; | ||
| 564 | + that.query.day = ""; | ||
| 565 | + that.query.startDay = ""; | ||
| 566 | + that.query.endDay = ""; | ||
| 567 | + switch (index) { | ||
| 568 | + case 1: | ||
| 569 | + that.query.day = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 570 | + that.query.startDay = that.query.day; | ||
| 571 | + that.query.endDay = that.query.day; | ||
| 572 | + that.tabIndex = 1; | ||
| 573 | + break; | ||
| 574 | + case 2: | ||
| 575 | + let day = new Date().getDay(); | ||
| 576 | + if (day == 0) { | ||
| 577 | + //中国式星期天是一周的最后一天 | ||
| 578 | + day = 7; | ||
| 579 | + } | ||
| 580 | + day--; | ||
| 581 | + let aTime = new Date().getTime() - 24 * 60 * 60 * 1000 * day; | ||
| 582 | + that.query.startDay = formatDate(new Date(aTime), "yyyy-MM-dd"); | ||
| 583 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 584 | + break; | ||
| 585 | + case 3: | ||
| 586 | + aMonth = aMonth < 10 ? "0" + aMonth : aMonth; | ||
| 587 | + that.query.startDay = `${aYear}-${aMonth}-01`; | ||
| 588 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 589 | + break; | ||
| 590 | + case 4: | ||
| 591 | + if (aMonth > 0 && aMonth < 4) { | ||
| 592 | + aMonth = "1"; | ||
| 593 | + } else if (aMonth > 3 && aMonth < 7) { | ||
| 594 | + aMonth = "4"; | ||
| 595 | + } else if (aMonth > 6 && aMonth < 10) { | ||
| 596 | + aMonth = "7"; | ||
| 597 | + } else { | ||
| 598 | + aMonth = "10"; | ||
| 599 | + } | ||
| 600 | + | ||
| 601 | + aMonth = aMonth < 10 ? "0" + aMonth : aMonth; | ||
| 602 | + that.query.startDay = `${aYear}-${aMonth}-01`; | ||
| 603 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 604 | + break; | ||
| 605 | + } | ||
| 606 | + this.page = 1; | ||
| 607 | + this._QueryData(); | ||
| 608 | + }, | ||
| 609 | + handleChangeTimeStart(val) { | ||
| 610 | + this.query.day = ""; | ||
| 611 | + this.date = ""; | ||
| 612 | + if (this.query.endDay) { | ||
| 613 | + if (new Date(val).getTime() > new Date(this.query.endDay).getTime()) { | ||
| 614 | + this.$message.error("任务结束时间不能任务开始时间前面，请重新设置"); | ||
| 615 | + this.query.startDay = ""; | ||
| 616 | + } | ||
| 617 | + } | ||
| 618 | + }, | ||
| 619 | + handleChangeTimeEnd(val) { | ||
| 620 | + this.query.day = ""; | ||
| 621 | + this.date = ""; | ||
| 622 | + if (this.query.startDay) { | ||
| 623 | + if (new Date(val).getTime() < new Date(this.query.startDay).getTime()) { | ||
| 624 | + this.$message.error("任务结束时间不能任务开始时间前面，请重新设置"); | ||
| 625 | + this.query.endDay = ""; | ||
| 626 | + } | ||
| 627 | + } | ||
| 628 | + }, | ||
| 629 | + tabChange() { | ||
| 630 | + this.tableMaxHeight = this.$refs.main.offsetHeight; | ||
| 631 | + this.page = 1; | ||
| 632 | + this.tableData = []; | ||
| 633 | + this._QueryData(); | ||
| 634 | + }, | ||
| 635 | + sortChange(obj) { | ||
| 636 | + this.custom.orderField = | ||
| 637 | + obj.prop == "participationRate" | ||
| 638 | + ? 1 | ||
| 639 | + : obj.prop == "answerCorrectRate" | ||
| 640 | + ? 2 | ||
| 641 | + : 3; | ||
| 642 | + this.custom.orderType = obj.order == "ascending" ? 0 : 1; | ||
| 643 | + this.page = 1; | ||
| 644 | + this._QueryData(); | ||
| 645 | + }, | ||
| 646 | + changePage(page) { | ||
| 647 | + this.page = page; | ||
| 648 | + this._QueryData(); | ||
| 649 | + }, | ||
| 650 | + async changeclass() { | ||
| 651 | + await this._QuerySubjectList(); | ||
| 652 | + this.page = 1; | ||
| 653 | + this._QueryData(); | ||
| 654 | + }, | ||
| 655 | + async changClazz() { | ||
| 656 | + await this._QuerySubjectList(); | ||
| 657 | + // await this.setDate(1); | ||
| 658 | + this._QueryData(); | ||
| 659 | + }, | ||
| 660 | + async _QueryClassList() { | ||
| 661 | + const fetchClassList = | ||
| 662 | + this.role == "ROLE_BANZHUREN" | ||
| 663 | + ? this.$request.cTClassList | ||
| 664 | + : this.$request.tClassList; | ||
| 665 | + const { data, status, info } = await fetchClassList({ status: 1 }); | ||
| 666 | + if (status === 0) { | ||
| 667 | + this.classList = data.list.map((item) => { | ||
| 668 | + return { | ||
| 669 | + value: item.classId, | ||
| 670 | + label: item.className, | ||
| 671 | + }; | ||
| 672 | + }); | ||
| 673 | + this.query.classId = this.classList[0]?.value; | ||
| 674 | + } else { | ||
| 675 | + this.$message.error(info); | ||
| 676 | + } | ||
| 677 | + }, | ||
| 678 | + async _QuerySubjectList() { | ||
| 679 | + const fetchSubjectList = | ||
| 680 | + this.role == "ROLE_BANZHUREN" | ||
| 681 | + ? this.$request.cTSubjectList | ||
| 682 | + : this.$request.tSubjectList; | ||
| 683 | + | ||
| 684 | + const { data, status, info } = await fetchSubjectList({ | ||
| 685 | + classId: this.query.classId, | ||
| 686 | + status: 1, | ||
| 687 | + }); | ||
| 688 | + if (status === 0) { | ||
| 689 | + this.subjectList = | ||
| 690 | + data.subjectNames?.map((item) => { | ||
| 691 | + return { | ||
| 692 | + value: item, | ||
| 693 | + label: item, | ||
| 694 | + }; | ||
| 695 | + }) || []; | ||
| 696 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 697 | + this.subjectList.unshift({ | ||
| 698 | + value: "全部", | ||
| 699 | + label: "全部", | ||
| 700 | + }); | ||
| 701 | + this.query.subjectNames.push(this.subjectList[0]?.value); | ||
| 702 | + } else { | ||
| 703 | + this.query.subjectNames = this.subjectList[0]?.value; | ||
| 704 | + } | ||
| 705 | + } else { | ||
| 706 | + this.$message.error(info); | ||
| 707 | + } | ||
| 708 | + }, | ||
| 709 | + async _QueryData() { | ||
| 710 | + if (this.tabIndex == 1) { | ||
| 711 | + this.periodReportList(); | ||
| 712 | + } else if (this.tabIndex == 2) { | ||
| 713 | + this.phaseAnswerReport(); | ||
| 714 | + } else if (this.tabIndex == 3) { | ||
| 715 | + this.phaseInteractiveReport(); | ||
| 716 | + } | ||
| 717 | + }, | ||
| 718 | + //分页查询课时报表列表 | ||
| 719 | + async periodReportList() { | ||
| 720 | + this.loading = true; | ||
| 721 | + let query = {}; | ||
| 722 | + for (let key in this.query) { | ||
| 723 | + if (this.query[key] != "") { | ||
| 724 | + query[key] = this.query[key]; | ||
| 725 | + } | ||
| 726 | + } | ||
| 727 | + if (this.custom.orderField !== null) { | ||
| 728 | + query = { ...query, ...this.custom }; | ||
| 729 | + } | ||
| 730 | + if (this.role != "ROLE_BANZHUREN") { | ||
| 731 | + query.subjectNames = [query.subjectNames]; | ||
| 732 | + } else { | ||
| 733 | + if ( | ||
| 734 | + query["subjectNames"] && | ||
| 735 | + query["subjectNames"].length == 1 && | ||
| 736 | + query["subjectNames"][0] == "全部" | ||
| 737 | + ) { | ||
| 738 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 739 | + return item.value; | ||
| 740 | + }); | ||
| 741 | + query["subjectNames"].shift(); | ||
| 742 | + } | ||
| 743 | + if (!query["subjectNames"]) { | ||
| 744 | + this.$message.warning("请选择科目"); | ||
| 745 | + return; | ||
| 746 | + } | ||
| 747 | + } | ||
| 748 | + const { data, status, info } = await this.$request.periodReportList({ | ||
| 749 | + ...query, | ||
| 750 | + page: this.page, | ||
| 751 | + size: this.size, | ||
| 752 | + }); | ||
| 753 | + this.loading = false; | ||
| 754 | + if (status === 0) { | ||
| 755 | + this.tableData = (data?.list && [...data?.list]) || []; | ||
| 756 | + this.total = data?.count || 0; | ||
| 757 | + } else { | ||
| 758 | + this.$message.error(info); | ||
| 759 | + } | ||
| 760 | + }, | ||
| 761 | + //查询阶段问答报表 | ||
| 762 | + async phaseAnswerReport() { | ||
| 763 | + this.loading = true; | ||
| 764 | + let query = {}; | ||
| 765 | + for (let key in this.query) { | ||
| 766 | + if (this.query[key] != "") { | ||
| 767 | + if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") { | ||
| 768 | + query["subjectName"] = this.query[key]; | ||
| 769 | + } else { | ||
| 770 | + query[key] = this.query[key]; | ||
| 771 | + } | ||
| 772 | + } | ||
| 773 | + } | ||
| 774 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 775 | + if ( | ||
| 776 | + query["subjectNames"] && | ||
| 777 | + query["subjectNames"].length == 1 && | ||
| 778 | + query["subjectNames"][0] == "全部" | ||
| 779 | + ) { | ||
| 780 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 781 | + return item.value; | ||
| 782 | + }); | ||
| 783 | + query["subjectNames"].shift(); | ||
| 784 | + } | ||
| 785 | + if (!query["subjectNames"]) { | ||
| 786 | + this.$message.warning("请选择科目"); | ||
| 787 | + return; | ||
| 788 | + } | ||
| 789 | + } | ||
| 790 | + const phaseAnswerReport = | ||
| 791 | + this.role == "ROLE_BANZHUREN" | ||
| 792 | + ? this.$request.cTPhaseAnswerReport | ||
| 793 | + : this.$request.phaseAnswerReport; | ||
| 794 | + | ||
| 795 | + const { data, status, info } = await phaseAnswerReport({ | ||
| 796 | + ...query, | ||
| 797 | + }); | ||
| 798 | + this.loading = false; | ||
| 799 | + if (status === 0) { | ||
| 800 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 801 | + let subjectName = []; | ||
| 802 | + let tableData = data?.list.map((item) => { | ||
| 803 | + let params = {}; | ||
| 804 | + item.dataList.map((items, index) => { | ||
| 805 | + if (!subjectName.includes(items.subjectName)) { | ||
| 806 | + subjectName.push(items.subjectName); | ||
| 807 | + } | ||
| 808 | + params["answerCorrectRate" + items.subjectName] = | ||
| 809 | + items.answerCorrectRate; | ||
| 810 | + params["correctRate" + items.subjectName] = items.correctRate; | ||
| 811 | + params["participationRate" + items.subjectName] = | ||
| 812 | + items.participationRate; | ||
| 813 | + params["periodCount" + items.subjectName] = items.periodCount; | ||
| 814 | + params["questionNum" + items.subjectName] = items.questionNum; | ||
| 815 | + }); | ||
| 816 | + return { | ||
| 817 | + ...item, | ||
| 818 | + ...params, | ||
| 819 | + }; | ||
| 820 | + }); | ||
| 821 | + this.phaseOption = [...subjectName]; | ||
| 822 | + this.tableData = tableData.sort((a, b) => { | ||
| 823 | + return a.studentCode - b.studentCode; | ||
| 824 | + }); | ||
| 825 | + } else { | ||
| 826 | + this.tableData = | ||
| 827 | + (data?.list && | ||
| 828 | + [...data?.list].sort((a, b) => { | ||
| 829 | + return a.studentCode - b.studentCode; | ||
| 830 | + })) || | ||
| 831 | + []; | ||
| 832 | + } | ||
| 833 | + this.total = data.count; | ||
| 834 | + } else { | ||
| 835 | + this.$message.error(info); | ||
| 836 | + } | ||
| 837 | + }, | ||
| 838 | + //查询阶段互动报表 | ||
| 839 | + async phaseInteractiveReport() { | ||
| 840 | + this.loading = true; | ||
| 841 | + let query = {}; | ||
| 842 | + for (let key in this.query) { | ||
| 843 | + if (this.query[key] != "") { | ||
| 844 | + if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") { | ||
| 845 | + query["subjectName"] = this.query[key]; | ||
| 846 | + } else { | ||
| 847 | + query[key] = this.query[key]; | ||
| 848 | + } | ||
| 849 | + } | ||
| 850 | + } | ||
| 851 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 852 | + if ( | ||
| 853 | + query["subjectNames"] && | ||
| 854 | + query["subjectNames"].length == 1 && | ||
| 855 | + query["subjectNames"][0] == "全部" | ||
| 856 | + ) { | ||
| 857 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 858 | + return item.value; | ||
| 859 | + }); | ||
| 860 | + query["subjectNames"].shift(); | ||
| 861 | + } | ||
| 862 | + if (!query["subjectNames"]) { | ||
| 863 | + this.$message.warning("请选择科目"); | ||
| 864 | + return; | ||
| 865 | + } | ||
| 866 | + } | ||
| 867 | + const phaseInteractiveReport = | ||
| 868 | + this.role == "ROLE_BANZHUREN" | ||
| 869 | + ? this.$request.cTPhaseInteractiveReport | ||
| 870 | + : this.$request.phaseInteractiveReport; | ||
| 871 | + | ||
| 872 | + const { data, status, info } = await phaseInteractiveReport({ | ||
| 873 | + ...query, | ||
| 874 | + }); | ||
| 875 | + this.loading = false; | ||
| 876 | + if (status === 0) { | ||
| 877 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 878 | + let subjectName = []; | ||
| 879 | + let tableData = data?.list.map((item) => { | ||
| 880 | + let params = {}; | ||
| 881 | + item.dataList.map((items, index) => { | ||
| 882 | + if (!subjectName.includes(items.subjectName)) { | ||
| 883 | + subjectName.push(items.subjectName); | ||
| 884 | + } | ||
| 885 | + params["interactionsNum" + items.subjectName] = | ||
| 886 | + items.interactionsNum; | ||
| 887 | + params["interactionsCorrectNum" + items.subjectName] = | ||
| 888 | + items.interactionsCorrectNum; | ||
| 889 | + }); | ||
| 890 | + return { | ||
| 891 | + ...item, | ||
| 892 | + ...params, | ||
| 893 | + }; | ||
| 894 | + }); | ||
| 895 | + this.phaseInter = [...subjectName]; | ||
| 896 | + this.tableData = tableData.sort((a, b) => { | ||
| 897 | + return a.studentCode - b.studentCode; | ||
| 898 | + }); | ||
| 899 | + } else { | ||
| 900 | + this.tableData = | ||
| 901 | + (data?.list && | ||
| 902 | + [...data?.list].sort((a, b) => { | ||
| 903 | + return a.studentCode - b.studentCode; | ||
| 904 | + })) || | ||
| 905 | + []; | ||
| 906 | + } | ||
| 907 | + this.total = data.count; | ||
| 908 | + } else { | ||
| 909 | + this.$message.error(info); | ||
| 910 | + } | ||
| 911 | + }, | ||
| 912 | + //导出 | ||
| 913 | + async exportData() { | ||
| 914 | + if (this.exportLoading == true) return; | ||
| 915 | + let query = {}; | ||
| 916 | + for (let key in this.query) { | ||
| 917 | + if (this.query[key] != "") { | ||
| 918 | + if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") { | ||
| 919 | + query["subjectName"] = this.query[key]; | ||
| 920 | + } else { | ||
| 921 | + query[key] = this.query[key]; | ||
| 922 | + } | ||
| 923 | + } | ||
| 924 | + } | ||
| 925 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 926 | + if ( | ||
| 927 | + query["subjectNames"] && | ||
| 928 | + query["subjectNames"].length == 1 && | ||
| 929 | + query["subjectNames"][0] == "全部" | ||
| 930 | + ) { | ||
| 931 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 932 | + return item.value; | ||
| 933 | + }); | ||
| 934 | + query["subjectNames"].shift(); | ||
| 935 | + } | ||
| 936 | + if (!query["subjectNames"]) { | ||
| 937 | + this.$message.warning("请选择科目"); | ||
| 938 | + return; | ||
| 939 | + } | ||
| 940 | + } | ||
| 941 | + this.exportLoading = true; | ||
| 942 | + let exportData; | ||
| 943 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 944 | + exportData = | ||
| 945 | + this.tabIndex == 2 | ||
| 946 | + ? this.$request.cTExportPhaseAnswerReport | ||
| 947 | + : this.$request.cTExportPhaseInteractiveReport; | ||
| 948 | + } else { | ||
| 949 | + exportData = | ||
| 950 | + this.tabIndex == 2 | ||
| 951 | + ? this.$request.exportPhaseAnswerReport | ||
| 952 | + : this.$request.exportPhaseInteractiveReport; | ||
| 953 | + } | ||
| 954 | + const data = await exportData({ ...query }); | ||
| 955 | + this.exportLoading = false; | ||
| 956 | + if (data) { | ||
| 957 | + let blob = new Blob([data], { | ||
| 958 | + type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", | ||
| 959 | + }); | ||
| 960 | + downloadFile("随堂问-已归档阶段报表.xlsx", blob); | ||
| 961 | + } else { | ||
| 962 | + this.$message.error("下载失败"); | ||
| 963 | + } | ||
| 964 | + }, | ||
| 965 | + }, | ||
| 966 | +}; | ||
| 967 | +</script> | ||
| 968 | +<style> | ||
| 969 | +div::-webkit-scrollbar { | ||
| 970 | + width: 3px; | ||
| 971 | + height: 10px; | ||
| 972 | +} | ||
| 973 | +div::-webkit-scrollbar-thumb { | ||
| 974 | + border-radius: 10px; | ||
| 975 | + background-color: #ccc; | ||
| 976 | +} | ||
| 977 | +</style> | ||
| 978 | +<style lang="scss" scoped> | ||
| 979 | +.main { | ||
| 980 | + height: 100%; | ||
| 981 | +} | ||
| 982 | +.table-box { | ||
| 983 | + margin: 0 20px; | ||
| 984 | + padding: 16px; | ||
| 985 | + background: #f8f8f8; | ||
| 986 | + border-radius: 5px; | ||
| 987 | + .table-cont { | ||
| 988 | + min-height: 300px; | ||
| 989 | + } | ||
| 990 | + :deep(.fa-arrow-right) { | ||
| 991 | + padding-left: 2px; | ||
| 992 | + } | ||
| 993 | + :deep(.fa-file-text) { | ||
| 994 | + padding-left: 2px; | ||
| 995 | + } | ||
| 996 | +} | ||
| 997 | + | ||
| 998 | +.fa-exchange { | ||
| 999 | + color: #667ffd; | ||
| 1000 | + cursor: pointer; | ||
| 1001 | + font-size: 16px; | ||
| 1002 | + margin-left: 10px; | ||
| 1003 | +} | ||
| 1004 | +.dia-btn { | ||
| 1005 | + border-radius: 20px; | ||
| 1006 | + margin: 0 20px; | ||
| 1007 | + padding: 10px 20px; | ||
| 1008 | +} | ||
| 1009 | +.dia-tips { | ||
| 1010 | + padding-bottom: 10px; | ||
| 1011 | +} | ||
| 1012 | +.dia-question-box { | ||
| 1013 | + padding: 16px 16px 1px; | ||
| 1014 | + background: #f8f8f8; | ||
| 1015 | + border-radius: 10px; | ||
| 1016 | + | ||
| 1017 | + .answer-s { | ||
| 1018 | + width: 36px; | ||
| 1019 | + height: 28px; | ||
| 1020 | + cursor: pointer; | ||
| 1021 | + } | ||
| 1022 | +} | ||
| 1023 | +.set-questions { | ||
| 1024 | + display: flex; | ||
| 1025 | + margin-bottom: 12px; | ||
| 1026 | + width: 100%; | ||
| 1027 | + .qs-num { | ||
| 1028 | + flex-shrink: 0; | ||
| 1029 | + margin-right: 10px; | ||
| 1030 | + } | ||
| 1031 | + .qs-options { | ||
| 1032 | + flex: 1; | ||
| 1033 | + .ipt { | ||
| 1034 | + margin-bottom: 5px; | ||
| 1035 | + } | ||
| 1036 | + } | ||
| 1037 | + .delButton { | ||
| 1038 | + border-color: #ff6868; | ||
| 1039 | + background: #ff6868 url("../../../assets/images/arrow.png") no-repeat center; | ||
| 1040 | + background-size: 19px; | ||
| 1041 | + color: transparent; | ||
| 1042 | + } | ||
| 1043 | + .ac { | ||
| 1044 | + border-color: #ff6868; | ||
| 1045 | + background: #ff6868; | ||
| 1046 | + color: #fff; | ||
| 1047 | + } | ||
| 1048 | +} | ||
| 1049 | +.down { | ||
| 1050 | + padding-top: 16px; | ||
| 1051 | +} | ||
| 1052 | +</style> | ||
| 0 | \ No newline at end of file | 1053 | \ No newline at end of file |
src/views/standard/ask/index.vue
| @@ -4,6 +4,23 @@ | @@ -4,6 +4,23 @@ | ||
| 4 | <template slot="title"> | 4 | <template slot="title"> |
| 5 | <span>问答-数据报表</span> | 5 | <span>问答-数据报表</span> |
| 6 | </template> | 6 | </template> |
| 7 | + <template slot="btns"> | ||
| 8 | + <el-tooltip | ||
| 9 | + v-if="!code" | ||
| 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> | ||
| 7 | </back-box> | 24 | </back-box> |
| 8 | <div class="answer-header"> | 25 | <div class="answer-header"> |
| 9 | <div class="sel-box"> | 26 | <div class="sel-box"> |
| @@ -93,16 +110,14 @@ | @@ -93,16 +110,14 @@ | ||
| 93 | @change="tabChange" | 110 | @change="tabChange" |
| 94 | style="margin-bottom: 20px" | 111 | style="margin-bottom: 20px" |
| 95 | > | 112 | > |
| 96 | - <el-radio-button :label="1">单课时报表</el-radio-button> | ||
| 97 | - <!-- <el-radio-button :label="2" v-if="this.role != 'ROLE_BANZHUREN'" | ||
| 98 | - >阶段问答报表</el-radio-button | ||
| 99 | - > --> | ||
| 100 | - <el-radio-button :label="2" v-if="query.startDay != query.endDay" | ||
| 101 | - >阶段问答报表</el-radio-button | ||
| 102 | - > | ||
| 103 | - <el-radio-button :label="3" v-if="query.startDay != query.endDay" | ||
| 104 | - >阶段互动报表</el-radio-button | ||
| 105 | - > | 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> | ||
| 106 | </el-radio-group> | 121 | </el-radio-group> |
| 107 | <div class="table-cont" v-loading="loading"> | 122 | <div class="table-cont" v-loading="loading"> |
| 108 | <div id="print-content"> | 123 | <div id="print-content"> |
| @@ -485,6 +500,7 @@ export default { | @@ -485,6 +500,7 @@ export default { | ||
| 485 | data() { | 500 | data() { |
| 486 | return { | 501 | return { |
| 487 | tableMaxHeight: 300, | 502 | tableMaxHeight: 300, |
| 503 | + code: "", | ||
| 488 | role: "", | 504 | role: "", |
| 489 | loading: false, | 505 | loading: false, |
| 490 | date: "", //今天-昨天-本周 | 506 | date: "", //今天-昨天-本周 |
| @@ -496,6 +512,7 @@ export default { | @@ -496,6 +512,7 @@ export default { | ||
| 496 | endDay: "", | 512 | endDay: "", |
| 497 | day: "", | 513 | day: "", |
| 498 | }, | 514 | }, |
| 515 | + tabList: ["单课时报表", "阶段问答报表", "阶段互动报表"], | ||
| 499 | custom: { | 516 | custom: { |
| 500 | //单课时排序 | 517 | //单课时排序 |
| 501 | orderField: null, | 518 | orderField: null, |
| @@ -513,11 +530,15 @@ export default { | @@ -513,11 +530,15 @@ export default { | ||
| 513 | }; | 530 | }; |
| 514 | }, | 531 | }, |
| 515 | async created() { | 532 | async created() { |
| 533 | + this.code = localStorage.getItem("csCode") || ""; | ||
| 516 | this.role = | 534 | this.role = |
| 517 | this.$store.getters.info.showRole || | 535 | this.$store.getters.info.showRole || |
| 518 | this.$store.getters.info.permissions[0].role; | 536 | this.$store.getters.info.permissions[0].role; |
| 519 | this.query.subjectNames = this.role == "ROLE_BANZHUREN" ? [] : ""; | 537 | this.query.subjectNames = this.role == "ROLE_BANZHUREN" ? [] : ""; |
| 520 | await this._QueryClassList(); | 538 | await this._QueryClassList(); |
| 539 | + if (!this.query.classId) { | ||
| 540 | + return; | ||
| 541 | + } | ||
| 521 | await this._QuerySubjectList(); | 542 | await this._QuerySubjectList(); |
| 522 | await this.setDate(1); | 543 | await this.setDate(1); |
| 523 | let startDay = this.query?.startDay; | 544 | let startDay = this.query?.startDay; |
| @@ -529,20 +550,28 @@ export default { | @@ -529,20 +550,28 @@ export default { | ||
| 529 | activated() { | 550 | activated() { |
| 530 | const that = this; | 551 | const that = this; |
| 531 | BusEvent.$on("keepAlive", async function () { | 552 | BusEvent.$on("keepAlive", async function () { |
| 532 | - that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : ""; | ||
| 533 | - await that._QueryClassList(); | ||
| 534 | - await that._QuerySubjectList(); | ||
| 535 | - await that.setDate(1); | ||
| 536 | - let startDay = that.query?.startDay; | ||
| 537 | - if (!startDay) { | ||
| 538 | - that.query.startDay = new Date(); | ||
| 539 | - that.query.endDay = new Date(); | ||
| 540 | - } | 553 | + that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : ""; |
| 554 | + await that._QueryClassList(); | ||
| 555 | + if (!that.query.classId) { | ||
| 556 | + return; | ||
| 557 | + } | ||
| 558 | + await that._QuerySubjectList(); | ||
| 559 | + await that.setDate(1); | ||
| 560 | + let startDay = that.query?.startDay; | ||
| 561 | + if (!startDay) { | ||
| 562 | + that.query.startDay = new Date(); | ||
| 563 | + that.query.endDay = new Date(); | ||
| 564 | + } | ||
| 541 | }); | 565 | }); |
| 542 | }, | 566 | }, |
| 543 | methods: { | 567 | methods: { |
| 568 | + toArchiving() { | ||
| 569 | + this.$router.push({ | ||
| 570 | + path: "/askArchiving", | ||
| 571 | + }); | ||
| 572 | + }, | ||
| 544 | print() { | 573 | print() { |
| 545 | - tablePrint("print-content"); | 574 | + tablePrint("print-content", "随堂问-" + this.tabList[this.tabIndex - 1]); |
| 546 | }, | 575 | }, |
| 547 | changeSub(val) { | 576 | changeSub(val) { |
| 548 | let sub; | 577 | let sub; |
| @@ -926,7 +955,6 @@ export default { | @@ -926,7 +955,6 @@ export default { | ||
| 926 | this.$message.error(info); | 955 | this.$message.error(info); |
| 927 | } | 956 | } |
| 928 | }, | 957 | }, |
| 929 | - setDownQuery() {}, | ||
| 930 | //导出 | 958 | //导出 |
| 931 | async exportData() { | 959 | async exportData() { |
| 932 | if (this.exportLoading == true) return; | 960 | if (this.exportLoading == true) return; |
src/views/standard/card/index.vue
| @@ -79,7 +79,7 @@ | @@ -79,7 +79,7 @@ | ||
| 79 | ></el-table-column> | 79 | ></el-table-column> |
| 80 | <el-table-column align="center" label="年级"> | 80 | <el-table-column align="center" label="年级"> |
| 81 | <template slot-scope="scope"> | 81 | <template slot-scope="scope"> |
| 82 | - <span>{{ scope.row.classList[0].gradeName }}</span> | 82 | + <span>{{ scope.row.classList[0]?.gradeName }}</span> |
| 83 | </template> | 83 | </template> |
| 84 | </el-table-column> | 84 | </el-table-column> |
| 85 | <el-table-column align="center" label="班级"> | 85 | <el-table-column align="center" label="班级"> |
src/views/standard/device/index.vue
| @@ -112,6 +112,23 @@ | @@ -112,6 +112,23 @@ | ||
| 112 | align="center" | 112 | align="center" |
| 113 | ></el-table-column> | 113 | ></el-table-column> |
| 114 | <el-table-column | 114 | <el-table-column |
| 115 | + v-if="role == 'ROLE_JITUAN'" | ||
| 116 | + prop="schoolName" | ||
| 117 | + label="学校" | ||
| 118 | + align="center" | ||
| 119 | + ></el-table-column> | ||
| 120 | + <el-table-column | ||
| 121 | + v-if="role == 'ROLE_JITUAN'" | ||
| 122 | + prop="gradeName" | ||
| 123 | + label="年级" | ||
| 124 | + align="center" | ||
| 125 | + ><template slot-scope="scoped"> | ||
| 126 | + <p v-for="(item, index) in scoped.row.classList" :key="index"> | ||
| 127 | + {{ item.gradeName }} | ||
| 128 | + </p> | ||
| 129 | + </template></el-table-column | ||
| 130 | + > | ||
| 131 | + <el-table-column | ||
| 115 | prop="roomName" | 132 | prop="roomName" |
| 116 | label="所在教室" | 133 | label="所在教室" |
| 117 | align="center" | 134 | align="center" |
| @@ -248,6 +265,23 @@ | @@ -248,6 +265,23 @@ | ||
| 248 | </p></template | 265 | </p></template |
| 249 | ></el-table-column | 266 | ></el-table-column |
| 250 | > | 267 | > |
| 268 | + <el-table-column | ||
| 269 | + v-if="role == 'ROLE_JITUAN'" | ||
| 270 | + prop="schoolName" | ||
| 271 | + label="学校" | ||
| 272 | + align="center" | ||
| 273 | + ></el-table-column> | ||
| 274 | + <el-table-column | ||
| 275 | + v-if="role == 'ROLE_JITUAN'" | ||
| 276 | + prop="gradeName" | ||
| 277 | + label="年级" | ||
| 278 | + align="center" | ||
| 279 | + ><template slot-scope="scoped"> | ||
| 280 | + <p v-for="(item, index) in scoped.row.classList" :key="index"> | ||
| 281 | + {{ item.gradeName }} | ||
| 282 | + </p> | ||
| 283 | + </template></el-table-column | ||
| 284 | + > | ||
| 251 | <el-table-column prop="class" label="关联班级" align="center"> | 285 | <el-table-column prop="class" label="关联班级" align="center"> |
| 252 | <template slot-scope="scoped"> | 286 | <template slot-scope="scoped"> |
| 253 | <p v-for="(item, index) in scoped.row.classList" :key="index"> | 287 | <p v-for="(item, index) in scoped.row.classList" :key="index"> |
| @@ -333,6 +367,12 @@ | @@ -333,6 +367,12 @@ | ||
| 333 | </template></el-table-column | 367 | </template></el-table-column |
| 334 | > | 368 | > |
| 335 | <el-table-column | 369 | <el-table-column |
| 370 | + v-if="role == 'ROLE_JITUAN'" | ||
| 371 | + prop="schoolName" | ||
| 372 | + label="学校" | ||
| 373 | + align="center" | ||
| 374 | + ></el-table-column> | ||
| 375 | + <el-table-column | ||
| 336 | prop="lastUpdateTime" | 376 | prop="lastUpdateTime" |
| 337 | label="最近更新" | 377 | label="最近更新" |
| 338 | align="center" | 378 | align="center" |
| @@ -386,7 +426,7 @@ | @@ -386,7 +426,7 @@ | ||
| 386 | > | 426 | > |
| 387 | </el-pagination> | 427 | </el-pagination> |
| 388 | </div> | 428 | </div> |
| 389 | - <!-- <p class="down" v-if="tableData.length"> | 429 | + <p class="down" v-if="tableData.length"> |
| 390 | <el-button | 430 | <el-button |
| 391 | type="primary" | 431 | type="primary" |
| 392 | plain | 432 | plain |
| @@ -395,7 +435,7 @@ | @@ -395,7 +435,7 @@ | ||
| 395 | @click="downExl" | 435 | @click="downExl" |
| 396 | >导出报表</el-button | 436 | >导出报表</el-button |
| 397 | > | 437 | > |
| 398 | - </p> --> | 438 | + </p> |
| 399 | </div> | 439 | </div> |
| 400 | </div> | 440 | </div> |
| 401 | <el-dialog title="设备导入" :visible.sync="diaUp" width="400"> | 441 | <el-dialog title="设备导入" :visible.sync="diaUp" width="400"> |
| @@ -494,7 +534,6 @@ import scatterChart from "@/components/charts/scatterChart"; | @@ -494,7 +534,6 @@ import scatterChart from "@/components/charts/scatterChart"; | ||
| 494 | import _ from "lodash"; | 534 | import _ from "lodash"; |
| 495 | import { downloadFile, getBlob, formatGradeNameClass } from "@/utils"; | 535 | import { downloadFile, getBlob, formatGradeNameClass } from "@/utils"; |
| 496 | import api from "@/api/apis/apis"; | 536 | import api from "@/api/apis/apis"; |
| 497 | -import BusEvent from "@/utils/busEvent"; | ||
| 498 | export default { | 537 | export default { |
| 499 | components: { pieChart, scatterChart }, | 538 | components: { pieChart, scatterChart }, |
| 500 | watch: { | 539 | watch: { |
| @@ -578,6 +617,7 @@ export default { | @@ -578,6 +617,7 @@ export default { | ||
| 578 | selectionTabIds: [], | 617 | selectionTabIds: [], |
| 579 | page: 1, | 618 | page: 1, |
| 580 | size: 20, | 619 | size: 20, |
| 620 | + isBack: false, | ||
| 581 | }; | 621 | }; |
| 582 | }, | 622 | }, |
| 583 | created() { | 623 | created() { |
| @@ -615,16 +655,16 @@ export default { | @@ -615,16 +655,16 @@ export default { | ||
| 615 | if (this.role == "ROLE_XUEXIAO") { | 655 | if (this.role == "ROLE_XUEXIAO") { |
| 616 | this._QueryDataSchool(); | 656 | this._QueryDataSchool(); |
| 617 | } | 657 | } |
| 618 | - this.stationReport(); | ||
| 619 | this._QueryGradeList(); | 658 | this._QueryGradeList(); |
| 620 | - this._QueryData(); | ||
| 621 | if (this.role == "ROLE_JITUAN") { | 659 | if (this.role == "ROLE_JITUAN") { |
| 622 | this.showSchool(); | 660 | this.showSchool(); |
| 623 | } | 661 | } |
| 624 | }, | 662 | }, |
| 625 | activated() { | 663 | activated() { |
| 626 | const that = this; | 664 | const that = this; |
| 627 | - BusEvent.$on("keepAlive", async function () { | 665 | + this.isBack = this.$route.query.back ? this.$route.query.back : false; |
| 666 | + console.log(this.$route.query.back); | ||
| 667 | + if (!this.isBack) { | ||
| 628 | that.type = 1; | 668 | that.type = 1; |
| 629 | that.page = 1; | 669 | that.page = 1; |
| 630 | that.total = 0; | 670 | that.total = 0; |
| @@ -635,7 +675,7 @@ export default { | @@ -635,7 +675,7 @@ export default { | ||
| 635 | that.query.type = ""; | 675 | that.query.type = ""; |
| 636 | that.stationReport(); | 676 | that.stationReport(); |
| 637 | that._QueryData(); | 677 | that._QueryData(); |
| 638 | - }); | 678 | + } |
| 639 | }, | 679 | }, |
| 640 | methods: { | 680 | methods: { |
| 641 | upSuccess(res) { | 681 | upSuccess(res) { |
| @@ -806,16 +846,14 @@ export default { | @@ -806,16 +846,14 @@ export default { | ||
| 806 | } | 846 | } |
| 807 | }, | 847 | }, |
| 808 | async downExl() { | 848 | async downExl() { |
| 809 | - //报表到处 | 849 | + //报表导出 |
| 810 | if (this.exportLoading == true) return; | 850 | if (this.exportLoading == true) return; |
| 811 | - const exportPhaseExamReport = | ||
| 812 | - this.type == 1 | ||
| 813 | - ? this.$request.cTExportPhaseExamReport | ||
| 814 | - : this.type == 1 | ||
| 815 | - ? this.$request.exportPhaseExamReport | ||
| 816 | - : this.$request.exportPhaseExamReport; | 851 | + let query = this.setQuery(); |
| 817 | this.exportLoading = true; | 852 | this.exportLoading = true; |
| 818 | - const data = await exportPhaseExamReport({ ...this.query }); | 853 | + const data = await this.$request.exportDevice({ |
| 854 | + ...query, | ||
| 855 | + deviceType: this.type, | ||
| 856 | + }); | ||
| 819 | this.exportLoading = false; | 857 | this.exportLoading = false; |
| 820 | if (data && !data.code) { | 858 | if (data && !data.code) { |
| 821 | let blob = new Blob([data], { | 859 | let blob = new Blob([data], { |
| @@ -1114,7 +1152,7 @@ export default { | @@ -1114,7 +1152,7 @@ export default { | ||
| 1114 | padding: 20px 0 12px; | 1152 | padding: 20px 0 12px; |
| 1115 | } | 1153 | } |
| 1116 | .down { | 1154 | .down { |
| 1117 | - padding:0 0 16px 20px; | 1155 | + padding: 0 0 16px 20px; |
| 1118 | } | 1156 | } |
| 1119 | .content { | 1157 | .content { |
| 1120 | background: #f8f8f8; | 1158 | background: #f8f8f8; |
| @@ -1157,7 +1195,7 @@ export default { | @@ -1157,7 +1195,7 @@ export default { | ||
| 1157 | } | 1195 | } |
| 1158 | } | 1196 | } |
| 1159 | .table-box { | 1197 | .table-box { |
| 1160 | - padding: 20px; | 1198 | + padding: 20px 20px 0; |
| 1161 | .answer-header { | 1199 | .answer-header { |
| 1162 | padding: 0; | 1200 | padding: 0; |
| 1163 | margin-bottom: 12px; | 1201 | margin-bottom: 12px; |
src/views/standard/setUp/archivedClazz.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div> | ||
| 3 | + <back-box> | ||
| 4 | + <template slot="title"> | ||
| 5 | + <span>已归档班级</span> | ||
| 6 | + </template> | ||
| 7 | + </back-box> | ||
| 8 | + <div class="page-content" v-loading="loading"> | ||
| 9 | + <el-table :data="tableData" border style="width: 100%"> | ||
| 10 | + <el-table-column | ||
| 11 | + prop="gradeName" | ||
| 12 | + label="年级" | ||
| 13 | + fixed | ||
| 14 | + align="center" | ||
| 15 | + ></el-table-column> | ||
| 16 | + <el-table-column | ||
| 17 | + prop="className" | ||
| 18 | + label="班级名称" | ||
| 19 | + fixed | ||
| 20 | + align="center" | ||
| 21 | + ></el-table-column> | ||
| 22 | + <el-table-column | ||
| 23 | + prop="studentCount" | ||
| 24 | + label="学生数量" | ||
| 25 | + fixed | ||
| 26 | + align="center" | ||
| 27 | + ></el-table-column> | ||
| 28 | + <el-table-column | ||
| 29 | + prop="modifiedTime" | ||
| 30 | + label="归档时间" | ||
| 31 | + fixed | ||
| 32 | + align="center" | ||
| 33 | + ></el-table-column> | ||
| 34 | + </el-table> | ||
| 35 | + </div> | ||
| 36 | + <!-- <div class="pagination-box"> | ||
| 37 | + <el-pagination | ||
| 38 | + small="" | ||
| 39 | + layout="total,prev, pager, next" | ||
| 40 | + :hide-on-single-page="true" | ||
| 41 | + :total="total" | ||
| 42 | + @current-change="changePage" | ||
| 43 | + :current-page="page" | ||
| 44 | + :page-size="size" | ||
| 45 | + > | ||
| 46 | + </el-pagination> | ||
| 47 | + </div> --> | ||
| 48 | + </div> | ||
| 49 | +</template> | ||
| 50 | + | ||
| 51 | +<script> | ||
| 52 | +export default { | ||
| 53 | + data() { | ||
| 54 | + return { | ||
| 55 | + role: "", | ||
| 56 | + loading: false, | ||
| 57 | + tableData: [], | ||
| 58 | + total: 0, | ||
| 59 | + page: 1, | ||
| 60 | + size: 20, | ||
| 61 | + }; | ||
| 62 | + }, | ||
| 63 | + async created() { | ||
| 64 | + this._QueryData(); | ||
| 65 | + }, | ||
| 66 | + methods: { | ||
| 67 | + changePage(page) { | ||
| 68 | + this.page = page; | ||
| 69 | + this._QueryData(this.query.title); | ||
| 70 | + }, | ||
| 71 | + async _QueryData() { | ||
| 72 | + this.loading = true; | ||
| 73 | + const { data, status, info } = await this.$request.archivingClassList(); | ||
| 74 | + this.loading = false; | ||
| 75 | + if (status === 0) { | ||
| 76 | + this.total = data.total; | ||
| 77 | + this.tableData = (data.list && [...data.list]) || []; | ||
| 78 | + } else { | ||
| 79 | + this.$message.error(info); | ||
| 80 | + } | ||
| 81 | + }, | ||
| 82 | + }, | ||
| 83 | +}; | ||
| 84 | +</script> | ||
| 85 | + | ||
| 86 | +<style lang="scss" scoped> | ||
| 87 | +.page-content { | ||
| 88 | + padding: 20px; | ||
| 89 | +} | ||
| 90 | +</style> | ||
| 0 | \ No newline at end of file | 91 | \ No newline at end of file |
src/views/standard/setUp/school.vue
| @@ -59,7 +59,12 @@ | @@ -59,7 +59,12 @@ | ||
| 59 | </li> | 59 | </li> |
| 60 | </ul> | 60 | </ul> |
| 61 | <div class="grade-box"> | 61 | <div class="grade-box"> |
| 62 | - <p class="h-title">年级管理</p> | 62 | + <p class="h-title"> |
| 63 | + 年级管理 | ||
| 64 | + <span class="popconfirm-box" @click="diaUpgradeGrade = true"> | ||
| 65 | + 年级升级<i class="fa fa-level-up"></i> | ||
| 66 | + </span> | ||
| 67 | + </p> | ||
| 63 | <ul class="grade-info"> | 68 | <ul class="grade-info"> |
| 64 | <li | 69 | <li |
| 65 | class="grade-item" | 70 | class="grade-item" |
| @@ -205,6 +210,15 @@ | @@ -205,6 +210,15 @@ | ||
| 205 | <el-button @click="diaSchool = false">取 消</el-button> | 210 | <el-button @click="diaSchool = false">取 消</el-button> |
| 206 | </div> | 211 | </div> |
| 207 | </el-dialog> | 212 | </el-dialog> |
| 213 | + <el-dialog title="班级升级" :visible.sync="diaUpgradeGrade" width="400"> | ||
| 214 | + <p>注意该操作会将所有年级升级，请谨慎操作！</p> | ||
| 215 | + <div class="dialog-footer" slot="footer"> | ||
| 216 | + <el-button type="danger" @click="_UpgradeGrade()">确认升级</el-button> | ||
| 217 | + <el-button type="primary" @click="diaUpgradeGrade = false" | ||
| 218 | + >取 消</el-button | ||
| 219 | + > | ||
| 220 | + </div> | ||
| 221 | + </el-dialog> | ||
| 208 | </div> | 222 | </div> |
| 209 | </template> | 223 | </template> |
| 210 | 224 | ||
| @@ -300,6 +314,7 @@ export default { | @@ -300,6 +314,7 @@ export default { | ||
| 300 | { id: "7", name: "高补" }, | 314 | { id: "7", name: "高补" }, |
| 301 | ], | 315 | ], |
| 302 | subjectList: [], | 316 | subjectList: [], |
| 317 | + diaUpgradeGrade: false, //班级升级 | ||
| 303 | }; | 318 | }; |
| 304 | }, | 319 | }, |
| 305 | created() { | 320 | created() { |
| @@ -316,7 +331,7 @@ export default { | @@ -316,7 +331,7 @@ export default { | ||
| 316 | showClose: true, | 331 | showClose: true, |
| 317 | message: `成功（${res.data.success}）`, | 332 | message: `成功（${res.data.success}）`, |
| 318 | type: "success", | 333 | type: "success", |
| 319 | - duration:5000 | 334 | + duration: 5000, |
| 320 | }); | 335 | }); |
| 321 | this.diaUp = false; | 336 | this.diaUp = false; |
| 322 | this._QueryDataSchool(); | 337 | this._QueryDataSchool(); |
| @@ -377,6 +392,19 @@ export default { | @@ -377,6 +392,19 @@ export default { | ||
| 377 | } | 392 | } |
| 378 | }); | 393 | }); |
| 379 | }, | 394 | }, |
| 395 | + async _UpgradeGrade() { | ||
| 396 | + this.loading = true; | ||
| 397 | + const { data, status, info } = await this.$request.upgradeGrade(); | ||
| 398 | + this.loading = false; | ||
| 399 | + if (status === 0) { | ||
| 400 | + this.$message.success("升级成功~"); | ||
| 401 | + this.diaUpgradeGrade = false; | ||
| 402 | + this._QueryDataGrade(); | ||
| 403 | + this._QuerySubject(); | ||
| 404 | + } else { | ||
| 405 | + this.$message.error(info); | ||
| 406 | + } | ||
| 407 | + }, | ||
| 380 | async editGrade() { | 408 | async editGrade() { |
| 381 | //保存修改年级信息 | 409 | //保存修改年级信息 |
| 382 | if (!this.formGrade.subjectNames.length) { | 410 | if (!this.formGrade.subjectNames.length) { |
| @@ -505,6 +533,23 @@ export default { | @@ -505,6 +533,23 @@ export default { | ||
| 505 | } | 533 | } |
| 506 | .grade-box { | 534 | .grade-box { |
| 507 | padding: 20px; | 535 | padding: 20px; |
| 536 | + .h-title { | ||
| 537 | + display: flex; | ||
| 538 | + justify-content: space-between; | ||
| 539 | + align-items: center; | ||
| 540 | + .popconfirm-box { | ||
| 541 | + cursor: pointer; | ||
| 542 | + font-size: 14px; | ||
| 543 | + color: #999; | ||
| 544 | + .fa-level-up{ | ||
| 545 | + font-size:16px; | ||
| 546 | + padding-left:2px; | ||
| 547 | + } | ||
| 548 | + &:hover { | ||
| 549 | + color: #f30; | ||
| 550 | + } | ||
| 551 | + } | ||
| 552 | + } | ||
| 508 | .grade-info { | 553 | .grade-info { |
| 509 | display: flex; | 554 | display: flex; |
| 510 | flex-wrap: wrap; | 555 | flex-wrap: wrap; |
src/views/standard/setUp/student.vue
| @@ -34,6 +34,12 @@ | @@ -34,6 +34,12 @@ | ||
| 34 | </back-box> | 34 | </back-box> |
| 35 | 35 | ||
| 36 | <div class="page-content"> | 36 | <div class="page-content"> |
| 37 | + <template v-if="!code && role !== 'ROLE_PERSONAL'"> | ||
| 38 | + <p class="tips" v-show="archivedTotal"> | ||
| 39 | + <span>另有{{ archivedTotal }}个班级已经归档,</span> | ||
| 40 | + <router-link to="/archivedClazz">点击查看>></router-link> | ||
| 41 | + </p> | ||
| 42 | + </template> | ||
| 37 | <div class="stu-box"> | 43 | <div class="stu-box"> |
| 38 | <div class="stu-list"> | 44 | <div class="stu-list"> |
| 39 | <div class="h-title"> | 45 | <div class="h-title"> |
| @@ -55,22 +61,31 @@ | @@ -55,22 +61,31 @@ | ||
| 55 | <ul class="stu-ul"> | 61 | <ul class="stu-ul"> |
| 56 | <li | 62 | <li |
| 57 | class="stu-item" | 63 | class="stu-item" |
| 58 | - v-for="item in classList" | 64 | + v-for="(item, index) in classList" |
| 59 | :key="item.id" | 65 | :key="item.id" |
| 60 | :class="query.classId == item.id ? 'active' : ''" | 66 | :class="query.classId == item.id ? 'active' : ''" |
| 61 | @click="classDetail(item)" | 67 | @click="classDetail(item)" |
| 62 | > | 68 | > |
| 63 | - <i | ||
| 64 | - v-if="!code" | ||
| 65 | - class="el-icon-edit-outline" | ||
| 66 | - @click.stop="setClass(item)" | ||
| 67 | - ></i> | 69 | + <template v-if="!code && role !== 'ROLE_PERSONAL'"> |
| 70 | + <div class="popconfirm-box"> | ||
| 71 | + <el-popconfirm | ||
| 72 | + title="确定要将该班级归档吗？" | ||
| 73 | + @confirm="archivingClass(item, index)" | ||
| 74 | + > | ||
| 75 | + <i slot="reference" class="fa fa-file-archive-o"></i> | ||
| 76 | + </el-popconfirm> | ||
| 77 | + </div> | ||
| 78 | + <i | ||
| 79 | + class="el-icon-edit-outline" | ||
| 80 | + @click.stop="setClass(item)" | ||
| 81 | + ></i> | ||
| 82 | + </template> | ||
| 68 | {{ item.className }}（{{ item.studentCount }}） | 83 | {{ item.className }}（{{ item.studentCount }}） |
| 69 | </li> | 84 | </li> |
| 70 | </ul> | 85 | </ul> |
| 71 | </div> | 86 | </div> |
| 72 | <div class="stu-detail"> | 87 | <div class="stu-detail"> |
| 73 | - <div class="clazz-detail"> | 88 | + <div class="clazz-detail" v-if="clazzDetail.stationSn"> |
| 74 | <p>基站SN：{{ clazzDetail.stationSn }}</p> | 89 | <p>基站SN：{{ clazzDetail.stationSn }}</p> |
| 75 | <p>配对码：{{ clazzDetail.pairingCode }}</p> | 90 | <p>配对码：{{ clazzDetail.pairingCode }}</p> |
| 76 | <p>频点：{{ clazzDetail.frequency }}</p> | 91 | <p>频点：{{ clazzDetail.frequency }}</p> |
| @@ -116,6 +131,7 @@ | @@ -116,6 +131,7 @@ | ||
| 116 | > | 131 | > |
| 117 | <i class="el-icon-delete" slot="reference"></i> | 132 | <i class="el-icon-delete" slot="reference"></i> |
| 118 | </el-popconfirm> | 133 | </el-popconfirm> |
| 134 | + <i class="el-icon-user-solid" @click="openChangeClazz(item)"></i> | ||
| 119 | <p class="name">{{ item.studentName }}</p> | 135 | <p class="name">{{ item.studentName }}</p> |
| 120 | <p class="p1">答题器：{{ item.clickerSn || "--" }}</p> | 136 | <p class="p1">答题器：{{ item.clickerSn || "--" }}</p> |
| 121 | <p class="p1">长学号：{{ item.studentCode }}</p> | 137 | <p class="p1">长学号：{{ item.studentCode }}</p> |
| @@ -130,6 +146,52 @@ | @@ -130,6 +146,52 @@ | ||
| 130 | </div> | 146 | </div> |
| 131 | </div> | 147 | </div> |
| 132 | </div> | 148 | </div> |
| 149 | + <el-dialog title="学生调班" :visible.sync="diaChangeClass" width="400"> | ||
| 150 | + <el-form | ||
| 151 | + class="form-box" | ||
| 152 | + ref="formStuCla" | ||
| 153 | + :model="formStuCla" | ||
| 154 | + :rules="rulesStuCla" | ||
| 155 | + label-width="160px" | ||
| 156 | + > | ||
| 157 | + <el-form-item label="学生姓名："> | ||
| 158 | + <span>{{ formStuCla.studentName }}</span> | ||
| 159 | + </el-form-item> | ||
| 160 | + <el-form-item label="当前班级："> | ||
| 161 | + <span>{{ formStuCla.className }}</span> | ||
| 162 | + </el-form-item> | ||
| 163 | + <el-form-item label="调到班级："> | ||
| 164 | + <el-col :span="10"> | ||
| 165 | + <el-select | ||
| 166 | + class="sel" | ||
| 167 | + v-model="formStuCla.classId" | ||
| 168 | + placeholder="选择年级" | ||
| 169 | + > | ||
| 170 | + <el-option | ||
| 171 | + v-for="item in classList" | ||
| 172 | + :key="item.id" | ||
| 173 | + :label="item.className" | ||
| 174 | + :value="item.id" | ||
| 175 | + > | ||
| 176 | + </el-option> | ||
| 177 | + </el-select> | ||
| 178 | + </el-col> | ||
| 179 | + </el-form-item> | ||
| 180 | + <el-form-item label="长学号：" prop="studentCode"> | ||
| 181 | + <el-col :span="10"> | ||
| 182 | + <el-input | ||
| 183 | + maxlength="12" | ||
| 184 | + placeholder="输入学生长学号" | ||
| 185 | + v-model.trim="formStuCla.studentCode" | ||
| 186 | + /> | ||
| 187 | + </el-col> | ||
| 188 | + </el-form-item> | ||
| 189 | + </el-form> | ||
| 190 | + <div class="dialog-footer" slot="footer"> | ||
| 191 | + <el-button @click="changeStu">确 定</el-button> | ||
| 192 | + <el-button @click="diaChangeClass = false">取 消</el-button> | ||
| 193 | + </div> | ||
| 194 | + </el-dialog> | ||
| 133 | <el-dialog title="添加学生" :visible.sync="diaStu" width="400"> | 195 | <el-dialog title="添加学生" :visible.sync="diaStu" width="400"> |
| 134 | <el-form | 196 | <el-form |
| 135 | ref="formBox" | 197 | ref="formBox" |
| @@ -234,7 +296,7 @@ | @@ -234,7 +296,7 @@ | ||
| 234 | </template> | 296 | </template> |
| 235 | 297 | ||
| 236 | <script> | 298 | <script> |
| 237 | -import { downloadFile, getBlob } from "@/utils"; | 299 | +import _ from "lodash"; |
| 238 | export default { | 300 | export default { |
| 239 | data() { | 301 | data() { |
| 240 | return { | 302 | return { |
| @@ -244,6 +306,7 @@ export default { | @@ -244,6 +306,7 @@ export default { | ||
| 244 | url: "/api_html/school/manager/importStudentClicker", | 306 | url: "/api_html/school/manager/importStudentClicker", |
| 245 | diaStu: false, | 307 | diaStu: false, |
| 246 | diaClass: false, | 308 | diaClass: false, |
| 309 | + diaChangeClass: false, | ||
| 247 | clazzDetail: { stationSn: "", pairingCode: "", frequency: "" }, | 310 | clazzDetail: { stationSn: "", pairingCode: "", frequency: "" }, |
| 248 | query: { | 311 | query: { |
| 249 | gradeName: "", | 312 | gradeName: "", |
| @@ -277,6 +340,22 @@ export default { | @@ -277,6 +340,22 @@ export default { | ||
| 277 | { required: true, message: "请输入班级名称", trigger: "blur" }, | 340 | { required: true, message: "请输入班级名称", trigger: "blur" }, |
| 278 | ], | 341 | ], |
| 279 | }, | 342 | }, |
| 343 | + formStuCla: { | ||
| 344 | + studentName: "", | ||
| 345 | + studentId: "", | ||
| 346 | + oldClassId: "", | ||
| 347 | + className: "", | ||
| 348 | + classId: "", | ||
| 349 | + studentCode: "", | ||
| 350 | + }, | ||
| 351 | + rulesStuCla: { | ||
| 352 | + className: [ | ||
| 353 | + { required: true, message: "请输入班级名称", trigger: "blur" }, | ||
| 354 | + ], | ||
| 355 | + studentCode: [ | ||
| 356 | + { required: true, message: "请输入学生号", trigger: "blur" }, | ||
| 357 | + ], | ||
| 358 | + }, | ||
| 280 | gradeName: "", | 359 | gradeName: "", |
| 281 | gradeList: [], | 360 | gradeList: [], |
| 282 | classList: [], | 361 | classList: [], |
| @@ -290,6 +369,7 @@ export default { | @@ -290,6 +369,7 @@ export default { | ||
| 290 | teacherCourseList: [], | 369 | teacherCourseList: [], |
| 291 | teacherGradeList: [], | 370 | teacherGradeList: [], |
| 292 | }, | 371 | }, |
| 372 | + archivedTotal: 0, //已归档班级 | ||
| 293 | }; | 373 | }; |
| 294 | }, | 374 | }, |
| 295 | async created() { | 375 | async created() { |
| @@ -297,6 +377,7 @@ export default { | @@ -297,6 +377,7 @@ export default { | ||
| 297 | this.role = | 377 | this.role = |
| 298 | this.$store.getters.info.showRole || | 378 | this.$store.getters.info.showRole || |
| 299 | this.$store.getters.info.permissions[0].role; | 379 | this.$store.getters.info.permissions[0].role; |
| 380 | + this._QueryArchivedNum(); | ||
| 300 | await this._QueryDataGrade(); | 381 | await this._QueryDataGrade(); |
| 301 | await this._QueryClass(); | 382 | await this._QueryClass(); |
| 302 | this._QueryData(3); | 383 | this._QueryData(3); |
| @@ -316,8 +397,10 @@ export default { | @@ -316,8 +397,10 @@ export default { | ||
| 316 | this.clazzDetail.frequency = obj.frequency; | 397 | this.clazzDetail.frequency = obj.frequency; |
| 317 | this.query.classId = obj.id; | 398 | this.query.classId = obj.id; |
| 318 | this.formStu.className = obj.className; | 399 | this.formStu.className = obj.className; |
| 400 | + this.formStuCla.className = obj.className; | ||
| 319 | this._QueryData(3); | 401 | this._QueryData(3); |
| 320 | }, | 402 | }, |
| 403 | + | ||
| 321 | setClass(obj) { | 404 | setClass(obj) { |
| 322 | this.formClass.gradeName = obj.gradeName; | 405 | this.formClass.gradeName = obj.gradeName; |
| 323 | this.formClass.classId = obj.id; | 406 | this.formClass.classId = obj.id; |
| @@ -358,23 +441,7 @@ export default { | @@ -358,23 +441,7 @@ export default { | ||
| 358 | this.diaUp = false; | 441 | this.diaUp = false; |
| 359 | this._QueryData(3); | 442 | this._QueryData(3); |
| 360 | }, | 443 | }, |
| 361 | - async removeStu(obj, index) { | ||
| 362 | - const { data, status, info } = await this.$request.delStudent({ | ||
| 363 | - studentId: obj.id, | ||
| 364 | - }); | ||
| 365 | - if (status === 0) { | ||
| 366 | - this.$message.success("删除成功"); | ||
| 367 | - this.studentList.splice(index, 1); | ||
| 368 | - this._QueryClass(); | ||
| 369 | - } else { | ||
| 370 | - this.$message.error(info); | ||
| 371 | - } | ||
| 372 | - }, | ||
| 373 | - async changeGrade(val) { | ||
| 374 | - this.query.classId = ""; | ||
| 375 | - await this._QueryClass(val); | ||
| 376 | - this._QueryData(3); | ||
| 377 | - }, | 444 | + //添加学生 |
| 378 | addStu() { | 445 | addStu() { |
| 379 | let query = {}; | 446 | let query = {}; |
| 380 | for (let key in this.formStu) { | 447 | for (let key in this.formStu) { |
| @@ -412,6 +479,81 @@ export default { | @@ -412,6 +479,81 @@ export default { | ||
| 412 | } | 479 | } |
| 413 | }); | 480 | }); |
| 414 | }, | 481 | }, |
| 482 | + //学生调班弹窗 | ||
| 483 | + openChangeClazz(obj) { | ||
| 484 | + this.formStuCla.studentId = obj.id; | ||
| 485 | + this.formStuCla.studentName = obj.studentName; | ||
| 486 | + this.formStuCla.studentCode = obj.studentCode; | ||
| 487 | + this.formStuCla.classId = this.query.classId; | ||
| 488 | + this.formStuCla.oldClassId = this.query.classId; | ||
| 489 | + this.diaChangeClass = true; | ||
| 490 | + }, | ||
| 491 | + //学生调班 | ||
| 492 | + changeStu: _.throttle( | ||
| 493 | + function () { | ||
| 494 | + this.$refs.formStuCla.validate(async (valid) => { | ||
| 495 | + if (valid) { | ||
| 496 | + const { data, status, info } = | ||
| 497 | + await this.$request.studentChangeClass({ | ||
| 498 | + studentId: this.formStuCla.studentId, | ||
| 499 | + oldClassId: this.formStuCla.oldClassId, | ||
| 500 | + classId: this.formStuCla.classId, | ||
| 501 | + studentCode: this.formStuCla.studentCode, | ||
| 502 | + }); | ||
| 503 | + if (status == 0) { | ||
| 504 | + this.diaChangeClass = false; | ||
| 505 | + this.$message.success(info); | ||
| 506 | + this._QueryData(); | ||
| 507 | + } else { | ||
| 508 | + this.$message.error(info); | ||
| 509 | + } | ||
| 510 | + } else { | ||
| 511 | + this.$message.error("数据有误请检查！"); | ||
| 512 | + } | ||
| 513 | + }); | ||
| 514 | + }, | ||
| 515 | + 2000, | ||
| 516 | + { leading: true, trailing: false } | ||
| 517 | + ), | ||
| 518 | + //班级归档 | ||
| 519 | + async archivingClass(obj, index) { | ||
| 520 | + const { data, status, info } = await this.$request.classArchiving({ | ||
| 521 | + classId: obj.id, | ||
| 522 | + }); | ||
| 523 | + if (status === 0) { | ||
| 524 | + this.$message.success("归档成功"); | ||
| 525 | + this.classList.splice(index, 1); | ||
| 526 | + this.setClass(this.classList[index]); | ||
| 527 | + this.diaClass = false; | ||
| 528 | + } else { | ||
| 529 | + this.$message.error(info); | ||
| 530 | + } | ||
| 531 | + }, | ||
| 532 | + async removeStu(obj, index) { | ||
| 533 | + const { data, status, info } = await this.$request.delStudent({ | ||
| 534 | + studentId: obj.id, | ||
| 535 | + }); | ||
| 536 | + if (status === 0) { | ||
| 537 | + this.$message.success("删除成功"); | ||
| 538 | + this.studentList.splice(index, 1); | ||
| 539 | + this._QueryClass(); | ||
| 540 | + } else { | ||
| 541 | + this.$message.error(info); | ||
| 542 | + } | ||
| 543 | + }, | ||
| 544 | + async changeGrade(val) { | ||
| 545 | + this.query.classId = ""; | ||
| 546 | + await this._QueryClass(val); | ||
| 547 | + this._QueryData(3); | ||
| 548 | + }, | ||
| 549 | + async _QueryArchivedNum() { | ||
| 550 | + const { data, status, info } = await this.$request.archivingClassList(); | ||
| 551 | + if (status === 0) { | ||
| 552 | + this.archivedTotal = data?.count || 0; | ||
| 553 | + } else { | ||
| 554 | + this.$message.error(info); | ||
| 555 | + } | ||
| 556 | + }, | ||
| 415 | async _QueryData(type) { | 557 | async _QueryData(type) { |
| 416 | let query = {}; | 558 | let query = {}; |
| 417 | query.gradeName = this.query.gradeName; | 559 | query.gradeName = this.query.gradeName; |
| @@ -464,6 +606,7 @@ export default { | @@ -464,6 +606,7 @@ export default { | ||
| 464 | this.classList = [...data.list] || []; | 606 | this.classList = [...data.list] || []; |
| 465 | this.query.classId = this.classList[0]?.id; | 607 | this.query.classId = this.classList[0]?.id; |
| 466 | this.formStu.className = this.classList[0]?.className; | 608 | this.formStu.className = this.classList[0]?.className; |
| 609 | + this.formStuCla.className = this.classList[0]?.className; | ||
| 467 | this.clazzDetail.stationSn = this.classList[0]?.stationSn; | 610 | this.clazzDetail.stationSn = this.classList[0]?.stationSn; |
| 468 | this.clazzDetail.pairingCode = this.classList[0]?.pairingCode; | 611 | this.clazzDetail.pairingCode = this.classList[0]?.pairingCode; |
| 469 | this.clazzDetail.frequency = this.classList[0]?.frequency; | 612 | this.clazzDetail.frequency = this.classList[0]?.frequency; |
| @@ -494,13 +637,20 @@ export default { | @@ -494,13 +637,20 @@ export default { | ||
| 494 | .page-content { | 637 | .page-content { |
| 495 | padding: 20px; | 638 | padding: 20px; |
| 496 | } | 639 | } |
| 640 | +.tips { | ||
| 641 | + display: flex; | ||
| 642 | + line-height: 16px; | ||
| 643 | + font-size: 14px; | ||
| 644 | + color: #999; | ||
| 645 | + margin-bottom: 10px; | ||
| 646 | +} | ||
| 497 | .stu-box { | 647 | .stu-box { |
| 498 | display: flex; | 648 | display: flex; |
| 499 | background: #f8f8f8; | 649 | background: #f8f8f8; |
| 500 | border-radius: 10px; | 650 | border-radius: 10px; |
| 501 | overflow: hidden; | 651 | overflow: hidden; |
| 502 | .answer-header { | 652 | .answer-header { |
| 503 | - padding-top: 0; | 653 | + padding-top: 10px; |
| 504 | } | 654 | } |
| 505 | .stu-list { | 655 | .stu-list { |
| 506 | max-height: 80vh; | 656 | max-height: 80vh; |
| @@ -519,18 +669,32 @@ export default { | @@ -519,18 +669,32 @@ export default { | ||
| 519 | .el-icon-edit-outline { | 669 | .el-icon-edit-outline { |
| 520 | position: absolute; | 670 | position: absolute; |
| 521 | top: 8px; | 671 | top: 8px; |
| 522 | - right: 12px; | 672 | + right: 4px; |
| 523 | font-size: 20px; | 673 | font-size: 20px; |
| 524 | display: none; | 674 | display: none; |
| 525 | &:hover { | 675 | &:hover { |
| 526 | color: #667ffd; | 676 | color: #667ffd; |
| 527 | } | 677 | } |
| 528 | } | 678 | } |
| 679 | + .popconfirm-box { | ||
| 680 | + position: absolute; | ||
| 681 | + top: 6px; | ||
| 682 | + right: 31px; | ||
| 683 | + font-size: 17px; | ||
| 684 | + line-height: 24px; | ||
| 685 | + display: none; | ||
| 686 | + &:hover { | ||
| 687 | + color: #667ffd; | ||
| 688 | + } | ||
| 689 | + } | ||
| 529 | &:hover { | 690 | &:hover { |
| 530 | background: #eee; | 691 | background: #eee; |
| 531 | .el-icon-edit-outline { | 692 | .el-icon-edit-outline { |
| 532 | display: block; | 693 | display: block; |
| 533 | } | 694 | } |
| 695 | + .popconfirm-box { | ||
| 696 | + display: block; | ||
| 697 | + } | ||
| 534 | } | 698 | } |
| 535 | &.active { | 699 | &.active { |
| 536 | color: #667ffd; | 700 | color: #667ffd; |
| @@ -565,6 +729,19 @@ export default { | @@ -565,6 +729,19 @@ export default { | ||
| 565 | margin: 0 20px 20px 0; | 729 | margin: 0 20px 20px 0; |
| 566 | padding: 0 12px 5px; | 730 | padding: 0 12px 5px; |
| 567 | position: relative; | 731 | position: relative; |
| 732 | + .el-icon-user-solid { | ||
| 733 | + position: absolute; | ||
| 734 | + top: 8px; | ||
| 735 | + left: 8px; | ||
| 736 | + font-size: 18px; | ||
| 737 | + color: #666; | ||
| 738 | + padding: 2px; | ||
| 739 | + display: none; | ||
| 740 | + cursor: pointer; | ||
| 741 | + &:hover { | ||
| 742 | + color: #667ffd; | ||
| 743 | + } | ||
| 744 | + } | ||
| 568 | .el-icon-delete { | 745 | .el-icon-delete { |
| 569 | position: absolute; | 746 | position: absolute; |
| 570 | top: 8px; | 747 | top: 8px; |
| @@ -578,6 +755,9 @@ export default { | @@ -578,6 +755,9 @@ export default { | ||
| 578 | } | 755 | } |
| 579 | } | 756 | } |
| 580 | &:hover { | 757 | &:hover { |
| 758 | + .el-icon-user-solid { | ||
| 759 | + display: block; | ||
| 760 | + } | ||
| 581 | .el-icon-delete { | 761 | .el-icon-delete { |
| 582 | display: block; | 762 | display: block; |
| 583 | } | 763 | } |
| @@ -598,7 +778,7 @@ export default { | @@ -598,7 +778,7 @@ export default { | ||
| 598 | } | 778 | } |
| 599 | .clazz-detail { | 779 | .clazz-detail { |
| 600 | display: flex; | 780 | display: flex; |
| 601 | - padding: 12px 12px 10px 20px; | 781 | + padding: 12px 12px 0 20px; |
| 602 | p { | 782 | p { |
| 603 | margin-right: 16px; | 783 | margin-right: 16px; |
| 604 | color: #666; | 784 | color: #666; |
src/views/standard/test/analysis.vue
| @@ -5,7 +5,7 @@ | @@ -5,7 +5,7 @@ | ||
| 5 | <span>单卷分析</span> | 5 | <span>单卷分析</span> |
| 6 | </template> | 6 | </template> |
| 7 | </back-box> | 7 | </back-box> |
| 8 | - <div class="tips" v-if="paperModifyLog.modifiedTime"> | 8 | + <div class="tips" v-if="paperModifyLog.modifiedTime || status"> |
| 9 | <p class="tips-p"> | 9 | <p class="tips-p"> |
| 10 | <i class="fa fa-bell-o"></i> | 10 | <i class="fa fa-bell-o"></i> |
| 11 | {{ | 11 | {{ |
| @@ -29,34 +29,18 @@ | @@ -29,34 +29,18 @@ | ||
| 29 | <div class="page-content"> | 29 | <div class="page-content"> |
| 30 | <div class="tab-box"> | 30 | <div class="tab-box"> |
| 31 | <span | 31 | <span |
| 32 | + v-for="(item, index) in tabList" | ||
| 33 | + :key="item" | ||
| 32 | class="tab-item" | 34 | class="tab-item" |
| 33 | - :class="type == 1 ? 'active' : ''" | ||
| 34 | - @click="setType(1)" | ||
| 35 | - >试题分析</span | ||
| 36 | - > | ||
| 37 | - <span | ||
| 38 | - class="tab-item" | ||
| 39 | - :class="type == 2 ? 'active' : ''" | ||
| 40 | - @click="setType(2)" | ||
| 41 | - >成绩排名</span | ||
| 42 | - > | ||
| 43 | - <span | ||
| 44 | - class="tab-item" | ||
| 45 | - :class="type == 3 ? 'active' : ''" | ||
| 46 | - @click="setType(3)" | ||
| 47 | - >小题分报表</span | ||
| 48 | - > | ||
| 49 | - <span | ||
| 50 | - class="tab-item" | ||
| 51 | - :class="type == 4 ? 'active' : ''" | ||
| 52 | - @click="setType(4)" | ||
| 53 | - >作答明细表</span | 35 | + :class="type == index ? 'active' : ''" |
| 36 | + @click="setType(index)" | ||
| 37 | + >{{ item }}</span | ||
| 54 | > | 38 | > |
| 55 | </div> | 39 | </div> |
| 56 | <div id="print-content" class="table-box" v-loading="loading"> | 40 | <div id="print-content" class="table-box" v-loading="loading"> |
| 57 | <el-table | 41 | <el-table |
| 58 | :max-height="tableMaxHeight" | 42 | :max-height="tableMaxHeight" |
| 59 | - v-show="type == 1" | 43 | + v-show="type == 0" |
| 60 | :data="tableData" | 44 | :data="tableData" |
| 61 | border | 45 | border |
| 62 | style="width: 100%" | 46 | style="width: 100%" |
| @@ -147,7 +131,7 @@ | @@ -147,7 +131,7 @@ | ||
| 147 | > | 131 | > |
| 148 | </el-table-column> | 132 | </el-table-column> |
| 149 | </el-table> | 133 | </el-table> |
| 150 | - <div class="hui-box" v-show="type == 1"> | 134 | + <div class="hui-box" v-show="type == 0"> |
| 151 | <span class="s-txt">汇总</span> | 135 | <span class="s-txt">汇总</span> |
| 152 | <ul class="hui-ul"> | 136 | <ul class="hui-ul"> |
| 153 | <li class="hui-li"> | 137 | <li class="hui-li"> |
| @@ -189,7 +173,7 @@ | @@ -189,7 +173,7 @@ | ||
| 189 | </ul> | 173 | </ul> |
| 190 | </div> | 174 | </div> |
| 191 | <el-table | 175 | <el-table |
| 192 | - v-show="type == 2" | 176 | + v-show="type == 1" |
| 193 | :max-height="tableMaxHeight" | 177 | :max-height="tableMaxHeight" |
| 194 | :data="tableData2" | 178 | :data="tableData2" |
| 195 | border | 179 | border |
| @@ -261,7 +245,7 @@ | @@ -261,7 +245,7 @@ | ||
| 261 | </el-table-column> | 245 | </el-table-column> |
| 262 | </el-table> | 246 | </el-table> |
| 263 | <el-table | 247 | <el-table |
| 264 | - v-show="type == 3" | 248 | + v-show="type == 2" |
| 265 | :max-height="tableMaxHeight" | 249 | :max-height="tableMaxHeight" |
| 266 | :data="tableData2" | 250 | :data="tableData2" |
| 267 | border | 251 | border |
| @@ -309,7 +293,7 @@ | @@ -309,7 +293,7 @@ | ||
| 309 | </el-table> | 293 | </el-table> |
| 310 | <el-table | 294 | <el-table |
| 311 | :max-height="tableMaxHeight" | 295 | :max-height="tableMaxHeight" |
| 312 | - v-show="type == 4" | 296 | + v-show="type == 3" |
| 313 | :data="tableData2" | 297 | :data="tableData2" |
| 314 | border | 298 | border |
| 315 | style="width: 100%" | 299 | style="width: 100%" |
| @@ -381,7 +365,7 @@ | @@ -381,7 +365,7 @@ | ||
| 381 | >打印</el-button | 365 | >打印</el-button |
| 382 | > | 366 | > |
| 383 | </div> | 367 | </div> |
| 384 | - <div> | 368 | + <div v-if="!status"> |
| 385 | <el-button | 369 | <el-button |
| 386 | v-if="examReport.subjectiveScore != 0" | 370 | v-if="examReport.subjectiveScore != 0" |
| 387 | @click="diaUp = true" | 371 | @click="diaUp = true" |
| @@ -425,6 +409,7 @@ export default { | @@ -425,6 +409,7 @@ export default { | ||
| 425 | data() { | 409 | data() { |
| 426 | return { | 410 | return { |
| 427 | role: "", | 411 | role: "", |
| 412 | + status: 0, | ||
| 428 | tableMaxHeight: 600, | 413 | tableMaxHeight: 600, |
| 429 | loading: false, | 414 | loading: false, |
| 430 | exportLoading: false, | 415 | exportLoading: false, |
| @@ -433,7 +418,8 @@ export default { | @@ -433,7 +418,8 @@ export default { | ||
| 433 | id: "", | 418 | id: "", |
| 434 | title: "", | 419 | title: "", |
| 435 | score: "", | 420 | score: "", |
| 436 | - type: 1, | 421 | + tabList: ["试题分析", "成绩排名", "小题分报表", "作答明细表"], |
| 422 | + type: 0, | ||
| 437 | paperModifyLog: { | 423 | paperModifyLog: { |
| 438 | realName: "", | 424 | realName: "", |
| 439 | modifiedTime: "", | 425 | modifiedTime: "", |
| @@ -469,12 +455,13 @@ export default { | @@ -469,12 +455,13 @@ export default { | ||
| 469 | this.$store.getters.info.showRole || | 455 | this.$store.getters.info.showRole || |
| 470 | this.$store.getters.info.permissions[0].role; | 456 | this.$store.getters.info.permissions[0].role; |
| 471 | this.id = this.$route.query.id; | 457 | this.id = this.$route.query.id; |
| 458 | + this.status = this.$route.query.status ? this.$route.query.status : 0; | ||
| 472 | this.title = this.$route.query.title || ""; | 459 | this.title = this.$route.query.title || ""; |
| 473 | this._QueryData(); | 460 | this._QueryData(); |
| 474 | }, | 461 | }, |
| 475 | methods: { | 462 | methods: { |
| 476 | print() { | 463 | print() { |
| 477 | - tablePrint("print-content"); | 464 | + tablePrint("print-content", this.title + this.tabList[this.type]); |
| 478 | }, | 465 | }, |
| 479 | upSuccess(res) { | 466 | upSuccess(res) { |
| 480 | //导入成功 | 467 | //导入成功 |
| @@ -653,7 +640,7 @@ export default { | @@ -653,7 +640,7 @@ export default { | ||
| 653 | }); | 640 | }); |
| 654 | this.optionsList = [...optionsList]; | 641 | this.optionsList = [...optionsList]; |
| 655 | this.total = data.count; | 642 | this.total = data.count; |
| 656 | - this.setType(1); | 643 | + this.setType(0); |
| 657 | } else { | 644 | } else { |
| 658 | this.$message.error(info); | 645 | this.$message.error(info); |
| 659 | } | 646 | } |
| @@ -670,7 +657,12 @@ export default { | @@ -670,7 +657,12 @@ export default { | ||
| 670 | let blob = new Blob([data], { | 657 | let blob = new Blob([data], { |
| 671 | type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", | 658 | type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", |
| 672 | }); | 659 | }); |
| 673 | - downloadFile("即时测-单卷测练报表.xlsx", blob); | 660 | + downloadFile( |
| 661 | + this.status | ||
| 662 | + ? "即时测-已归档单卷测练报表.xlsx" | ||
| 663 | + : "即时测-单卷测练报表.xlsx", | ||
| 664 | + blob | ||
| 665 | + ); | ||
| 674 | } else { | 666 | } else { |
| 675 | this.$message.error("下载失败"); | 667 | this.$message.error("下载失败"); |
| 676 | } | 668 | } |
src/views/standard/test/archiving.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div ref="main" class="page-container"> | ||
| 3 | + <back-box> | ||
| 4 | + <template slot="title"> | ||
| 5 | + <span>即时测-已归档数据报表</span> | ||
| 6 | + </template> | ||
| 7 | + </back-box> | ||
| 8 | + <div class="answer-header"> | ||
| 9 | + <div class="sel-box"> | ||
| 10 | + <el-select | ||
| 11 | + class="sel" | ||
| 12 | + v-model="query.classId" | ||
| 13 | + placeholder="选择班级" | ||
| 14 | + @change="changeclass" | ||
| 15 | + > | ||
| 16 | + <el-option | ||
| 17 | + v-for="item in classList" | ||
| 18 | + :key="item.value" | ||
| 19 | + :label="item.label" | ||
| 20 | + :value="item.value" | ||
| 21 | + > | ||
| 22 | + </el-option> | ||
| 23 | + </el-select> | ||
| 24 | + <el-select | ||
| 25 | + v-if="role == 'ROLE_BANZHUREN'" | ||
| 26 | + class="sel" | ||
| 27 | + multiple | ||
| 28 | + v-model="query.subjectNames" | ||
| 29 | + placeholder="选择科目" | ||
| 30 | + @change="changeSub" | ||
| 31 | + > | ||
| 32 | + <el-option | ||
| 33 | + v-for="item in subjectList" | ||
| 34 | + :key="item.value" | ||
| 35 | + :label="item.label" | ||
| 36 | + :value="item.value" | ||
| 37 | + > | ||
| 38 | + </el-option> | ||
| 39 | + </el-select> | ||
| 40 | + <el-select | ||
| 41 | + v-else | ||
| 42 | + class="sel" | ||
| 43 | + v-model="query.subjectNames" | ||
| 44 | + placeholder="选择科目" | ||
| 45 | + > | ||
| 46 | + <el-option | ||
| 47 | + v-for="item in subjectList" | ||
| 48 | + :key="item.value" | ||
| 49 | + :label="item.label" | ||
| 50 | + :value="item.value" | ||
| 51 | + > | ||
| 52 | + </el-option> | ||
| 53 | + </el-select> | ||
| 54 | + <div class="d1"> | ||
| 55 | + <el-date-picker | ||
| 56 | + v-model="query.startDay" | ||
| 57 | + type="date" | ||
| 58 | + @change="handleChangeTimeStart" | ||
| 59 | + placeholder="选择日期时间" | ||
| 60 | + value-format="yyyy-MM-dd" | ||
| 61 | + > | ||
| 62 | + </el-date-picker> | ||
| 63 | + ~ | ||
| 64 | + <el-date-picker | ||
| 65 | + v-model="query.endDay" | ||
| 66 | + type="date" | ||
| 67 | + placeholder="选择日期时间" | ||
| 68 | + @change="handleChangeTimeEnd" | ||
| 69 | + value-format="yyyy-MM-dd" | ||
| 70 | + > | ||
| 71 | + </el-date-picker> | ||
| 72 | + </div> | ||
| 73 | + <p class="p1"> | ||
| 74 | + <span @click="setDate(1)" :class="[date == 1 ? 'active' : '', 's1']" | ||
| 75 | + >今天</span | ||
| 76 | + > | ||
| 77 | + <span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']" | ||
| 78 | + >本周</span | ||
| 79 | + > | ||
| 80 | + <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']" | ||
| 81 | + >本月</span | ||
| 82 | + > | ||
| 83 | + <span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']" | ||
| 84 | + >本季度</span | ||
| 85 | + > | ||
| 86 | + </p> | ||
| 87 | + <el-button type="primary" round @click="_QueryData()">筛选</el-button> | ||
| 88 | + </div> | ||
| 89 | + </div> | ||
| 90 | + <div class="table-box"> | ||
| 91 | + <el-radio-group | ||
| 92 | + v-model="tabIndex" | ||
| 93 | + @change="changeTab" | ||
| 94 | + style="margin-bottom: 20px" | ||
| 95 | + > | ||
| 96 | + <template v-for="(item, index) in tabList"> | ||
| 97 | + <el-radio-button | ||
| 98 | + v-if="index == 0 || query.startDay != query.endDay" | ||
| 99 | + :key="index" | ||
| 100 | + :label="index + 1" | ||
| 101 | + >{{ item }}</el-radio-button | ||
| 102 | + > | ||
| 103 | + </template> | ||
| 104 | + </el-radio-group> | ||
| 105 | + <div v-show="tabIndex == 1" v-loading="loading"> | ||
| 106 | + <el-table :data="tableData" border style="width: 100%"> | ||
| 107 | + <el-table-column | ||
| 108 | + prop="title" | ||
| 109 | + label="试卷名称" | ||
| 110 | + fixed | ||
| 111 | + align="center" | ||
| 112 | + ></el-table-column> | ||
| 113 | + <el-table-column | ||
| 114 | + prop="examPaperScore" | ||
| 115 | + label="卷面分" | ||
| 116 | + align="center" | ||
| 117 | + width="68" | ||
| 118 | + ></el-table-column> | ||
| 119 | + <el-table-column prop="answeredNum" label="测验人数" align="center" | ||
| 120 | + ><template slot-scope="scoped">{{ | ||
| 121 | + `${scoped.row.answeredNum}/${scoped.row.classPersonNum}` | ||
| 122 | + }}</template></el-table-column | ||
| 123 | + > | ||
| 124 | + <el-table-column | ||
| 125 | + prop="examStartTime" | ||
| 126 | + label="测验时间" | ||
| 127 | + width="100" | ||
| 128 | + align="center" | ||
| 129 | + ></el-table-column> | ||
| 130 | + <el-table-column prop="avgScore" label="班平均分" align="center" | ||
| 131 | + ><template slot-scope="scoped">{{ | ||
| 132 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 133 | + scoped.row.answerNum == 0) && | ||
| 134 | + scoped.row.recordStatus == 0 | ||
| 135 | + ? "-" | ||
| 136 | + : scoped.row.avgScore | ||
| 137 | + }}</template></el-table-column | ||
| 138 | + > | ||
| 139 | + <el-table-column prop="highestScore" label="班最高分" align="center" | ||
| 140 | + ><template slot-scope="scoped">{{ | ||
| 141 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 142 | + scoped.row.answerNum == 0) && | ||
| 143 | + scoped.row.recordStatus == 0 | ||
| 144 | + ? "-" | ||
| 145 | + : scoped.row.highestScore | ||
| 146 | + }}</template></el-table-column | ||
| 147 | + > | ||
| 148 | + <el-table-column prop="lowestScore" label="班最低分" align="center" | ||
| 149 | + ><template slot-scope="scoped">{{ | ||
| 150 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 151 | + scoped.row.answerNum == 0) && | ||
| 152 | + scoped.row.recordStatus == 0 | ||
| 153 | + ? "-" | ||
| 154 | + : scoped.row.lowestScore | ||
| 155 | + }}</template></el-table-column | ||
| 156 | + > | ||
| 157 | + <el-table-column | ||
| 158 | + prop="excellenRate" | ||
| 159 | + label="优秀数(率)" | ||
| 160 | + sortable | ||
| 161 | + align="center" | ||
| 162 | + width="110" | ||
| 163 | + class-name="p0" | ||
| 164 | + ><template slot-scope="scoped"> | ||
| 165 | + <p | ||
| 166 | + v-if=" | ||
| 167 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 168 | + scoped.row.answerNum == 0) && | ||
| 169 | + scoped.row.arecordStatus == 0 | ||
| 170 | + " | ||
| 171 | + > | ||
| 172 | + "-" | ||
| 173 | + </p> | ||
| 174 | + <template v-else> | ||
| 175 | + <p>{{ scoped.row.excellenNum }}</p> | ||
| 176 | + <p v-if="scoped.row.excellenNum"> | ||
| 177 | + {{ `（${scoped.row.excellenRate}%）` }} | ||
| 178 | + </p> | ||
| 179 | + </template> | ||
| 180 | + </template></el-table-column | ||
| 181 | + > | ||
| 182 | + <el-table-column | ||
| 183 | + prop="goodRate" | ||
| 184 | + label="良好数(率)" | ||
| 185 | + sortable | ||
| 186 | + align="center" | ||
| 187 | + width="110" | ||
| 188 | + class-name="p0" | ||
| 189 | + ><template slot-scope="scoped"> | ||
| 190 | + <p | ||
| 191 | + v-if=" | ||
| 192 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 193 | + scoped.row.answerNum == 0) && | ||
| 194 | + scoped.row.arecordStatus == 0 | ||
| 195 | + " | ||
| 196 | + > | ||
| 197 | + "-" | ||
| 198 | + </p> | ||
| 199 | + <template v-else> | ||
| 200 | + <p>{{ scoped.row.goodNum }}</p> | ||
| 201 | + <p v-if="scoped.row.goodNum"> | ||
| 202 | + {{ `（${scoped.row.goodRate}%）` }} | ||
| 203 | + </p> | ||
| 204 | + </template> | ||
| 205 | + </template></el-table-column | ||
| 206 | + > | ||
| 207 | + <el-table-column | ||
| 208 | + prop="passRate" | ||
| 209 | + label="及格数(率)" | ||
| 210 | + sortable | ||
| 211 | + align="center" | ||
| 212 | + width="110" | ||
| 213 | + class-name="p0" | ||
| 214 | + ><template slot-scope="scoped"> | ||
| 215 | + <p | ||
| 216 | + v-if=" | ||
| 217 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 218 | + scoped.row.answerNum == 0) && | ||
| 219 | + scoped.row.arecordStatus == 0 | ||
| 220 | + " | ||
| 221 | + > | ||
| 222 | + "-" | ||
| 223 | + </p> | ||
| 224 | + <template v-else> | ||
| 225 | + <p>{{ scoped.row.passNum }}</p> | ||
| 226 | + <p v-if="scoped.row.passNum"> | ||
| 227 | + {{ `（${scoped.row.passRate}%）` }} | ||
| 228 | + </p> | ||
| 229 | + </template> | ||
| 230 | + </template></el-table-column | ||
| 231 | + > | ||
| 232 | + <el-table-column | ||
| 233 | + prop="failedRate" | ||
| 234 | + label="不及格数(率)" | ||
| 235 | + sortable | ||
| 236 | + align="center" | ||
| 237 | + width="130" | ||
| 238 | + class-name="p0" | ||
| 239 | + ><template slot-scope="scoped"> | ||
| 240 | + <p | ||
| 241 | + v-if=" | ||
| 242 | + (scoped.row.subjectiveScore == scoped.row.examPaperScore || | ||
| 243 | + scoped.row.answerNum == 0) && | ||
| 244 | + scoped.row.arecordStatus == 0 | ||
| 245 | + " | ||
| 246 | + > | ||
| 247 | + "-" | ||
| 248 | + </p> | ||
| 249 | + <template v-else> | ||
| 250 | + <p>{{ scoped.row.failedNum }}</p> | ||
| 251 | + <p v-if="scoped.row.failedNum"> | ||
| 252 | + {{ `（${scoped.row.failedRate}%）` }} | ||
| 253 | + </p> | ||
| 254 | + </template> | ||
| 255 | + </template></el-table-column | ||
| 256 | + > | ||
| 257 | + <el-table-column label="操作" align="center"> | ||
| 258 | + <template slot-scope="scoped"> | ||
| 259 | + <el-tooltip effect="dark" content="详情" placement="top"> | ||
| 260 | + <el-button | ||
| 261 | + type="primary" | ||
| 262 | + circle | ||
| 263 | + size="mini" | ||
| 264 | + icon="fa fa-arrow-right" | ||
| 265 | + @click="linkTo(scoped.row)" | ||
| 266 | + ></el-button> | ||
| 267 | + </el-tooltip> | ||
| 268 | + </template> | ||
| 269 | + </el-table-column> | ||
| 270 | + </el-table> | ||
| 271 | + <div class="pagination-box"> | ||
| 272 | + <el-pagination | ||
| 273 | + small="" | ||
| 274 | + layout="total,prev, pager, next" | ||
| 275 | + :hide-on-single-page="true" | ||
| 276 | + :total="total" | ||
| 277 | + @current-change="changePage" | ||
| 278 | + :current-page="page" | ||
| 279 | + :page-size="size" | ||
| 280 | + > | ||
| 281 | + </el-pagination> | ||
| 282 | + </div> | ||
| 283 | + </div> | ||
| 284 | + <div v-show="tabIndex == 2" v-loading="loading"> | ||
| 285 | + <el-empty | ||
| 286 | + :image-size="100" | ||
| 287 | + v-if="!tableData.length && loading == false" | ||
| 288 | + description="没有更多数据" | ||
| 289 | + ></el-empty> | ||
| 290 | + <template v-if="tableData.length && loading == false"> | ||
| 291 | + <div id="print-content"> | ||
| 292 | + <el-table | ||
| 293 | + :max-height="tableMaxHeight" | ||
| 294 | + v-if="role == 'ROLE_JIAOSHI'" | ||
| 295 | + :data="tableData" | ||
| 296 | + border | ||
| 297 | + style="width: 100%" | ||
| 298 | + > | ||
| 299 | + <el-table-column | ||
| 300 | + prop="studentCode" | ||
| 301 | + label="学号" | ||
| 302 | + align="center" | ||
| 303 | + fixed | ||
| 304 | + ></el-table-column> | ||
| 305 | + <el-table-column | ||
| 306 | + prop="studentName" | ||
| 307 | + label="姓名" | ||
| 308 | + fixed | ||
| 309 | + align="center" | ||
| 310 | + ></el-table-column> | ||
| 311 | + <el-table-column | ||
| 312 | + align="center" | ||
| 313 | + v-for="(item, index) in answerList" | ||
| 314 | + :key="index" | ||
| 315 | + :label="item.title" | ||
| 316 | + > | ||
| 317 | + <el-table-column | ||
| 318 | + :prop="'score' + index" | ||
| 319 | + :label="index == 0 ? '总分' : '成绩'" | ||
| 320 | + align="center" | ||
| 321 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 322 | + ></el-table-column> | ||
| 323 | + <el-table-column | ||
| 324 | + :prop="'classRank' + index" | ||
| 325 | + label="班名" | ||
| 326 | + align="center" | ||
| 327 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 328 | + ></el-table-column> | ||
| 329 | + </el-table-column> | ||
| 330 | + </el-table> | ||
| 331 | + <el-table | ||
| 332 | + v-else | ||
| 333 | + :data="tableData" | ||
| 334 | + :max-height="tableMaxHeight" | ||
| 335 | + border | ||
| 336 | + style="width: 100%" | ||
| 337 | + > | ||
| 338 | + <el-table-column | ||
| 339 | + prop="studentCode" | ||
| 340 | + label="学号" | ||
| 341 | + align="center" | ||
| 342 | + fixed | ||
| 343 | + ></el-table-column> | ||
| 344 | + | ||
| 345 | + <el-table-column | ||
| 346 | + prop="studentName" | ||
| 347 | + label="姓名" | ||
| 348 | + fixed | ||
| 349 | + align="center" | ||
| 350 | + ></el-table-column> | ||
| 351 | + <el-table-column | ||
| 352 | + align="center" | ||
| 353 | + v-for="(item, index) in answerList" | ||
| 354 | + :key="index" | ||
| 355 | + :label="item" | ||
| 356 | + > | ||
| 357 | + <el-table-column | ||
| 358 | + :prop="'examCount' + item" | ||
| 359 | + label="测练数" | ||
| 360 | + align="center" | ||
| 361 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 362 | + ></el-table-column> | ||
| 363 | + <el-table-column | ||
| 364 | + :prop="'participationCount' + item" | ||
| 365 | + label="参与数" | ||
| 366 | + align="center" | ||
| 367 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 368 | + ></el-table-column> | ||
| 369 | + <el-table-column | ||
| 370 | + :prop="'score' + item" | ||
| 371 | + label="总分" | ||
| 372 | + align="center" | ||
| 373 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 374 | + ></el-table-column> | ||
| 375 | + <el-table-column | ||
| 376 | + :prop="'classRank' + item" | ||
| 377 | + label="班名" | ||
| 378 | + align="center" | ||
| 379 | + :class-name="index % 2 == 0 ? 'bg' : ''" | ||
| 380 | + ></el-table-column> | ||
| 381 | + </el-table-column> | ||
| 382 | + </el-table> | ||
| 383 | + </div> | ||
| 384 | + </template> | ||
| 385 | + </div> | ||
| 386 | + <p class="down" v-if="tabIndex == 2 && tableData.length"> | ||
| 387 | + <el-button | ||
| 388 | + type="primary" | ||
| 389 | + plain | ||
| 390 | + round | ||
| 391 | + icon="fa fa-cloud-download" | ||
| 392 | + @click="downExl" | ||
| 393 | + >导出报表</el-button | ||
| 394 | + > | ||
| 395 | + <el-button | ||
| 396 | + v-if="!this.$store.getters.code" | ||
| 397 | + @click="print" | ||
| 398 | + type="primary" | ||
| 399 | + plain | ||
| 400 | + round | ||
| 401 | + icon="el-icon-printer" | ||
| 402 | + >打印</el-button | ||
| 403 | + > | ||
| 404 | + </p> | ||
| 405 | + </div> | ||
| 406 | + </div> | ||
| 407 | +</template> | ||
| 408 | + | ||
| 409 | +<script> | ||
| 410 | +import { formatDate, downloadFile, tablePrint } from "utils"; | ||
| 411 | +import BusEvent from "@/utils/busEvent"; | ||
| 412 | +export default { | ||
| 413 | + data() { | ||
| 414 | + return { | ||
| 415 | + exportLoading: false, | ||
| 416 | + tableMaxHeight: 300, | ||
| 417 | + role: "", | ||
| 418 | + loading: false, | ||
| 419 | + loadingDown: false, | ||
| 420 | + url: "/api_html/teaching/importSubjectiveScore", | ||
| 421 | + examId: "", | ||
| 422 | + form: { | ||
| 423 | + id: "", | ||
| 424 | + title: "", | ||
| 425 | + examPaperScore: "", | ||
| 426 | + }, | ||
| 427 | + date: "", //今天-昨天-本周 | ||
| 428 | + query: { | ||
| 429 | + //搜索条件 | ||
| 430 | + classId: "", | ||
| 431 | + subjectNames: "", | ||
| 432 | + startDay: "", | ||
| 433 | + endDay: "", | ||
| 434 | + day: "", | ||
| 435 | + }, | ||
| 436 | + tabList: ["单卷测练报表", "阶段测练报表"], | ||
| 437 | + classList: [], //班级 | ||
| 438 | + subjectList: [], //科目 | ||
| 439 | + tabIndex: 1, //选项卡 | ||
| 440 | + tableData: [], | ||
| 441 | + answerList: [], //设置多卷内容供tableStage表格数据用 | ||
| 442 | + page: 1, | ||
| 443 | + size: 20, | ||
| 444 | + total: 0, | ||
| 445 | + }; | ||
| 446 | + }, | ||
| 447 | + async created() { | ||
| 448 | + this.role = | ||
| 449 | + this.$store.getters.info.showRole || | ||
| 450 | + this.$store.getters.info.permissions[0].role; | ||
| 451 | + await this._QueryClassList(); | ||
| 452 | + if (!this.query.classId) { | ||
| 453 | + return; | ||
| 454 | + } | ||
| 455 | + await this._QuerySubjectList(); | ||
| 456 | + await this.setDate(1); | ||
| 457 | + let startDay = this.query?.startDay; | ||
| 458 | + if (!startDay) { | ||
| 459 | + this.query.startDay = new Date(); | ||
| 460 | + this.query.endDay = new Date(); | ||
| 461 | + } | ||
| 462 | + }, | ||
| 463 | + activated() { | ||
| 464 | + const that = this; | ||
| 465 | + BusEvent.$on("keepAlive", async function () { | ||
| 466 | + that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : ""; | ||
| 467 | + await that._QueryClassList(); | ||
| 468 | + if (!that.query.classId) { | ||
| 469 | + return; | ||
| 470 | + } | ||
| 471 | + await that._QuerySubjectList(); | ||
| 472 | + await that.setDate(1); | ||
| 473 | + let startDay = that.query?.startDay; | ||
| 474 | + if (!startDay) { | ||
| 475 | + that.query.startDay = new Date(); | ||
| 476 | + that.query.endDay = new Date(); | ||
| 477 | + } | ||
| 478 | + }); | ||
| 479 | + }, | ||
| 480 | + methods: { | ||
| 481 | + print() { | ||
| 482 | + tablePrint("print-content", "即时测-" + this.tabList[this.tabIndex - 1]); | ||
| 483 | + }, | ||
| 484 | + changeSub(val) { | ||
| 485 | + //科目改变触发事件 | ||
| 486 | + let sub; | ||
| 487 | + if (val && val.length) { | ||
| 488 | + let leng = val.length - 1; | ||
| 489 | + sub = val[leng]; | ||
| 490 | + } | ||
| 491 | + console.log(val); | ||
| 492 | + this.query.subjectNames = val.filter((item) => { | ||
| 493 | + return sub != "全部" ? item != "全部" : item == "全部"; | ||
| 494 | + }); | ||
| 495 | + }, | ||
| 496 | + linkTo(obj) { | ||
| 497 | + //去详情 | ||
| 498 | + this.$router.push({ | ||
| 499 | + path: "/testAnalysis", | ||
| 500 | + query: { | ||
| 501 | + id: obj.id, | ||
| 502 | + title: obj.title, | ||
| 503 | + score: obj.examPaperScore, | ||
| 504 | + status: 1, | ||
| 505 | + }, | ||
| 506 | + }); | ||
| 507 | + }, | ||
| 508 | + | ||
| 509 | + setDate(index) { | ||
| 510 | + const that = this; | ||
| 511 | + this.date = index == this.date ? "" : index; | ||
| 512 | + let aYear = new Date().getFullYear(); | ||
| 513 | + let aMonth = new Date().getMonth() + 1; | ||
| 514 | + that.query.day = ""; | ||
| 515 | + that.query.startDay = ""; | ||
| 516 | + that.query.endDay = ""; | ||
| 517 | + switch (index) { | ||
| 518 | + case 1: | ||
| 519 | + that.query.day = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 520 | + that.query.startDay = that.query.day; | ||
| 521 | + that.query.endDay = that.query.day; | ||
| 522 | + that.tabIndex = 1; | ||
| 523 | + break; | ||
| 524 | + case 2: | ||
| 525 | + let day = new Date().getDay(); | ||
| 526 | + if (day == 0) { | ||
| 527 | + //中国式星期天是一周的最后一天 | ||
| 528 | + day = 7; | ||
| 529 | + } | ||
| 530 | + day--; | ||
| 531 | + let aTime = new Date().getTime() - 24 * 60 * 60 * 1000 * day; | ||
| 532 | + that.query.startDay = formatDate(new Date(aTime), "yyyy-MM-dd"); | ||
| 533 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 534 | + break; | ||
| 535 | + case 3: | ||
| 536 | + aMonth = aMonth < 10 ? "0" + aMonth : aMonth; | ||
| 537 | + that.query.startDay = `${aYear}-${aMonth}-01`; | ||
| 538 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 539 | + break; | ||
| 540 | + case 4: | ||
| 541 | + if (aMonth > 0 && aMonth < 4) { | ||
| 542 | + aMonth = "1"; | ||
| 543 | + } else if (aMonth > 3 && aMonth < 7) { | ||
| 544 | + aMonth = "4"; | ||
| 545 | + } else if (aMonth > 6 && aMonth < 10) { | ||
| 546 | + aMonth = "7"; | ||
| 547 | + } else { | ||
| 548 | + aMonth = "10"; | ||
| 549 | + } | ||
| 550 | + | ||
| 551 | + aMonth = aMonth < 10 ? "0" + aMonth : aMonth; | ||
| 552 | + that.query.startDay = `${aYear}-${aMonth}-01`; | ||
| 553 | + that.query.endDay = formatDate(new Date(), "yyyy-MM-dd"); | ||
| 554 | + break; | ||
| 555 | + } | ||
| 556 | + this.page = 1; | ||
| 557 | + this._QueryData(); | ||
| 558 | + }, | ||
| 559 | + handleChangeTimeStart(val) { | ||
| 560 | + this.query.day = ""; | ||
| 561 | + this.date = ""; | ||
| 562 | + if (this.query.endDay) { | ||
| 563 | + if (new Date(val).getTime() > new Date(this.query.endDay).getTime()) { | ||
| 564 | + this.$message.error("任务结束时间不能任务开始时间前面，请重新设置"); | ||
| 565 | + this.query.startDay = ""; | ||
| 566 | + } | ||
| 567 | + } | ||
| 568 | + }, | ||
| 569 | + handleChangeTimeEnd(val) { | ||
| 570 | + this.query.day = ""; | ||
| 571 | + this.date = ""; | ||
| 572 | + if (this.query.startDay) { | ||
| 573 | + if (new Date(val).getTime() < new Date(this.query.startDay).getTime()) { | ||
| 574 | + this.$message.error("任务结束时间不能任务开始时间前面，请重新设置"); | ||
| 575 | + this.query.endDay = ""; | ||
| 576 | + } | ||
| 577 | + } | ||
| 578 | + }, | ||
| 579 | + changePage(page) { | ||
| 580 | + this.page = page; | ||
| 581 | + this._QueryData(); | ||
| 582 | + }, | ||
| 583 | + changeTab() { | ||
| 584 | + this.tableMaxHeight = this.$refs.main.offsetHeight; | ||
| 585 | + this.page = 1; | ||
| 586 | + this._QueryData(); | ||
| 587 | + }, | ||
| 588 | + | ||
| 589 | + async changeclass() { | ||
| 590 | + await this._QuerySubjectList(); | ||
| 591 | + this.page = 1; | ||
| 592 | + this._QueryData(); | ||
| 593 | + }, | ||
| 594 | + async changClazz() { | ||
| 595 | + this.page = 1; | ||
| 596 | + await this._QuerySubjectList(); | ||
| 597 | + await this._QueryData(); | ||
| 598 | + }, | ||
| 599 | + async _QueryClassList() { | ||
| 600 | + const fetchClassList = | ||
| 601 | + this.role == "ROLE_BANZHUREN" | ||
| 602 | + ? this.$request.cTClassList | ||
| 603 | + : this.$request.tClassList; | ||
| 604 | + const { data, status, info } = await fetchClassList({ status: 1 }); | ||
| 605 | + if (status === 0) { | ||
| 606 | + this.classList = data.list.map((item) => { | ||
| 607 | + return { | ||
| 608 | + value: item.classId, | ||
| 609 | + label: item.className, | ||
| 610 | + }; | ||
| 611 | + }); | ||
| 612 | + this.query.classId = this.classList[0]?.value; | ||
| 613 | + } else { | ||
| 614 | + this.$message.error(info); | ||
| 615 | + } | ||
| 616 | + }, | ||
| 617 | + async _QuerySubjectList() { | ||
| 618 | + const fetchSubjectList = | ||
| 619 | + this.role == "ROLE_BANZHUREN" | ||
| 620 | + ? this.$request.cTSubjectList | ||
| 621 | + : this.$request.tSubjectList; | ||
| 622 | + | ||
| 623 | + const { data, status, info } = await fetchSubjectList({ | ||
| 624 | + classId: this.query.classId, | ||
| 625 | + status: 1, | ||
| 626 | + }); | ||
| 627 | + if (status === 0) { | ||
| 628 | + this.subjectList = | ||
| 629 | + data.subjectNames?.map((item) => { | ||
| 630 | + return { | ||
| 631 | + value: item, | ||
| 632 | + label: item, | ||
| 633 | + }; | ||
| 634 | + }) || []; | ||
| 635 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 636 | + this.subjectList.unshift({ | ||
| 637 | + value: "全部", | ||
| 638 | + label: "全部", | ||
| 639 | + }); | ||
| 640 | + this.query.subjectNames.push(this.subjectList[0]?.value); | ||
| 641 | + } else { | ||
| 642 | + this.query.subjectNames = this.subjectList[0]?.value; | ||
| 643 | + } | ||
| 644 | + } else { | ||
| 645 | + this.$message.error(info); | ||
| 646 | + } | ||
| 647 | + }, | ||
| 648 | + async _QueryData() { | ||
| 649 | + this.tableData = []; | ||
| 650 | + if (this.tabIndex == 1) { | ||
| 651 | + this.examReportList(); | ||
| 652 | + } else { | ||
| 653 | + this.phaseExamReport(); | ||
| 654 | + } | ||
| 655 | + }, | ||
| 656 | + //单卷测练 | ||
| 657 | + async examReportList() { | ||
| 658 | + this.loading = true; | ||
| 659 | + let query = {}; | ||
| 660 | + for (let key in this.query) { | ||
| 661 | + if (this.query[key] != "") { | ||
| 662 | + query[key] = this.query[key]; | ||
| 663 | + } | ||
| 664 | + } | ||
| 665 | + if (this.role != "ROLE_BANZHUREN") { | ||
| 666 | + query.subjectNames = [query.subjectNames]; | ||
| 667 | + } else { | ||
| 668 | + if ( | ||
| 669 | + query["subjectNames"] && | ||
| 670 | + query["subjectNames"].length == 1 && | ||
| 671 | + query["subjectNames"][0] == "全部" | ||
| 672 | + ) { | ||
| 673 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 674 | + return item.value; | ||
| 675 | + }); | ||
| 676 | + query["subjectNames"].shift(); | ||
| 677 | + } | ||
| 678 | + if (!query["subjectNames"]) { | ||
| 679 | + this.$message.warning("请选择科目"); | ||
| 680 | + return; | ||
| 681 | + } | ||
| 682 | + } | ||
| 683 | + const { data, status, info } = await this.$request.examReportList({ | ||
| 684 | + ...query, | ||
| 685 | + page: this.page, | ||
| 686 | + size: this.size, | ||
| 687 | + }); | ||
| 688 | + this.loading = false; | ||
| 689 | + if (status === 0) { | ||
| 690 | + this.tableData = (data?.list && [...data?.list]) || []; | ||
| 691 | + this.total = data?.count || 0; | ||
| 692 | + } else { | ||
| 693 | + this.$message.error(info); | ||
| 694 | + } | ||
| 695 | + }, | ||
| 696 | + //多卷测练 | ||
| 697 | + async phaseExamReport() { | ||
| 698 | + this.loading = true; | ||
| 699 | + let query = {}; | ||
| 700 | + for (let key in this.query) { | ||
| 701 | + if (this.query[key] != "") { | ||
| 702 | + if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") { | ||
| 703 | + query["subjectName"] = this.query[key]; | ||
| 704 | + } else { | ||
| 705 | + query[key] = this.query[key]; | ||
| 706 | + } | ||
| 707 | + } | ||
| 708 | + } | ||
| 709 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 710 | + if ( | ||
| 711 | + query["subjectNames"] && | ||
| 712 | + query["subjectNames"]?.length == 1 && | ||
| 713 | + query["subjectNames"][0] == "全部" | ||
| 714 | + ) { | ||
| 715 | + query["subjectNames"] = this.subjectList.map((item) => { | ||
| 716 | + return item.value; | ||
| 717 | + }); | ||
| 718 | + query["subjectNames"]?.shift(); | ||
| 719 | + } | ||
| 720 | + } | ||
| 721 | + const phaseExamReport = | ||
| 722 | + this.role == "ROLE_BANZHUREN" | ||
| 723 | + ? this.$request.cTPhaseExamReport | ||
| 724 | + : this.$request.phaseExamReport; | ||
| 725 | + const { data, status, info } = await phaseExamReport({ | ||
| 726 | + ...query, | ||
| 727 | + }); | ||
| 728 | + this.loading = false; | ||
| 729 | + if (status === 0) { | ||
| 730 | + this.total = data.count; | ||
| 731 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 732 | + let subjectName = []; | ||
| 733 | + this.tableData = data?.list.map((item) => { | ||
| 734 | + let params = {}; | ||
| 735 | + item.dataList.map((items, index) => { | ||
| 736 | + if (!subjectName.includes(items.subjectName)) { | ||
| 737 | + subjectName.push(items.subjectName); | ||
| 738 | + } | ||
| 739 | + params["examCount" + items.subjectName] = items.examCount; | ||
| 740 | + params["participationCount" + items.subjectName] = | ||
| 741 | + items.participationCount; | ||
| 742 | + params["score" + items.subjectName] = items.score; | ||
| 743 | + params["classRank" + items.subjectName] = items.classRank; | ||
| 744 | + }); | ||
| 745 | + return { | ||
| 746 | + ...item, | ||
| 747 | + ...params, | ||
| 748 | + }; | ||
| 749 | + }); | ||
| 750 | + this.answerList = [...subjectName]; | ||
| 751 | + } else { | ||
| 752 | + let dataIdsList = [], | ||
| 753 | + dataList = []; | ||
| 754 | + data?.list.map((item) => { | ||
| 755 | + item.examList.map((items) => { | ||
| 756 | + if (!dataIdsList.includes(items.title)) { | ||
| 757 | + dataIdsList.push(items.title); | ||
| 758 | + dataList.push(items); | ||
| 759 | + } | ||
| 760 | + }); | ||
| 761 | + }); | ||
| 762 | + console.log(dataList); | ||
| 763 | + this.tableData = data?.list.map((item) => { | ||
| 764 | + let params = {}; | ||
| 765 | + dataIdsList.map((ids, index) => { | ||
| 766 | + params["score" + index] = "--"; | ||
| 767 | + params["classRank" + index] = "--"; | ||
| 768 | + item.examList.map((items) => { | ||
| 769 | + if (items.title == ids) { | ||
| 770 | + params["score" + index] = items.score; | ||
| 771 | + params["classRank" + index] = items.classRank; | ||
| 772 | + } | ||
| 773 | + }); | ||
| 774 | + }); | ||
| 775 | + return { | ||
| 776 | + ...item, | ||
| 777 | + ...params, | ||
| 778 | + }; | ||
| 779 | + }); | ||
| 780 | + this.answerList = dataList; | ||
| 781 | + } | ||
| 782 | + } else { | ||
| 783 | + this.$message.error(info); | ||
| 784 | + } | ||
| 785 | + }, | ||
| 786 | + async downExl() { | ||
| 787 | + //报表到处 | ||
| 788 | + if (this.exportLoading == true) return; | ||
| 789 | + let query = {}; | ||
| 790 | + for (let key in this.query) { | ||
| 791 | + if (this.query[key] != "") { | ||
| 792 | + if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") { | ||
| 793 | + query["subjectName"] = this.query[key]; | ||
| 794 | + } else { | ||
| 795 | + query[key] = this.query[key]; | ||
| 796 | + } | ||
| 797 | + } | ||
| 798 | + } | ||
| 799 | + if (this.role == "ROLE_BANZHUREN") { | ||
| 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 exportPhaseExamReport = | ||
| 816 | + this.role == "ROLE_BANZHUREN" | ||
| 817 | + ? this.$request.cTExportPhaseExamReport | ||
| 818 | + : this.$request.exportPhaseExamReport; | ||
| 819 | + this.exportLoading = true; | ||
| 820 | + const data = await exportPhaseExamReport({ ...query }); | ||
| 821 | + this.exportLoading = false; | ||
| 822 | + if (data && !data.code) { | ||
| 823 | + let blob = new Blob([data], { | ||
| 824 | + type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", | ||
| 825 | + }); | ||
| 826 | + downloadFile("即时测-已归档阶段测练报表.xlsx", blob); | ||
| 827 | + } else { | ||
| 828 | + this.$message.error(data.info); | ||
| 829 | + } | ||
| 830 | + }, | ||
| 831 | + }, | ||
| 832 | +}; | ||
| 833 | +</script> | ||
| 834 | + | ||
| 835 | +<style> | ||
| 836 | +div::-webkit-scrollbar { | ||
| 837 | + width: 3px; | ||
| 838 | + height: 10px; | ||
| 839 | +} | ||
| 840 | +div::-webkit-scrollbar-thumb { | ||
| 841 | + border-radius: 10px; | ||
| 842 | + background-color: #ccc; | ||
| 843 | +} | ||
| 844 | +</style> | ||
| 845 | +<style lang="scss" scoped> | ||
| 846 | +.page-container { | ||
| 847 | + position: relative; | ||
| 848 | + height: 100%; | ||
| 849 | + &.active { | ||
| 850 | + overflow: hidden; | ||
| 851 | + } | ||
| 852 | +} | ||
| 853 | +.table-box { | ||
| 854 | + margin: 0 20px; | ||
| 855 | + padding: 16px; | ||
| 856 | + background: #f8f8f8; | ||
| 857 | + border-radius: 5px; | ||
| 858 | + :deep(.fa-arrow-right) { | ||
| 859 | + padding-left: 2px; | ||
| 860 | + } | ||
| 861 | + :deep(.fa-file-text) { | ||
| 862 | + padding-left: 2px; | ||
| 863 | + } | ||
| 864 | +} | ||
| 865 | +.down { | ||
| 866 | + padding-top: 16px; | ||
| 867 | +} | ||
| 868 | +.click-b { | ||
| 869 | + cursor: pointer; | ||
| 870 | + color: #409eff; | ||
| 871 | + text-decoration: underline; | ||
| 872 | +} | ||
| 873 | +</style> | ||
| 0 | \ No newline at end of file | 874 | \ No newline at end of file |
src/views/standard/test/index.vue
| @@ -4,6 +4,23 @@ | @@ -4,6 +4,23 @@ | ||
| 4 | <template slot="title"> | 4 | <template slot="title"> |
| 5 | <span>即时测-数据报表</span> | 5 | <span>即时测-数据报表</span> |
| 6 | </template> | 6 | </template> |
| 7 | + <template slot="btns"> | ||
| 8 | + <el-tooltip | ||
| 9 | + v-if="!code" | ||
| 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> | ||
| 7 | </back-box> | 24 | </back-box> |
| 8 | <div class="answer-header"> | 25 | <div class="answer-header"> |
| 9 | <div class="sel-box"> | 26 | <div class="sel-box"> |
| @@ -93,12 +110,14 @@ | @@ -93,12 +110,14 @@ | ||
| 93 | @change="changeTab" | 110 | @change="changeTab" |
| 94 | style="margin-bottom: 20px" | 111 | style="margin-bottom: 20px" |
| 95 | > | 112 | > |
| 96 | - <el-radio-button :label="1">单卷测练报表</el-radio-button> | ||
| 97 | - <el-radio-button | ||
| 98 | - :label="2" | ||
| 99 | - v-show="this.query.startDay != this.query.endDay" | ||
| 100 | - >阶段测练报表</el-radio-button | ||
| 101 | - > | 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> | ||
| 102 | </el-radio-group> | 121 | </el-radio-group> |
| 103 | <div v-show="tabIndex == 1" v-loading="loading"> | 122 | <div v-show="tabIndex == 1" v-loading="loading"> |
| 104 | <el-table :data="tableData" border style="width: 100%"> | 123 | <el-table :data="tableData" border style="width: 100%"> |
| @@ -485,6 +504,7 @@ import BusEvent from "@/utils/busEvent"; | @@ -485,6 +504,7 @@ import BusEvent from "@/utils/busEvent"; | ||
| 485 | export default { | 504 | export default { |
| 486 | data() { | 505 | data() { |
| 487 | return { | 506 | return { |
| 507 | + code: "", | ||
| 488 | exportLoading: false, | 508 | exportLoading: false, |
| 489 | tableMaxHeight: 300, | 509 | tableMaxHeight: 300, |
| 490 | role: "", | 510 | role: "", |
| @@ -507,6 +527,7 @@ export default { | @@ -507,6 +527,7 @@ export default { | ||
| 507 | endDay: "", | 527 | endDay: "", |
| 508 | day: "", | 528 | day: "", |
| 509 | }, | 529 | }, |
| 530 | + tabList: ["单卷测练报表", "阶段测练报表"], | ||
| 510 | classList: [], //班级 | 531 | classList: [], //班级 |
| 511 | subjectList: [], //科目 | 532 | subjectList: [], //科目 |
| 512 | tabIndex: 1, //选项卡 | 533 | tabIndex: 1, //选项卡 |
| @@ -518,10 +539,14 @@ export default { | @@ -518,10 +539,14 @@ export default { | ||
| 518 | }; | 539 | }; |
| 519 | }, | 540 | }, |
| 520 | async created() { | 541 | async created() { |
| 542 | + this.code = localStorage.getItem("csCode") || ""; | ||
| 521 | this.role = | 543 | this.role = |
| 522 | this.$store.getters.info.showRole || | 544 | this.$store.getters.info.showRole || |
| 523 | this.$store.getters.info.permissions[0].role; | 545 | this.$store.getters.info.permissions[0].role; |
| 524 | await this._QueryClassList(); | 546 | await this._QueryClassList(); |
| 547 | + if (!this.query.classId) { | ||
| 548 | + return; | ||
| 549 | + } | ||
| 525 | await this._QuerySubjectList(); | 550 | await this._QuerySubjectList(); |
| 526 | await this.setDate(1); | 551 | await this.setDate(1); |
| 527 | let startDay = this.query?.startDay; | 552 | let startDay = this.query?.startDay; |
| @@ -533,20 +558,25 @@ export default { | @@ -533,20 +558,25 @@ export default { | ||
| 533 | activated() { | 558 | activated() { |
| 534 | const that = this; | 559 | const that = this; |
| 535 | BusEvent.$on("keepAlive", async function () { | 560 | BusEvent.$on("keepAlive", async function () { |
| 536 | - that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : ""; | ||
| 537 | - await that._QueryClassList(); | ||
| 538 | - await that._QuerySubjectList(); | ||
| 539 | - await that.setDate(1); | ||
| 540 | - let startDay = that.query?.startDay; | ||
| 541 | - if (!startDay) { | ||
| 542 | - that.query.startDay = new Date(); | ||
| 543 | - that.query.endDay = new Date(); | ||
| 544 | - } | 561 | + // if (that.$route.path == "/test") { |
| 562 | + that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : ""; | ||
| 563 | + await that._QueryClassList(); | ||
| 564 | + if (!that.query.classId) { | ||
| 565 | + return; | ||
| 566 | + } | ||
| 567 | + await that._QuerySubjectList(); | ||
| 568 | + await that.setDate(1); | ||
| 569 | + let startDay = that.query?.startDay; | ||
| 570 | + if (!startDay) { | ||
| 571 | + that.query.startDay = new Date(); | ||
| 572 | + that.query.endDay = new Date(); | ||
| 573 | + } | ||
| 574 | + // } | ||
| 545 | }); | 575 | }); |
| 546 | }, | 576 | }, |
| 547 | methods: { | 577 | methods: { |
| 548 | print() { | 578 | print() { |
| 549 | - tablePrint("print-content"); | 579 | + tablePrint("print-content", "即时测-" + this.tabList[this.tabIndex - 1]); |
| 550 | }, | 580 | }, |
| 551 | changeSub(val) { | 581 | changeSub(val) { |
| 552 | //科目改变触发事件 | 582 | //科目改变触发事件 |
| @@ -560,6 +590,11 @@ export default { | @@ -560,6 +590,11 @@ export default { | ||
| 560 | return sub != "全部" ? item != "全部" : item == "全部"; | 590 | return sub != "全部" ? item != "全部" : item == "全部"; |
| 561 | }); | 591 | }); |
| 562 | }, | 592 | }, |
| 593 | + toArchiving() { | ||
| 594 | + this.$router.push({ | ||
| 595 | + path: "/testArchiving", | ||
| 596 | + }); | ||
| 597 | + }, | ||
| 563 | linkTo(obj) { | 598 | linkTo(obj) { |
| 564 | //去详情 | 599 | //去详情 |
| 565 | this.$router.push({ | 600 | this.$router.push({ |
| @@ -573,12 +608,15 @@ export default { | @@ -573,12 +608,15 @@ export default { | ||
| 573 | }, | 608 | }, |
| 574 | toPortrait(obj) { | 609 | toPortrait(obj) { |
| 575 | //暂时不上线 | 610 | //暂时不上线 |
| 576 | - return | 611 | + return; |
| 577 | if (this.$store.getters.code) { | 612 | if (this.$store.getters.code) { |
| 578 | return; | 613 | return; |
| 579 | } | 614 | } |
| 580 | let subjectNames = []; | 615 | let subjectNames = []; |
| 581 | - subjectNames = this.role == 'ROLE_BANZHUREN'?[...this.query["subjectNames"]]:[this.query["subjectNames"]]; | 616 | + subjectNames = |
| 617 | + this.role == "ROLE_BANZHUREN" | ||
| 618 | + ? [...this.query["subjectNames"]] | ||
| 619 | + : [this.query["subjectNames"]]; | ||
| 582 | if ( | 620 | if ( |
| 583 | this.query["subjectNames"] && | 621 | this.query["subjectNames"] && |
| 584 | this.query["subjectNames"]?.length == 1 && | 622 | this.query["subjectNames"]?.length == 1 && |
| @@ -600,7 +638,7 @@ export default { | @@ -600,7 +638,7 @@ export default { | ||
| 600 | studentCode: obj.studentCode, | 638 | studentCode: obj.studentCode, |
| 601 | startDay: this.query.startDay, | 639 | startDay: this.query.startDay, |
| 602 | endDay: this.query.endDay, | 640 | endDay: this.query.endDay, |
| 603 | - date:this.date | 641 | + date: this.date, |
| 604 | }, | 642 | }, |
| 605 | }); | 643 | }); |
| 606 | }, | 644 | }, |
| @@ -698,9 +736,9 @@ export default { | @@ -698,9 +736,9 @@ export default { | ||
| 698 | this.page = 1; | 736 | this.page = 1; |
| 699 | this._QueryData(); | 737 | this._QueryData(); |
| 700 | }, | 738 | }, |
| 701 | - upSuccess(res) { | ||
| 702 | - //导入成功 | ||
| 703 | - this.$message.success("导入成功") | 739 | + upSuccess(res) { |
| 740 | + //导入成功 | ||
| 741 | + this.$message.success("导入成功"); | ||
| 704 | this.diaUp = false; | 742 | this.diaUp = false; |
| 705 | this._QueryData(); | 743 | this._QueryData(); |
| 706 | }, | 744 | }, |