update: 设置分数区间

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

 <template>
-  <el-card class="box-card">
-    <div style="width: 90%; margin: 0 auto">
-      <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>
+  <div class="score-range-box">
+    <el-card class="box-card">
+      <div style="width: 90%; margin: 0 auto">
+        <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>
+        </div>
+        <div id="score" style="width: 100%; height: 400px"></div>
       </div>
-      <div id="score" style="width: 100%; height: 400px"></div>
-    </div>
-  </el-card>
+    </el-card>
+    <set-score-range class="pop"></set-score-range>
+  </div>
 </template>
 
 <script>
+import SetScoreRange from './SetScoreRange.vue'
 import * as echarts from 'echarts'
 export default {
+  components: { SetScoreRange },
   data() {
     return {
       option: {
@@ -66,4 +71,15 @@ export default {
 }
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+.score-range-box{
+  position: relative;
+  .pop{
+    position: absolute;
+    top: -20%;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 99;
+  }
+}
+</style>

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

+<template>
+  <div>
+    <el-card class="score-content-main"></el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.score-content-main{
+  width: 460px;
+  height: 275px;
+}
+</style>