|
@@ -1,19 +1,19 @@
|
|
<template>
|
|
<template>
|
|
- <div class="ev-scoring dark-iview-table">
|
|
|
|
|
|
+ <div class="ev-scoring">
|
|
<vuescroll ref="score-main-warp">
|
|
<vuescroll ref="score-main-warp">
|
|
<SimpleAnalysis :examInfo="examInfo" v-show="!showTest" :overviewInfo="overviewInfo"></SimpleAnalysis>
|
|
<SimpleAnalysis :examInfo="examInfo" v-show="!showTest" :overviewInfo="overviewInfo"></SimpleAnalysis>
|
|
- <div class="ev-target-box dark-iview-select dark-iview-cascader">
|
|
|
|
|
|
+ <div class="ev-target-box">
|
|
<!-- 筛选班级 -->
|
|
<!-- 筛选班级 -->
|
|
<span>{{$t('learnActivity.score.classLabel')}}</span>
|
|
<span>{{$t('learnActivity.score.classLabel')}}</span>
|
|
- <Cascader size="small" v-model="chooseTarget" :data="targetsData" transfer @on-change="targetChange" style="width:200px;display:inline-block;margin-right:15px"></Cascader>
|
|
|
|
|
|
+ <Cascader v-model="chooseTarget" :data="targetsData" transfer @on-change="targetChange" style="width:200px;display:inline-block;margin-right:15px"></Cascader>
|
|
<!-- 筛选学科 应该根据owner判断是否需要筛选学科 -->
|
|
<!-- 筛选学科 应该根据owner判断是否需要筛选学科 -->
|
|
<span class="filter-label" v-if="examInfo.owner == 'school'">{{$t('learnActivity.score.subjectLabel')}}</span>
|
|
<span class="filter-label" v-if="examInfo.owner == 'school'">{{$t('learnActivity.score.subjectLabel')}}</span>
|
|
- <Select filterable v-model="chooseSubject" class="filter-select" size="small" @on-change="getCurPaper" v-if="examInfo.owner == 'school'" transfer>
|
|
|
|
|
|
+ <Select filterable v-model="chooseSubject" class="filter-select" @on-change="getCurPaper" v-if="examInfo.owner == 'school'" transfer>
|
|
<Option v-for="(item,index) in examInfo.subjects" :value="item.id" :key="index">{{ item.name }}</Option>
|
|
<Option v-for="(item,index) in examInfo.subjects" :value="item.id" :key="index">{{ item.name }}</Option>
|
|
</Select>
|
|
</Select>
|
|
<!-- 筛选学生 -->
|
|
<!-- 筛选学生 -->
|
|
<span style="margin-left:5px" v-show="showTest && markType== 'byStu'">{{$t('learnActivity.score.stuLabel')}}</span>
|
|
<span style="margin-left:5px" v-show="showTest && markType== 'byStu'">{{$t('learnActivity.score.stuLabel')}}</span>
|
|
- <Select v-model="chooseStudent.id" label-in-value class="filter-select" style="width:140px;" size="small" @on-change="setStuInfo" v-show="showTest && markType== 'byStu'" transfer>
|
|
|
|
|
|
+ <Select v-model="chooseStudent.id" label-in-value class="filter-select" style="width:140px;" @on-change="setStuInfo" v-show="showTest && markType== 'byStu'" transfer>
|
|
<Option v-for="(item,index) in tableData" :value="item.id" :key="index">
|
|
<Option v-for="(item,index) in tableData" :value="item.id" :key="index">
|
|
<span class="select-status-tag" :style="{'background':getStudentStatus(item) == 1 ? '#ed4014' : getStudentStatus(item) == 2 ? '#ff9900' : '#19be6b'}"></span>
|
|
<span class="select-status-tag" :style="{'background':getStudentStatus(item) == 1 ? '#ed4014' : getStudentStatus(item) == 2 ? '#ff9900' : '#19be6b'}"></span>
|
|
{{ item.name }}
|
|
{{ item.name }}
|
|
@@ -46,16 +46,16 @@
|
|
<Loading slot="loading" :top="-50"></Loading>
|
|
<Loading slot="loading" :top="-50"></Loading>
|
|
</Table>
|
|
</Table>
|
|
<!-- 分页 -->
|
|
<!-- 分页 -->
|
|
- <div class="page-wrap dark-ivew-select" v-show="!showTest">
|
|
|
|
|
|
+ <div class="page-wrap" v-show="!showTest">
|
|
<Page show-total size="small" :current="currentPage" :total="studentScore.length" :page-size="pageSize" :page-size-opts="pageSizeOpts" @on-change="pageChange" @on-page-size-change="pageSizeChange" show-sizer />
|
|
<Page show-total size="small" :current="currentPage" :total="studentScore.length" :page-size="pageSize" :page-size-opts="pageSizeOpts" @on-change="pageChange" @on-page-size-change="pageSizeChange" show-sizer />
|
|
</div>
|
|
</div>
|
|
<!-- 按人批阅 -->
|
|
<!-- 按人批阅 -->
|
|
- <div class="dark-iview-table scoring-handle-box" v-show="showTest && markType== 'byStu'">
|
|
|
|
|
|
+ <div class="scoring-handle-box" v-show="showTest && markType== 'byStu'">
|
|
<ByStuMark @toggleMarkType="(data)=>{ markType = data }" @updScore="updScore" ref="byStuMark" :defaultIndex="defaultIndex" :examId="examInfo.id" :owner="examInfo.owner" :examScope="examInfo.scope" :paper="paperInfo" :pStudentAnswer="chooseStudent" :subjectId="chooseSubject" @nextStu="getNextStu" style="color:#515a6e;"></ByStuMark>
|
|
<ByStuMark @toggleMarkType="(data)=>{ markType = data }" @updScore="updScore" ref="byStuMark" :defaultIndex="defaultIndex" :examId="examInfo.id" :owner="examInfo.owner" :examScope="examInfo.scope" :paper="paperInfo" :pStudentAnswer="chooseStudent" :subjectId="chooseSubject" @nextStu="getNextStu" style="color:#515a6e;"></ByStuMark>
|
|
<Loading :top="200" type="1" style="text-align:center" v-show="dataLoading"></Loading>
|
|
<Loading :top="200" type="1" style="text-align:center" v-show="dataLoading"></Loading>
|
|
</div>
|
|
</div>
|
|
<!-- 按题批阅 -->
|
|
<!-- 按题批阅 -->
|
|
- <div class="dark-iview-table scoring-handle-box" v-show="showTest && markType== 'byQu'">
|
|
|
|
|
|
+ <div class="scoring-handle-box" v-show="showTest && markType== 'byQu'">
|
|
<ByQuMark :paper="paperInfo" :examInfo="examInfo" :stusInfo="studentScore" :classId="chooseClass" :subjectId="chooseSubject" @toggleMarkType="(data)=>{ markType = data }"></ByQuMark>
|
|
<ByQuMark :paper="paperInfo" :examInfo="examInfo" :stusInfo="studentScore" :classId="chooseClass" :subjectId="chooseSubject" @toggleMarkType="(data)=>{ markType = data }"></ByQuMark>
|
|
<Loading :top="200" type="1" style="text-align:center" v-show="dataLoading"></Loading>
|
|
<Loading :top="200" type="1" style="text-align:center" v-show="dataLoading"></Loading>
|
|
</div>
|
|
</div>
|
|
@@ -716,59 +716,61 @@ export default {
|
|
@import "./Scoring.less";
|
|
@import "./Scoring.less";
|
|
</style>
|
|
</style>
|
|
<style lang="less">
|
|
<style lang="less">
|
|
-.scoring-main-wrap .ivu-table-fixed-body {
|
|
|
|
- background: #353535;
|
|
|
|
- // background: #2b2b2e;
|
|
|
|
- // max-height: 653px;
|
|
|
|
-}
|
|
|
|
-.scoring-main-wrap .ivu-table-tip {
|
|
|
|
- position: relative;
|
|
|
|
- z-index: 9999;
|
|
|
|
-}
|
|
|
|
-.scoring-main-wrap .ivu-table-fixed-right::before,
|
|
|
|
-.scoring-main-wrap .ivu-table-fixed::before {
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-.scoring-main-wrap .ivu-table-fixed-header thead tr th {
|
|
|
|
- background: #353535;
|
|
|
|
- // background: #2b2b2e;
|
|
|
|
- border-color: #606060;
|
|
|
|
- color: white;
|
|
|
|
-}
|
|
|
|
-.scoring-main-wrap {
|
|
|
|
- .ivu-table-header thead tr th {
|
|
|
|
- // background: #353535;
|
|
|
|
- background: rgba(53, 53, 53, 0.5);
|
|
|
|
- }
|
|
|
|
- .ivu-table td {
|
|
|
|
- // background: #353535;
|
|
|
|
- background: rgba(53, 53, 53, 0.5);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
|
|
+// .scoring-main-wrap .ivu-table-fixed-body {
|
|
|
|
+// background: #353535;
|
|
|
|
+// }
|
|
|
|
+// .scoring-main-wrap .ivu-table-tip {
|
|
|
|
+// position: relative;
|
|
|
|
+// z-index: 9999;
|
|
|
|
+// }
|
|
|
|
+// .scoring-main-wrap .ivu-table-fixed-right::before,
|
|
|
|
+// .scoring-main-wrap .ivu-table-fixed::before {
|
|
|
|
+// display: none;
|
|
|
|
+// }
|
|
|
|
+// .scoring-main-wrap .ivu-table-fixed-header thead tr th {
|
|
|
|
+// background: #353535;
|
|
|
|
+// border-color: #606060;
|
|
|
|
+// color: white;
|
|
|
|
+// }
|
|
|
|
+// .scoring-main-wrap {
|
|
|
|
+// .ivu-table-header thead tr th {
|
|
|
|
+// // background: #353535;
|
|
|
|
+// background: rgba(53, 53, 53, 0.5);
|
|
|
|
+// }
|
|
|
|
+// .ivu-table td {
|
|
|
|
+// // background: #353535;
|
|
|
|
+// background: rgba(53, 53, 53, 0.5);
|
|
|
|
+// }
|
|
|
|
+// }
|
|
.page-wrap .ivu-page-item {
|
|
.page-wrap .ivu-page-item {
|
|
- background: rgba(40, 40, 40, 0.5);
|
|
|
|
|
|
+ // background: rgba(40, 40, 40, 0.5);
|
|
}
|
|
}
|
|
|
|
|
|
.page-wrap .ivu-page-item:hover {
|
|
.page-wrap .ivu-page-item:hover {
|
|
- border-color: #e4eadb;
|
|
|
|
|
|
+ border-color: #2d8cf0;
|
|
}
|
|
}
|
|
|
|
|
|
.page-wrap .ivu-page-item-active {
|
|
.page-wrap .ivu-page-item-active {
|
|
- background: #bfbfb9;
|
|
|
|
|
|
+ // background: #bfbfb9;
|
|
|
|
+ background: #2d8cf0;
|
|
|
|
+
|
|
|
|
+ a{
|
|
|
|
+ color: #FFF !important;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.page-wrap .ivu-page-item a {
|
|
.page-wrap .ivu-page-item a {
|
|
- color: #f1f1f1;
|
|
|
|
|
|
+ color: #7a7a7a;
|
|
}
|
|
}
|
|
|
|
|
|
.page-wrap .ivu-page-next,
|
|
.page-wrap .ivu-page-next,
|
|
.page-wrap .ivu-page-prev {
|
|
.page-wrap .ivu-page-prev {
|
|
- background: rgba(0, 0, 0, 0);
|
|
|
|
|
|
+ // background: rgba(0, 0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
.page-wrap .ivu-page-next a,
|
|
.page-wrap .ivu-page-next a,
|
|
.page-wrap .ivu-page-prev a {
|
|
.page-wrap .ivu-page-prev a {
|
|
- color: #e4eadb;
|
|
|
|
|
|
+ // color: #e4eadb;
|
|
}
|
|
}
|
|
|
|
|
|
.page-wrap .ivu-page-next:hover,
|
|
.page-wrap .ivu-page-next:hover,
|
|
@@ -776,13 +778,15 @@ export default {
|
|
border-color: #e4eadb;
|
|
border-color: #e4eadb;
|
|
}
|
|
}
|
|
|
|
|
|
-.page-wrap .ivu-page-item-active,
|
|
|
|
-.page-wrap .ivu-page-item:hover a {
|
|
|
|
- border-color: #e4eadb;
|
|
|
|
|
|
+.page-wrap .ivu-page-item:hover {
|
|
|
|
+ background: #2d8cf0;
|
|
|
|
+ a{
|
|
|
|
+ color: #FFF;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.page-wrap .ivu-page-item-active a {
|
|
.page-wrap .ivu-page-item-active a {
|
|
- color: #595959;
|
|
|
|
|
|
+ // color: #595959;
|
|
}
|
|
}
|
|
.page-wrap
|
|
.page-wrap
|
|
.ivu-select-small.ivu-select-single
|
|
.ivu-select-small.ivu-select-single
|
|
@@ -794,10 +798,10 @@ export default {
|
|
}
|
|
}
|
|
.page-wrap .ivu-select-single .ivu-select-selection {
|
|
.page-wrap .ivu-select-single .ivu-select-selection {
|
|
height: 30px;
|
|
height: 30px;
|
|
- background: transparent;
|
|
|
|
- border: 1px solid #595959;
|
|
|
|
- box-shadow: none;
|
|
|
|
- color: #cecece;
|
|
|
|
|
|
+ // background: transparent;
|
|
|
|
+ // border: 1px solid #595959;
|
|
|
|
+ // box-shadow: none;
|
|
|
|
+ // color: #cecece;
|
|
}
|
|
}
|
|
|
|
|
|
.page-wrap .ivu-select-single .ivu-select-placeholder {
|
|
.page-wrap .ivu-select-single .ivu-select-placeholder {
|