7 |
9 |
3 |
13 |
14 |
15 |
16 |
32 |
33 |
45 |
--------------------------------------------------------------------------------
/src/api/system/user.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | // 获取验证码
4 | export function getCode() {
5 | return request({
6 | url: '/system/user/captcha',
7 | method: 'get'
8 | })
9 | }
10 |
11 | // 登录
12 | export function login(data) {
13 | return request({
14 | url: '/system/user/login',
15 | method: 'post',
16 | data
17 | })
18 | }
19 |
20 | // 获取用户信息
21 | export function getInfo(token) {
22 | return request({
23 | url: '/system/user/info',
24 | method: 'get',
25 | params: { token }
26 | })
27 | }
28 |
29 | // 获取用户信息
30 | export function getUserById(id) {
31 | return request({
32 | url: '/system/user/getUserById',
33 | method: 'get',
34 | params: { id }
35 | })
36 | }
37 |
38 | // 登出
39 | export function logout(token) {
40 | return request({
41 | url: '/system/user/logout',
42 | method: 'post',
43 | params: { token }
44 | })
45 | }
46 |
47 | // 注册
48 | export function register(data) {
49 | return request({
50 | url: '/system/user/register',
51 | method: 'post',
52 | data
53 | })
54 | }
55 |
56 | // 修改密码
57 | export function alterPassword(params) {
58 | return request({
59 | url: '/system/user/alterPassword',
60 | method: 'post',
61 | params
62 | })
63 | }
64 |
65 | // 修改个人信息
66 | export function updateInfo(data) {
67 | return request({
68 | url: '/system/user/updateInfo',
69 | method: 'put',
70 | data
71 | })
72 | }
73 |
--------------------------------------------------------------------------------
/src/layout/mixin/ResizeHandler.js:
--------------------------------------------------------------------------------
1 | import store from '@/store'
2 |
3 | const { body } = document
4 | const WIDTH = 992 // refer to Bootstrap's responsive design
5 |
6 | export default {
7 | watch: {
8 | $route(route) {
9 | if (this.device === 'mobile' && this.sidebar.opened) {
10 | store.dispatch('app/closeSideBar', { withoutAnimation: false })
11 | }
12 | }
13 | },
14 | beforeMount() {
15 | window.addEventListener('resize', this.$_resizeHandler)
16 | },
17 | beforeDestroy() {
18 | window.removeEventListener('resize', this.$_resizeHandler)
19 | },
20 | mounted() {
21 | const isMobile = this.$_isMobile()
22 | if (isMobile) {
23 | store.dispatch('app/toggleDevice', 'mobile')
24 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
25 | }
26 | },
27 | methods: {
28 | // use $_ for mixins properties
29 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
30 | $_isMobile() {
31 | const rect = body.getBoundingClientRect()
32 | return rect.width - 1 < WIDTH
33 | },
34 | $_resizeHandler() {
35 | if (!document.hidden) {
36 | const isMobile = this.$_isMobile()
37 | store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
38 |
39 | if (isMobile) {
40 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
41 | }
42 | }
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/store/modules/permission.js:
--------------------------------------------------------------------------------
1 | import { asyncRoutes, constantRoutes } from '@/router'
2 |
3 | /**
4 | * Use meta.role to determine if the current user has permission
5 | * @param roles
6 | * @param route
7 | */
8 | function hasPermission(roles, route) {
9 | if (route.meta && route.meta.roles) {
10 | return roles.some(role => route.meta.roles.includes(role))
11 | } else {
12 | return true
13 | }
14 | }
15 |
16 | /**
17 | * Filter asynchronous routing tables by recursion
18 | * @param routes asyncRoutes
19 | * @param roles
20 | */
21 | export function filterAsyncRoutes(routes, roles) {
22 | const res = []
23 |
24 | routes.forEach(route => {
25 | const tmp = { ...route }
26 | if (hasPermission(roles, tmp)) {
27 | if (tmp.children) {
28 | tmp.children = filterAsyncRoutes(tmp.children, roles)
29 | }
30 | res.push(tmp)
31 | }
32 | })
33 |
34 | return res
35 | }
36 |
37 | const state = {
38 | routes: [],
39 | addRoutes: []
40 | }
41 |
42 | const mutations = {
43 | SET_ROUTES: (state, routes) => {
44 | state.addRoutes = routes
45 | state.routes = constantRoutes.concat(routes)
46 | }
47 | }
48 |
49 | const actions = {
50 | generateRoutes({ commit }, roles) {
51 | return new Promise(resolve => {
52 | const accessedRoutes = filterAsyncRoutes(asyncRoutes, roles)
53 | commit('SET_ROUTES', accessedRoutes)
54 | resolve(accessedRoutes)
55 | })
56 | }
57 | }
58 |
59 | export default {
60 | namespaced: true,
61 | state,
62 | mutations,
63 | actions
64 | }
65 |
--------------------------------------------------------------------------------
/src/components/SvgIcon/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
47 |
48 |
63 |
--------------------------------------------------------------------------------
/src/api/admin/paper.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | // 获取试卷数量
4 | export function getPaperCount() {
5 | return request({
6 | url: '/admin/paper/getCount',
7 | method: 'get'
8 | })
9 | }
10 |
11 | // 查询所有试卷信息
12 | export function queryPapers() {
13 | return request({
14 | url: '/admin/paper/queryAll',
15 | method: 'get'
16 | })
17 | }
18 |
19 | // 分页查询试卷信息
20 | export function queryPapersByPage(params) {
21 | return request({
22 | url: '/admin/paper/queryPage',
23 | method: 'get',
24 | params
25 | })
26 | }
27 |
28 | // 添加试卷信息
29 | export function addPaper(data) {
30 | return request({
31 | url: '/admin/paper/addOne',
32 | method: 'post',
33 | data
34 | })
35 | }
36 |
37 | // 移除试卷信息
38 | export function removePaper(data) {
39 | return request({
40 | url: '/admin/paper/removePaper',
41 | method: 'delete',
42 | data
43 | })
44 | }
45 |
46 | // 删除一些试卷信息
47 | export function removePapers(data) {
48 | return request({
49 | url: '/admin/paper/removePapers',
50 | method: 'delete',
51 | data
52 | })
53 | }
54 |
55 | // 更新试卷信息
56 | export function updatePaper(data) {
57 | return request({
58 | url: '/admin/paper/updateOne',
59 | method: 'put',
60 | data
61 | })
62 | }
63 |
64 | // 保存试卷
65 | export function savePaper(data) {
66 | return request({
67 | url: '/admin/paper/savePaper',
68 | method: 'post',
69 | data
70 | })
71 | }
72 |
73 | // 获得试卷
74 | export function getPaper(params) {
75 | return request({
76 | url: '/admin/paper/getPaper',
77 | method: 'get',
78 | params
79 | })
80 | }
81 |
--------------------------------------------------------------------------------
/mock/index.js:
--------------------------------------------------------------------------------
1 | const Mock = require('mockjs')
2 | const { param2Obj } = require('./utils')
3 |
4 | const user = require('./user')
5 | const table = require('./table')
6 |
7 | const mocks = [
8 | ...user,
9 | ...table
10 | ]
11 |
12 | // for front mock
13 | // please use it cautiously, it will redefine XMLHttpRequest,
14 | // which will cause many of your third-party libraries to be invalidated(like progress event).
15 | function mockXHR() {
16 | // mock patch
17 | // https://github.com/nuysoft/Mock/issues/300
18 | Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
19 | Mock.XHR.prototype.send = function() {
20 | if (this.custom.xhr) {
21 | this.custom.xhr.withCredentials = this.withCredentials || false
22 |
23 | if (this.responseType) {
24 | this.custom.xhr.responseType = this.responseType
25 | }
26 | }
27 | this.proxy_send(...arguments)
28 | }
29 |
30 | function XHR2ExpressReqWrap(respond) {
31 | return function(options) {
32 | let result = null
33 | if (respond instanceof Function) {
34 | const { body, type, url } = options
35 | // https://expressjs.com/en/4x/api.html#req
36 | result = respond({
37 | method: type,
38 | body: JSON.parse(body),
39 | query: param2Obj(url)
40 | })
41 | } else {
42 | result = respond
43 | }
44 | return Mock.mock(result)
45 | }
46 | }
47 |
48 | for (const i of mocks) {
49 | Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
50 | }
51 | }
52 |
53 | module.exports = {
54 | mocks,
55 | mockXHR
56 | }
57 |
58 |
--------------------------------------------------------------------------------
/src/layout/components/Sidebar/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
15 |
17 |
18 |
19 |
20 |
21 |
55 |
--------------------------------------------------------------------------------
/src/api/student/exam.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | // 分页查询考试信息
4 | export function queryExamsByPage(params) {
5 | return request({
6 | url: '/student/exam/queryPage',
7 | method: 'get',
8 | params
9 | })
10 | }
11 |
12 | // 校验密码
13 | export function checkPassword(data) {
14 | return request({
15 | url: '/student/exam/checkPassword',
16 | method: 'post',
17 | data
18 | })
19 | }
20 |
21 | // 创建学生考试
22 | export function createStudentExam(data) {
23 | return request({
24 | url: '/student/exam/createStudentExam',
25 | method: 'post',
26 | data
27 | })
28 | }
29 |
30 | // 获取学生回答
31 | export function getExamInfo(params) {
32 | return request({
33 | url: '/student/exam/getExamInfo',
34 | method: 'get',
35 | params
36 | })
37 | }
38 |
39 | // 获得问题
40 | export function getQuestion(params) {
41 | return request({
42 | url: '/student/exam/getQuestion',
43 | method: 'get',
44 | params
45 | })
46 | }
47 |
48 | // 保存答案
49 | export function saveAnswer(data) {
50 | return request({
51 | url: '/student/exam/saveAnswer',
52 | method: 'post',
53 | data
54 | })
55 | }
56 |
57 | // 交卷
58 | export function commitPaper(data) {
59 | return request({
60 | url: '/student/exam/commitPaper',
61 | method: 'post',
62 | data
63 | })
64 | }
65 |
66 | // 获得分数
67 | export function getScore(params) {
68 | return request({
69 | url: '/student/exam/getScore',
70 | method: 'get',
71 | params
72 | })
73 | }
74 |
75 | // 得到详情
76 | export function getDetail(params) {
77 | return request({
78 | url: '/student/exam/getDetail',
79 | method: 'get',
80 | params
81 | })
82 | }
83 |
--------------------------------------------------------------------------------
/src/views/online-exam/online-exam/info.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
18 |
19 |
20 |
21 |
45 |
46 |
73 |
--------------------------------------------------------------------------------
/src/icons/svg/tree.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/mock/user.js:
--------------------------------------------------------------------------------
1 |
2 | const tokens = {
3 | admin: {
4 | token: 'admin-token'
5 | },
6 | editor: {
7 | token: 'editor-token'
8 | }
9 | }
10 |
11 | const users = {
12 | 'admin-token': {
13 | roles: ['admin'],
14 | introduction: 'I am a super administrator',
15 | avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
16 | name: 'Super Admin'
17 | },
18 | 'editor-token': {
19 | roles: ['editor'],
20 | introduction: 'I am an editor',
21 | avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
22 | name: 'Normal Editor'
23 | }
24 | }
25 |
26 | module.exports = [
27 | // user login
28 | {
29 | url: '/vue-admin-template/user/login',
30 | type: 'post',
31 | response: config => {
32 | const { username } = config.body
33 | const token = tokens[username]
34 |
35 | // mock error
36 | if (!token) {
37 | return {
38 | code: 60204,
39 | message: 'Account and password are incorrect.'
40 | }
41 | }
42 |
43 | return {
44 | code: 20000,
45 | data: token
46 | }
47 | }
48 | },
49 |
50 | // get user info
51 | {
52 | url: '/vue-admin-template/user/info\.*',
53 | type: 'get',
54 | response: config => {
55 | const { token } = config.query
56 | const info = users[token]
57 |
58 | // mock error
59 | if (!info) {
60 | return {
61 | code: 50008,
62 | message: 'Login failed, unable to get user details.'
63 | }
64 | }
65 |
66 | return {
67 | code: 20000,
68 | data: info
69 | }
70 | }
71 | },
72 |
73 | // user logout
74 | {
75 | url: '/vue-admin-template/user/logout',
76 | type: 'post',
77 | response: _ => {
78 | return {
79 | code: 20000,
80 | data: 'success'
81 | }
82 | }
83 | }
84 | ]
85 |
--------------------------------------------------------------------------------
/src/utils/request.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import { Message } from 'element-ui'
3 | import store from '@/store'
4 | import { getToken } from '@/utils/auth'
5 | import qs from 'qs'
6 |
7 | // create an axios instance
8 | const service = axios.create({
9 | baseURL: 'http://localhost:8093/', // url = base url + request url
10 | // withCredentials: true, // send cookies when cross-domain requests
11 | timeout: 5000 // request timeout
12 | })
13 |
14 | // request interceptor
15 | service.interceptors.request.use(
16 | config => {
17 | // do something before request is sent
18 |
19 | if (config.method === 'get') {
20 | // 如果是get请求，且params是数组类型如arr=[1,2]，则转换成arr=1&arr=2
21 | config.paramsSerializer = function(params) {
22 | return qs.stringify(params, { arrayFormat: 'repeat' })
23 | }
24 | }
25 |
26 | if (store.getters.token) {
27 | // let each request carry token
28 | // ['X-Token'] is a custom headers key
29 | // please modify it according to the actual situation
30 | config.headers['X-Token'] = getToken()
31 | }
32 | return config
33 | },
34 | error => {
35 | // do something with request error
36 | console.log(error) // for debug
37 | return Promise.reject(error)
38 | }
39 | )
40 |
41 | // response interceptor
42 | service.interceptors.response.use(
43 | /**
44 | * If you want to get http information such as headers or status
45 | * Please return response => response
46 | */
47 |
48 | /**
49 | * Determine the request status by custom code
50 | * Here is just an example
51 | * You can also judge the status by HTTP Status Code
52 | */
53 | response => {
54 | const res = response.data
55 | return res
56 | },
57 | error => {
58 | console.log('err' + error) // for debug
59 | Message({
60 | message: error.message,
61 | type: 'error',
62 | duration: 5 * 1000
63 | })
64 | return Promise.reject(error)
65 | }
66 | )
67 |
68 | export default service
69 |
--------------------------------------------------------------------------------
/src/layout/components/Sidebar/Logo.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
9 | 感谢您的作答
6 |
7 |
10 |
16 |
17 |
11 | {{ score }}分
12 |
13 | 感谢您的作答
14 |
15 |
3 |
4 |
5 | ![]()
6 |
8 |
9 | ![]()
10 |
12 |
13 |
14 |
15 |
16 |
33 |
34 |
83 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "exam-vue",
3 | "version": "0.0.1",
4 | "description": "Huanfenz's online exam system!",
5 | "author": "Huanfenz {{ title }}
7 |{{ title }}
11 |
3 |
4 |
12 |
13 |
14 |
52 |
53 |
94 |
--------------------------------------------------------------------------------
/src/components/Breadcrumb/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
11 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
13 |
24 |
25 |
26 |
27 |
96 |
--------------------------------------------------------------------------------
/tests/unit/components/Breadcrumb.spec.js:
--------------------------------------------------------------------------------
1 | import { mount, createLocalVue } from '@vue/test-utils'
2 | import VueRouter from 'vue-router'
3 | import ElementUI from 'element-ui'
4 | import Breadcrumb from '@/components/Breadcrumb/index.vue'
5 |
6 | const localVue = createLocalVue()
7 | localVue.use(VueRouter)
8 | localVue.use(ElementUI)
9 |
10 | const routes = [
11 | {
12 | path: '/',
13 | name: 'home',
14 | children: [{
15 | path: 'dashboard',
16 | name: 'dashboard'
17 | }]
18 | },
19 | {
20 | path: '/menu',
21 | name: 'menu',
22 | children: [{
23 | path: 'menu1',
24 | name: 'menu1',
25 | meta: { title: 'menu1' },
26 | children: [{
27 | path: 'menu1-1',
28 | name: 'menu1-1',
29 | meta: { title: 'menu1-1' }
30 | },
31 | {
32 | path: 'menu1-2',
33 | name: 'menu1-2',
34 | redirect: 'noredirect',
35 | meta: { title: 'menu1-2' },
36 | children: [{
37 | path: 'menu1-2-1',
38 | name: 'menu1-2-1',
39 | meta: { title: 'menu1-2-1' }
40 | },
41 | {
42 | path: 'menu1-2-2',
43 | name: 'menu1-2-2'
44 | }]
45 | }]
46 | }]
47 | }]
48 |
49 | const router = new VueRouter({
50 | routes
51 | })
52 |
53 | describe('Breadcrumb.vue', () => {
54 | const wrapper = mount(Breadcrumb, {
55 | localVue,
56 | router
57 | })
58 | it('dashboard', () => {
59 | router.push('/dashboard')
60 | const len = wrapper.findAll('.el-breadcrumb__inner').length
61 | expect(len).toBe(1)
62 | })
63 | it('normal route', () => {
64 | router.push('/menu/menu1')
65 | const len = wrapper.findAll('.el-breadcrumb__inner').length
66 | expect(len).toBe(2)
67 | })
68 | it('nested route', () => {
69 | router.push('/menu/menu1/menu1-2/menu1-2-1')
70 | const len = wrapper.findAll('.el-breadcrumb__inner').length
71 | expect(len).toBe(4)
72 | })
73 | it('no meta.title', () => {
74 | router.push('/menu/menu1/menu1-2/menu1-2-2')
75 | const len = wrapper.findAll('.el-breadcrumb__inner').length
76 | expect(len).toBe(3)
77 | })
78 | // it('click link', () => {
79 | // router.push('/menu/menu1/menu1-2/menu1-2-2')
80 | // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
81 | // const second = breadcrumbArray.at(1)
82 | // console.log(breadcrumbArray)
83 | // const href = second.find('a').attributes().href
84 | // expect(href).toBe('#/menu/menu1')
85 | // })
86 | // it('noRedirect', () => {
87 | // router.push('/menu/menu1/menu1-2/menu1-2-1')
88 | // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
89 | // const redirectBreadcrumb = breadcrumbArray.at(2)
90 | // expect(redirectBreadcrumb.contains('a')).toBe(false)
91 | // })
92 | it('last breadcrumb', () => {
93 | router.push('/menu/menu1/menu1-2/menu1-2-1')
94 | const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
95 | const redirectBreadcrumb = breadcrumbArray.at(3)
96 | expect(redirectBreadcrumb.contains('a')).toBe(false)
97 | })
98 | })
99 |
--------------------------------------------------------------------------------
/src/store/modules/user.js:
--------------------------------------------------------------------------------
1 | import { login, logout, getInfo } from '@/api/system/user'
2 | import { getToken, setToken, removeToken } from '@/utils/auth'
3 | import { resetRouter } from '@/router'
4 |
5 | const getDefaultState = () => {
6 | return {
7 | token: getToken(),
8 | id: 0,
9 | name: '',
10 | avatar: '',
11 | roles: []
12 | }
13 | }
14 |
15 | const state = getDefaultState()
16 |
17 | const mutations = {
18 | RESET_STATE: (state) => {
19 | Object.assign(state, getDefaultState())
20 | },
21 | SET_TOKEN: (state, token) => {
22 | state.token = token
23 | },
24 | SET_ID: (state, id) => {
25 | state.id = id
26 | },
27 | SET_NAME: (state, name) => {
28 | state.name = name
29 | },
30 | SET_AVATAR: (state, avatar) => {
31 | state.avatar = avatar
32 | },
33 | SET_ROLES: (state, roles) => {
34 | state.roles = roles
35 | }
36 | }
37 |
38 | const actions = {
39 | // 用户登录
40 | login({ commit }, userInfo) {
41 | const { username, password, code, key } = userInfo
42 | return new Promise((resolve, reject) => {
43 | login({ username: username.trim(), password: password, key: key, code: code }).then(response => {
44 | const { status, message, data } = response
45 | if (status !== 200) {
46 | reject(message)
47 | }
48 |
49 | commit('SET_TOKEN', data.token)
50 | setToken(data.token)
51 | resolve()
52 | }).catch(error => {
53 | reject(error)
54 | })
55 | })
56 | },
57 |
58 | // 获取用户信息
59 | getInfo({ commit, state }) {
60 | return new Promise((resolve, reject) => {
61 | getInfo(state.token).then(response => {
62 | const { data } = response
63 |
64 | if (!data) {
65 | reject('验证失败，请重新登录')
66 | }
67 |
68 | if (data.role === '管理员') data['roles'] = ['admin']
69 | else data['roles'] = ['student']
70 |
71 | const { id, roles, username, profile } = data
72 |
73 | // roles 必须是非空数组
74 | if (!roles || roles.length <= 0) {
75 | reject('getInfo: roles 必须是非空数组!')
76 | }
77 |
78 | commit('SET_ID', id)
79 | commit('SET_ROLES', roles)
80 | commit('SET_NAME', username)
81 | commit('SET_AVATAR', profile)
82 | resolve(data)
83 | }).catch(error => {
84 | reject(error)
85 | })
86 | })
87 | },
88 |
89 | // 用户退出
90 | logout({ commit, state }) {
91 | return new Promise((resolve, reject) => {
92 | logout(state.token).then(() => {
93 | removeToken() // 必须先移除token
94 | resetRouter()
95 | commit('RESET_STATE')
96 | resolve()
97 | }).catch(error => {
98 | reject(error)
99 | })
100 | })
101 | },
102 |
103 | // 重置token
104 | resetToken({ commit }) {
105 | return new Promise(resolve => {
106 | removeToken() // 必须先移除token
107 | commit('RESET_STATE')
108 | resolve()
109 | })
110 | }
111 | }
112 |
113 | export default {
114 | namespaced: true,
115 | state,
116 | mutations,
117 | actions
118 | }
119 |
120 |
--------------------------------------------------------------------------------
/src/utils/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by PanJiaChen on 16/11/18.
3 | */
4 |
5 | /**
6 | * Parse the time to string
7 | * @param {(Object|string|number)} time
8 | * @param {string} cFormat
9 | * @returns {string | null}
10 | */
11 | export function parseTime(time, cFormat) {
12 | if (arguments.length === 0 || !time) {
13 | return null
14 | }
15 | const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
16 | let date
17 | if (typeof time === 'object') {
18 | date = time
19 | } else {
20 | if ((typeof time === 'string')) {
21 | if ((/^[0-9]+$/.test(time))) {
22 | // support "1548221490638"
23 | time = parseInt(time)
24 | } else {
25 | // support safari
26 | // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
27 | time = time.replace(new RegExp(/-/gm), '/')
28 | }
29 | }
30 |
31 | if ((typeof time === 'number') && (time.toString().length === 10)) {
32 | time = time * 1000
33 | }
34 | date = new Date(time)
35 | }
36 | const formatObj = {
37 | y: date.getFullYear(),
38 | m: date.getMonth() + 1,
39 | d: date.getDate(),
40 | h: date.getHours(),
41 | i: date.getMinutes(),
42 | s: date.getSeconds(),
43 | a: date.getDay()
44 | }
45 | const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
46 | const value = formatObj[key]
47 | // Note: getDay() returns 0 on Sunday
48 | if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
49 | return value.toString().padStart(2, '0')
50 | })
51 | return time_str
52 | }
53 |
54 | /**
55 | * @param {number} time
56 | * @param {string} option
57 | * @returns {string}
58 | */
59 | export function formatTime(time, option) {
60 | if (('' + time).length === 10) {
61 | time = parseInt(time) * 1000
62 | } else {
63 | time = +time
64 | }
65 | const d = new Date(time)
66 | const now = Date.now()
67 |
68 | const diff = (now - d) / 1000
69 |
70 | if (diff < 30) {
71 | return '刚刚'
72 | } else if (diff < 3600) {
73 | // less 1 hour
74 | return Math.ceil(diff / 60) + '分钟前'
75 | } else if (diff < 3600 * 24) {
76 | return Math.ceil(diff / 3600) + '小时前'
77 | } else if (diff < 3600 * 24 * 2) {
78 | return '1天前'
79 | }
80 | if (option) {
81 | return parseTime(time, option)
82 | } else {
83 | return (
84 | d.getMonth() +
85 | 1 +
86 | '月' +
87 | d.getDate() +
88 | '日' +
89 | d.getHours() +
90 | '时' +
91 | d.getMinutes() +
92 | '分'
93 | )
94 | }
95 | }
96 |
97 | /**
98 | * @param {string} url
99 | * @returns {Object}
100 | */
101 | export function param2Obj(url) {
102 | const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
103 | if (!search) {
104 | return {}
105 | }
106 | const obj = {}
107 | const searchArr = search.split('&')
108 | searchArr.forEach(v => {
109 | const index = v.indexOf('=')
110 | if (index !== -1) {
111 | const name = v.substring(0, index)
112 | const val = v.substring(index + 1, v.length)
113 | obj[name] = val
114 | }
115 | })
116 | return obj
117 | }
118 |
--------------------------------------------------------------------------------
/src/layout/components/Navbar.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
29 |
30 |
31 |
58 |
59 |
137 |
--------------------------------------------------------------------------------
/src/views/exam-manager/repo/chapter.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
14 |
19 |
20 | 我的主页
21 |
22 |
23 | 退出登录
24 |
25 |
26 |
27 |
28 |
10 | ![]()
11 |
12 |
13 |
3 |
4 |
25 |
26 |
29 |
30 |
33 |
34 |
37 |
38 |
43 |
44 |
45 |
46 |
47 |
155 |
156 |
158 |
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const defaultSettings = require('./src/settings.js')
4 |
5 | function resolve(dir) {
6 | return path.join(__dirname, dir)
7 | }
8 |
9 | const name = defaultSettings.title || '在线考试系统' // page title
10 |
11 | // If your port is set to 80,
12 | // use administrator privileges to execute the command line.
13 | // For example, Mac: sudo npm run
14 | // You can change the port by the following methods:
15 | // port = 9528 npm run dev OR npm run dev --port = 9528
16 | const port = process.env.port || process.env.npm_config_port || 9528 // dev port
17 |
18 | // All configuration item explanations can be find in https://cli.vuejs.org/config/
19 | module.exports = {
20 | /**
21 | * You will need to set publicPath if you plan to deploy your site under a sub path,
22 | * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
23 | * then publicPath should be set to "/bar/".
24 | * In most cases please use '/' !!!
25 | * Detail: https://cli.vuejs.org/config/#publicpath
26 | */
27 | publicPath: '/',
28 | outputDir: 'dist',
29 | assetsDir: 'static',
30 | lintOnSave: false,
31 | productionSourceMap: false,
32 | devServer: {
33 | port: port,
34 | open: true,
35 | overlay: {
36 | warnings: false,
37 | errors: true
38 | },
39 | before: require('./mock/mock-server.js')
40 | },
41 | configureWebpack: {
42 | // provide the app's title in webpack's name field, so that
43 | // it can be accessed in index.html to inject the correct title.
44 | name: name,
45 | resolve: {
46 | alias: {
47 | '@': resolve('src')
48 | }
49 | }
50 | },
51 | chainWebpack(config) {
52 | // it can improve the speed of the first screen, it is recommended to turn on preload
53 | config.plugin('preload').tap(() => [
54 | {
55 | rel: 'preload',
56 | // to ignore runtime.js
57 | // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
58 | fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
59 | include: 'initial'
60 | }
61 | ])
62 |
63 | // when there are many pages, it will cause too many meaningless requests
64 | config.plugins.delete('prefetch')
65 |
66 | // set svg-sprite-loader
67 | config.module
68 | .rule('svg')
69 | .exclude.add(resolve('src/icons'))
70 | .end()
71 | config.module
72 | .rule('icons')
73 | .test(/\.svg$/)
74 | .include.add(resolve('src/icons'))
75 | .end()
76 | .use('svg-sprite-loader')
77 | .loader('svg-sprite-loader')
78 | .options({
79 | symbolId: 'icon-[name]'
80 | })
81 | .end()
82 |
83 | // set preserveWhitespace
84 | config.module
85 | .rule('vue')
86 | .use('vue-loader')
87 | .loader('vue-loader')
88 | .tap(options => {
89 | options.compilerOptions.preserveWhitespace = true
90 | return options
91 | })
92 | .end()
93 |
94 | config
95 | .when(process.env.NODE_ENV !== 'development',
96 | config => {
97 | config
98 | .plugin('ScriptExtHtmlWebpackPlugin')
99 | .after('html')
100 | .use('script-ext-html-webpack-plugin', [{
101 | // `runtime` must same as runtimeChunk name. default is `runtime`
102 | inline: /runtime\..*\.js$/
103 | }])
104 | .end()
105 | config
106 | .optimization.splitChunks({
107 | chunks: 'all',
108 | cacheGroups: {
109 | libs: {
110 | name: 'chunk-libs',
111 | test: /[\\/]node_modules[\\/]/,
112 | priority: 10,
113 | chunks: 'initial' // only package third parties that are initially dependent
114 | },
115 | elementUI: {
116 | name: 'chunk-elementUI', // split elementUI into a single package
117 | priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
118 | test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
119 | },
120 | commons: {
121 | name: 'chunk-commons',
122 | test: resolve('src/components'), // can customize your rules
123 | minChunks: 3, // minimum common number
124 | priority: 5,
125 | reuseExistingChunk: true
126 | }
127 | }
128 | })
129 | // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
130 | config.optimization.runtimeChunk('single')
131 | }
132 | )
133 | }
134 | }
135 |
--------------------------------------------------------------------------------
/src/views/user-manager/person-info/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 | 返 回
7 | 添 加
14 | 保 存
21 |
22 |
23 |
24 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
20 |
21 |
22 |
23 |
24 |
44 |
45 |
50 |
51 |
52 |
53 |
54 |
55 |
153 |
154 |
156 |
--------------------------------------------------------------------------------
/src/styles/sidebar.scss:
--------------------------------------------------------------------------------
1 | #app {
2 |
3 | .main-container {
4 | min-height: 100%;
5 | transition: margin-left .28s;
6 | margin-left: $sideBarWidth;
7 | position: relative;
8 | }
9 |
10 | .sidebar-container {
11 | transition: width 0.28s;
12 | width: $sideBarWidth !important;
13 | background-color: $menuBg;
14 | height: 100%;
15 | position: fixed;
16 | font-size: 0px;
17 | top: 0;
18 | bottom: 0;
19 | left: 0;
20 | z-index: 1001;
21 | overflow: hidden;
22 |
23 | // reset element-ui css
24 | .horizontal-collapse-transition {
25 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
26 | }
27 |
28 | .scrollbar-wrapper {
29 | overflow-x: hidden !important;
30 | }
31 |
32 | .el-scrollbar__bar.is-vertical {
33 | right: 0px;
34 | }
35 |
36 | .el-scrollbar {
37 | height: 100%;
38 | }
39 |
40 | &.has-logo {
41 | .el-scrollbar {
42 | height: calc(100% - 50px);
43 | }
44 | }
45 |
46 | .is-horizontal {
47 | display: none;
48 | }
49 |
50 | a {
51 | display: inline-block;
52 | width: 100%;
53 | overflow: hidden;
54 | }
55 |
56 | .svg-icon {
57 | margin-right: 16px;
58 | }
59 |
60 | .sub-el-icon {
61 | margin-right: 12px;
62 | margin-left: -2px;
63 | }
64 |
65 | .el-menu {
66 | border: none;
67 | height: 100%;
68 | width: 100% !important;
69 | }
70 |
71 | // menu hover
72 | .submenu-title-noDropdown,
73 | .el-submenu__title {
74 | &:hover {
75 | background-color: $menuHover !important;
76 | }
77 | }
78 |
79 | .is-active>.el-submenu__title {
80 | color: $subMenuActiveText !important;
81 | }
82 |
83 | & .nest-menu .el-submenu>.el-submenu__title,
84 | & .el-submenu .el-menu-item {
85 | min-width: $sideBarWidth !important;
86 | background-color: $subMenuBg !important;
87 |
88 | &:hover {
89 | background-color: $subMenuHover !important;
90 | }
91 | }
92 | }
93 |
94 | .hideSidebar {
95 | .sidebar-container {
96 | width: 54px !important;
97 | }
98 |
99 | .main-container {
100 | margin-left: 54px;
101 | }
102 |
103 | .submenu-title-noDropdown {
104 | padding: 0 !important;
105 | position: relative;
106 |
107 | .el-tooltip {
108 | padding: 0 !important;
109 |
110 | .svg-icon {
111 | margin-left: 20px;
112 | }
113 |
114 | .sub-el-icon {
115 | margin-left: 19px;
116 | }
117 | }
118 | }
119 |
120 | .el-submenu {
121 | overflow: hidden;
122 |
123 | &>.el-submenu__title {
124 | padding: 0 !important;
125 |
126 | .svg-icon {
127 | margin-left: 20px;
128 | }
129 |
130 | .sub-el-icon {
131 | margin-left: 19px;
132 | }
133 |
134 | .el-submenu__icon-arrow {
135 | display: none;
136 | }
137 | }
138 | }
139 |
140 | .el-menu--collapse {
141 | .el-submenu {
142 | &>.el-submenu__title {
143 | &>span {
144 | height: 0;
145 | width: 0;
146 | overflow: hidden;
147 | visibility: hidden;
148 | display: inline-block;
149 | }
150 | }
151 | }
152 | }
153 | }
154 |
155 | .el-menu--collapse .el-menu .el-submenu {
156 | min-width: $sideBarWidth !important;
157 | }
158 |
159 | // mobile responsive
160 | .mobile {
161 | .main-container {
162 | margin-left: 0px;
163 | }
164 |
165 | .sidebar-container {
166 | transition: transform .28s;
167 | width: $sideBarWidth !important;
168 | }
169 |
170 | &.hideSidebar {
171 | .sidebar-container {
172 | pointer-events: none;
173 | transition-duration: 0.3s;
174 | transform: translate3d(-$sideBarWidth, 0, 0);
175 | }
176 | }
177 | }
178 |
179 | .withoutAnimation {
180 |
181 | .main-container,
182 | .sidebar-container {
183 | transition: none;
184 | }
185 | }
186 | }
187 |
188 | // when menu collapsed
189 | .el-menu--vertical {
190 | &>.el-menu {
191 | .svg-icon {
192 | margin-right: 16px;
193 | }
194 | .sub-el-icon {
195 | margin-right: 12px;
196 | margin-left: -2px;
197 | }
198 | }
199 |
200 | .nest-menu .el-submenu>.el-submenu__title,
201 | .el-menu-item {
202 | &:hover {
203 | // you can use $subMenuHover
204 | background-color: $menuHover !important;
205 | }
206 | }
207 |
208 | // the scroll bar appears when the subMenu is too long
209 | >.el-menu--popup {
210 | max-height: 100vh;
211 | overflow-y: auto;
212 |
213 | &::-webkit-scrollbar-track-piece {
214 | background: #d3dce6;
215 | }
216 |
217 | &::-webkit-scrollbar {
218 | width: 6px;
219 | }
220 |
221 | &::-webkit-scrollbar-thumb {
222 | background: #99a9bf;
223 | border-radius: 20px;
224 | }
225 | }
226 | }
227 |
--------------------------------------------------------------------------------
/src/views/404.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 | 修改信息
8 |
9 |
25 |
34 |
42 |
43 | 点击下方图片上传头像
26 | 27 |
46 | 取消修改
47 | 保存修改
48 |
49 |
3 |
18 |
19 |
20 |
31 |
32 |
226 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | parserOptions: {
4 | parser: 'babel-eslint',
5 | sourceType: 'module'
6 | },
7 | env: {
8 | browser: true,
9 | node: true,
10 | es6: true,
11 | },
12 | extends: ['plugin:vue/recommended', 'eslint:recommended'],
13 |
14 | // add your custom rules here
15 | //it is base on https://github.com/vuejs/eslint-config-vue
16 | rules: {
17 | "vue/max-attributes-per-line": [2, {
18 | "singleline": 10,
19 | "multiline": {
20 | "max": 1,
21 | "allowFirstLine": false
22 | }
23 | }],
24 | "vue/singleline-html-element-content-newline": "off",
25 | "vue/multiline-html-element-content-newline":"off",
26 | "vue/name-property-casing": ["error", "PascalCase"],
27 | "vue/no-v-html": "off",
28 | 'accessor-pairs': 2,
29 | 'arrow-spacing': [2, {
30 | 'before': true,
31 | 'after': true
32 | }],
33 | 'block-spacing': [2, 'always'],
34 | 'brace-style': [2, '1tbs', {
35 | 'allowSingleLine': true
36 | }],
37 | 'camelcase': [0, {
38 | 'properties': 'always'
39 | }],
40 | 'comma-dangle': [2, 'never'],
41 | 'comma-spacing': [2, {
42 | 'before': false,
43 | 'after': true
44 | }],
45 | 'comma-style': [2, 'last'],
46 | 'constructor-super': 2,
47 | 'curly': [2, 'multi-line'],
48 | 'dot-location': [2, 'property'],
49 | 'eol-last': 2,
50 | 'eqeqeq': ["error", "always", {"null": "ignore"}],
51 | 'generator-star-spacing': [2, {
52 | 'before': true,
53 | 'after': true
54 | }],
55 | 'handle-callback-err': [2, '^(err|error)$'],
56 | 'indent': [2, 2, {
57 | 'SwitchCase': 1
58 | }],
59 | 'jsx-quotes': [2, 'prefer-single'],
60 | 'key-spacing': [2, {
61 | 'beforeColon': false,
62 | 'afterColon': true
63 | }],
64 | 'keyword-spacing': [2, {
65 | 'before': true,
66 | 'after': true
67 | }],
68 | 'new-cap': [2, {
69 | 'newIsCap': true,
70 | 'capIsNew': false
71 | }],
72 | 'new-parens': 2,
73 | 'no-array-constructor': 2,
74 | 'no-caller': 2,
75 | 'no-console': 'off',
76 | 'no-class-assign': 2,
77 | 'no-cond-assign': 2,
78 | 'no-const-assign': 2,
79 | 'no-control-regex': 0,
80 | 'no-delete-var': 2,
81 | 'no-dupe-args': 2,
82 | 'no-dupe-class-members': 2,
83 | 'no-dupe-keys': 2,
84 | 'no-duplicate-case': 2,
85 | 'no-empty-character-class': 2,
86 | 'no-empty-pattern': 2,
87 | 'no-eval': 2,
88 | 'no-ex-assign': 2,
89 | 'no-extend-native': 2,
90 | 'no-extra-bind': 2,
91 | 'no-extra-boolean-cast': 2,
92 | 'no-extra-parens': [2, 'functions'],
93 | 'no-fallthrough': 2,
94 | 'no-floating-decimal': 2,
95 | 'no-func-assign': 2,
96 | 'no-implied-eval': 2,
97 | 'no-inner-declarations': [2, 'functions'],
98 | 'no-invalid-regexp': 2,
99 | 'no-irregular-whitespace': 2,
100 | 'no-iterator': 2,
101 | 'no-label-var': 2,
102 | 'no-labels': [2, {
103 | 'allowLoop': false,
104 | 'allowSwitch': false
105 | }],
106 | 'no-lone-blocks': 2,
107 | 'no-mixed-spaces-and-tabs': 2,
108 | 'no-multi-spaces': 2,
109 | 'no-multi-str': 2,
110 | 'no-multiple-empty-lines': [2, {
111 | 'max': 1
112 | }],
113 | 'no-native-reassign': 2,
114 | 'no-negated-in-lhs': 2,
115 | 'no-new-object': 2,
116 | 'no-new-require': 2,
117 | 'no-new-symbol': 2,
118 | 'no-new-wrappers': 2,
119 | 'no-obj-calls': 2,
120 | 'no-octal': 2,
121 | 'no-octal-escape': 2,
122 | 'no-path-concat': 2,
123 | 'no-proto': 2,
124 | 'no-redeclare': 2,
125 | 'no-regex-spaces': 2,
126 | 'no-return-assign': [2, 'except-parens'],
127 | 'no-self-assign': 2,
128 | 'no-self-compare': 2,
129 | 'no-sequences': 2,
130 | 'no-shadow-restricted-names': 2,
131 | 'no-spaced-func': 2,
132 | 'no-sparse-arrays': 2,
133 | 'no-this-before-super': 2,
134 | 'no-throw-literal': 2,
135 | 'no-trailing-spaces': 2,
136 | 'no-undef': 2,
137 | 'no-undef-init': 2,
138 | 'no-unexpected-multiline': 2,
139 | 'no-unmodified-loop-condition': 2,
140 | 'no-unneeded-ternary': [2, {
141 | 'defaultAssignment': false
142 | }],
143 | 'no-unreachable': 2,
144 | 'no-unsafe-finally': 2,
145 | 'no-unused-vars': [2, {
146 | 'vars': 'all',
147 | 'args': 'none'
148 | }],
149 | 'no-useless-call': 2,
150 | 'no-useless-computed-key': 2,
151 | 'no-useless-constructor': 2,
152 | 'no-useless-escape': 0,
153 | 'no-whitespace-before-property': 2,
154 | 'no-with': 2,
155 | 'one-var': [2, {
156 | 'initialized': 'never'
157 | }],
158 | 'operator-linebreak': [2, 'after', {
159 | 'overrides': {
160 | '?': 'before',
161 | ':': 'before'
162 | }
163 | }],
164 | 'padded-blocks': [2, 'never'],
165 | 'quotes': [2, 'single', {
166 | 'avoidEscape': true,
167 | 'allowTemplateLiterals': true
168 | }],
169 | 'semi': [2, 'never'],
170 | 'semi-spacing': [2, {
171 | 'before': false,
172 | 'after': true
173 | }],
174 | 'space-before-blocks': [2, 'always'],
175 | 'space-before-function-paren': [2, 'never'],
176 | 'space-in-parens': [2, 'never'],
177 | 'space-infix-ops': 2,
178 | 'space-unary-ops': [2, {
179 | 'words': true,
180 | 'nonwords': false
181 | }],
182 | 'spaced-comment': [2, 'always', {
183 | 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
184 | }],
185 | 'template-curly-spacing': [2, 'never'],
186 | 'use-isnan': 2,
187 | 'valid-typeof': 2,
188 | 'wrap-iife': [2, 'any'],
189 | 'yield-star-spacing': [2, 'both'],
190 | 'yoda': [2, 'never'],
191 | 'prefer-const': 2,
192 | 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
193 | 'object-curly-spacing': [2, 'always', {
194 | objectsInObjects: false
195 | }],
196 | 'array-bracket-spacing': [2, 'never']
197 | }
198 | }
199 |
--------------------------------------------------------------------------------
/src/views/online-exam/exam-grade/list.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
17 |
5 | 
6 | 
7 |
8 |
9 |
10 |
16 |
6 |
7 |
8 |
9 |
3 |
4 |
40 |
41 |
51 |
52 | {{
53 | scope.row.examName
54 | }}
55 |
56 |
57 |
58 |
65 |
66 | 是
67 | 否
68 |
69 |
70 |
71 |
72 |
73 | 查看试卷详细情况
78 |
79 |
80 |
81 |
82 |
83 |
95 |
96 |
97 |
218 |
219 |
221 |
--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 |
4 | Vue.use(Router)
5 |
6 | /* Layout */
7 | import Layout from '@/layout'
8 |
9 | /**
10 | * Note: sub-menu only appear when route children.length >= 1
11 | * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
12 | *
13 | * hidden: true if set true, item will not show in the sidebar(default is false)
14 | * alwaysShow: true if set true, will always show the root menu
15 | * if not set alwaysShow, when item has more than one children route,
16 | * it will becomes nested mode, otherwise not show the root menu
17 | * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
18 | * name:'router-name' the name is used by
5 |
6 |
7 |
9 |
10 |
25 | 搜索
26 |
27 |
34 | 显示全部
35 |
36 |
37 |
38 |
39 |
3 |
4 |
70 |
75 |
76 | {{
77 | scope.row.name
78 | }}
79 |
80 |
81 |
82 |
95 |
96 | 修改
101 | 删除
106 |
107 |
108 |
109 |
110 |
111 |
123 |
124 |
125 |
267 |
268 |
274 |
--------------------------------------------------------------------------------
/src/views/login/register.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
22 |
29 |
30 |
37 | 搜索
38 |
39 |
46 | 显示全部
47 |
48 |
55 | 添加试卷
56 |
57 |
64 | 批量删除
65 |
66 |
67 |
68 |
69 |
3 |
11 |
12 |
17 |
18 |
29 |
30 |
31 |
32 |
43 |
44 |
45 |
46 |
47 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
77 |
78 |
79 | ![加载失败]()
80 |
81 |
82 |
83 |
84 |
99 |
100 |
101 |
102 |
187 |
188 |
237 |
238 |
301 |
--------------------------------------------------------------------------------
/src/views/login/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
13 |
15 |
16 | 在线考试系统-注册界面
14 |
85 | 确认
91 | 返回登录
97 |
98 |
3 |
11 |
12 |
18 |
19 |
32 |
33 |
34 |
35 |
36 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
75 |
76 |
77 | ![加载失败]()
78 |
79 |
80 |
81 |
82 |
109 |
110 |
111 |
112 |
199 |
200 |
268 |
269 |
332 |
--------------------------------------------------------------------------------
/src/views/online-exam/online-exam/list.vue:
--------------------------------------------------------------------------------
1 |
2 |
13 |
15 |
16 |
17 | 在线考试系统-登录界面
14 |
83 | 登录
89 | 注册
95 |
96 |
97 |
98 |
99 |
108 |
100 | 管理员 username: admin
101 | password: admin
102 |
103 |
104 | 学生 username: wangpeng
105 | password: 123456
106 |
107 |
3 |
4 |
42 |
56 |
57 |
58 |
59 |
60 |
68 |
69 | {{
70 | scope.row.name
71 | }}
72 |
73 |
74 |
75 |
80 |
81 | 不限制考试时间
82 | {{ scope.row.startTime }}
83 |
84 |
85 |
86 |
87 |
88 | 不限制考试时间
89 | {{ scope.row.endTime }}
90 |
91 |
92 |
93 |
94 |
95 | 完全开放
96 | 需要密码
97 |
98 |
99 |
100 |
101 |
102 | 开始考试
107 |
108 |
109 |
110 |
111 |
112 |
124 |
125 |
126 |
352 |
353 |
355 |
--------------------------------------------------------------------------------
/src/views/exam-manager/repo/list.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
27 | 搜索
28 |
29 |
36 | 显示全部
37 |
38 |
39 |
40 |
41 | 考试名称：{{ curExam.name }}
43 |考试试卷：{{ curExam.paperName }}
44 |考试时长：{{ curExam.duration }} 分钟
45 |开始时间：{{ curExam.startTime }}
46 |结束时间：{{ curExam.endTime }}
47 |注意事项：{{ curExam.notice }}
48 |
49 | 输入密码：
3 |
4 |
54 |
55 |
56 |
57 |
58 |
60 |
61 |
62 | 否
63 | 是
64 |
65 |
66 |
67 |
69 |
70 |
71 |
72 |
76 |
77 |
78 |
79 |
86 |
88 |
89 |
90 |
91 |
96 |
97 | {{
98 | scope.row.name
99 | }}
100 |
101 |
102 |
103 |
104 |
105 | 否
106 | 是
107 |
108 |
109 |
110 |
115 |
116 | 章节管理
121 | 修改
126 | 删除
131 |
132 |
133 |
134 |
135 |
136 |
148 |
149 |
150 |
374 |
375 |
385 |
--------------------------------------------------------------------------------
/src/views/online-exam/exam-grade/record.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
21 | 搜索
22 |
23 |
30 | 显示全部
31 |
32 |
39 | 添加题库
40 |
41 |
48 | 批量删除
49 |
50 |
51 |
52 |
53 |
3 |
4 |
69 |
70 |
82 |
83 | {{
84 | scope.row.examName
85 | }}
86 |
87 |
88 |
89 |
90 |
91 | 考试中
92 | 考试完成
93 |
94 |
95 |
96 |
99 |
100 | 等待批改主观题
101 | 批改完成
102 |
103 |
104 |
105 |
108 |
109 | 不及格
110 | 及格
111 |
112 |
113 |
114 |
117 |
118 | {{ scope.row.finishTime }}
119 | 等待交卷
120 |
121 |
122 |
123 |
124 | 批改试卷
131 | 查看试卷答题情况
137 | 删除
143 |
144 |
145 |
146 |
147 |
148 |
160 |
161 |
162 |
391 |
392 |
394 |
--------------------------------------------------------------------------------
5 |
6 |
7 |
9 |
10 |
11 |
13 |
14 |
15 |
18 |
19 |
20 |
23 |
24 |
25 |
28 |
29 |
36 |
37 |
44 | 搜索
45 |
46 |
53 | 显示全部
54 |
55 |
63 | 批量删除
64 |
65 |
66 |
67 |
68 |