Blame view

src/views/ask/index.vue 30.1 KB
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>