代码提交

src/modules/teacher/data/exam/components/Finished.vue

@@ -20,7 +20,11 @@ export default {
         remote: {},
 
         columns: [
-          { label: '排名', prop: 'paper_title', align: 'center' },
+          {
+            label: '排名',
+            prop: 'paper_title',
+            align: 'center'
+          },
           { label: '班级', slots: 'table-name', align: 'center' },
           { label: '平均分', prop: 'cankao_num', align: 'center', sortable: true },
           { label: '客观题平均分', prop: 'efw', align: 'center', sortable: true },

src/modules/teacher/data/exam/components/QuestionType.vue

 <template>
-  <el-card class="box-card" style="height: 500px">
+  <el-card class="box-card" style="height: 450px">
     <div slot="header" class="clearfix">
-      <h1 style="font-size: 28px">题型数据</h1>
+      <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">题型数据</h1>
     </div>
-    <div style="height: 400px; width: 90%; margin: 0 auto">
+    <div style="height: 350px; width: 90%; margin: 0 auto">
       <div id="type" style="width: 100%; height: 90%"></div>
-      <div>客观题正确率76%</div>
-      <div>主观题正确率24%</div>
+      <div style="margin-bottom: 10px">
+        <div class="dec dec1">客观题正确率：<span class="dec" style="color: #aa1941">待评价</span></div>
+        <div class="dec dec1">主观题正确率：<span class="dec" style="color: #919191">待评价</span></div>
+      </div>
     </div>
   </el-card>
 </template>
@@ -26,7 +28,7 @@ export default {
         grid: {
           left: '10%',
           right: '5%',
-          bottom: '20%',
+          bottom: '10%',
           containLabel: true
         },
         xAxis: [
@@ -34,7 +36,11 @@ export default {
             type: 'category',
             data: ['单选题', '多选题', '判断题', '情景题', '实操题'],
             axisTick: {
-              alignWithLabel: true
+              alignWithLabel: true,
+              show: false
+            },
+            splitLine: {
+              show: false
             }
           }
         ],
@@ -48,6 +54,9 @@ export default {
             },
             axisLine: {
               show: true
+            },
+            splitLine: {
+              show: false
             }
           }
         ],
@@ -77,4 +86,13 @@ export default {
 }
 </script>
 
-<style></style>
+<style>
+.dec {
+  color: #606266;
+  font-weight: 400;
+  font-size: 12px;
+}
+.dec1 {
+  margin-left: 80px;
+}
+</style>

src/modules/teacher/data/exam/components/Result.vue

 <template>
-  <el-card class="box-card" style="height: 500px">
+  <el-card class="box-card" style="height: 450px">
     <div slot="header" class="clearfix">
       <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">结果统计</h1>
     </div>
@@ -16,7 +16,11 @@ export default {
     return {
       option: {
         tooltip: {
-          trigger: 'item'
+          trigger: 'item',
+          formatter: function (params) {
+            const str = params.data.name + '<br/>' + params.data.value + '<br/>' + params.percent + '%'
+            return str
+          }
         },
         legend: {
           bottom: '5%',
@@ -35,8 +39,8 @@ export default {
               show: false
             },
             data: [
-              { value: 1048, name: '及格人数', itemStyle: { color: '#6C83CE' } },
-              { value: 735, name: '不及格人数', itemStyle: { color: '#D96685' } }
+              { value: 1048, name: '及格人数', itemStyle: { color: '#6C83CE' }, percent: '70%' },
+              { value: 735, name: '不及格人数', itemStyle: { color: '#D96685' }, percent: '30%' }
             ]
           }
         ]

src/modules/teacher/data/exam/components/ScoreRange.vue

 <template>
-  <el-card class="box-card" style="height: 500px">
+  <el-card class="box-card" style="height: 450px">
     <div slot="header" class="clearfix">
       <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">考分区间</h1>
       <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -35px">设置</el-button>

src/modules/teacher/data/exam/components/ScoreRanking.vue

 <template>
   <el-card style="height: 400px">
-    <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">班级排名</h1>
+    <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">分数排名</h1>
     <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -40px">导出</el-button>
     <el-tabs v-model="tabActive" style="margin-top: 30px">
       <el-tab-pane label="已完成" name="baseInfo">