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