提交 8df63276 authored 作者: matian's avatar matian

update:组件目录调整

上级 ba2cbb33
......@@ -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') }
]
}
]
......
<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>
......@@ -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: '不及格人数' }
]
}
]
......
<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>
<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>
<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>
<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>
<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>
......@@ -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') }
]
}
]
......
......@@ -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() {
......
......@@ -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') }]
}
]
......
<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() {
......
......@@ -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' }]
}
}
},
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论