4c4f7640
梁保满
路由表,路由前端文件
|
1
|
<template>
|
dbbfc6c5
梁保满
飞书优化及bug
|
2
|
<div class="main" ref="main">
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
3
4
5
6
|
<back-box>
<template slot="title">
<span>问答-数据报表</span>
</template>
|
e5e4a3e6
梁保满
v1.3
|
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<template slot="btns">
<el-tooltip
v-if="!code"
effect="dark"
content="已归档试卷"
placement="bottom"
>
<el-button
type="primary"
icon="fa fa-archive"
size="mini"
plain
circle
@click="toArchiving"
></el-button>
</el-tooltip>
</template>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
24
25
26
|
</back-box>
<div class="answer-header">
<div class="sel-box">
|
255e2506
梁保满
飞书bug及优化
|
27
28
29
30
31
32
|
<el-select
class="sel"
v-model="query.classId"
placeholder="选择班级"
@change="changeclass"
>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
33
34
35
36
37
|
<el-option
v-for="item in classList"
:key="item.value"
:label="item.label"
:value="item.value"
|
d5987f6a
阿宝
组件修改答案
|
38
|
>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
39
40
41
|
</el-option>
</el-select>
<el-select
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
42
|
v-if="role == 'ROLE_BANZHUREN' || role == 'ROLE_PERSONAL'"
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
43
44
|
class="sel"
multiple
|
9309dc5d
梁保满
任课老师接口完成
|
45
|
v-model="query.subjectNames"
|
45504a95
阿宝
即时测页面,以及小题修改答案
|
46
|
placeholder="选择科目"
|
dbbfc6c5
梁保满
飞书优化及bug
|
47
|
@change="changeSub"
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
48
49
50
51
52
53
54
55
56
57
58
59
|
>
<el-option
v-for="item in subjectList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-select
v-else
class="sel"
|
9309dc5d
梁保满
任课老师接口完成
|
60
|
v-model="query.subjectNames"
|
45504a95
阿宝
即时测页面,以及小题修改答案
|
61
|
placeholder="选择科目"
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
>
<el-option
v-for="item in subjectList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<div class="d1">
<el-date-picker
v-model="query.startDay"
type="date"
@change="handleChangeTimeStart"
placeholder="选择日期时间"
value-format="yyyy-MM-dd"
>
</el-date-picker>
~
<el-date-picker
v-model="query.endDay"
type="date"
placeholder="选择日期时间"
@change="handleChangeTimeEnd"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</div>
<p class="p1">
<span @click="setDate(1)" :class="[date == 1 ? 'active' : '', 's1']"
>今天</span
>
<span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']"
|
f356590c
阿宝
即时测列表,分析页面
|
95
|
>本周</span
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
96
97
|
>
<span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']"
|
f356590c
阿宝
即时测列表,分析页面
|
98
99
100
101
|
>本月</span
>
<span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']"
>本季度</span
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
102
103
104
105
106
107
|
>
</p>
<el-button type="primary" round @click="_QueryData()">筛选</el-button>
</div>
</div>
<div class="table-box">
|
9309dc5d
梁保满
任课老师接口完成
|
108
109
110
111
112
|
<el-radio-group
v-model="tabIndex"
@change="tabChange"
style="margin-bottom: 20px"
>
|
e5e4a3e6
梁保满
v1.3
|
113
114
115
116
117
118
119
120
|
<template v-for="(item, index) in tabList">
<el-radio-button
v-if="index == 0 || query.startDay != query.endDay"
:key="index"
:label="index + 1"
>{{ item }}</el-radio-button
>
</template>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
121
|
</el-radio-group>
|
255e2506
梁保满
飞书bug及优化
|
122
|
<div class="table-cont" v-loading="loading">
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
123
124
125
126
127
128
129
|
<div id="print-content">
<div v-show="tabIndex == 1">
<el-table
:data="tableData"
border
style="width: 100%"
@sort-change="sortChange"
|
9309dc5d
梁保满
任课老师接口完成
|
130
|
>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
|
<el-table-column
prop="title"
label="课时"
align="center"
></el-table-column>
<el-table-column
prop="questionNum"
label="题目总数"
align="center"
width="100"
></el-table-column>
<el-table-column
prop="startTime"
label="上课时间"
align="center"
></el-table-column>
<el-table-column
prop="participationRate"
label="参与度"
sortable="custom"
align="center"
|
255e2506
梁保满
飞书bug及优化
|
152
|
>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
153
154
155
|
<template slot-scope="scoped"
>{{ scoped.row.participationRate }}%</template
></el-table-column
|
255e2506
梁保满
飞书bug及优化
|
156
|
>
|
255e2506
梁保满
飞书bug及优化
|
157
|
<el-table-column
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
158
159
160
|
prop="answerCorrectRate"
label="已答总正确率"
sortable="custom"
|
255e2506
梁保满
飞书bug及优化
|
161
|
align="center"
|
255e2506
梁保满
飞书bug及优化
|
162
|
>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
163
164
165
|
<template slot-scope="scoped"
>{{ scoped.row.answerCorrectRate }}%</template
>
|
255e2506
梁保满
飞书bug及优化
|
166
167
|
</el-table-column>
<el-table-column
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
168
169
170
|
prop="classCorrectRate"
label="班级总正确率"
sortable="custom"
|
255e2506
梁保满
飞书bug及优化
|
171
|
align="center"
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
172
173
174
|
><template slot-scope="scoped"
>{{ scoped.row.classCorrectRate }}%</template
></el-table-column
|
255e2506
梁保满
飞书bug及优化
|
175
|
>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
|
<el-table-column label="操作" align="center">
<template slot-scope="scoped">
<el-tooltip
effect="dark"
v-if="scoped.row.answerNum == 0"
content="设置答案"
placement="top"
>
<el-button
type="primary"
circle
size="mini"
icon="fa fa-file-text"
@click="edit(scoped.row)"
></el-button>
</el-tooltip>
<el-tooltip
v-else
effect="dark"
content="详情"
placement="top"
>
<el-button
type="primary"
circle
size="mini"
icon="fa fa-arrow-right"
@click="linkTo(scoped.row)"
></el-button>
</el-tooltip>
</template>
|
255e2506
梁保满
飞书bug及优化
|
207
|
</el-table-column>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
208
209
210
211
212
213
214
215
216
217
218
|
</el-table>
</div>
<div v-show="tabIndex == 2">
<el-table
id="print-content2"
v-if="role == 'ROLE_JIAOSHI'"
:max-height="tableMaxHeight"
:data="tableData"
border
style="width: 100%"
>
|
255e2506
梁保满
飞书bug及优化
|
219
|
<el-table-column
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
220
221
222
|
prop="studentCode"
label="学号"
fixed
|
255e2506
梁保满
飞书bug及优化
|
223
|
align="center"
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
|
></el-table-column>
<el-table-column
prop="studentName"
label="姓名"
fixed
align="center"
width="100"
></el-table-column>
<el-table-column
prop="answerTimes"
label="累计答题次数"
sortable
align="center"
></el-table-column>
<el-table-column
prop="correctAnswerTimes"
label="累计答对次数"
sortable
align="center"
></el-table-column>
<el-table-column
prop="participationRate"
label="总参与度"
sortable
align="center"
>
<template slot-scope="scoped"
>{{ scoped.row.participationRate }}%</template
></el-table-column
>
<el-table-column
prop="correctRate"
label="总正确率"
sortable
align="center"
>
<template slot-scope="scoped"
>{{ scoped.row.correctRate }}%</template
></el-table-column
>
<el-table-column
prop="answerCorrectRate"
label="已答总正确率"
sortable
align="center"
>
<template slot-scope="scoped"
>{{ scoped.row.answerCorrectRate }}%</template
|
255e2506
梁保满
飞书bug及优化
|
272
273
274
|
>
</el-table-column>
<el-table-column
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
275
276
277
|
prop="classRank"
label="总正确率班排名"
sortable
|
255e2506
梁保满
飞书bug及优化
|
278
|
align="center"
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
|
></el-table-column>
</el-table>
<el-table
id="print-content2"
:max-height="tableMaxHeight"
v-else
:data="tableData"
border
style="width: 100%"
>
<el-table-column
prop="studentCode"
label="学号"
align="center"
fixed
></el-table-column>
<el-table-column
prop="studentName"
label="姓名"
align="center"
fixed
width="100"
></el-table-column>
<el-table-column
v-for="(item, index) in phaseOption"
:key="index"
:label="item"
align="center"
>
<el-table-column
align="center"
:label="index == 0 ? '总课时数' : '课时数'"
:prop="'periodCount' + item"
>
</el-table-column>
<el-table-column
align="center"
:label="index == 0 ? '总出题数' : '出题数'"
:prop="'questionNum' + item"
|
255e2506
梁保满
飞书bug及优化
|
318
|
>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
|
</el-table-column>
<el-table-column
align="center"
:label="index == 0 ? '总参与度' : '参与度'"
:prop="'participationRate' + item"
><template slot-scope="scoped"
>{{ scoped.row["participationRate" + item] }}%</template
>
</el-table-column>
<el-table-column
align="center"
:label="index == 0 ? '总正确率' : '正确率'"
:prop="'correctRate' + item"
><template slot-scope="scoped"
>{{ scoped.row["correctRate" + item] }}%</template
>
</el-table-column>
|
255e2506
梁保满
飞书bug及优化
|
336
|
</el-table-column>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
337
338
339
340
341
342
343
344
345
346
|
</el-table>
</div>
<div v-show="tabIndex == 3">
<el-table
id="print-content3"
v-if="role == 'ROLE_JIAOSHI'"
:max-height="tableMaxHeight"
:data="tableData"
border
style="width: 100%"
|
dbbfc6c5
梁保满
飞书优化及bug
|
347
|
>
|
255e2506
梁保满
飞书bug及优化
|
348
|
<el-table-column
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
|
prop="studentCode"
label="学号"
fixed
align="center"
></el-table-column>
<el-table-column
prop="studentName"
label="姓名"
fixed
align="center"
width="100"
></el-table-column>
<el-table-column
prop="rushAnswerTimes"
label="抢答成功次数"
sortable
|
255e2506
梁保满
飞书bug及优化
|
365
|
align="center"
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
366
367
368
369
|
></el-table-column>
<el-table-column
prop="rushAnswerCorrectTimes"
label="抢答答对次数"
|
255e2506
梁保满
飞书bug及优化
|
370
|
sortable
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
371
372
|
align="center"
></el-table-column>
|
255e2506
梁保满
飞书bug及优化
|
373
|
<el-table-column
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
374
375
376
|
prop="checkAnswerTimes"
label="抽答次数"
sortable
|
255e2506
梁保满
飞书bug及优化
|
377
|
align="center"
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
378
|
></el-table-column>
|
255e2506
梁保满
飞书bug及优化
|
379
|
<el-table-column
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
380
381
382
|
prop="checkAnswerCorrectTimes"
label="抽答答对次数"
sortable
|
255e2506
梁保满
飞书bug及优化
|
383
|
align="center"
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
384
385
386
387
|
></el-table-column>
<el-table-column
prop="interactionsNum"
label="参与得分"
|
255e2506
梁保满
飞书bug及优化
|
388
|
sortable
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
|
align="center"
></el-table-column>
<el-table-column
prop="interactionsCorrectNum"
label="对错得分"
sortable
align="center"
></el-table-column>
</el-table>
<el-table
id="print-content3"
v-else
:max-height="tableMaxHeight"
:data="tableData"
border
style="width: 100%"
>
<el-table-column
prop="studentCode"
label="学号"
align="center"
></el-table-column>
|
255e2506
梁保满
飞书bug及优化
|
411
|
<el-table-column
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
412
413
414
415
416
417
418
419
420
|
prop="studentName"
label="姓名"
align="center"
width="100"
></el-table-column>
<el-table-column
v-for="(item, index) in phaseInter"
:key="index"
:label="item"
|
255e2506
梁保满
飞书bug及优化
|
421
|
align="center"
|
255e2506
梁保满
飞书bug及优化
|
422
|
>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
|
<el-table-column
align="center"
v-if="index == 0"
label="参与分"
sortable
:prop="'interactionsNum' + item"
>
</el-table-column>
<el-table-column
v-else
align="center"
label="互动数"
:prop="'interactionsNum' + item"
>
</el-table-column>
<el-table-column
v-if="index == 0"
align="center"
label="对错分"
sortable
:prop="'interactionsCorrectNum' + item"
>
</el-table-column>
<el-table-column
v-else
align="center"
label="参与数"
:prop="'interactionsCorrectNum' + item"
>
</el-table-column>
|
255e2506
梁保满
飞书bug及优化
|
453
|
</el-table-column>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
454
455
|
</el-table>
</div>
|
255e2506
梁保满
飞书bug及优化
|
456
457
458
459
460
461
462
463
464
465
466
467
468
|
</div>
<div class="pagination-box" v-show="tabIndex == 1">
<el-pagination
small=""
layout="total,prev, pager, next"
:hide-on-single-page="true"
:total="total"
@current-change="changePage"
:current-page="page"
:page-size="size"
>
</el-pagination>
</div>
|
503b6063
梁保满
判断题答案选项
|
469
470
471
472
|
<p
class="down"
v-if="(tabIndex == 3 || tabIndex == 2) && tableData.length"
>
|
255e2506
梁保满
飞书bug及优化
|
473
474
|
<el-button
@click="exportData"
|
533a17d8
梁保满
备题组卷添加批量设置答案
|
475
|
type="primary"
|
255e2506
梁保满
飞书bug及优化
|
476
477
478
479
480
|
plain
round
icon="fa fa-cloud-download"
>导出报表</el-button
>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
481
|
<el-button
|
3617eaad
梁保满
长水账号设置
|
482
|
v-if="!this.$store.getters.code"
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
483
484
485
486
487
488
489
|
@click="print"
type="primary"
plain
round
icon="el-icon-printer"
>打印</el-button
>
|
255e2506
梁保满
飞书bug及优化
|
490
|
</p>
|
9309dc5d
梁保满
任课老师接口完成
|
491
|
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
492
|
</div>
|
4c4f7640
梁保满
路由表,路由前端文件
|
493
494
495
496
|
</div>
</template>
<script>
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
497
|
import { formatDate, deepClone, downloadFile, tablePrint } from "utils";
|
b2d3d803
梁保满
批量设置答案优化
|
498
|
import BusEvent from "@/utils/busEvent";
|
4c4f7640
梁保满
路由表,路由前端文件
|
499
|
export default {
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
500
501
|
data() {
return {
|
255e2506
梁保满
飞书bug及优化
|
502
|
tableMaxHeight: 300,
|
e5e4a3e6
梁保满
v1.3
|
503
|
code: "",
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
504
505
|
role: "",
loading: false,
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
506
507
508
|
date: "", //今天-昨天-本周
query: {
//搜索条件
|
d5987f6a
阿宝
组件修改答案
|
509
|
classId: "",
|
9309dc5d
梁保满
任课老师接口完成
|
510
|
subjectNames: "",
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
511
512
513
514
|
startDay: "",
endDay: "",
day: "",
},
|
e5e4a3e6
梁保满
v1.3
|
515
|
tabList: ["单课时报表", "阶段问答报表", "阶段互动报表"],
|
9309dc5d
梁保满
任课老师接口完成
|
516
517
518
519
520
|
custom: {
//单课时排序
orderField: null,
orderType: null,
},
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
521
522
523
|
classList: [], //班级
subjectList: [], //科目
tabIndex: 1, //选项卡
|
9309dc5d
梁保满
任课老师接口完成
|
524
|
tableData: [],
|
dbbfc6c5
梁保满
飞书优化及bug
|
525
526
|
phaseOption: [], //问答补充数据
phaseInter: [], //互动补充数据
|
9309dc5d
梁保满
任课老师接口完成
|
527
528
529
|
page: 1,
size: 20,
total: 0,
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
530
531
532
|
};
},
async created() {
|
e5e4a3e6
梁保满
v1.3
|
533
|
this.code = localStorage.getItem("csCode") || "";
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
534
535
536
|
this.role =
this.$store.getters.info.showRole ||
this.$store.getters.info.permissions[0].role;
|
9309dc5d
梁保满
任课老师接口完成
|
537
|
this.query.subjectNames = this.role == "ROLE_BANZHUREN" ? [] : "";
|
d5987f6a
阿宝
组件修改答案
|
538
|
await this._QueryClassList();
|
e5e4a3e6
梁保满
v1.3
|
539
540
541
|
if (!this.query.classId) {
return;
}
|
d5987f6a
阿宝
组件修改答案
|
542
|
await this._QuerySubjectList();
|
9309dc5d
梁保满
任课老师接口完成
|
543
|
await this.setDate(1);
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
544
545
546
547
548
549
|
let startDay = this.query?.startDay;
if (!startDay) {
this.query.startDay = new Date();
this.query.endDay = new Date();
}
},
|
a0d49348
梁保满
授课端管理添加设备编码,随堂问、即...
|
550
551
552
|
activated() {
const that = this;
BusEvent.$on("keepAlive", async function () {
|
e5e4a3e6
梁保满
v1.3
|
553
554
555
556
557
558
559
560
561
562
563
564
|
that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : "";
await that._QueryClassList();
if (!that.query.classId) {
return;
}
await that._QuerySubjectList();
await that.setDate(1);
let startDay = that.query?.startDay;
if (!startDay) {
that.query.startDay = new Date();
that.query.endDay = new Date();
}
|
a0d49348
梁保满
授课端管理添加设备编码,随堂问、即...
|
565
566
|
});
},
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
567
|
methods: {
|
e5e4a3e6
梁保满
v1.3
|
568
569
570
571
572
|
toArchiving() {
this.$router.push({
path: "/askArchiving",
});
},
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
573
|
print() {
|
e5e4a3e6
梁保满
v1.3
|
574
|
tablePrint("print-content", "随堂问-" + this.tabList[this.tabIndex - 1]);
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
575
|
},
|
dbbfc6c5
梁保满
飞书优化及bug
|
576
577
578
579
580
581
582
583
584
585
586
|
changeSub(val) {
let sub;
if (val && val.length) {
let leng = val.length - 1;
sub = val[leng];
}
console.log(val);
this.query.subjectNames = val.filter((item) => {
return sub != "全部" ? item != "全部" : item == "全部";
});
},
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
587
588
589
590
591
592
593
594
595
|
linkTo(obj) {
//去详情
this.$router.push({
path: "/askAnalysis",
query: {
id: obj.id,
},
});
},
|
9309dc5d
梁保满
任课老师接口完成
|
596
|
setDate(index) {
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
597
598
|
const that = this;
this.date = index == this.date ? "" : index;
|
f356590c
阿宝
即时测列表,分析页面
|
599
600
|
let aYear = new Date().getFullYear();
let aMonth = new Date().getMonth() + 1;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
601
602
603
604
605
606
607
608
|
that.query.day = "";
that.query.startDay = "";
that.query.endDay = "";
switch (index) {
case 1:
that.query.day = formatDate(new Date(), "yyyy-MM-dd");
that.query.startDay = that.query.day;
that.query.endDay = that.query.day;
|
503b6063
梁保满
判断题答案选项
|
609
|
that.tabIndex = 1;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
610
|
break;
|
f356590c
阿宝
即时测列表,分析页面
|
611
|
case 2:
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
612
613
614
615
616
|
let day = new Date().getDay();
if (day == 0) {
//中国式星期天是一周的最后一天
day = 7;
}
|
8ea67428
梁保满
飞书bug
|
617
|
day--;
|
f356590c
阿宝
即时测列表,分析页面
|
618
619
620
621
622
623
624
625
626
627
|
let aTime = new Date().getTime() - 24 * 60 * 60 * 1000 * day;
that.query.startDay = formatDate(new Date(aTime), "yyyy-MM-dd");
that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
break;
case 3:
aMonth = aMonth < 10 ? "0" + aMonth : aMonth;
that.query.startDay = `${aYear}-${aMonth}-01`;
that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
break;
case 4:
|
9309dc5d
梁保满
任课老师接口完成
|
628
|
if (aMonth > 0 && aMonth < 4) {
|
e3b0e3e7
梁保满
季度时间格式调整
|
629
|
aMonth = "1";
|
f356590c
阿宝
即时测列表,分析页面
|
630
|
} else if (aMonth > 3 && aMonth < 7) {
|
e3b0e3e7
梁保满
季度时间格式调整
|
631
|
aMonth = "4";
|
f356590c
阿宝
即时测列表,分析页面
|
632
|
} else if (aMonth > 6 && aMonth < 10) {
|
e3b0e3e7
梁保满
季度时间格式调整
|
633
|
aMonth = "7";
|
f356590c
阿宝
即时测列表,分析页面
|
634
635
636
637
638
639
640
|
} else {
aMonth = "10";
}
aMonth = aMonth < 10 ? "0" + aMonth : aMonth;
that.query.startDay = `${aYear}-${aMonth}-01`;
that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
641
|
break;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
|
}
this.page = 1;
this._QueryData();
},
handleChangeTimeStart(val) {
this.query.day = "";
this.date = "";
if (this.query.endDay) {
if (new Date(val).getTime() > new Date(this.query.endDay).getTime()) {
this.$message.error("任务结束时间不能任务开始时间前面,请重新设置");
this.query.startDay = "";
}
}
},
handleChangeTimeEnd(val) {
this.query.day = "";
this.date = "";
if (this.query.startDay) {
if (new Date(val).getTime() < new Date(this.query.startDay).getTime()) {
this.$message.error("任务结束时间不能任务开始时间前面,请重新设置");
this.query.endDay = "";
}
}
},
|
9309dc5d
梁保满
任课老师接口完成
|
666
|
async edit(item) {
|
e371f2dc
梁保满
软件下载,学校,班级老师等报表导入...
|
667
668
669
670
671
672
673
|
this.$router.push({
path: "/examinationPaperEdit",
query: {
paperId: item.id,
title: item.title,
type: 3,
},
|
9309dc5d
梁保满
任课老师接口完成
|
674
|
});
|
9309dc5d
梁保满
任课老师接口完成
|
675
676
|
},
tabChange() {
|
255e2506
梁保满
飞书bug及优化
|
677
|
this.tableMaxHeight = this.$refs.main.offsetHeight;
|
9309dc5d
梁保满
任课老师接口完成
|
678
|
this.page = 1;
|
dbbfc6c5
梁保满
飞书优化及bug
|
679
|
this.tableData = [];
|
9309dc5d
梁保满
任课老师接口完成
|
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
|
this._QueryData();
},
sortChange(obj) {
this.custom.orderField =
obj.prop == "participationRate"
? 1
: obj.prop == "answerCorrectRate"
? 2
: 3;
this.custom.orderType = obj.order == "ascending" ? 0 : 1;
this.page = 1;
this._QueryData();
},
changePage(page) {
this.page = page;
this._QueryData();
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
696
|
},
|
503b6063
梁保满
判断题答案选项
|
697
698
699
700
|
async changeclass() {
await this._QuerySubjectList();
this.page = 1;
this._QueryData();
|
255e2506
梁保满
飞书bug及优化
|
701
|
},
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
702
703
|
async changClazz() {
await this._QuerySubjectList();
|
9309dc5d
梁保满
任课老师接口完成
|
704
|
// await this.setDate(1);
|
8ea67428
梁保满
飞书bug
|
705
|
this._QueryData();
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
706
707
|
},
async _QueryClassList() {
|
9309dc5d
梁保满
任课老师接口完成
|
708
709
710
711
712
|
const fetchClassList =
this.role == "ROLE_BANZHUREN"
? this.$request.cTClassList
: this.$request.tClassList;
const { data, status, info } = await fetchClassList();
|
d5987f6a
阿宝
组件修改答案
|
713
|
if (status === 0) {
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
714
715
|
this.classList = data.list.map((item) => {
return {
|
d5987f6a
阿宝
组件修改答案
|
716
|
value: item.classId,
|
45504a95
阿宝
即时测页面,以及小题修改答案
|
717
|
label: item.className,
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
718
719
|
};
});
|
d5987f6a
阿宝
组件修改答案
|
720
|
this.query.classId = this.classList[0]?.value;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
721
|
} else {
|
d5987f6a
阿宝
组件修改答案
|
722
|
this.$message.error(info);
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
723
724
725
|
}
},
async _QuerySubjectList() {
|
9309dc5d
梁保满
任课老师接口完成
|
726
727
728
729
730
731
732
733
|
const fetchSubjectList =
this.role == "ROLE_BANZHUREN"
? this.$request.cTSubjectList
: this.$request.tSubjectList;
const { data, status, info } = await fetchSubjectList({
classId: this.query.classId,
});
|
d5987f6a
阿宝
组件修改答案
|
734
|
if (status === 0) {
|
9309dc5d
梁保满
任课老师接口完成
|
735
736
737
738
739
740
741
|
this.subjectList =
data.subjectNames?.map((item) => {
return {
value: item,
label: item,
};
}) || [];
|
d5987f6a
阿宝
组件修改答案
|
742
|
if (this.role == "ROLE_BANZHUREN") {
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
743
|
this.subjectList.unshift({
|
9309dc5d
梁保满
任课老师接口完成
|
744
|
value: "全部",
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
745
746
|
label: "全部",
});
|
9309dc5d
梁保满
任课老师接口完成
|
747
748
749
|
this.query.subjectNames.push(this.subjectList[0]?.value);
} else {
this.query.subjectNames = this.subjectList[0]?.value;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
750
|
}
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
751
|
} else {
|
d5987f6a
阿宝
组件修改答案
|
752
|
this.$message.error(info);
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
753
754
755
|
}
},
async _QueryData() {
|
9309dc5d
梁保满
任课老师接口完成
|
756
757
758
759
760
761
762
763
764
765
|
if (this.tabIndex == 1) {
this.periodReportList();
} else if (this.tabIndex == 2) {
this.phaseAnswerReport();
} else if (this.tabIndex == 3) {
this.phaseInteractiveReport();
}
},
//分页查询课时报表列表
async periodReportList() {
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
766
|
this.loading = true;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
767
768
769
770
771
772
|
let query = {};
for (let key in this.query) {
if (this.query[key] != "") {
query[key] = this.query[key];
}
}
|
9309dc5d
梁保满
任课老师接口完成
|
773
774
775
776
777
778
779
|
if (this.custom.orderField !== null) {
query = { ...query, ...this.custom };
}
if (this.role != "ROLE_BANZHUREN") {
query.subjectNames = [query.subjectNames];
} else {
if (
|
dbbfc6c5
梁保满
飞书优化及bug
|
780
|
query["subjectNames"] &&
|
9309dc5d
梁保满
任课老师接口完成
|
781
782
783
784
785
786
787
788
|
query["subjectNames"].length == 1 &&
query["subjectNames"][0] == "全部"
) {
query["subjectNames"] = this.subjectList.map((item) => {
return item.value;
});
query["subjectNames"].shift();
}
|
dbbfc6c5
梁保满
飞书优化及bug
|
789
790
791
792
|
if (!query["subjectNames"]) {
this.$message.warning("请选择科目");
return;
}
|
9309dc5d
梁保满
任课老师接口完成
|
793
794
795
796
797
798
799
800
801
|
}
const { data, status, info } = await this.$request.periodReportList({
...query,
page: this.page,
size: this.size,
});
this.loading = false;
if (status === 0) {
this.tableData = (data?.list && [...data?.list]) || [];
|
76eb1bf6
梁保满
授课端版本管理,学生画像接口联调
|
802
|
this.total = data?.count || 0;
|
9309dc5d
梁保满
任课老师接口完成
|
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
|
} else {
this.$message.error(info);
}
},
//查询阶段问答报表
async phaseAnswerReport() {
this.loading = true;
let query = {};
for (let key in this.query) {
if (this.query[key] != "") {
if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") {
query["subjectName"] = this.query[key];
} else {
query[key] = this.query[key];
}
}
}
if (this.role == "ROLE_BANZHUREN") {
if (
|
dbbfc6c5
梁保满
飞书优化及bug
|
822
|
query["subjectNames"] &&
|
9309dc5d
梁保满
任课老师接口完成
|
823
824
825
826
827
828
829
830
|
query["subjectNames"].length == 1 &&
query["subjectNames"][0] == "全部"
) {
query["subjectNames"] = this.subjectList.map((item) => {
return item.value;
});
query["subjectNames"].shift();
}
|
dbbfc6c5
梁保满
飞书优化及bug
|
831
832
833
834
|
if (!query["subjectNames"]) {
this.$message.warning("请选择科目");
return;
}
|
9309dc5d
梁保满
任课老师接口完成
|
835
836
837
838
839
840
841
|
}
const phaseAnswerReport =
this.role == "ROLE_BANZHUREN"
? this.$request.cTPhaseAnswerReport
: this.$request.phaseAnswerReport;
const { data, status, info } = await phaseAnswerReport({
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
842
843
844
|
...query,
});
this.loading = false;
|
d5987f6a
阿宝
组件修改答案
|
845
|
if (status === 0) {
|
8ea67428
梁保满
飞书bug
|
846
847
|
if (this.role == "ROLE_BANZHUREN") {
let subjectName = [];
|
255e2506
梁保满
飞书bug及优化
|
848
|
let tableData = data?.list.map((item) => {
|
8ea67428
梁保满
飞书bug
|
849
850
851
852
853
|
let params = {};
item.dataList.map((items, index) => {
if (!subjectName.includes(items.subjectName)) {
subjectName.push(items.subjectName);
}
|
dbbfc6c5
梁保满
飞书优化及bug
|
854
855
|
params["answerCorrectRate" + items.subjectName] =
items.answerCorrectRate;
|
8ea67428
梁保满
飞书bug
|
856
|
params["correctRate" + items.subjectName] = items.correctRate;
|
dbbfc6c5
梁保满
飞书优化及bug
|
857
858
|
params["participationRate" + items.subjectName] =
items.participationRate;
|
8ea67428
梁保满
飞书bug
|
859
860
861
862
863
864
865
866
867
|
params["periodCount" + items.subjectName] = items.periodCount;
params["questionNum" + items.subjectName] = items.questionNum;
});
return {
...item,
...params,
};
});
this.phaseOption = [...subjectName];
|
255e2506
梁保满
飞书bug及优化
|
868
869
870
|
this.tableData = tableData.sort((a, b) => {
return a.studentCode - b.studentCode;
});
|
8ea67428
梁保满
飞书bug
|
871
|
} else {
|
255e2506
梁保满
飞书bug及优化
|
872
873
874
875
876
877
|
this.tableData =
(data?.list &&
[...data?.list].sort((a, b) => {
return a.studentCode - b.studentCode;
})) ||
[];
|
8ea67428
梁保满
飞书bug
|
878
|
}
|
9309dc5d
梁保满
任课老师接口完成
|
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
|
this.total = data.count;
} else {
this.$message.error(info);
}
},
//查询阶段互动报表
async phaseInteractiveReport() {
this.loading = true;
let query = {};
for (let key in this.query) {
if (this.query[key] != "") {
if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") {
query["subjectName"] = this.query[key];
} else {
query[key] = this.query[key];
}
}
}
if (this.role == "ROLE_BANZHUREN") {
if (
|
dbbfc6c5
梁保满
飞书优化及bug
|
899
|
query["subjectNames"] &&
|
9309dc5d
梁保满
任课老师接口完成
|
900
901
902
903
904
905
906
907
|
query["subjectNames"].length == 1 &&
query["subjectNames"][0] == "全部"
) {
query["subjectNames"] = this.subjectList.map((item) => {
return item.value;
});
query["subjectNames"].shift();
}
|
dbbfc6c5
梁保满
飞书优化及bug
|
908
909
910
911
|
if (!query["subjectNames"]) {
this.$message.warning("请选择科目");
return;
}
|
9309dc5d
梁保满
任课老师接口完成
|
912
913
914
915
916
917
918
919
920
921
922
|
}
const phaseInteractiveReport =
this.role == "ROLE_BANZHUREN"
? this.$request.cTPhaseInteractiveReport
: this.$request.phaseInteractiveReport;
const { data, status, info } = await phaseInteractiveReport({
...query,
});
this.loading = false;
if (status === 0) {
|
8ea67428
梁保满
飞书bug
|
923
924
|
if (this.role == "ROLE_BANZHUREN") {
let subjectName = [];
|
255e2506
梁保满
飞书bug及优化
|
925
|
let tableData = data?.list.map((item) => {
|
8ea67428
梁保满
飞书bug
|
926
927
928
929
930
|
let params = {};
item.dataList.map((items, index) => {
if (!subjectName.includes(items.subjectName)) {
subjectName.push(items.subjectName);
}
|
dbbfc6c5
梁保满
飞书优化及bug
|
931
932
933
934
|
params["interactionsNum" + items.subjectName] =
items.interactionsNum;
params["interactionsCorrectNum" + items.subjectName] =
items.interactionsCorrectNum;
|
8ea67428
梁保满
飞书bug
|
935
936
937
938
939
940
941
|
});
return {
...item,
...params,
};
});
this.phaseInter = [...subjectName];
|
255e2506
梁保满
飞书bug及优化
|
942
943
944
|
this.tableData = tableData.sort((a, b) => {
return a.studentCode - b.studentCode;
});
|
8ea67428
梁保满
飞书bug
|
945
|
} else {
|
255e2506
梁保满
飞书bug及优化
|
946
947
948
949
950
951
|
this.tableData =
(data?.list &&
[...data?.list].sort((a, b) => {
return a.studentCode - b.studentCode;
})) ||
[];
|
8ea67428
梁保满
飞书bug
|
952
|
}
|
9309dc5d
梁保满
任课老师接口完成
|
953
954
955
956
957
|
this.total = data.count;
} else {
this.$message.error(info);
}
},
|
9309dc5d
梁保满
任课老师接口完成
|
958
959
|
//导出
async exportData() {
|
255e2506
梁保满
飞书bug及优化
|
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
|
if (this.exportLoading == true) return;
let query = {};
for (let key in this.query) {
if (this.query[key] != "") {
if (key == "subjectNames" && this.role != "ROLE_BANZHUREN") {
query["subjectName"] = this.query[key];
} else {
query[key] = this.query[key];
}
}
}
if (this.role == "ROLE_BANZHUREN") {
if (
query["subjectNames"] &&
query["subjectNames"].length == 1 &&
query["subjectNames"][0] == "全部"
) {
query["subjectNames"] = this.subjectList.map((item) => {
return item.value;
});
query["subjectNames"].shift();
}
if (!query["subjectNames"]) {
this.$message.warning("请选择科目");
return;
}
}
|
9309dc5d
梁保满
任课老师接口完成
|
987
|
this.exportLoading = true;
|
503b6063
梁保满
判断题答案选项
|
988
989
990
991
992
993
994
995
996
997
998
999
|
let exportData;
if (this.role == "ROLE_BANZHUREN") {
exportData =
this.tabIndex == 2
? this.$request.cTExportPhaseAnswerReport
: this.$request.cTExportPhaseInteractiveReport;
} else {
exportData =
this.tabIndex == 2
? this.$request.exportPhaseAnswerReport
: this.$request.exportPhaseInteractiveReport;
}
|
255e2506
梁保满
飞书bug及优化
|
1000
|
const data = await exportData({ ...query });
|
9309dc5d
梁保满
任课老师接口完成
|
1001
1002
|
this.exportLoading = false;
if (data) {
|
255e2506
梁保满
飞书bug及优化
|
1003
1004
1005
|
let blob = new Blob([data], {
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
});
|
b2d3d803
梁保满
批量设置答案优化
|
1006
|
downloadFile("随堂问-阶段报表.xlsx", blob);
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1007
|
} else {
|
255e2506
梁保满
飞书bug及优化
|
1008
|
this.$message.error("下载失败");
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1009
1010
1011
1012
|
}
},
},
};
|
4c4f7640
梁保满
路由表,路由前端文件
|
1013
|
</script>
|
dbbfc6c5
梁保满
飞书优化及bug
|
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
|
<style>
div::-webkit-scrollbar {
width: 3px;
height: 10px;
}
div::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #ccc;
}
</style>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1024
|
<style lang="scss" scoped>
|
255e2506
梁保满
飞书bug及优化
|
1025
1026
|
.main {
height: 100%;
|
dbbfc6c5
梁保满
飞书优化及bug
|
1027
|
}
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1028
1029
1030
1031
1032
|
.table-box {
margin: 0 20px;
padding: 16px;
background: #f8f8f8;
border-radius: 5px;
|
255e2506
梁保满
飞书bug及优化
|
1033
1034
1035
|
.table-cont {
min-height: 300px;
}
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1036
1037
1038
1039
1040
1041
1042
|
:deep(.fa-arrow-right) {
padding-left: 2px;
}
:deep(.fa-file-text) {
padding-left: 2px;
}
}
|
4c4f7640
梁保满
路由表,路由前端文件
|
1043
|
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
|
.fa-exchange {
color: #667ffd;
cursor: pointer;
font-size: 16px;
margin-left: 10px;
}
.dia-btn {
border-radius: 20px;
margin: 0 20px;
padding: 10px 20px;
}
|
d5987f6a
阿宝
组件修改答案
|
1055
1056
1057
|
.dia-tips {
padding-bottom: 10px;
}
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1058
1059
1060
1061
|
.dia-question-box {
padding: 16px 16px 1px;
background: #f8f8f8;
border-radius: 10px;
|
d5987f6a
阿宝
组件修改答案
|
1062
|
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
|
.answer-s {
width: 36px;
height: 28px;
cursor: pointer;
}
}
.set-questions {
display: flex;
margin-bottom: 12px;
width: 100%;
.qs-num {
flex-shrink: 0;
margin-right: 10px;
}
.qs-options {
flex: 1;
.ipt {
margin-bottom: 5px;
}
}
.delButton {
border-color: #ff6868;
|
77ebf04d
梁保满
个人版
|
1085
|
background: #ff6868 url("../../../assets/images/arrow.png") no-repeat center;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1086
1087
1088
|
background-size: 19px;
color: transparent;
}
|
d5987f6a
阿宝
组件修改答案
|
1089
|
.ac {
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1090
1091
|
border-color: #ff6868;
background: #ff6868;
|
d5987f6a
阿宝
组件修改答案
|
1092
|
color: #fff;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1093
1094
|
}
}
|
d5987f6a
阿宝
组件修改答案
|
1095
1096
|
.down {
padding-top: 16px;
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
1097
|
}
|
4c4f7640
梁保满
路由表,路由前端文件
|
1098
|
</style>
|