|
@@ -31,17 +31,17 @@
|
|
|
<!-- 阅卷信息 -->
|
|
|
<div slot="right" class="ev-mark-info">
|
|
|
<div class="ev-mark-header">
|
|
|
- <span :class="curBarIndex == 0 ? 'task-bar-item line-bottom-active line-bottom':'task-bar-item line-bottom'" @click="selectBar(0)">
|
|
|
- {{$t('task.markMode1')}}
|
|
|
- </span>
|
|
|
<span :class="curBarIndex == 1 ? 'task-bar-item line-bottom-active line-bottom':'task-bar-item line-bottom'" @click="selectBar(1)">
|
|
|
{{$t('task.markMode2')}}
|
|
|
</span>
|
|
|
+ <span :class="curBarIndex == 0 ? 'task-bar-item line-bottom-active line-bottom':'task-bar-item line-bottom'" @click="selectBar(0)">
|
|
|
+ {{$t('task.markMode1')}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<!-- 按题批阅 -->
|
|
|
- <vuescroll class="mark-info-content" v-show="curBarIndex == 0">
|
|
|
+ <vuescroll class="mark-info-content">
|
|
|
<!-- 数据概览 -->
|
|
|
- <div class="setting-block">
|
|
|
+ <div class="setting-block" v-show="curBarIndex == 0">
|
|
|
<p class="block-title">{{$t('learnActivity.mark.dataView')}}</p>
|
|
|
<div class="setting-content count-content">
|
|
|
<div class="count-wrap">
|
|
@@ -76,8 +76,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 批阅进度 -->
|
|
|
- <div class="setting-block">
|
|
|
+ <!-- 按题 批阅进度 -->
|
|
|
+ <div class="setting-block" v-show="curBarIndex == 0">
|
|
|
<p class="block-title">
|
|
|
{{$t('task.markProg')}}
|
|
|
<Icon type="ios-arrow-down" :class="['show-full-icon', fullQuProg ? 'full-qu-prog' : '']" @click="fullQuProg = !fullQuProg" />
|
|
@@ -155,120 +155,21 @@
|
|
|
</vuescroll>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </vuescroll>
|
|
|
- <!-- 按人批阅 -->
|
|
|
- <vuescroll class="mark-info-content" v-show="curBarIndex == 1">
|
|
|
- <!-- 数据概览 -->
|
|
|
- <div class="setting-block">
|
|
|
- <p class="block-title">{{$t('learnActivity.mark.dataView')}}</p>
|
|
|
- <div class="setting-content count-content">
|
|
|
- <div class="count-wrap">
|
|
|
- <p class="count-num">{{markList[curEvIndex] ? markList[curEvIndex].count : 0}}</p>
|
|
|
- <p class="count-label">
|
|
|
- <Icon type="ios-paper" class="count-icon" size="16" />
|
|
|
- {{$t('task.mLabel1')}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="count-wrap">
|
|
|
- <p class="count-num">1</p>
|
|
|
- <p class="count-label">
|
|
|
- <Icon type="ios-star" class="count-icon" size="16" />
|
|
|
- {{$t('task.mLabel2')}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="count-wrap">
|
|
|
- <p class="count-num">2</p>
|
|
|
- <p class="count-label">
|
|
|
- <Icon type="ios-star-outline" class="count-icon" size="16" />
|
|
|
- {{$t('task.mLabel3')}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="count-wrap to-mark-view">
|
|
|
- <p class="count-num">
|
|
|
- 9
|
|
|
- </p>
|
|
|
- <p class="count-label">
|
|
|
- <Icon custom="iconfont icon-scanning" class="count-icon" size="16" />
|
|
|
- {{$t('task.mLabel4')}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 数据统计 平均分、最高分、最低分、标准差 -->
|
|
|
- <div class="setting-block">
|
|
|
- <p class="block-title">数据对比</p>
|
|
|
- <div class="setting-content count-content">
|
|
|
- <div class="count-wrap">
|
|
|
- <p class="count-num">
|
|
|
- {{markList[curEvIndex] ? markList[curEvIndex].count : 0}}
|
|
|
- <span class="full-total-value">
|
|
|
- (10)
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <p class="count-label">
|
|
|
- <Icon custom="iconfont icon-highest" class="count-icon" size="16" />
|
|
|
- 最高分
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="count-wrap">
|
|
|
- <p class="count-num">
|
|
|
- 1
|
|
|
- <span class="full-total-value">
|
|
|
- (10)
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <p class="count-label">
|
|
|
- <Icon custom="iconfont icon-lowest" class="count-icon" size="16" />
|
|
|
- 最低分
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="count-wrap">
|
|
|
- <p class="count-num">
|
|
|
- 2
|
|
|
- <span class="full-total-value">
|
|
|
- (10)
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <p class="count-label">
|
|
|
- <Icon custom="iconfont icon-avg" class="count-icon" size="16" />
|
|
|
- 平均分
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="count-wrap to-mark-view">
|
|
|
- <p class="count-num">
|
|
|
- 9
|
|
|
- <span class="full-total-value">
|
|
|
- (10)
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <p class="count-label">
|
|
|
- <Icon custom="iconfont icon-formula" class="count-icon" size="16" />
|
|
|
- 标准差
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <!--按人 学生信息 -->
|
|
|
+ <div class="filter-tab-wrap" v-show="curBarIndex == 1">
|
|
|
+ <span :class="['filter-tab-item', tabIndex == 0 ? 'filter-tab-item-active':'']" @click="tabIndex = 0">
|
|
|
+ {{$t('task.mLabel3')}}
|
|
|
+ </span>
|
|
|
+ <span :class="['filter-tab-item', tabIndex == 1 ? 'filter-tab-item-active':'']" @click="tabIndex = 1">
|
|
|
+ {{$t('task.mLabel4')}}
|
|
|
+ </span>
|
|
|
+ <span :class="['filter-tab-item', tabIndex == 2 ? 'filter-tab-item-active':'']" @click="tabIndex = 2">
|
|
|
+ {{$t('task.mLabel2')}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <!-- 批阅进度 -->
|
|
|
- <div class="setting-block">
|
|
|
- <p class="block-title">{{$t('task.markProg')}}</p>
|
|
|
- <div class="setting-content">
|
|
|
- <div>
|
|
|
- <Progress :percent="60" stroke-color="#1cc0f3" :stroke-width="4">
|
|
|
- <span style="color:white">60%</span>
|
|
|
- </Progress>
|
|
|
- </div>
|
|
|
+ <div class="setting-block stu-name-wrap" v-show="curBarIndex == 1">
|
|
|
+ <div class="setting-content stu-name-content">
|
|
|
<div class="stu-wrap">
|
|
|
- <div class="filter-tab-wrap">
|
|
|
- <span :class="['filter-tab-item', tabIndex == 0 ? 'filter-tab-item-active':'']" @click="tabIndex = 0">
|
|
|
- {{$t('task.mLabel3')}}
|
|
|
- </span>
|
|
|
- <span :class="['filter-tab-item', tabIndex == 1 ? 'filter-tab-item-active':'']" @click="tabIndex = 1">
|
|
|
- {{$t('task.mLabel4')}}
|
|
|
- </span>
|
|
|
- <span :class="['filter-tab-item', tabIndex == 2 ? 'filter-tab-item-active':'']" @click="tabIndex = 2">
|
|
|
- {{$t('task.mLabel2')}}
|
|
|
- </span>
|
|
|
- </div>
|
|
|
<div class="stu-list-wrap no-stu-wrap" v-show="tabIndex == 0">
|
|
|
<p class="no-mark-text">
|
|
|
还剩
|
|
@@ -282,22 +183,166 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
+ <!-- 数据统计 平均分、最高分、最低分、标准差 -->
|
|
|
+ <div class="setting-block" v-show="curBarIndex == 1">
|
|
|
+ <p class="block-title">数据统计</p>
|
|
|
+ <div class="setting-content data-content dark-iview-table">
|
|
|
+ <DataCompare></DataCompare>
|
|
|
+ <ProgPie></ProgPie>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 异常 -->
|
|
|
+ <div class="setting-block">
|
|
|
+ <p class="block-title">异常卷</p>
|
|
|
+ <div class="setting-content dark-iview-table my-stripe-table">
|
|
|
+ <Table :row-class-name="rowClassName" :columns="columns1" :data="data1"></Table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 仲裁 -->
|
|
|
+ <div class="setting-block">
|
|
|
+ <p class="block-title">仲裁卷</p>
|
|
|
+ <div class="setting-content dark-iview-table my-stripe-table">
|
|
|
+ <Table :row-class-name="rowClassName" :columns="columns2" :data="data2"></Table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </vuescroll>
|
|
|
+ <!-- 按人批阅 -->
|
|
|
+ <vuescroll class="mark-info-content">
|
|
|
</vuescroll>
|
|
|
</div>
|
|
|
-
|
|
|
</Split>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import DataCompare from '@/view/learnactivity/markpaper/Compare.vue'
|
|
|
+import ProgPie from '@/view/learnactivity/markpaper/ProgPie.vue'
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ DataCompare, ProgPie
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ columns1: [
|
|
|
+ {
|
|
|
+ title: '学号',
|
|
|
+ key: 'id',
|
|
|
+ align: 'center',
|
|
|
+ width: 120
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '题号',
|
|
|
+ key: 'quNo',
|
|
|
+ align: 'center',
|
|
|
+ // width:70
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '异常说明',
|
|
|
+ key: 'desc',
|
|
|
+ align: 'center',
|
|
|
+ // width:180
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '状态',
|
|
|
+ key: 'status',
|
|
|
+ align: 'center',
|
|
|
+ width: 120
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ data1: [
|
|
|
+ {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ desc: '模糊,看不清楚',
|
|
|
+ status: '未处理'
|
|
|
+ }, {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ desc: '模糊,看不清楚',
|
|
|
+ status: '未处理'
|
|
|
+ }, {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ desc: '模糊,看不清楚',
|
|
|
+ status: '未处理'
|
|
|
+ }, {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ desc: '模糊,看不清楚',
|
|
|
+ status: '未处理'
|
|
|
+ }, {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ desc: '模糊,看不清楚',
|
|
|
+ status: '未处理'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ columns2: [
|
|
|
+ {
|
|
|
+ title: '学号',
|
|
|
+ key: 'id',
|
|
|
+ align: 'center',
|
|
|
+ width: 120
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '题号',
|
|
|
+ key: 'quNo',
|
|
|
+ align: 'center',
|
|
|
+ // width:70
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '我的评分',
|
|
|
+ key: 'myScore',
|
|
|
+ align: 'center',
|
|
|
+ // width:180
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '其他老师评分',
|
|
|
+ key: 'otScore',
|
|
|
+ align: 'center',
|
|
|
+ // width:180
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '状态',
|
|
|
+ key: 'status',
|
|
|
+ align: 'center',
|
|
|
+ width: 120
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ data2: [
|
|
|
+ {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ myScore: 5,
|
|
|
+ otScore: 10,
|
|
|
+ status: '未处理'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ myScore: 5,
|
|
|
+ otScore: 10,
|
|
|
+ status: '未处理'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ myScore: 5,
|
|
|
+ otScore: 10,
|
|
|
+ status: '未处理'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '001',
|
|
|
+ quNo: 5,
|
|
|
+ myScore: 5,
|
|
|
+ otScore: 10,
|
|
|
+ status: '未处理'
|
|
|
+ }
|
|
|
+ ],
|
|
|
tabIndex: 0,
|
|
|
split1: 0.2,
|
|
|
- curBarIndex: 0,
|
|
|
+ curBarIndex: 1,
|
|
|
markList: [],
|
|
|
curEvIndex: 0,
|
|
|
quCount: [],
|
|
@@ -305,6 +350,13 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ rowClassName(row, index) {
|
|
|
+ if (index % 2 == 0) {
|
|
|
+ return 'stripe-row'
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ },
|
|
|
/**
|
|
|
* mode 0:按题 1:按人
|
|
|
*/
|
|
@@ -388,4 +440,11 @@ export default {
|
|
|
@import "./index.less";
|
|
|
</style>
|
|
|
<style lang="less">
|
|
|
+.stripe-row {
|
|
|
+ background: #0000001a;
|
|
|
+}
|
|
|
+.my-stripe-table .ivu-table td,
|
|
|
+.my-stripe-table .ivu-table tr th {
|
|
|
+ border-color: transparent !important;
|
|
|
+}
|
|
|
</style>
|