baoman / Ezquiz_Platform

Blame view

src/views/standard/test/index.vue 29.3 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
529
530
531
532
533
534
535
536
537
538
 
    activated() {
      const that = this;
      BusEvent.$on("keepAlive", async function () {
        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   阿宝   即时测列表，分析页面 
539
 
    methods: {
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
540
541
542
543
544
 
      print() {
        tablePrint("print-content");
      },
      changeSub(val) {
        //科目改变触发事件
dbbfc6c5   梁保满   飞书优化及bug 
545
546
547
548
549
 
        let sub;
        if (val && val.length) {
          let leng = val.length - 1;
          sub = val[leng];
        }
255e2506   梁保满   飞书bug及优化 
550
 
        console.log(val);
dbbfc6c5   梁保满   飞书优化及bug 
551
552
553
554
 
        this.query.subjectNames = val.filter((item) => {
          return sub != "全部" ? item != "全部" : item == "全部";
        });
      },
f356590c   阿宝   即时测列表，分析页面 
555
556
557
558
559
560
 
      linkTo(obj) {
        //去详情
        this.$router.push({
          path: "/testAnalysis",
          query: {
            id: obj.id,
9309dc5d   梁保满   任课老师接口完成 
561
562
 
            title: obj.title,
            score: obj.examPaperScore,
f356590c   阿宝   即时测列表，分析页面 
563
564
565
 
          },
        });
      },
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
566
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
 
      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 
593
594
595
 
        this.examId = obj.id;
        this.diaUp = true;
      },
f356590c   阿宝   即时测列表，分析页面 
596
597
598
599
600
601
602
603
604
605
606
607
608
 
      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   梁保满   备题组卷 
609
 
            that.tabIndex = 1;
f356590c   阿宝   即时测列表，分析页面 
610
611
612
613
614
615
616
 
            break;
          case 2:
            let day = new Date().getDay();
            if (day == 0) {
              //中国式星期天是一周的最后一天
              day = 7;
            }
8ea67428   梁保满   飞书bug 
617
 
            day--;
f356590c   阿宝   即时测列表，分析页面 
618
619
620
621
622
623
624
625
626
627
 
            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   梁保满   任课老师接口完成 
628
 
            if (aMonth > 0 && aMonth < 4) {
e3b0e3e7   梁保满   季度时间格式调整 
629
 
              aMonth = "1";
f356590c   阿宝   即时测列表，分析页面 
630
 
            } else if (aMonth > 3 && aMonth < 7) {
e3b0e3e7   梁保满   季度时间格式调整 
631
 
              aMonth = "4";
f356590c   阿宝   即时测列表，分析页面 
632
 
            } else if (aMonth > 6 && aMonth < 10) {
e3b0e3e7   梁保满   季度时间格式调整 
633
 
              aMonth = "7";
f356590c   阿宝   即时测列表，分析页面 
634
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
 
            } 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   梁保满   任课老师接口完成 
666
667
668
 
      changePage(page) {
        this.page = page;
        this._QueryData();
aed43d3a   阿宝   即时测修改答案 
669
 
      },
f356590c   阿宝   即时测列表，分析页面 
670
 
      edit(item) {
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
671
672
673
674
675
676
677
678
 
        this.$router.push({
          path: "/examinationPaperEdit",
          query: {
            paperId: item.id,
            title: item.title,
            type: 2,
          },
        });
f356590c   阿宝   即时测列表，分析页面 
679
 
      },
9309dc5d   梁保满   任课老师接口完成 
680
 
      changeTab() {
255e2506   梁保满   飞书bug及优化 
681
 
        this.tableMaxHeight = this.$refs.main.offsetHeight;
9309dc5d   梁保满   任课老师接口完成 
682
683
 
        this.page = 1;
        this._QueryData();
aed43d3a   阿宝   即时测修改答案 
684
 
      },
533a17d8   梁保满   备题组卷添加批量设置答案 
685
686
687
 
      upSuccess() {
        //导入成功
        this.diaUp = false;
255e2506   梁保满   飞书bug及优化 
688
689
 
        this._QueryData();
      },
533a17d8   梁保满   备题组卷添加批量设置答案 
690
691
692
693
 
      async changeclass() {
        await this._QuerySubjectList();
        this.page = 1;
        this._QueryData();
255e2506   梁保满   飞书bug及优化 
694
 
      },
f356590c   阿宝   即时测列表，分析页面 
695
 
      async changClazz() {
9309dc5d   梁保满   任课老师接口完成 
696
 
        this.page = 1;
f356590c   阿宝   即时测列表，分析页面 
697
 
        await this._QuerySubjectList();
9309dc5d   梁保满   任课老师接口完成 
698
 
        await this._QueryData();
f356590c   阿宝   即时测列表，分析页面 
699
700
 
      },
      async _QueryClassList() {
9309dc5d   梁保满   任课老师接口完成 
701
702
703
704
705
 
        const fetchClassList =
          this.role == "ROLE_BANZHUREN"
            ? this.$request.cTClassList
            : this.$request.tClassList;
        const { data, status, info } = await fetchClassList();
f356590c   阿宝   即时测列表，分析页面 
706
707
708
709
 
        if (status === 0) {
          this.classList = data.list.map((item) => {
            return {
              value: item.classId,
45504a95   阿宝   即时测页面，以及小题修改答案 
710
 
              label: item.className,
f356590c   阿宝   即时测列表，分析页面 
711
712
713
714
715
716
717
718
 
            };
          });
          this.query.classId = this.classList[0]?.value;
        } else {
          this.$message.error(info);
        }
      },
      async _QuerySubjectList() {
9309dc5d   梁保满   任课老师接口完成 
719
720
721
722
723
724
 
        const fetchSubjectList =
          this.role == "ROLE_BANZHUREN"
            ? this.$request.cTSubjectList
            : this.$request.tSubjectList;
  
        const { data, status, info } = await fetchSubjectList({
f356590c   阿宝   即时测列表，分析页面 
725
726
727
728
 
          classId: this.query.classId,
        });
        if (status === 0) {
          this.subjectList =
45504a95   阿宝   即时测页面，以及小题修改答案 
729
 
            data.subjectNames?.map((item) => {
f356590c   阿宝   即时测列表，分析页面 
730
 
              return {
45504a95   阿宝   即时测页面，以及小题修改答案 
731
732
 
                value: item,
                label: item,
f356590c   阿宝   即时测列表，分析页面 
733
734
 
              };
            }) || [];
aed43d3a   阿宝   即时测修改答案 
735
 
          if (this.role == "ROLE_BANZHUREN") {
f356590c   阿宝   即时测列表，分析页面 
736
 
            this.subjectList.unshift({
9309dc5d   梁保满   任课老师接口完成 
737
 
              value: "全部",
f356590c   阿宝   即时测列表，分析页面 
738
739
 
              label: "全部",
            });
9309dc5d   梁保满   任课老师接口完成 
740
 
            this.query.subjectNames.push(this.subjectList[0]?.value);
aed43d3a   阿宝   即时测修改答案 
741
 
          } else {
9309dc5d   梁保满   任课老师接口完成 
742
 
            this.query.subjectNames = this.subjectList[0]?.value;
f356590c   阿宝   即时测列表，分析页面 
743
 
          }
f356590c   阿宝   即时测列表，分析页面 
744
745
746
747
748
 
        } else {
          this.$message.error(info);
        }
      },
      async _QueryData() {
9309dc5d   梁保满   任课老师接口完成 
749
750
751
752
753
754
755
756
757
 
        this.tableData = [];
        if (this.tabIndex == 1) {
          this.examReportList();
        } else {
          this.phaseExamReport();
        }
      },
      //单卷测练
      async examReportList() {
f356590c   阿宝   即时测列表，分析页面 
758
 
        this.loading = true;
f356590c   阿宝   即时测列表，分析页面 
759
760
761
762
763
764
 
        let query = {};
        for (let key in this.query) {
          if (this.query[key] != "") {
            query[key] = this.query[key];
          }
        }
9309dc5d   梁保满   任课老师接口完成 
765
766
767
768
 
        if (this.role != "ROLE_BANZHUREN") {
          query.subjectNames = [query.subjectNames];
        } else {
          if (
8ea67428   梁保满   飞书bug 
769
 
            query["subjectNames"] &&
9309dc5d   梁保满   任课老师接口完成 
770
771
772
773
774
775
776
 
            query["subjectNames"].length == 1 &&
            query["subjectNames"][0] == "全部"
          ) {
            query["subjectNames"] = this.subjectList.map((item) => {
              return item.value;
            });
            query["subjectNames"].shift();
dbbfc6c5   梁保满   飞书优化及bug 
777
 
          }
255e2506   梁保满   飞书bug及优化 
778
 
          if (!query["subjectNames"]) {
dbbfc6c5   梁保满   飞书优化及bug 
779
780
 
            this.$message.warning("请选择科目");
            return;
9309dc5d   梁保满   任课老师接口完成 
781
782
783
 
          }
        }
        const { data, status, info } = await this.$request.examReportList({
f356590c   阿宝   即时测列表，分析页面 
784
 
          ...query,
9309dc5d   梁保满   任课老师接口完成 
785
786
 
          page: this.page,
          size: this.size,
f356590c   阿宝   即时测列表，分析页面 
787
788
789
 
        });
        this.loading = false;
        if (status === 0) {
9309dc5d   梁保满   任课老师接口完成 
790
 
          this.tableData = (data?.list && [...data?.list]) || [];
76eb1bf6   梁保满   授课端版本管理，学生画像接口联调 
791
 
          this.total = data?.count || 0;
9309dc5d   梁保满   任课老师接口完成 
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
 
        } 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 
811
812
 
            query["subjectNames"] &&
            query["subjectNames"]?.length == 1 &&
9309dc5d   梁保满   任课老师接口完成 
813
814
815
816
817
 
            query["subjectNames"][0] == "全部"
          ) {
            query["subjectNames"] = this.subjectList.map((item) => {
              return item.value;
            });
8ea67428   梁保满   飞书bug 
818
 
            query["subjectNames"]?.shift();
9309dc5d   梁保满   任课老师接口完成 
819
820
821
822
823
824
825
826
827
828
829
830
 
          }
        }
        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 
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
 
          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   梁保满   任课老师接口完成 
856
857
858
859
 
                if (!dataIdsList.includes(items.title)) {
                  dataIdsList.push(items.title);
                  dataList.push(items);
                }
8ea67428   梁保满   飞书bug 
860
 
              });
9309dc5d   梁保满   任课老师接口完成 
861
 
            });
8ea67428   梁保满   飞书bug 
862
863
864
865
866
867
868
 
            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   梁保满   任课老师接口完成 
869
870
871
872
 
                  if (items.title == ids) {
                    params["score" + index] = items.score;
                    params["classRank" + index] = items.classRank;
                  }
8ea67428   梁保满   飞书bug 
873
 
                });
9309dc5d   梁保满   任课老师接口完成 
874
 
              });
8ea67428   梁保满   飞书bug 
875
876
877
878
 
              return {
                ...item,
                ...params,
              };
9309dc5d   梁保满   任课老师接口完成 
879
 
            });
8ea67428   梁保满   飞书bug 
880
881
 
            this.answerList = dataList;
          }
f356590c   阿宝   即时测列表，分析页面 
882
883
884
885
 
        } else {
          this.$message.error(info);
        }
      },
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
886
887
 
      async downExl() {
        //报表到处
503b6063   梁保满   判断题答案选项 
888
 
        if (this.exportLoading == true) return;
236b1f0e   梁保满   周末-飞书bug 
889
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
 
        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   梁保满   判断题答案选项 
915
916
917
918
 
        const exportPhaseExamReport =
          this.role == "ROLE_BANZHUREN"
            ? this.$request.cTExportPhaseExamReport
            : this.$request.exportPhaseExamReport;
236b1f0e   梁保满   周末-飞书bug 
919
 
        this.exportLoading = true;
503b6063   梁保满   判断题答案选项 
920
 
        const data = await exportPhaseExamReport({ ...query });
236b1f0e   梁保满   周末-飞书bug 
921
922
923
924
925
 
        this.exportLoading = false;
        if (data) {
          let blob = new Blob([data], {
            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
          });
503b6063   梁保满   判断题答案选项 
926
 
          downloadFile("即时测-阶段测练报表.xlsx", blob);
236b1f0e   梁保满   周末-飞书bug 
927
928
929
 
        } else {
          this.$message.error("下载失败");
        }
503b6063   梁保满   判断题答案选项 
930
 
      },
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
931
932
 
      async downExcel() {
        //模板下载
c2460294   梁保满   平台管理员接口联调 
933
934
935
936
937
938
939
940
941
942
943
944
945
946
 
        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   阿宝   即时测列表，分析页面 
947
948
 
    },
  };
4c4f7640   梁保满   路由表，路由前端文件 
949
950
 
  </script>
9309dc5d   梁保满   任课老师接口完成 
951
952
953
954
955
956
957
958
959
960
 
  <style>
  div::-webkit-scrollbar {
    width: 3px;
    height: 10px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc;
  }
  </style>
f356590c   阿宝   即时测列表，分析页面 
961
 
  <style lang="scss" scoped>
9309dc5d   梁保满   任课老师接口完成 
962
963
 
  .page-container {
    position: relative;
255e2506   梁保满   飞书bug及优化 
964
 
    height: 100%;
9309dc5d   梁保满   任课老师接口完成 
965
 
    &.active {
9309dc5d   梁保满   任课老师接口完成 
966
967
968
 
      overflow: hidden;
    }
  }
f356590c   阿宝   即时测列表，分析页面 
969
970
971
972
973
974
975
976
977
978
979
980
 
  .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   阿宝   即时测列表，分析页面 
981
982
983
 
  .down {
    padding-top: 16px;
  }
e371f2dc   梁保满   软件下载，学校，班级老师等报表导入... 
984
985
 
  .click-b {
    cursor: pointer;
aed43d3a   阿宝   即时测修改答案 
986
 
  }
4c4f7640   梁保满   路由表，路由前端文件 
987
 
  </style>