代码提交

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

 <template>
   <el-card class="box-card">
     <div slot="header" class="clearfix">
-      <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">题型数据</h1>
+      <h1 style="font-size: 28px">题型数据</h1>
     </div>
-    <div id="type" style="width: 300px; height: 360px"></div>
+    <div id="type" style="width: 310px; height: 360px"></div>
     <div>客观题正确率76%</div>
     <div>主观题正确率24%</div>
   </el-card>
@@ -22,8 +22,8 @@ export default {
           }
         },
         grid: {
-          // left: '10%',
-          // right: '20%',
+          left: '30%',
+          right: '5%',
           bottom: '20%',
           containLabel: true
         },

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

@@ -3,7 +3,7 @@
     <div slot="header" class="clearfix">
       <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">结果统计</h1>
     </div>
-    <div id="main" style="width: 300px; height: 400px"></div>
+    <div id="main" style="width: 310px; height: 400px"></div>
   </el-card>
 </template>
 

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

@@ -4,7 +4,7 @@
       <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>
     </div>
-    <div id="score" style="width: 300px; height: 400px"></div>
+    <div id="score" style="width: 310px; height: 400px"></div>
   </el-card>
 </template>
 
@@ -18,7 +18,12 @@ export default {
           trigger: 'item'
         },
         legend: {
-          bottom: '5%'
+          bottom: '5%',
+          left: 'center'
+        },
+        grid: {
+          left: '10%',
+          right: '10%'
         },
         series: [
           {

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

 <template>
-  <app-container>
+  <div class="container">
     <el-row type="flex" class="row-bg" justify="space-between" style="margin-bottom: 30px">
       <el-col :span="10"><h1 style="padding-left: 50px; font-size: 30px">模拟测试一</h1></el-col>
       <el-col :span="5">
@@ -10,20 +10,20 @@
       </el-col>
     </el-row>
     <el-row type="flex" class="row-bg">
-      <el-col style="min-width: 366px; margin-right: 21px"><ExamInfo /></el-col>
-      <el-col style="min-width: 366px; margin-right: 21px"><Submission /></el-col>
-      <el-col style="min-width: 366px"><Score /></el-col>
+      <el-col class="col"><ExamInfo /></el-col>
+      <el-col class="col"><Submission /></el-col>
+      <el-col><Score /></el-col>
     </el-row>
-    <el-row type="flex" class="row-bg" style="margin-top: 30px">
-      <el-col style="min-width: 560px; margin-right: 21px"><ScoreRanking /></el-col>
-      <el-col style="min-width: 560px"><TitleData /></el-col>
+    <el-row type="flex" class="row-bg">
+      <el-col class="col"><ScoreRanking /></el-col>
+      <el-col><TitleData /></el-col>
     </el-row>
-    <el-row type="flex" class="row-bg" style="margin-top: 30px">
-      <el-col style="min-width: 347px; margin-right: 21px"><Result /></el-col>
-      <el-col style="min-width: 347px; margin-right: 21px"><ScoreRange /></el-col>
-      <el-col style="min-width: 347px; margin-right: 21px"><QuestionType /></el-col>
+    <el-row type="flex" class="row-bg">
+      <el-col class="col"><Result /></el-col>
+      <el-col class="col"><ScoreRange /></el-col>
+      <el-col><QuestionType /></el-col>
     </el-row>
-  </app-container>
+  </div>
 </template>
 
 <script>
@@ -45,4 +45,11 @@ export default {
 }
 </script>
 
-<style></style>
+<style>
+.row-bg {
+  margin-top: 30px;
+}
+.col {
+  margin-right: 21px;
+}
+</style>