baoman / Ezquiz_Platform

Blame view

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