代码提交

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

 <template>
   <app-container>
     <el-row type="flex" class="row-bg" justify="space-between" style="margin-bottom: 30px">
-      <el-col :span="10"><h1 style="padding-left: 80px; font-size: 30px">模拟测试一</h1></el-col>
+      <el-col :span="10"><h1 style="padding-left: 50px; font-size: 30px">模拟测试一</h1></el-col>
       <el-col :span="5">
-        <!-- <el-select v-model="selectValue" placeholder="请选择">
+        <el-select v-model="label" placeholder="请选择">
           <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-        </el-select> -->
+        </el-select>
         <el-button type="text" style="margin-left: 20px">导出pdf</el-button>
       </el-col>
     </el-row>
     <el-row type="flex" class="row-bg" justify="space-around">
-      <el-col :span="6"><ExamInfo /></el-col>
-      <el-col :span="6"><Submission /></el-col>
-      <el-col :span="6"><Score /></el-col>
+      <el-col :span="7"><ExamInfo /></el-col>
+      <el-col :span="7"><Submission /></el-col>
+      <el-col :span="7"><Score /></el-col>
     </el-row>
     <el-row type="flex" class="row-bg" justify="space-around" style="margin-top: 30px">
-      <el-col :span="10"><ScoreRanking /></el-col>
-      <el-col :span="10"><TitleData /></el-col>
+      <el-col :span="11"><ScoreRanking /></el-col>
+      <el-col :span="11"><TitleData /></el-col>
     </el-row>
     <el-row type="flex" class="row-bg" justify="space-around" style="margin-top: 30px">
       <el-col :span="7"><Result /></el-col>
@@ -38,7 +38,9 @@ import QuestionType from './components/QuestionType.vue'
 export default {
   components: { ExamInfo, Submission, Score, ScoreRanking, TitleData, Result, ScoreRange, QuestionType },
   data() {
-    return {}
+    return {
+      options: {}
+    }
   }
 }
 </script>

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

 <template>
   <el-card class="box-card">
     <div slot="header" class="clearfix">
-      <span>考试信息</span>
+      <h1 style="font-size: 28px">考试信息</h1>
     </div>
     <el-row type="flex" class="row-bg" justify="space-around">
       <el-col :span="6"

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

 <template>
   <el-card class="box-card">
     <div slot="header" class="clearfix">
-      <span>题型数据</span>
+      <h1 style="font-size: 28px">题型数据</h1>
     </div>
-    <div id="type" style="width: 600px; height: 400px"></div>
+    <div id="type" style="width: 600px; height: 360px"></div>
     <div>客观题正确率76%</div>
     <div>主观题正确率24%</div>
   </el-card>
@@ -11,7 +11,6 @@
 
 <script>
 import * as echarts from 'echarts'
-
 export default {
   data() {
     return {
@@ -25,7 +24,7 @@ export default {
         grid: {
           left: '10%',
           right: '20%',
-          bottom: '3%',
+          bottom: '20%',
           containLabel: true
         },
         xAxis: [

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

 <template>
   <el-card class="box-card">
     <div slot="header" class="clearfix">
-      <span>结果统计</span>
+      <h1 style="font-size: 28px">结果统计</h1>
     </div>
     <div id="main" style="width: 600px; height: 400px"></div>
   </el-card>

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

 <template>
   <el-card class="box-card">
     <div slot="header" class="clearfix">
-      <span>分数统计</span>
+      <h1 style="font-size: 28px">分数统计</h1>
     </div>
     <el-row type="flex" class="row-bg" justify="space-around">
       <el-col :span="6"

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

 <template>
   <el-card class="box-card">
     <div slot="header" class="clearfix">
-      <span>考分区间</span>
-      <el-button type="text" style="float: right">设置</el-button>
+      <h1 style="font-size: 28px">考分区间</h1>
+      <el-button type="text" style="float: right; margin-top: -40px">设置</el-button>
     </div>
     <div id="score" style="width: 600px; height: 400px"></div>
   </el-card>
@@ -10,42 +10,49 @@
 
 <script>
 import * as echarts from 'echarts'
-
 export default {
   data() {
     return {
       option: {
-        title: {
-          text: 'Referer of a Website',
-          subtext: 'Fake Data',
-          left: 'center'
-        },
         tooltip: {
           trigger: 'item'
         },
         legend: {
-          bottom: 10,
+          bottom: '5%',
           left: 'center'
         },
         series: [
           {
             name: 'Access From',
             type: 'pie',
-            radius: '50%',
+            radius: ['40%', '70%'],
+            avoidLabelOverlap: false,
+            itemStyle: {
+              borderRadius: 10,
+              borderColor: '#fff',
+              borderWidth: 2
+            },
+            label: {
+              show: false,
+              position: 'center'
+            },
+            emphasis: {
+              label: {
+                show: true,
+                fontSize: '40',
+                fontWeight: 'bold'
+              }
+            },
+            labelLine: {
+              show: false
+            },
             data: [
               { value: 1048, name: 'Search Engine' },
               { value: 735, name: 'Direct' },
               { value: 580, name: 'Email' },
               { value: 484, name: 'Union Ads' },
               { value: 300, name: 'Video Ads' }
-            ],
-            emphasis: {
-              itemStyle: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.5)'
-              }
-            }
+            ]
           }
         ]
       }

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

 <template>
   <el-card class="box-card">
     <div slot="header" class="clearfix">
-      <span>交卷统计</span>
+      <h1 style="font-size: 28px">交卷统计</h1>
     </div>
     <el-row type="flex" class="row-bg" justify="space-around">
       <el-col :span="6"

src/modules/teacher/data/exam/views/List.vue

@@ -11,6 +11,7 @@
 </template>
 
 <script>
+// import { getExamList } from '../api'
 export default {
   data() {
     return {
@@ -24,11 +25,14 @@ export default {
     // 列表配置
     tableOptions() {
       return {
-        remote: {},
+        remote: {
+          // httpRequest: getExamList,
+          params: {}
+        },
         filters: [
           {
             type: 'select',
-            prop: 'class_name',
+            prop: 'exam_id',
             placeholder: '考试名称',
             label: '考试名称',
             options: this.conditionList.examList,
@@ -39,7 +43,7 @@ export default {
           },
           {
             type: 'select',
-            prop: 'course',
+            prop: 'course_id',
             placeholder: '所属课程',
             label: '所属课程',
             options: this.conditionList.courseList,