update：组件目录调整

src/modules/teacher/data/course/index.js

@@ -6,7 +6,7 @@ const routes = [
       { path: '/teacher/data/course', component: () => import('./views/List.vue') },
       { path: '/classDatas', component: () => import('./components/ClassList.vue') },
       { path: '/personal', component: () => import('./components/PersonalList.vue') },
-      { path: '/detail', component: () => import('./components/CourseProcessList.vue') },
+      { path: '/detail', component: () => import('./components/CourseProcessList.vue') }
     ]
   }
 ]

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

+<template>
+  <el-card class="box-card">
+    <img class="bg" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/x-learning/data/bgc1.png" alt="" />
+    <div slot="header" style="display: flex; align-items: center">
+      <h1 style="font-size: 16px">考试信息</h1>
+      <img class="logo" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/x-learning/data/exam.png" alt="" />
+    </div>
+    <el-row type="flex" class="row-bg" justify="space-around">
+      <el-col :span="6">
+        <div class="title">总分</div>
+        <div><span class="num">100</span><span class="fen">分</span></div>
+      </el-col>
+      <el-col :span="6">
+        <div class="title">及格分数</div>
+        <div><span class="num">100</span><span class="fen">分</span></div>
+      </el-col>
+      <el-col :span="6">
+        <div class="title">考试总时长</div>
+        <div><span class="num">100</span><span class="fen">小时</span></div>
+      </el-col>
+    </el-row>
+  </el-card>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style scoped>
+.box-card {
+  position: relative;
+}
+.bg {
+  width: 137px;
+  height: 132px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.logo {
+  width: 16px;
+  height: 16px;
+  margin-left: 9px;
+}
+
+.title {
+  font-size: 16px;
+  color: #909090;
+  font-weight: 400;
+}
+.num {
+  font-size: 22px;
+  color: #333;
+}
+.fen {
+  font-size: 14px;
+  color: #333;
+  font-weight: 300;
+}
+</style>

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

@@ -9,7 +9,6 @@
 
 <script>
 import * as echarts from 'echarts'
-
 export default {
   data() {
     return {
@@ -18,35 +17,24 @@ export default {
           trigger: 'item'
         },
         legend: {
-          top: '5%',
+          bottom: '5%',
           left: 'center'
         },
         series: [
           {
-            name: 'Access From',
             type: 'pie',
-            radius: ['40%', '70%'],
+            radius: ['60%', '70%'],
             avoidLabelOverlap: false,
             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' }
+              { value: 1048, name: '及格人数' },
+              { value: 735, name: '不及格人数' }
             ]
           }
         ]

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

+<template>
+  <el-card class="box-card">
+    <img class="bg" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/x-learning/data/bgc3.png" alt="" />
+    <div slot="header" style="display: flex; align-items: center">
+      <h1 style="font-size: 16px">分数统计</h1>
+      <img class="logo" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/x-learning/data/score.png" alt="" />
+    </div>
+    <el-row type="flex" class="row-bg" justify="space-around">
+      <el-col :span="6">
+        <div class="title">平均分</div>
+        <div><span class="num">100</span><span class="fen">分</span></div>
+      </el-col>
+      <el-col :span="6">
+        <div class="title">最高分</div>
+        <div><span class="num">100</span><span class="fen">分</span></div>
+      </el-col>
+      <el-col :span="6">
+        <div class="title">最低分</div>
+        <div><span class="num">100</span><span class="fen">分</span></div>
+      </el-col>
+    </el-row>
+  </el-card>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style>
+.box-card {
+  position: relative;
+}
+.bg {
+  width: 137px;
+  height: 132px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.logo {
+  width: 16px;
+  height: 16px;
+  margin-left: 9px;
+}
+.title {
+  font-size: 16px;
+  color: #909090;
+  font-weight: 400;
+}
+.num {
+  font-size: 22px;
+  color: #333;
+}
+.fen {
+  font-size: 14px;
+  color: #333;
+  font-weight: 300;
+}
+</style>

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

+<template>
+  <el-card class="box-card">
+    <img class="bg" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/x-learning/data/bgc2.png" alt="" />
+    <div slot="header" style="display: flex; align-items: center">
+      <h1 style="font-size: 16px">交卷统计</h1>
+      <img class="logo" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/x-learning/data/time.png" alt="" />
+    </div>
+    <el-row type="flex" class="row-bg" justify="space-around">
+      <el-col :span="6">
+        <div class="title">最早交卷</div>
+        <div><span class="num">100</span><span class="fen">分钟</span></div>
+      </el-col>
+      <el-col :span="6">
+        <div class="title">最迟交卷</div>
+        <div><span class="num">100</span><span class="fen">分钟</span></div>
+      </el-col>
+      <el-col :span="6">
+        <div class="title">平均交卷时长</div>
+        <div><span class="num">100</span><span class="fen">分钟</span></div>
+      </el-col>
+    </el-row>
+  </el-card>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style>
+.box-card {
+  position: relative;
+}
+.bg {
+  width: 137px;
+  height: 132px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.logo {
+  width: 16px;
+  height: 16px;
+  margin-left: 9px;
+}
+.title {
+  font-size: 16px;
+  color: #909090;
+  font-weight: 400;
+}
+.num {
+  font-size: 22px;
+  color: #333;
+}
+.fen {
+  font-size: 14px;
+  color: #333;
+  font-weight: 300;
+}
+</style>

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

-<template>
-  <el-card class="box-card">
-    <div slot="header" class="clearfix">
-      <h1 style="font-size: 28px">考试信息</h1>
-    </div>
-    <el-row type="flex" class="row-bg" justify="space-around">
-      <el-col :span="6"
-        ><div>总分</div>
-        <div>12313</div></el-col
-      >
-      <el-col :span="6"
-        ><div>及格分数</div>
-        <div>31231</div></el-col
-      >
-      <el-col :span="6"
-        ><div>考试总时长</div>
-        <div>12341</div></el-col
-      >
-    </el-row>
-  </el-card>
-</template>
-
-<script>
-export default {}
-</script>
-
-<style></style>

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

-<template>
-  <el-card class="box-card">
-    <div slot="header" class="clearfix">
-      <h1 style="font-size: 28px">分数统计</h1>
-    </div>
-    <el-row type="flex" class="row-bg" justify="space-around">
-      <el-col :span="6"
-        ><div>平均分</div>
-        <div>12313</div></el-col
-      >
-      <el-col :span="6"
-        ><div>最高分</div>
-        <div>31231</div></el-col
-      >
-      <el-col :span="6"
-        ><div>最低分</div>
-        <div>12341</div></el-col
-      >
-    </el-row>
-  </el-card>
-</template>
-
-<script>
-export default {}
-</script>
-
-<style></style>

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

-<template>
-  <el-card class="box-card">
-    <div slot="header" class="clearfix">
-      <h1 style="font-size: 28px">交卷统计</h1>
-    </div>
-    <el-row type="flex" class="row-bg" justify="space-around">
-      <el-col :span="6"
-        ><div>最早交卷</div>
-        <div>12313</div></el-col
-      >
-      <el-col :span="6"
-        ><div>最迟交卷</div>
-        <div>31231</div></el-col
-      >
-      <el-col :span="6"
-        ><div>平均交卷时长</div>
-        <div>12341</div></el-col
-      >
-    </el-row>
-  </el-card>
-</template>
-
-<script>
-export default {}
-</script>
-
-<style></style>

src/modules/teacher/data/exam/index.js

@@ -2,11 +2,12 @@ const routes = [
   {
     path: '/',
     component: () => import('@/components/layout/index.vue'),
-    children: [{ path: '/teacher/data/exam', component: () => import('./views/List.vue') },
-      { path: '/class', component: () => import('./components/ClassList.vue') },
-      { path: '/PersonalList', component: () => import('./components/PersonalList.vue') },
+    children: [
+      { path: '/teacher/data/exam', component: () => import('./views/List.vue') },
+      { path: '/class', component: () => import('./views/ClassList.vue') },
+      { path: '/PersonalList', component: () => import('./views/PersonalList.vue') },
       { path: '/teacher/data/exam/classDetail', component: () => import('./views/ClassDetail.vue') },
-      { path: '/examData', component: () => import('./components/ExamData.vue') }
+      { path: '/examData', component: () => import('./views/ExamData.vue') }
     ]
   }
 ]

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

@@ -27,14 +27,14 @@
 </template>
 
 <script>
-import ExamInfo from './components/ExamInfo.vue'
-import Submission from './components/Submission.vue'
-import Score from './components/Score.vue'
-import ScoreRanking from './components/ScoreRanking.vue'
-import TitleData from './components/TitleData.vue'
-import Result from './components/Result.vue'
-import ScoreRange from './components/ScoreRange.vue'
-import QuestionType from './components/QuestionType.vue'
+import ExamInfo from '../components/ExamInfo.vue'
+import Submission from '../components/Submission.vue'
+import Score from '../components/Score.vue'
+import ScoreRanking from '../components/ScoreRanking.vue'
+import TitleData from '../components/TitleData.vue'
+import Result from '../components/Result.vue'
+import ScoreRange from '../components/ScoreRange.vue'
+import QuestionType from '../components/QuestionType.vue'
 export default {
   components: { ExamInfo, Submission, Score, ScoreRanking, TitleData, Result, ScoreRange, QuestionType },
   data() {

src/modules/teacher/data/test/index.js

@@ -3,8 +3,8 @@ const routes = [
     path: '/',
     component: () => import('@/components/layout/index.vue'),
     children: [{ path: '/teacher/data/test', component: () => import('./views/List.vue') },
-      { path: '/classList', component: () => import('./components/ClassList.vue') },
-      { path: '/person', component: () => import('./components/PersonalList.vue') }]
+      { path: '/classList', component: () => import('./views/ClassList.vue') },
+      { path: '/person', component: () => import('./views/PersonalList.vue') }]
   }
 ]
 

src/modules/teacher/data/test/components/ClassList.vue → src/modules/teacher/data/test/views/ClassList.vue

 <template>
   <div>
-    <div style="font-size:32px;margin-bottom:15px">测试班级一</div>
+    <div style="font-size: 32px; margin-bottom: 15px">测试班级一</div>
     <app-card>
-      <h1 class="title" style="font-size:28px">班级排名</h1>
-      <el-button type="text" style="font-size:28px;float:right;margin-top:-40px">导出</el-button>
-      <el-tabs v-model="tabActive" style="margin-top:30px">
+      <h1 class="title" style="font-size: 28px">班级排名</h1>
+      <el-button type="text" style="font-size: 28px; float: right; margin-top: -40px">导出</el-button>
+      <el-tabs v-model="tabActive" style="margin-top: 30px">
         <el-tab-pane label="已结束" name="baseInfo">
           <Finished />
         </el-tab-pane>
@@ -20,9 +20,9 @@
 </template>
 
 <script>
-import Finished from './Finished.vue'
-import ToEvaluate from './ToEvaluate.vue'
-import NoAnswer from './NoAnswer.vue'
+import Finished from '../components/Finished.vue'
+import ToEvaluate from '../components/ToEvaluate.vue'
+import NoAnswer from '../components/NoAnswer.vue'
 export default {
   components: { Finished, ToEvaluate, NoAnswer },
   data() {

src/modules/teacher/data/test/components/PersonalList.vue → src/modules/teacher/data/test/views/PersonalList.vue

@@ -2,7 +2,7 @@
   <app-container>
     <app-list v-bind="tableOptions" ref="list">
       <template #header-aside>
-        <el-button type="text" style="margin-top:5px;font-size:24px" 导出</el-button>
+        <el-button type="text" style="margin-top: 5px; font-size: 24px">导出</el-button>
       </template>
       <!-- 操作 -->
       <template v-slot:table-operate="{ row }">
@@ -15,18 +15,14 @@
 <script>
 export default {
   data() {
-    return {
-    }
+    return {}
   },
   computed: {
     // 列表配置
     tableOptions() {
       return {
-        remote: {
-        },
-        filters: [
-          { type: 'input', prop: 'class_name', placeholder: '学生姓名', label: '学生姓名' }
-        ],
+        remote: {},
+        filters: [{ type: 'input', prop: 'class_name', placeholder: '学生姓名', label: '学生姓名' }],
         columns: [
           { label: '学生姓名', prop: 'paper_title', align: 'center' },
           { label: '总得分', prop: 'class_name', align: 'center' },
@@ -36,9 +32,7 @@ export default {
           { label: '状态', prop: 'sdgerte', align: 'center' },
           { label: '操作', slots: 'table-operate', align: 'center' }
         ],
-        data: [
-          { paper_title: '99' }
-        ]
+        data: [{ paper_title: '99' }]
       }
     }
   },