baoman / Ezquiz_Platform

Blame view

src/views/standard/test/index.vue 29.4 KB
Edit Raw Normal View History
4c4f7640   梁保满   路由表，路由前端文件 
1
 
  <template>
76eb1bf6   梁保满   授课端版本管理，学生画像接口联调 
2
 
    <div ref="main" class="page-container">
f356590c   阿宝   即时测列表，分析页面 
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">
533a17d8   梁保满   备题组卷添加批量设置答案 
10
11
12
13
14
15
 
          <el-select
            class="sel"
            v-model="query.classId"
            placeholder="选择班级"
            @change="changeclass"
          >
f356590c   阿宝   即时测列表，分析页面 
16
17
18
19
20
21
22
23
24
25
26
27
 
            <el-option
              v-for="item in classList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
          <el-select
            v-if="role == 'ROLE_BANZHUREN'"
            class="sel"
            multiple
9309dc5d   梁保满   任课老师接口完成 
28
 
            v-model="query.subjectNames"
45504a95   阿宝   即时测页面，以及小题修改答案 
29
 
            placeholder="选择科目"
dbbfc6c5   梁保满   飞书优化及bug 
30
 
            @change="changeSub"
f356590c   阿宝   即时测列表，分析页面 
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="选择科目"
f356590c   阿宝   即时测列表，分析页面 
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
78
79
80
81
82
83
84
85
86
87
88
89
90
 
          >
            <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']"
              >本周</span
            >
            <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']"
              >本月</span
            >
            <span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']"
              >本季度</span
            >
          </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="changeTab"
          style="margin-bottom: 20px"
        >
f356590c   阿宝   即时测列表，分析页面 
96
 
          <el-radio-button :label="1">单卷测练报表</el-radio-button>
533a17d8   梁保满   备题组卷添加批量设置答案 
97
98
99
100
101
 
          <el-radio-button
            :label="2"
            v-show="this.query.startDay != this.query.endDay"
            >阶段测练报表</el-radio-button
          >
f356590c   阿宝   即时测列表，分析页面 
102
 
        </el-radio-group>
8ea67428   梁保满   飞书bug 
103
 
        <div v-show="tabIndex == 1" v-loading="loading">
d32e461c   梁保满   备题组卷 
104
 
          <el-table :data="tableData" border style="width: 100%">
f356590c   阿宝   即时测列表，分析页面 
105
106
107
 
            <el-table-column
              prop="title"
              label="试卷名称"
1365ef5e   梁保满   优化 
108
 
              fixed
f356590c   阿宝   即时测列表，分析页面 
109
110
111
 
              align="center"
            ></el-table-column>
            <el-table-column
9309dc5d   梁保满   任课老师接口完成 
112
 
              prop="examPaperScore"
f356590c   阿宝   即时测列表，分析页面 
113
114
115
116
 
              label="卷面分"
              align="center"
              width="100"
            ></el-table-column>
8ea67428   梁保满   飞书bug 
117
118
119
120
121
 
            <el-table-column prop="answeredNum" label="测验人数" align="center"
              ><template slot-scope="scoped">{{
                `${scoped.row.answeredNum}/${scoped.row.classPersonNum}`
              }}</template></el-table-column
            >
f356590c   阿宝   即时测列表，分析页面 
122
 
            <el-table-column
9309dc5d   梁保满   任课老师接口完成 
123
 
              prop="examStartTime"
f356590c   阿宝   即时测列表，分析页面 
124
 
              label="测验时间"
a0d49348   梁保满   授课端管理添加设备编码，随堂问、即... 
125
 
              width="100"
f356590c   阿宝   即时测列表，分析页面 
126
127
 
              align="center"
            ></el-table-column>
8ea67428   梁保满   飞书bug 
128
129
 
            <el-table-column prop="avgScore" label="班平均分" align="center"
              ><template slot-scope="scoped">{{
533a17d8   梁保满   备题组卷添加批量设置答案 
130
131
 
                (scoped.row.subjectiveScore == scoped.row.examPaperScore ||
                  scoped.row.answerNum == 0) &&
255e2506   梁保满   飞书bug及优化 
132
 
                scoped.row.recordStatus == 0
dbbfc6c5   梁保满   飞书优化及bug 
133
 
                  ? "-"
8ea67428   梁保满   飞书bug 
134
135
136
137
138
 
                  : scoped.row.avgScore
              }}</template></el-table-column
            >
            <el-table-column prop="highestScore" label="班最高分" align="center"
              ><template slot-scope="scoped">{{
533a17d8   梁保满   备题组卷添加批量设置答案 
139
140
 
                (scoped.row.subjectiveScore == scoped.row.examPaperScore ||
                  scoped.row.answerNum == 0) &&
255e2506   梁保满   飞书bug及优化 
141
 
                scoped.row.recordStatus == 0
dbbfc6c5   梁保满   飞书优化及bug 
142
 
                  ? "-"
8ea67428   梁保满   飞书bug 
143
144
145
146
147
 
                  : scoped.row.highestScore
              }}</template></el-table-column
            >
            <el-table-column prop="lowestScore" label="班最低分" align="center"
              ><template slot-scope="scoped">{{
533a17d8   梁保满   备题组卷添加批量设置答案 
148
149
 
                (scoped.row.subjectiveScore == scoped.row.examPaperScore ||
                  scoped.row.answerNum == 0) &&
255e2506   梁保满   飞书bug及优化 
150
 
                scoped.row.recordStatus == 0
dbbfc6c5   梁保满   飞书优化及bug 
151
 
                  ? "-"
8ea67428   梁保满   飞书bug 
152
153
154
 
                  : scoped.row.lowestScore
              }}</template></el-table-column
            >
f356590c   阿宝   即时测列表，分析页面 
155
 
            <el-table-column
9309dc5d   梁保满   任课老师接口完成 
156
 
              prop="excellenRate"
d32e461c   梁保满   备题组卷 
157
 
              label="优秀数(率)"
f356590c   阿宝   即时测列表，分析页面 
158
159
 
              sortable
              align="center"
d32e461c   梁保满   备题组卷 
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
 
              width="110"
              class-name="p0"
              ><template slot-scope="scoped">
                <p
                  v-if="
                    (scoped.row.subjectiveScore == scoped.row.examPaperScore ||
                      scoped.row.answerNum == 0) &&
                    scoped.row.arecordStatus == 0
                  "
                >
                  "-"
                </p>
                <template v-else>
                  <p>{{ scoped.row.excellenNum }}</p>
                  <p v-if="scoped.row.excellenNum">
                    {{ `（${scoped.row.excellenRate}%）` }}
                  </p>
                </template>
              </template></el-table-column
f356590c   阿宝   即时测列表，分析页面 
179
180
 
            >
            <el-table-column
9309dc5d   梁保满   任课老师接口完成 
181
 
              prop="goodRate"
d32e461c   梁保满   备题组卷 
182
 
              label="良好数(率)"
f356590c   阿宝   即时测列表，分析页面 
183
184
 
              sortable
              align="center"
d32e461c   梁保满   备题组卷 
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
 
              width="110"
              class-name="p0"
              ><template slot-scope="scoped">
                <p
                  v-if="
                    (scoped.row.subjectiveScore == scoped.row.examPaperScore ||
                      scoped.row.answerNum == 0) &&
                    scoped.row.arecordStatus == 0
                  "
                >
                  "-"
                </p>
                <template v-else>
                  <p>{{ scoped.row.goodNum }}</p>
                  <p v-if="scoped.row.goodNum">
                    {{ `（${scoped.row.goodRate}%）` }}
                  </p>
                </template>
8ea67428   梁保满   飞书bug 
203
 
              </template></el-table-column
f356590c   阿宝   即时测列表，分析页面 
204
205
 
            >
            <el-table-column
9309dc5d   梁保满   任课老师接口完成 
206
 
              prop="passRate"
d32e461c   梁保满   备题组卷 
207
 
              label="及格数(率)"
f356590c   阿宝   即时测列表，分析页面 
208
209
 
              sortable
              align="center"
d32e461c   梁保满   备题组卷 
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
 
              width="110"
              class-name="p0"
              ><template slot-scope="scoped">
                <p
                  v-if="
                    (scoped.row.subjectiveScore == scoped.row.examPaperScore ||
                      scoped.row.answerNum == 0) &&
                    scoped.row.arecordStatus == 0
                  "
                >
                  "-"
                </p>
                <template v-else>
                  <p>{{ scoped.row.passNum }}</p>
                  <p v-if="scoped.row.passNum">
                    {{ `（${scoped.row.passRate}%）` }}
                  </p>
                </template>
8ea67428   梁保满   飞书bug 
228
 
              </template></el-table-column
f356590c   阿宝   即时测列表，分析页面 
229
230
 
            >
            <el-table-column
9309dc5d   梁保满   任课老师接口完成 
231
 
              prop="failedRate"
d32e461c   梁保满   备题组卷 
232
 
              label="不及格数(率)"
f356590c   阿宝   即时测列表，分析页面 
233
234
 
              sortable
              align="center"
d32e461c   梁保满   备题组卷 
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
 
              width="130"
              class-name="p0"
              ><template slot-scope="scoped">
                <p
                  v-if="
                    (scoped.row.subjectiveScore == scoped.row.examPaperScore ||
                      scoped.row.answerNum == 0) &&
                    scoped.row.arecordStatus == 0
                  "
                >
                  "-"
                </p>
                <template v-else>
                  <p>{{ scoped.row.failedNum }}</p>
                  <p v-if="scoped.row.failedNum">
                    {{ `（${scoped.row.failedRate}%）` }}
                  </p>
                </template>
              </template></el-table-column
f356590c   阿宝   即时测列表，分析页面 
254
255
256
 
            >
            <el-table-column label="操作" align="center">
              <template slot-scope="scoped">
8ea67428   梁保满   飞书bug 
257
 
                <el-tooltip
533a17d8   梁保满   备题组卷添加批量设置答案 
258
259
260
261
262
 
                  v-if="
                    scoped.row.answerNum != 0 ||
                    (scoped.row.recordStatus != 0 &&
                      scoped.row.subjectiveScore == scoped.row.examPaperScore)
                  "
8ea67428   梁保满   飞书bug 
263
264
265
266
 
                  effect="dark"
                  content="详情"
                  placement="top"
                >
f356590c   阿宝   即时测列表，分析页面 
267
268
269
270
271
272
273
274
 
                  <el-button
                    type="primary"
                    circle
                    size="mini"
                    icon="fa fa-arrow-right"
                    @click="linkTo(scoped.row)"
                  ></el-button>
                </el-tooltip>
8ea67428   梁保满   飞书bug 
275
 
                <el-tooltip
533a17d8   梁保满   备题组卷添加批量设置答案 
276
277
278
279
 
                  v-if="
                    scoped.row.answerNum == 0 &&
                    scoped.row.subjectiveScore != scoped.row.examPaperScore
                  "
8ea67428   梁保满   飞书bug 
280
 
                  effect="dark"
255e2506   梁保满   飞书bug及优化 
281
 
                  content="设置答案"
8ea67428   梁保满   飞书bug 
282
283
 
                  placement="top"
                >
f356590c   阿宝   即时测列表，分析页面 
284
285
286
287
288
289
290
291
 
                  <el-button
                    type="primary"
                    circle
                    size="mini"
                    icon="fa fa-file-text"
                    @click="edit(scoped.row)"
                  ></el-button>
                </el-tooltip>
8ea67428   梁保满   飞书bug 
292
 
                <el-tooltip
533a17d8   梁保满   备题组卷添加批量设置答案 
293
294
295
296
 
                  v-if="
                    scoped.row.subjectiveScore == scoped.row.examPaperScore &&
                    scoped.row.recordStatus == 0
                  "
8ea67428   梁保满   飞书bug 
297
298
299
300
301
302
303
304
305
306
307
308
 
                  effect="dark"
                  content="导入主观题"
                  placement="top"
                >
                  <el-button
                    type="primary"
                    circle
                    size="mini"
                    icon="fa fa-cloud"
                    @click="uploadSJ(scoped.row)"
                  ></el-button>
                </el-tooltip>
f356590c   阿宝   即时测列表，分析页面 
309
310
311
 
              </template>
            </el-table-column>
          </el-table>
9309dc5d   梁保满   任课老师接口完成 
312
313
314
315
316
317
318
319
320
321
322
323
 
          <div class="pagination-box">
            <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>
f356590c   阿宝   即时测列表，分析页面 
324
 
        </div>
8ea67428   梁保满   飞书bug 
325
 
        <div v-show="tabIndex == 2" v-loading="loading">
503b6063   梁保满   判断题答案选项 
326
327
328
329
330
331
 
          <el-empty
            :image-size="100"
            v-if="!tableData.length && loading == false"
            description="没有更多数据"
          ></el-empty>
          <template v-if="tableData.length && loading == false">
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
332
333
334
335
336
337
338
 
            <div id="print-content">
              <el-table
                :max-height="tableMaxHeight"
                v-if="role == 'ROLE_JIAOSHI'"
                :data="tableData"
                border
                style="width: 100%"
236b1f0e   梁保满   周末-飞书bug 
339
340
 
              >
                <el-table-column
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
341
342
 
                  prop="studentCode"
                  label="学号"
236b1f0e   梁保满   周末-飞书bug 
343
 
                  align="center"
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
344
 
                  fixed
236b1f0e   梁保满   周末-飞书bug 
345
346
 
                ></el-table-column>
                <el-table-column
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
347
348
349
 
                  prop="studentName"
                  label="姓名"
                  fixed
236b1f0e   梁保满   周末-飞书bug 
350
 
                  align="center"
236b1f0e   梁保满   周末-飞书bug 
351
 
                ></el-table-column>
236b1f0e   梁保满   周末-飞书bug 
352
 
                <el-table-column
236b1f0e   梁保满   周末-飞书bug 
353
 
                  align="center"
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
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
 
                  v-for="(item, index) in answerList"
                  :key="index"
                  :label="item.title"
                >
                  <el-table-column
                    :prop="'score' + index"
                    :label="index == 0 ? '总分' : '成绩'"
                    align="center"
                    :class-name="index % 2 == 0 ? 'bg' : ''"
                  ></el-table-column>
                  <el-table-column
                    :prop="'classRank' + index"
                    label="班名"
                    align="center"
                    :class-name="index % 2 == 0 ? 'bg' : ''"
                  ></el-table-column>
                </el-table-column>
              </el-table>
              <el-table
                v-else
                :data="tableData"
                :max-height="tableMaxHeight"
                border
                style="width: 100%"
              >
236b1f0e   梁保满   周末-飞书bug 
379
 
                <el-table-column
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
380
381
 
                  prop="studentCode"
                  label="学号"
236b1f0e   梁保满   周末-飞书bug 
382
 
                  align="center"
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
383
 
                  fixed
236b1f0e   梁保满   周末-飞书bug 
384
 
                ></el-table-column>
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
385
236b1f0e   梁保满   周末-飞书bug 
386
 
                <el-table-column
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
387
388
389
 
                  prop="studentName"
                  label="姓名"
                  fixed
236b1f0e   梁保满   周末-飞书bug 
390
 
                  align="center"
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
391
392
393
394
395
396
397
 
                >
                  <template slot-scope="scoped"
                    ><span class="click-b" @click="toPortrait(scoped.row)">
                      {{ scoped.row.studentName }}
                    </span></template
                  >
                </el-table-column>
236b1f0e   梁保满   周末-飞书bug 
398
 
                <el-table-column
236b1f0e   梁保满   周末-飞书bug 
399
 
                  align="center"
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
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
427
428
429
430
 
                  v-for="(item, index) in answerList"
                  :key="index"
                  :label="item"
                >
                  <el-table-column
                    :prop="'examCount' + item"
                    label="测练数"
                    align="center"
                    :class-name="index % 2 == 0 ? 'bg' : ''"
                  ></el-table-column>
                  <el-table-column
                    :prop="'participationCount' + item"
                    label="参与数"
                    align="center"
                    :class-name="index % 2 == 0 ? 'bg' : ''"
                  ></el-table-column>
                  <el-table-column
                    :prop="'score' + item"
                    label="总分"
                    align="center"
                    :class-name="index % 2 == 0 ? 'bg' : ''"
                  ></el-table-column>
                  <el-table-column
                    :prop="'classRank' + item"
                    label="班名"
                    align="center"
                    :class-name="index % 2 == 0 ? 'bg' : ''"
                  ></el-table-column>
                </el-table-column>
              </el-table>
            </div>
236b1f0e   梁保满   周末-飞书bug 
431
 
          </template>
f356590c   阿宝   即时测列表，分析页面 
432
 
        </div>
236b1f0e   梁保满   周末-飞书bug 
433
 
        <p class="down" v-if="tabIndex == 2 && tableData.length">
503b6063   梁保满   判断题答案选项 
434
435
436
437
438
439
 
          <el-button
            type="primary"
            plain
            round
            icon="fa fa-cloud-download"
            @click="downExl"
f356590c   阿宝   即时测列表，分析页面 
440
441
 
            >导出报表</el-button
          >
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
442
443
444
445
446
447
448
449
 
          <el-button
            @click="print"
            type="primary"
            plain
            round
            icon="el-icon-printer"
            >打印</el-button
          >
f356590c   阿宝   即时测列表，分析页面 
450
451
 
        </p>
      </div>
8ea67428   梁保满   飞书bug 
452
 
      <el-dialog title="导入主观题分数" :visible.sync="diaUp" width="600">
533a17d8   梁保满   备题组卷添加批量设置答案 
453
454
455
456
457
458
459
 
        <up-load
          :url="url"
          :examId="examId"
          @upSuccess="upSuccess"
          fileName="主观题分数"
          v-loading="loadingDown"
        >
8ea67428   梁保满   飞书bug 
460
461
462
463
464
465
466
467
468
469
470
471
 
          <template slot="down">
            <p class="down-txt">
              第一步：下载模板并编辑完成学生分数
              <el-link type="danger" @click="downExcel">模板下载</el-link> 。
            </p>
            <p class="down-txt">第二步：上传完成编辑的模板文件并导入。</p>
          </template>
        </up-load>
        <div class="dialog-footer" slot="footer">
          <el-button @click="diaUp = false">取 消</el-button>
        </div>
      </el-dialog>
4c4f7640   梁保满   路由表，路由前端文件 
472
473
474
475
 
    </div>
  </template>
  
  <script>
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
476
 
  import { formatDate, downloadFile, tablePrint } from "utils";
a0d49348   梁保满   授课端管理添加设备编码，随堂问、即... 
477
 
  import BusEvent from "@/utils/busEvent";
4c4f7640   梁保满   路由表，路由前端文件 
478
 
  export default {
f356590c   阿宝   即时测列表，分析页面 
479
480
 
    data() {
      return {
503b6063   梁保满   判断题答案选项 
481
 
        exportLoading: false,
255e2506   梁保满   飞书bug及优化 
482
 
        tableMaxHeight: 300,
f356590c   阿宝   即时测列表，分析页面 
483
484
 
        role: "",
        loading: false,
8ea67428   梁保满   飞书bug 
485
 
        diaUp: false,
533a17d8   梁保满   备题组卷添加批量设置答案 
486
 
        loadingDown: false,
8ea67428   梁保满   飞书bug 
487
488
 
        url: "/api_html/teaching/importSubjectiveScore",
        examId: "",
9309dc5d   梁保满   任课老师接口完成 
489
490
491
492
 
        form: {
          id: "",
          title: "",
          examPaperScore: "",
aed43d3a   阿宝   即时测修改答案 
493
 
        },
f356590c   阿宝   即时测列表，分析页面 
494
495
496
497
 
        date: "", //今天-昨天-本周
        query: {
          //搜索条件
          classId: "",
9309dc5d   梁保满   任课老师接口完成 
498
 
          subjectNames: "",
f356590c   阿宝   即时测列表，分析页面 
499
500
501
502
503
504
505
 
          startDay: "",
          endDay: "",
          day: "",
        },
        classList: [], //班级
        subjectList: [], //科目
        tabIndex: 1, //选项卡
9309dc5d   梁保满   任课老师接口完成 
506
507
508
509
510
 
        tableData: [],
        answerList: [], //设置多卷内容供tableStage表格数据用
        page: 1,
        size: 20,
        total: 0,
f356590c   阿宝   即时测列表，分析页面 
511
512
513
 
      };
    },
    async created() {
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
514
515
516
 
      this.role =
        this.$store.getters.info.showRole ||
        this.$store.getters.info.permissions[0].role;
f356590c   阿宝   即时测列表，分析页面 
517
518
 
      await this._QueryClassList();
      await this._QuerySubjectList();
9309dc5d   梁保满   任课老师接口完成 
519
 
      await this.setDate(1);
f356590c   阿宝   即时测列表，分析页面 
520
521
522
523
524
525
 
      let startDay = this.query?.startDay;
      if (!startDay) {
        this.query.startDay = new Date();
        this.query.endDay = new Date();
      }
    },
a0d49348   梁保满   授课端管理添加设备编码，随堂问、即... 
526
527
528
 
    activated() {
      const that = this;
      BusEvent.$on("keepAlive", async function () {
cffc1a98   梁保满   3-8BUG 
529
 
        that.query.subjectNames = that.role == "ROLE_BANZHUREN" ? [] : "";
a0d49348   梁保满   授课端管理添加设备编码，随堂问、即... 
530
531
532
533
534
535
536
537
538
539
 
        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();
        }
      });
    },
f356590c   阿宝   即时测列表，分析页面 
540
 
    methods: {
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
541
542
543
544
545
 
      print() {
        tablePrint("print-content");
      },
      changeSub(val) {
        //科目改变触发事件
dbbfc6c5   梁保满   飞书优化及bug 
546
547
548
549
550
 
        let sub;
        if (val && val.length) {
          let leng = val.length - 1;
          sub = val[leng];
        }
255e2506   梁保满   飞书bug及优化 
551
 
        console.log(val);
dbbfc6c5   梁保满   飞书优化及bug 
552
553
554
555
 
        this.query.subjectNames = val.filter((item) => {
          return sub != "全部" ? item != "全部" : item == "全部";
        });
      },
f356590c   阿宝   即时测列表，分析页面 
556
557
558
559
560
561
 
      linkTo(obj) {
        //去详情
        this.$router.push({
          path: "/testAnalysis",
          query: {
            id: obj.id,
9309dc5d   梁保满   任课老师接口完成 
562
563
 
            title: obj.title,
            score: obj.examPaperScore,
f356590c   阿宝   即时测列表，分析页面 
564
565
566
 
          },
        });
      },
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
 
      toPortrait(obj) {
        let subjectNames = [];
        subjectNames = [...this.query["subjectNames"]];
        if (
          this.query["subjectNames"] &&
          this.query["subjectNames"]?.length == 1 &&
          this.query["subjectNames"][0] == "全部"
        ) {
          subjectNames = this.subjectList.map((item) => {
            return item.value;
          });
          subjectNames?.shift();
        }
        //去学生画像
        this.$router.push({
          path: "/portraitDetail",
          query: {
            id: obj.studentId,
            classId: obj.classId,
            subjectNames: subjectNames.join(","),
            studentName: obj.studentName,
            studentCode: obj.studentCode,
          },
        });
      },
      uploadSJ(obj) {
        //导入开关
8ea67428   梁保满   飞书bug 
594
595
596
 
        this.examId = obj.id;
        this.diaUp = true;
      },
f356590c   阿宝   即时测列表，分析页面 
597
598
599
600
601
602
603
604
605
606
607
608
609
 
      setDate(index) {
        const that = this;
        this.date = index == this.date ? "" : index;
        let aYear = new Date().getFullYear();
        let aMonth = new Date().getMonth() + 1;
        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;
d32e461c   梁保满   备题组卷 
610
 
            that.tabIndex = 1;
f356590c   阿宝   即时测列表，分析页面 
611
612
613
614
615
616
617
 
            break;
          case 2:
            let day = new Date().getDay();
            if (day == 0) {
              //中国式星期天是一周的最后一天
              day = 7;
            }
8ea67428   梁保满   飞书bug 
618
 
            day--;
f356590c   阿宝   即时测列表，分析页面 
619
620
621
622
623
624
625
626
627
628
 
            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   梁保满   任课老师接口完成 
629
 
            if (aMonth > 0 && aMonth < 4) {
e3b0e3e7   梁保满   季度时间格式调整 
630
 
              aMonth = "1";
f356590c   阿宝   即时测列表，分析页面 
631
 
            } else if (aMonth > 3 && aMonth < 7) {
e3b0e3e7   梁保满   季度时间格式调整 
632
 
              aMonth = "4";
f356590c   阿宝   即时测列表，分析页面 
633
 
            } else if (aMonth > 6 && aMonth < 10) {
e3b0e3e7   梁保满   季度时间格式调整 
634
 
              aMonth = "7";
f356590c   阿宝   即时测列表，分析页面 
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
 
            } else {
              aMonth = "10";
            }
  
            aMonth = aMonth < 10 ? "0" + aMonth : aMonth;
            that.query.startDay = `${aYear}-${aMonth}-01`;
            that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
            break;
        }
        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   梁保满   任课老师接口完成 
667
668
669
 
      changePage(page) {
        this.page = page;
        this._QueryData();
aed43d3a   阿宝   即时测修改答案 
670
 
      },
f356590c   阿宝   即时测列表，分析页面 
671
 
      edit(item) {
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
672
673
674
675
676
677
678
679
 
        this.$router.push({
          path: "/examinationPaperEdit",
          query: {
            paperId: item.id,
            title: item.title,
            type: 2,
          },
        });
f356590c   阿宝   即时测列表，分析页面 
680
 
      },
9309dc5d   梁保满   任课老师接口完成 
681
 
      changeTab() {
255e2506   梁保满   飞书bug及优化 
682
 
        this.tableMaxHeight = this.$refs.main.offsetHeight;
9309dc5d   梁保满   任课老师接口完成 
683
684
 
        this.page = 1;
        this._QueryData();
aed43d3a   阿宝   即时测修改答案 
685
 
      },
533a17d8   梁保满   备题组卷添加批量设置答案 
686
687
688
 
      upSuccess() {
        //导入成功
        this.diaUp = false;
255e2506   梁保满   飞书bug及优化 
689
690
 
        this._QueryData();
      },
533a17d8   梁保满   备题组卷添加批量设置答案 
691
692
693
694
 
      async changeclass() {
        await this._QuerySubjectList();
        this.page = 1;
        this._QueryData();
255e2506   梁保满   飞书bug及优化 
695
 
      },
f356590c   阿宝   即时测列表，分析页面 
696
 
      async changClazz() {
9309dc5d   梁保满   任课老师接口完成 
697
 
        this.page = 1;
f356590c   阿宝   即时测列表，分析页面 
698
 
        await this._QuerySubjectList();
9309dc5d   梁保满   任课老师接口完成 
699
 
        await this._QueryData();
f356590c   阿宝   即时测列表，分析页面 
700
701
 
      },
      async _QueryClassList() {
9309dc5d   梁保满   任课老师接口完成 
702
703
704
705
706
 
        const fetchClassList =
          this.role == "ROLE_BANZHUREN"
            ? this.$request.cTClassList
            : this.$request.tClassList;
        const { data, status, info } = await fetchClassList();
f356590c   阿宝   即时测列表，分析页面 
707
708
709
710
 
        if (status === 0) {
          this.classList = data.list.map((item) => {
            return {
              value: item.classId,
45504a95   阿宝   即时测页面，以及小题修改答案 
711
 
              label: item.className,
f356590c   阿宝   即时测列表，分析页面 
712
713
714
715
716
717
718
719
 
            };
          });
          this.query.classId = this.classList[0]?.value;
        } else {
          this.$message.error(info);
        }
      },
      async _QuerySubjectList() {
9309dc5d   梁保满   任课老师接口完成 
720
721
722
723
724
725
 
        const fetchSubjectList =
          this.role == "ROLE_BANZHUREN"
            ? this.$request.cTSubjectList
            : this.$request.tSubjectList;
  
        const { data, status, info } = await fetchSubjectList({
f356590c   阿宝   即时测列表，分析页面 
726
727
728
729
 
          classId: this.query.classId,
        });
        if (status === 0) {
          this.subjectList =
45504a95   阿宝   即时测页面，以及小题修改答案 
730
 
            data.subjectNames?.map((item) => {
f356590c   阿宝   即时测列表，分析页面 
731
 
              return {
45504a95   阿宝   即时测页面，以及小题修改答案 
732
733
 
                value: item,
                label: item,
f356590c   阿宝   即时测列表，分析页面 
734
735
 
              };
            }) || [];
aed43d3a   阿宝   即时测修改答案 
736
 
          if (this.role == "ROLE_BANZHUREN") {
f356590c   阿宝   即时测列表，分析页面 
737
 
            this.subjectList.unshift({
9309dc5d   梁保满   任课老师接口完成 
738
 
              value: "全部",
f356590c   阿宝   即时测列表，分析页面 
739
740
 
              label: "全部",
            });
9309dc5d   梁保满   任课老师接口完成 
741
 
            this.query.subjectNames.push(this.subjectList[0]?.value);
aed43d3a   阿宝   即时测修改答案 
742
 
          } else {
9309dc5d   梁保满   任课老师接口完成 
743
 
            this.query.subjectNames = this.subjectList[0]?.value;
f356590c   阿宝   即时测列表，分析页面 
744
 
          }
f356590c   阿宝   即时测列表，分析页面 
745
746
747
748
749
 
        } else {
          this.$message.error(info);
        }
      },
      async _QueryData() {
9309dc5d   梁保满   任课老师接口完成 
750
751
752
753
754
755
756
757
758
 
        this.tableData = [];
        if (this.tabIndex == 1) {
          this.examReportList();
        } else {
          this.phaseExamReport();
        }
      },
      //单卷测练
      async examReportList() {
f356590c   阿宝   即时测列表，分析页面 
759
 
        this.loading = true;
f356590c   阿宝   即时测列表，分析页面 
760
761
762
763
764
765
 
        let query = {};
        for (let key in this.query) {
          if (this.query[key] != "") {
            query[key] = this.query[key];
          }
        }
9309dc5d   梁保满   任课老师接口完成 
766
767
768
769
 
        if (this.role != "ROLE_BANZHUREN") {
          query.subjectNames = [query.subjectNames];
        } else {
          if (
8ea67428   梁保满   飞书bug 
770
 
            query["subjectNames"] &&
9309dc5d   梁保满   任课老师接口完成 
771
772
773
774
775
776
777
 
            query["subjectNames"].length == 1 &&
            query["subjectNames"][0] == "全部"
          ) {
            query["subjectNames"] = this.subjectList.map((item) => {
              return item.value;
            });
            query["subjectNames"].shift();
dbbfc6c5   梁保满   飞书优化及bug 
778
 
          }
255e2506   梁保满   飞书bug及优化 
779
 
          if (!query["subjectNames"]) {
dbbfc6c5   梁保满   飞书优化及bug 
780
781
 
            this.$message.warning("请选择科目");
            return;
9309dc5d   梁保满   任课老师接口完成 
782
783
784
 
          }
        }
        const { data, status, info } = await this.$request.examReportList({
f356590c   阿宝   即时测列表，分析页面 
785
 
          ...query,
9309dc5d   梁保满   任课老师接口完成 
786
787
 
          page: this.page,
          size: this.size,
f356590c   阿宝   即时测列表，分析页面 
788
789
790
 
        });
        this.loading = false;
        if (status === 0) {
9309dc5d   梁保满   任课老师接口完成 
791
 
          this.tableData = (data?.list && [...data?.list]) || [];
76eb1bf6   梁保满   授课端版本管理，学生画像接口联调 
792
 
          this.total = data?.count || 0;
9309dc5d   梁保满   任课老师接口完成 
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
 
        } else {
          this.$message.error(info);
        }
      },
      //多卷测练
      async phaseExamReport() {
        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 (
8ea67428   梁保满   飞书bug 
812
813
 
            query["subjectNames"] &&
            query["subjectNames"]?.length == 1 &&
9309dc5d   梁保满   任课老师接口完成 
814
815
816
817
818
 
            query["subjectNames"][0] == "全部"
          ) {
            query["subjectNames"] = this.subjectList.map((item) => {
              return item.value;
            });
8ea67428   梁保满   飞书bug 
819
 
            query["subjectNames"]?.shift();
9309dc5d   梁保满   任课老师接口完成 
820
821
822
823
824
825
826
827
828
829
830
831
 
          }
        }
        const phaseExamReport =
          this.role == "ROLE_BANZHUREN"
            ? this.$request.cTPhaseExamReport
            : this.$request.phaseExamReport;
        const { data, status, info } = await phaseExamReport({
          ...query,
        });
        this.loading = false;
        if (status === 0) {
          this.total = data.count;
8ea67428   梁保满   飞书bug 
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
 
          if (this.role == "ROLE_BANZHUREN") {
            let subjectName = [];
            this.tableData = data?.list.map((item) => {
              let params = {};
              item.dataList.map((items, index) => {
                if (!subjectName.includes(items.subjectName)) {
                  subjectName.push(items.subjectName);
                }
                params["examCount" + items.subjectName] = items.examCount;
                params["participationCount" + items.subjectName] =
                  items.participationCount;
                params["score" + items.subjectName] = items.score;
                params["classRank" + items.subjectName] = items.classRank;
              });
              return {
                ...item,
                ...params,
              };
            });
            this.answerList = [...subjectName];
          } else {
            let dataIdsList = [],
              dataList = [];
            data?.list.map((item) => {
              item.examList.map((items) => {
9309dc5d   梁保满   任课老师接口完成 
857
858
859
860
 
                if (!dataIdsList.includes(items.title)) {
                  dataIdsList.push(items.title);
                  dataList.push(items);
                }
8ea67428   梁保满   飞书bug 
861
 
              });
9309dc5d   梁保满   任课老师接口完成 
862
 
            });
8ea67428   梁保满   飞书bug 
863
864
865
866
867
868
869
 
            console.log(dataList);
            this.tableData = data?.list.map((item) => {
              let params = {};
              dataIdsList.map((ids, index) => {
                params["score" + index] = "--";
                params["classRank" + index] = "--";
                item.examList.map((items) => {
9309dc5d   梁保满   任课老师接口完成 
870
871
872
873
 
                  if (items.title == ids) {
                    params["score" + index] = items.score;
                    params["classRank" + index] = items.classRank;
                  }
8ea67428   梁保满   飞书bug 
874
 
                });
9309dc5d   梁保满   任课老师接口完成 
875
 
              });
8ea67428   梁保满   飞书bug 
876
877
878
879
 
              return {
                ...item,
                ...params,
              };
9309dc5d   梁保满   任课老师接口完成 
880
 
            });
8ea67428   梁保满   飞书bug 
881
882
 
            this.answerList = dataList;
          }
f356590c   阿宝   即时测列表，分析页面 
883
884
885
886
 
        } else {
          this.$message.error(info);
        }
      },
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
887
888
 
      async downExl() {
        //报表到处
503b6063   梁保满   判断题答案选项 
889
 
        if (this.exportLoading == true) return;
236b1f0e   梁保满   周末-飞书bug 
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
 
        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;
          }
        }
503b6063   梁保满   判断题答案选项 
916
917
918
919
 
        const exportPhaseExamReport =
          this.role == "ROLE_BANZHUREN"
            ? this.$request.cTExportPhaseExamReport
            : this.$request.exportPhaseExamReport;
236b1f0e   梁保满   周末-飞书bug 
920
 
        this.exportLoading = true;
503b6063   梁保满   判断题答案选项 
921
 
        const data = await exportPhaseExamReport({ ...query });
236b1f0e   梁保满   周末-飞书bug 
922
923
924
925
926
 
        this.exportLoading = false;
        if (data) {
          let blob = new Blob([data], {
            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
          });
503b6063   梁保满   判断题答案选项 
927
 
          downloadFile("即时测-阶段测练报表.xlsx", blob);
236b1f0e   梁保满   周末-飞书bug 
928
929
930
 
        } else {
          this.$message.error("下载失败");
        }
503b6063   梁保满   判断题答案选项 
931
 
      },
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
932
933
 
      async downExcel() {
        //模板下载
c2460294   梁保满   平台管理员接口联调 
934
935
936
937
938
939
940
941
942
943
944
945
946
947
 
        this.loadingDown = true;
        let data = await this.$request.subjectiveScoreTemplate({
          examId: this.examId,
        });
        this.loadingDown = false;
        if (data && !data.code) {
          let blob = new Blob([data], {
            type: "application/vnd.ms-excel;charset=utf-8",
          });
          downloadFile(`主观题模版.xlsx`, blob);
        } else {
          this.$message.error(data.info);
        }
      },
f356590c   阿宝   即时测列表，分析页面 
948
949
 
    },
  };
4c4f7640   梁保满   路由表，路由前端文件 
950
951
 
  </script>
9309dc5d   梁保满   任课老师接口完成 
952
953
954
955
956
957
958
959
960
961
 
  <style>
  div::-webkit-scrollbar {
    width: 3px;
    height: 10px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc;
  }
  </style>
f356590c   阿宝   即时测列表，分析页面 
962
 
  <style lang="scss" scoped>
9309dc5d   梁保满   任课老师接口完成 
963
964
 
  .page-container {
    position: relative;
255e2506   梁保满   飞书bug及优化 
965
 
    height: 100%;
9309dc5d   梁保满   任课老师接口完成 
966
 
    &.active {
9309dc5d   梁保满   任课老师接口完成 
967
968
969
 
      overflow: hidden;
    }
  }
f356590c   阿宝   即时测列表，分析页面 
970
971
972
973
974
975
976
977
978
979
980
981
 
  .table-box {
    margin: 0 20px;
    padding: 16px;
    background: #f8f8f8;
    border-radius: 5px;
    :deep(.fa-arrow-right) {
      padding-left: 2px;
    }
    :deep(.fa-file-text) {
      padding-left: 2px;
    }
  }
f356590c   阿宝   即时测列表，分析页面 
982
983
984
 
  .down {
    padding-top: 16px;
  }
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
985
986
 
  .click-b {
    cursor: pointer;
aed43d3a   阿宝   即时测修改答案 
987
 
  }
4c4f7640   梁保满   路由表，路由前端文件 
988
 
  </style>