f45b3c05
 LH_PC
云平台新UI界面
|
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
<el-select v-model="query.grade" class="filter-select" placeholder="选择年级">
<el-option v-for="item in classList" :key="item.grade" :label="item.gradeName" :value="item.grade" />
</el-select>
<el-select v-model="query.subject" placeholder="选择科目" class="filter-select">
<el-option v-for="item in subjectList" :key="item.subjectName" :label="item.subjectName"
:value="item.subjectName" />
</el-select>
<el-date-picker value-format="yyyy-MM-dd" class="filter-datePicker" v-model="query.dateRange"
type="daterange" range-separator="-">
</el-date-picker>
<el-button type="primary" @click="_serach">
筛选
</el-button>
</div>
<el-main>
<div class="default-main">
<el-table :data="examList" class="default-table">
<el-table-column prop="subjectName" label="科目" width="200" />
<el-table-column prop="paperName" label="试卷名称" />
<el-table-column label="已考班级">
<template slot-scope="scope">
{{ scope.row?.classInfos?.map(item => item.className)?.join("/") }}
</template>
</el-table-column>
<el-table-column prop="score" label="卷面分" width="200" />
<el-table-column width="100" label="操作">
<template slot-scope="scope">
<el-button @click="_linkToDetail(scope.row)" type="text" size="small">查看</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-main>
</el-container>
</template>
<script>
export default {
data() {
return {
classList: [],
subjectList: [],
examList: [],
query: {
examName: "",
paper: null,
grade: null,
subject: null,
dateRange: [
"2021-03-01", "2025-05-01"
]
},
}
},
async created() {
await this._loadQueryDatas();
await this._serach();
},
methods: {
async _serach() {
const examResponse = await this.$request.gExamListReport({
end: this.query.dateRange ? this.query.dateRange[1] : null,
examName: this.query.examName,
start: this.query.dateRange ? this.query.dateRange[0] : null,
grade: this.query.grade,
subjects: [this.query.subject],
})
if (examResponse.status != 0) {
this.$message.error(examResponse.info);
return;
}
this.examList = examResponse.data;
},
async _loadQueryDatas() {
this.$loading.open();
this.$loading.close();
const classReponse = await this.$request.gClass();
if (classReponse.status != 0) {
this.$loading.close();
this.$message.error(classReponse.info);
return;
}
this.classList = classReponse.data.list;
this.query.grade = this.classList[0]?.grade;
const subjectReponse = await this.$request.gSubjectList("?grade=" + this.query.grade + "&classType=0&status=0")
if (subjectReponse.status != 0) {
this.$loading.close();
this.$message.error(subjectReponse.info);
return;
}
this.subjectList = subjectReponse.data;
this.query.subject = this.subjectList[0]?.subjectName;
this.$loading.close();
},
_linkToDetail(currentRow) {
if (!currentRow || !currentRow?.classInfos) {
this.$message.error('选择对象考试班级为空，请刷新列表');
return;
}
|
|
6bca489d
LH_PC
云平台二期UI
|
119
120
121
122
|
query: {
classListStr: classListStr, paperId: paperId, title: title,
examIds: currentRow.examIds.join(",")
},
|
