baoman / Ezquiz_Platform

Blame view

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