|
@@ -32,21 +32,33 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
<div slot="right" class="activity-detail-info">
|
|
|
- <div class="learn-progress-main dark-iview-table">
|
|
|
- <vuescroll>
|
|
|
+ <vuescroll>
|
|
|
+ <div class="learn-progress-main dark-iview-table">
|
|
|
<p style="color:#EEEEEE;padding-left:15px;font-size:16px;margin-top:15px;">测验成绩分析</p>
|
|
|
- <div class="table-show">
|
|
|
- <div class="table" style="margin:auto;">
|
|
|
- <Grade></Grade>
|
|
|
+ <div class="class-filter dark-iview-select">
|
|
|
+ <span class="filter-label">测验班级:</span>
|
|
|
+ <Select filterable style="display: inline-block;width: 150px;" @on-change="getClass" size="small">
|
|
|
+ <Option v-for="item in studentData" :value="item.classId" :key="item.classId">{{ item.name }}</Option>
|
|
|
+ </Select>
|
|
|
+ </div>
|
|
|
+ <div class="chart-show">
|
|
|
+ <div class="chart" style="margin:auto;">
|
|
|
+ <Grade v-if="studentList.length !== 0" :studentData="studentList"></Grade>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <p style="color:#EEEEEE;padding-left:15px;font-size:16px;margin-top:50px;margin-bottom:30px;">
|
|
|
- 学生试题分析概览
|
|
|
+ <p style="color:#EEEEEE;padding-left:15px;font-size:16px;margin-top:10%;margin-bottom:60px;">
|
|
|
+ 学生成绩数据
|
|
|
</p>
|
|
|
- </vuescroll>
|
|
|
- </div>
|
|
|
-
|
|
|
+ <div class="table-show">
|
|
|
+ <div class="table" style="margin:0px 25px;">
|
|
|
+ <Table v-if="studentList.length !== 0" :studentData="studentList"></Table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </vuescroll>
|
|
|
<!--<AnswerDetail v-else @closeAnswerDetail="closeAnswerDetail"></AnswerDetail>-->
|
|
|
<!--<AnswerRecord v-else @closeAnswerDetail="closeAnswerDetail"></AnswerRecord>-->
|
|
|
</div>
|
|
@@ -54,10 +66,12 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import Grade from '@/components/learnactivity/GradeTable.vue'
|
|
|
+ import Grade from '@/components/learnactivity/GradeChart.vue'
|
|
|
+ import Table from '@/components/learnactivity/GradeTable.vue'
|
|
|
export default {
|
|
|
components: {
|
|
|
- Grade
|
|
|
+ Grade,
|
|
|
+ Table
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -69,68 +83,6 @@
|
|
|
classroomName:'语文',
|
|
|
classroomCode: '123',
|
|
|
type: '平常考',
|
|
|
- studentList: [
|
|
|
- {
|
|
|
- name: "尹航",
|
|
|
- code: "HSNB001",
|
|
|
- class: "HSNA",
|
|
|
- answer: {
|
|
|
- qs1: "升旗仪式结束后,特区政府会在香港会议展览中心的三楼大会堂举行庆祝酒会,行政长官将为酒会主礼。",
|
|
|
- qs2: "公报中提到,升旗仪式将于当日上午8时在香港会议展览中心外的金紫荆广场举行。仪式中,警察乐队将会奏乐",
|
|
|
- qs3: "29日下午,香港特区政府发布新闻公报称,行政长官林郑月娥和港府高层官员将于7月1日出席升旗仪式和庆祝酒会,庆祝香港特别行政区成立二十三周年。",
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- name: "刘雨菡",
|
|
|
- code: "HSNB002",
|
|
|
- class: "HSNA",
|
|
|
- answer: {
|
|
|
- qs1: "升旗仪式结束后,特区政府会在香港会议展览中心的三楼大会堂举行庆祝酒会,行政长官将为酒会主礼。",
|
|
|
- qs2: "公报中提到,升旗仪式将于当日上午8时在香港会议展览中心外的金紫荆广场举行。仪式中,警察乐队将会奏乐",
|
|
|
- qs3: "29日下午,香港特区政府发布新闻公报称,行政长官林郑月娥和港府高层官员将于7月1日出席升旗仪式和庆祝酒会,庆祝香港特别行政区成立二十三周年。",
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- name: "廖致远",
|
|
|
- code: "HSNB003",
|
|
|
- class: "HSNA",
|
|
|
- answer: {
|
|
|
- qs1: "升旗仪式结束后,特区政府会在香港会议展览中心的三楼大会堂举行庆祝酒会,行政长官将为酒会主礼。",
|
|
|
- qs2: "公报中提到,升旗仪式将于当日上午8时在香港会议展览中心外的金紫荆广场举行。仪式中,警察乐队将会奏乐",
|
|
|
- qs3: "29日下午,香港特区政府发布新闻公报称,行政长官林郑月娥和港府高层官员将于7月1日出席升旗仪式和庆祝酒会,庆祝香港特别行政区成立二十三周年。",
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- name: "向奕然",
|
|
|
- code: "HSNB004",
|
|
|
- class: "HSNA",
|
|
|
- answer: {
|
|
|
- qs1: "升旗仪式结束后,特区政府会在香港会议展览中心的三楼大会堂举行庆祝酒会,行政长官将为酒会主礼。",
|
|
|
- qs2: "公报中提到,升旗仪式将于当日上午8时在香港会议展览中心外的金紫荆广场举行。仪式中,警察乐队将会奏乐",
|
|
|
- qs3: "29日下午,香港特区政府发布新闻公报称,行政长官林郑月娥和港府高层官员将于7月1日出席升旗仪式和庆祝酒会,庆祝香港特别行政区成立二十三周年。",
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- name: "高嘉妍",
|
|
|
- code: "HSNB005",
|
|
|
- class: "HSNA",
|
|
|
- answer: {
|
|
|
- qs1: "升旗仪式结束后,特区政府会在香港会议展览中心的三楼大会堂举行庆祝酒会,行政长官将为酒会主礼。",
|
|
|
- qs2: "公报中提到,升旗仪式将于当日上午8时在香港会议展览中心外的金紫荆广场举行。仪式中,警察乐队将会奏乐",
|
|
|
- qs3: "29日下午,香港特区政府发布新闻公报称,行政长官林郑月娥和港府高层官员将于7月1日出席升旗仪式和庆祝酒会,庆祝香港特别行政区成立二十三周年。",
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- name: "李芷萱",
|
|
|
- code: "HSNB006",
|
|
|
- class: "HSNA",
|
|
|
- answer: {
|
|
|
- qs1: "升旗仪式结束后,特区政府会在香港会议展览中心的三楼大会堂举行庆祝酒会,行政长官将为酒会主礼。",
|
|
|
- qs2: "公报中提到,升旗仪式将于当日上午8时在香港会议展览中心外的金紫荆广场举行。仪式中,警察乐队将会奏乐",
|
|
|
- qs3: "29日下午,香港特区政府发布新闻公报称,行政长官林郑月娥和港府高层官员将于7月1日出席升旗仪式和庆祝酒会,庆祝香港特别行政区成立二十三周年。",
|
|
|
- },
|
|
|
- }
|
|
|
- ],
|
|
|
startTime: '2020-05-06',
|
|
|
endTime:'2020-07-07'
|
|
|
},
|
|
@@ -142,13 +94,35 @@
|
|
|
endTime:'2020-05-07'
|
|
|
},
|
|
|
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ studentData: [],
|
|
|
+ studentList:[]
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
selectActivity(index) {
|
|
|
this.currentActivityIndex = index
|
|
|
- console.log(index)
|
|
|
+ },
|
|
|
+ getData() {
|
|
|
+ let data = this.$Mock.data.studentList
|
|
|
+ this.studentData = data
|
|
|
+ this.getClass()
|
|
|
+ },
|
|
|
+ getClass(data) {
|
|
|
+ if (this.studentData.length !== 0) {
|
|
|
+ if (data !== undefined) {
|
|
|
+ for (let i = 0; i < this.studentData.length; i++) {
|
|
|
+ if (this.studentData[i].classId == data) {
|
|
|
+ this.studentList = this.studentData[i].studentScore
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+
|
|
|
+ this.studentList = this.studentData[0].studentScore
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$Message.warning('暂无测验数据!')
|
|
|
+ }
|
|
|
},
|
|
|
goToAnswer() {
|
|
|
this.showAnswer = true
|
|
@@ -156,6 +130,9 @@
|
|
|
closeAnswerDetail() {
|
|
|
this.showAnswer = false
|
|
|
}
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getData()
|
|
|
}
|
|
|
}
|
|
|
</script>
|