7 |
10 |
3 |
5 |
6 |
7 |
50 |
51 |
61 |
--------------------------------------------------------------------------------
/src/icons/svg/radio.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/select.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/Hamburger/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
13 |
14 |
15 |
16 |
32 |
33 |
45 |
--------------------------------------------------------------------------------
/src/icons/svg/upload.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/calendar.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
45 |
--------------------------------------------------------------------------------
/src/icons/svg/404.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/zip.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/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/components/SvgIcon/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
46 |
47 |
62 |
--------------------------------------------------------------------------------
/src/store/modules/app.js:
--------------------------------------------------------------------------------
1 | import Cookies from 'js-cookie'
2 |
3 | const state = {
4 | sidebar: {
5 | opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
6 | withoutAnimation: false
7 | },
8 | device: 'desktop',
9 | size: Cookies.get('size') || 'medium'
10 | }
11 |
12 | const mutations = {
13 | TOGGLE_SIDEBAR: state => {
14 | state.sidebar.opened = !state.sidebar.opened
15 | state.sidebar.withoutAnimation = false
16 | if (state.sidebar.opened) {
17 | Cookies.set('sidebarStatus', 1)
18 | } else {
19 | Cookies.set('sidebarStatus', 0)
20 | }
21 | },
22 | CLOSE_SIDEBAR: (state, withoutAnimation) => {
23 | Cookies.set('sidebarStatus', 0)
24 | state.sidebar.opened = false
25 | state.sidebar.withoutAnimation = withoutAnimation
26 | },
27 | TOGGLE_DEVICE: (state, device) => {
28 | state.device = device
29 | },
30 | SET_SIZE: (state, size) => {
31 | state.size = size
32 | Cookies.set('size', size)
33 | }
34 | }
35 |
36 | const actions = {
37 | toggleSideBar({ commit }) {
38 | commit('TOGGLE_SIDEBAR')
39 | },
40 | closeSideBar({ commit }, { withoutAnimation }) {
41 | commit('CLOSE_SIDEBAR', withoutAnimation)
42 | },
43 | toggleDevice({ commit }, device) {
44 | commit('TOGGLE_DEVICE', device)
45 | },
46 | setSize({ commit }, size) {
47 | commit('SET_SIZE', size)
48 | }
49 | }
50 |
51 | export default {
52 | namespaced: true,
53 | state,
54 | mutations,
55 | actions
56 | }
57 |
--------------------------------------------------------------------------------
/src/icons/svg/phone.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/styles/element-ui.scss:
--------------------------------------------------------------------------------
1 | // cover some element-ui styles
2 |
3 | .el-breadcrumb__inner,
4 | .el-breadcrumb__inner a {
5 | font-weight: 400 !important;
6 | }
7 |
8 | .el-upload {
9 | input[type="file"] {
10 | display: none !important;
11 | }
12 | }
13 |
14 | .el-upload__input {
15 | display: none;
16 | }
17 |
18 | .cell {
19 | .el-tag {
20 | margin-right: 0px;
21 | }
22 | }
23 |
24 | .small-padding {
25 | .cell {
26 | padding-left: 5px;
27 | padding-right: 5px;
28 | }
29 | }
30 |
31 | .fixed-width {
32 | .el-button--mini {
33 | padding: 7px 10px;
34 | min-width: 60px;
35 | }
36 | }
37 |
38 | .status-col {
39 | .cell {
40 | padding: 0 10px;
41 | text-align: center;
42 |
43 | .el-tag {
44 | margin-right: 0px;
45 | }
46 | }
47 | }
48 |
49 | // to fixed https://github.com/ElemeFE/element/issues/2461
50 | .el-dialog {
51 | transform: none;
52 | left: 0;
53 | position: relative;
54 | margin: 0 auto;
55 | }
56 |
57 | // refine element ui upload
58 | .upload-container {
59 | .el-upload {
60 | width: 100%;
61 |
62 | .el-upload-dragger {
63 | width: 100%;
64 | height: 200px;
65 | }
66 | }
67 | }
68 |
69 | // dropdown
70 | .el-dropdown-menu {
71 | a {
72 | display: block
73 | }
74 | }
75 |
76 | // fix date-picker ui bug in filter-item
77 | .el-range-editor.el-input__inner {
78 | display: inline-flex !important;
79 | }
80 |
81 | // to fix el-date-picker css style
82 | .el-range-separator {
83 | box-sizing: content-box;
84 | }
85 |
--------------------------------------------------------------------------------
/src/icons/svg/bug.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/server/utils/tools.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 |
3 | /**
4 | * 获取树形结构数据
5 | * @param data 数据
6 | * @param level 节点
7 | * @param idFeild 字段名
8 | * @param pidFeild 上一级字段名
9 | * @returns {null|[]}
10 | */
11 | const getTreeData = function(data, level = null, idFeild = 'id', pidFeild = 'parent_id') {
12 | const tree = []
13 | const _level = []
14 | if (level === null) {
15 | data.forEach(function(item) {
16 | _level.push(item[pidFeild])
17 | })
18 | level = Math.min(..._level)
19 | }
20 | data.forEach(function(item) {
21 | if (item[pidFeild] === level) {
22 | tree.push(item)
23 | }
24 | })
25 | if (tree.length === 0) {
26 | return null
27 | }
28 |
29 | // 对于父节点为0的进行循环，然后查出父节点为上面结果id的节点内容
30 | tree.forEach(function(item) {
31 | const childData = getTreeData(data, item[idFeild], idFeild, pidFeild)
32 | if (childData != null) {
33 | item['children'] = childData
34 | }
35 | })
36 | return tree
37 | }
38 |
39 | /**
40 | * 获取两个数组交集
41 | * @param arr1
42 | * @param arr2
43 | * @returns {*[]}
44 | */
45 | const intersectArr = function(arr1 = [], arr2 = []) {
46 | return arr1.filter(function(v) { return arr2.indexOf(v) > -1 })
47 | }
48 |
49 | /**
50 | * 获取两个数组差集
51 | * @param arr1
52 | * @param arr2
53 | * @returns {*[]}
54 | */
55 | const minustArr = function(arr1 = [], arr2 = []) {
56 | return arr1.filter(function(v) { return arr2.indexOf(v) === -1 })
57 | }
58 |
59 | module.exports = {
60 | getTreeData: getTreeData,
61 | intersectArr: intersectArr,
62 | minustArr: minustArr
63 | }
64 |
--------------------------------------------------------------------------------
/src/components/SizeSelect/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
3 |
5 |
15 |
17 |
18 |
19 |
20 |
21 |
55 |
--------------------------------------------------------------------------------
/src/components/Charts/mixins/resize.js:
--------------------------------------------------------------------------------
1 | import { debounce } from '@/utils'
2 |
3 | export default {
4 | data() {
5 | return {
6 | $_sidebarElm: null,
7 | $_resizeHandler: null
8 | }
9 | },
10 | mounted() {
11 | this.initListener()
12 | },
13 | activated() {
14 | if (!this.$_resizeHandler) {
15 | // avoid duplication init
16 | this.initListener()
17 | }
18 |
19 | // when keep-alive chart activated, auto resize
20 | this.resize()
21 | },
22 | beforeDestroy() {
23 | this.destroyListener()
24 | },
25 | deactivated() {
26 | this.destroyListener()
27 | },
28 | methods: {
29 | // use $_ for mixins properties
30 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
31 | $_sidebarResizeHandler(e) {
32 | if (e.propertyName === 'width') {
33 | this.$_resizeHandler()
34 | }
35 | },
36 | initListener() {
37 | this.$_resizeHandler = debounce(() => {
38 | this.resize()
39 | }, 100)
40 | window.addEventListener('resize', this.$_resizeHandler)
41 |
42 | this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
43 | this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
44 | },
45 | destroyListener() {
46 | window.removeEventListener('resize', this.$_resizeHandler)
47 | this.$_resizeHandler = null
48 |
49 | this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
50 | },
51 | resize() {
52 | const { chart } = this
53 | chart && chart.resize()
54 | }
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/src/icons/svg/pdf.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/logininfor.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/rate.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/job.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/views/dashboard/components/mixins/resize.js:
--------------------------------------------------------------------------------
1 | import { debounce } from '@/utils'
2 |
3 | export default {
4 | data() {
5 | return {
6 | $_sidebarElm: null,
7 | $_resizeHandler: null
8 | }
9 | },
10 | mounted() {
11 | this.$_resizeHandler = debounce(() => {
12 | if (this.chart) {
13 | this.chart.resize()
14 | }
15 | }, 100)
16 | this.$_initResizeEvent()
17 | this.$_initSidebarResizeEvent()
18 | },
19 | beforeDestroy() {
20 | this.$_destroyResizeEvent()
21 | this.$_destroySidebarResizeEvent()
22 | },
23 | // to fixed bug when cached by keep-alive
24 | activated() {
25 | this.$_initResizeEvent()
26 | this.$_initSidebarResizeEvent()
27 | },
28 | deactivated() {
29 | this.$_destroyResizeEvent()
30 | this.$_destroySidebarResizeEvent()
31 | },
32 | methods: {
33 | // use $_ for mixins properties
34 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
35 | $_initResizeEvent() {
36 | window.addEventListener('resize', this.$_resizeHandler)
37 | },
38 | $_destroyResizeEvent() {
39 | window.removeEventListener('resize', this.$_resizeHandler)
40 | },
41 | $_sidebarResizeHandler(e) {
42 | if (e.propertyName === 'width') {
43 | this.$_resizeHandler()
44 | }
45 | },
46 | $_initSidebarResizeEvent() {
47 | this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
48 | this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
49 | },
50 | $_destroySidebarResizeEvent() {
51 | this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/store/modules/permission.js:
--------------------------------------------------------------------------------
1 | import { errorRoutes, constantRoutes } from '@/router'
2 | import Layout from '@/layout'
3 |
4 | /**
5 | * Filter asynchronous routing tables by recursion
6 | * @param routes asyncRoutes
7 | * @param roles
8 | */
9 | export function filterAsyncRoutes(routes) {
10 | const res = []
11 |
12 | routes.forEach(route => {
13 | const component = route.component
14 | const tmp = {
15 | path: route.path,
16 | component: route.component === 'Layout' ? Layout : () => import(`@/views${component}`), // resolve => require([`@/views${component}`], resolve),
17 | redirect: route.redirect || undefined,
18 | hidden: !!route.hidden,
19 | name: route.name,
20 | meta: {},
21 | children: route.children || undefined
22 | }
23 | tmp.meta.title = route.title
24 | if (route.icon) {
25 | tmp.meta.icon = route.icon
26 | }
27 | if (tmp.children) {
28 | if (tmp.children.length) {
29 | tmp.alwaysShow = true
30 | }
31 | tmp.children = filterAsyncRoutes(tmp.children)
32 | }
33 | res.push(tmp)
34 | })
35 | return res
36 | }
37 |
38 | const state = {
39 | routes: [],
40 | addRoutes: []
41 | }
42 |
43 | const mutations = {
44 | SET_ROUTES: (state, routes) => {
45 | state.addRoutes = routes
46 | state.routes = constantRoutes.concat(routes)
47 | }
48 | }
49 |
50 | const actions = {
51 | generateRoutes({ commit }, menus) {
52 | return new Promise(resolve => {
53 | const accessedRoutes = filterAsyncRoutes(menus).concat(errorRoutes)
54 | commit('SET_ROUTES', accessedRoutes)
55 | resolve(accessedRoutes)
56 | })
57 | }
58 | }
59 |
60 | export default {
61 | namespaced: true,
62 | state,
63 | mutations,
64 | actions
65 | }
66 |
--------------------------------------------------------------------------------
/src/icons/svg/exit-fullscreen.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/tree.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/swagger.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/server/router/user-log.js:
--------------------------------------------------------------------------------
1 | const express = require('express')
2 | const router = express.Router()
3 | const UserLogsModel = require('../model/user-logs')
4 | const UsersModel = require('../model/users')
5 | const Sequelize = require('sequelize')
6 | const Op = Sequelize.Op
7 |
8 | UserLogsModel.hasOne(UsersModel, { foreignKey: 'user_id', sourceKey: 'user_id' })
9 |
10 | router.get('/list', (req, res, next) => {
11 | if (req.query.page <= 0) {
12 | req.query.page = 1
13 | }
14 | if (req.query.limit > 50) {
15 | req.query.limit = 50
16 | }
17 | let where = {}
18 | if (req.query.date && req.query.date.length === 2) {
19 | where = {
20 | create_time: {
21 | [Op.between]: req.query.date
22 | }
23 | }
24 | }
25 | const offset = (req.query.page - 1) * req.query.limit
26 | UserLogsModel.findAndCountAll({
27 | offset,
28 | limit: parseInt(req.query.limit) || 20,
29 | include: [
30 | {
31 | model: UsersModel,
32 | attributes: ['user_name']
33 | }
34 | ],
35 | where: where,
36 | order: [['create_time', 'DESC']]
37 | }).then(function(logs) {
38 | return res.json({
39 | code: 20000,
40 | message: '获取成功',
41 | data: {
42 | logs: logs.rows,
43 | total: logs.count
44 | }
45 | })
46 | })
47 | })
48 |
49 | router.post('/del', (req, res, next) => {
50 | const log_ids = req.body
51 | UserLogsModel.destroy({ where: { user_log_id: log_ids }}).then(function(role) {
52 | if (!role) {
53 | return res.json({
54 | code: 40000,
55 | message: '删除失败',
56 | data: null
57 | })
58 | }
59 | return res.json({
60 | code: 20000,
61 | message: '删除成功',
62 | data: role
63 | })
64 | })
65 | })
66 |
67 | module.exports = router
68 |
--------------------------------------------------------------------------------
/src/components/IconSelect/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
13 |
14 |
15 |
44 |
45 |
69 |
--------------------------------------------------------------------------------
/server/model/menus.js:
--------------------------------------------------------------------------------
1 | const Sequelize = require('sequelize')
2 | const moment = require('moment')
3 | const sequelize = require('./init')
4 | const tools = require('../utils/tools')
5 |
6 | // 定义表的模型
7 | const MenusModel = sequelize.define('menus', {
8 | menu_id: {
9 | type: Sequelize.INTEGER,
10 | primaryKey: true,
11 | autoIncrement: true
12 | },
13 | parent_id: {
14 | type: Sequelize.INTEGER,
15 | defaultValue: 0
16 | },
17 | title: {
18 | type: Sequelize.STRING(255)
19 | },
20 | sort: {
21 | type: Sequelize.INTEGER,
22 | defaultValue: 0
23 | },
24 | type: {
25 | type: Sequelize.CHAR(1)
26 | },
27 | icon: {
28 | type: Sequelize.STRING(255)
29 | },
30 | name: {
31 | type: Sequelize.STRING(255)
32 | },
33 | component: {
34 | type: Sequelize.STRING(255)
35 | },
36 | path: {
37 | type: Sequelize.STRING(255)
38 | },
39 | permission: {
40 | type: Sequelize.STRING(255)
41 | },
42 | redirect: {
43 | type: Sequelize.STRING(255)
44 | },
45 | hidden: {
46 | type: Sequelize.TINYINT(1)
47 | },
48 | update_time: {
49 | type: Sequelize.DATE,
50 | get() {
51 | return this.getDataValue('update_time') ? moment(this.getDataValue('update_time')).format('YYYY-MM-DD HH:mm:ss') : null
52 | }
53 | },
54 | create_time: {
55 | type: Sequelize.DATE,
56 | defaultValue: Sequelize.NOW,
57 | get() {
58 | return moment(this.getDataValue('create_time')).format('YYYY-MM-DD HH:mm:ss')
59 | }
60 | }
61 | })
62 |
63 | MenusModel.getListTree = async function(where = {}) {
64 | const menus = await MenusModel.findAll({
65 | where: where,
66 | order: [['sort', 'DESC']]
67 | })
68 | const menusArr = menus.map(function(item) {
69 | return item.get({ plain: true })
70 | })
71 | return tools.getTreeData(menusArr, null, 'menu_id')
72 | }
73 |
74 | module.exports = MenusModel
75 |
--------------------------------------------------------------------------------
/src/filters/index.js:
--------------------------------------------------------------------------------
1 | // import parseTime, formatTime and set to filter
2 | export { parseTime, formatTime } from '@/utils'
3 |
4 | /**
5 | * Show plural label if time is plural number
6 | * @param {number} time
7 | * @param {string} label
8 | * @return {string}
9 | */
10 | function pluralize(time, label) {
11 | if (time === 1) {
12 | return time + label
13 | }
14 | return time + label + 's'
15 | }
16 |
17 | /**
18 | * @param {number} time
19 | */
20 | export function timeAgo(time) {
21 | const between = Date.now() / 1000 - Number(time)
22 | if (between < 3600) {
23 | return pluralize(~~(between / 60), ' minute')
24 | } else if (between < 86400) {
25 | return pluralize(~~(between / 3600), ' hour')
26 | } else {
27 | return pluralize(~~(between / 86400), ' day')
28 | }
29 | }
30 |
31 | /**
32 | * Number formatting
33 | * like 10000 => 10k
34 | * @param {number} num
35 | * @param {number} digits
36 | */
37 | export function numberFormatter(num, digits) {
38 | const si = [
39 | { value: 1E18, symbol: 'E' },
40 | { value: 1E15, symbol: 'P' },
41 | { value: 1E12, symbol: 'T' },
42 | { value: 1E9, symbol: 'G' },
43 | { value: 1E6, symbol: 'M' },
44 | { value: 1E3, symbol: 'k' }
45 | ]
46 | for (let i = 0; i < si.length; i++) {
47 | if (num >= si[i].value) {
48 | return (num / si[i].value).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol
49 | }
50 | }
51 | return num.toString()
52 | }
53 |
54 | /**
55 | * 10000 => "10,000"
56 | * @param {number} num
57 | */
58 | export function toThousandFilter(num) {
59 | return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))
60 | }
61 |
62 | /**
63 | * Upper case first char
64 | * @param {String} string
65 | */
66 | export function uppercaseFirst(string) {
67 | return string.charAt(0).toUpperCase() + string.slice(1)
68 | }
69 |
--------------------------------------------------------------------------------
/src/styles/btn.scss:
--------------------------------------------------------------------------------
1 | @import './variables.scss';
2 |
3 | @mixin colorBtn($color) {
4 | background: $color;
5 |
6 | &:hover {
7 | color: $color;
8 |
9 | &:before,
10 | &:after {
11 | background: $color;
12 | }
13 | }
14 | }
15 |
16 | .blue-btn {
17 | @include colorBtn($blue)
18 | }
19 |
20 | .light-blue-btn {
21 | @include colorBtn($light-blue)
22 | }
23 |
24 | .red-btn {
25 | @include colorBtn($red)
26 | }
27 |
28 | .pink-btn {
29 | @include colorBtn($pink)
30 | }
31 |
32 | .green-btn {
33 | @include colorBtn($green)
34 | }
35 |
36 | .tiffany-btn {
37 | @include colorBtn($tiffany)
38 | }
39 |
40 | .yellow-btn {
41 | @include colorBtn($yellow)
42 | }
43 |
44 | .pan-btn {
45 | font-size: 14px;
46 | color: #fff;
47 | padding: 14px 36px;
48 | border-radius: 8px;
49 | border: none;
50 | outline: none;
51 | transition: 600ms ease all;
52 | position: relative;
53 | display: inline-block;
54 |
55 | &:hover {
56 | background: #fff;
57 |
58 | &:before,
59 | &:after {
60 | width: 100%;
61 | transition: 600ms ease all;
62 | }
63 | }
64 |
65 | &:before,
66 | &:after {
67 | content: '';
68 | position: absolute;
69 | top: 0;
70 | right: 0;
71 | height: 2px;
72 | width: 0;
73 | transition: 400ms ease all;
74 | }
75 |
76 | &::after {
77 | right: inherit;
78 | top: inherit;
79 | left: 0;
80 | bottom: 0;
81 | }
82 | }
83 |
84 | .custom-button {
85 | display: inline-block;
86 | line-height: 1;
87 | white-space: nowrap;
88 | cursor: pointer;
89 | background: #fff;
90 | color: #fff;
91 | -webkit-appearance: none;
92 | text-align: center;
93 | box-sizing: border-box;
94 | outline: 0;
95 | margin: 0;
96 | padding: 10px 15px;
97 | font-size: 14px;
98 | border-radius: 4px;
99 | }
100 |
--------------------------------------------------------------------------------
/src/utils/scroll-to.js:
--------------------------------------------------------------------------------
1 | Math.easeInOutQuad = function(t, b, c, d) {
2 | t /= d / 2
3 | if (t < 1) {
4 | return c / 2 * t * t + b
5 | }
6 | t--
7 | return -c / 2 * (t * (t - 2) - 1) + b
8 | }
9 |
10 | // requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
11 | var requestAnimFrame = (function() {
12 | return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }
13 | })()
14 |
15 | /**
16 | * Because it's so fucking difficult to detect the scrolling element, just move them all
17 | * @param {number} amount
18 | */
19 | function move(amount) {
20 | document.documentElement.scrollTop = amount
21 | document.body.parentNode.scrollTop = amount
22 | document.body.scrollTop = amount
23 | }
24 |
25 | function position() {
26 | return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
27 | }
28 |
29 | /**
30 | * @param {number} to
31 | * @param {number} duration
32 | * @param {Function} callback
33 | */
34 | export function scrollTo(to, duration, callback) {
35 | const start = position()
36 | const change = to - start
37 | const increment = 20
38 | let currentTime = 0
39 | duration = (typeof (duration) === 'undefined') ? 500 : duration
40 | var animateScroll = function() {
41 | // increment the time
42 | currentTime += increment
43 | // find the value with the quadratic in-out easing function
44 | var val = Math.easeInOutQuad(currentTime, start, change, duration)
45 | // move the document.body
46 | move(val)
47 | // do the animation unless its over
48 | if (currentTime < duration) {
49 | requestAnimFrame(animateScroll)
50 | } else {
51 | if (callback && typeof (callback) === 'function') {
52 | // the animation is done so lets callback
53 | callback()
54 | }
55 | }
56 | }
57 | animateScroll()
58 | }
59 |
--------------------------------------------------------------------------------
/src/components/GithubCorner/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
23 |
24 |
25 |
26 |
55 |
--------------------------------------------------------------------------------
/src/utils/validate.js:
--------------------------------------------------------------------------------
1 |
2 | /**
3 | * @param {string} path
4 | * @returns {Boolean}
5 | */
6 | export function isExternal(path) {
7 | return /^(https?:|mailto:|tel:)/.test(path)
8 | }
9 |
10 | /**
11 | * @param {string} url
12 | * @returns {Boolean}
13 | */
14 | export function validURL(url) {
15 | const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
16 | return reg.test(url)
17 | }
18 |
19 | /**
20 | * @param {string} str
21 | * @returns {Boolean}
22 | */
23 | export function validLowerCase(str) {
24 | const reg = /^[a-z]+$/
25 | return reg.test(str)
26 | }
27 |
28 | /**
29 | * @param {string} str
30 | * @returns {Boolean}
31 | */
32 | export function validUpperCase(str) {
33 | const reg = /^[A-Z]+$/
34 | return reg.test(str)
35 | }
36 |
37 | /**
38 | * @param {string} str
39 | * @returns {Boolean}
40 | */
41 | export function validAlphabets(str) {
42 | const reg = /^[A-Za-z]+$/
43 | return reg.test(str)
44 | }
45 |
46 | /**
47 | * @param {string} email
48 | * @returns {Boolean}
49 | */
50 | export function validEmail(email) {
51 | const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
52 | return reg.test(email)
53 | }
54 |
55 | /**
56 | * @param {string} str
57 | * @returns {Boolean}
58 | */
59 | export function isString(str) {
60 | if (typeof str === 'string' || str instanceof String) {
61 | return true
62 | }
63 | return false
64 | }
65 |
66 | /**
67 | * @param {Array} arg
68 | * @returns {Boolean}
69 | */
70 | export function isArray(arg) {
71 | if (typeof Array.isArray === 'undefined') {
72 | return Object.prototype.toString.call(arg) === '[object Array]'
73 | }
74 | return Array.isArray(arg)
75 | }
76 |
--------------------------------------------------------------------------------
/src/views/dashboard/components/PieChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
80 |
--------------------------------------------------------------------------------
/server/router/menu.js:
--------------------------------------------------------------------------------
1 | const express = require('express')
2 | const router = express.Router()
3 | const MenusModel = require('../model/menus')
4 | const Sequelize = require('sequelize')
5 | const Op = Sequelize.Op
6 |
7 | router.get('/list', (req, res, next) => {
8 | MenusModel.getListTree(req.query)
9 | .then(function(menuTree) {
10 | return res.json({
11 | code: 20000,
12 | message: '获取成功',
13 | data: menuTree || []
14 | })
15 | })
16 | })
17 |
18 | router.post('/add', (req, res, next) => {
19 | MenusModel.create(req.body).then(function(menu) {
20 | if (!menu) {
21 | return res.json({
22 | code: 40000,
23 | message: '创建失败',
24 | data: null
25 | })
26 | }
27 | return res.json({
28 | code: 20000,
29 | message: '创建成功',
30 | data: menu.menu_id
31 | })
32 | })
33 | })
34 |
35 | router.post('/edit', (req, res, next) => {
36 | delete req.body.menu_id
37 | const data = req.body
38 | data.update_time = new Date()
39 | MenusModel.update(data, {
40 | where: {
41 | menu_id: req.query.menu_id || 0
42 | }
43 | }).then(function(menu) {
44 | if (!menu) {
45 | return res.json({
46 | code: 40000,
47 | message: '修改失败',
48 | data: null
49 | })
50 | }
51 | return res.json({
52 | code: 20000,
53 | message: '修改成功',
54 | data: menu
55 | })
56 | })
57 | })
58 |
59 | router.post('/del', (req, res, next) => {
60 | MenusModel.destroy({
61 | where: {
62 | [Op.or]: [{ menu_id: req.body }, { parent_id: req.body }]
63 | }
64 | }).then(function(menu) {
65 | return res.json({
66 | code: 20000,
67 | message: '删除',
68 | data: menu
69 | })
70 | })
71 | })
72 |
73 | router.get('/get', (req, res, next) => {
74 | MenusModel.findOne({
75 | where: req.query
76 | }).then(function(menu) {
77 | return res.json({
78 | code: 20000,
79 | message: '获取成功',
80 | data: menu
81 | })
82 | })
83 | })
84 |
85 | module.exports = router
86 |
--------------------------------------------------------------------------------
/server/model/roles.js:
--------------------------------------------------------------------------------
1 | const Sequelize = require('sequelize')
2 | const moment = require('moment')
3 | const sequelize = require('./init')
4 | const UsersRolesModel = require('./users-roles')
5 |
6 | // 定义表的模型
7 | const RolesModel = sequelize.define('roles', {
8 | role_id: {
9 | type: Sequelize.INTEGER,
10 | primaryKey: true,
11 | autoIncrement: true
12 | },
13 | role_name: {
14 | type: Sequelize.STRING(255)
15 | },
16 | remark: {
17 | type: Sequelize.STRING(255)
18 | },
19 | status: {
20 | type: Sequelize.TINYINT,
21 | defaultValue: 0
22 | },
23 | menu_ids: {
24 | type: Sequelize.TEXT,
25 | set(val) {
26 | this.setDataValue('menu_ids', val && val.length > 0 ? JSON.stringify(val) : JSON.stringify([]))
27 | },
28 | get() {
29 | return this.getDataValue('menu_ids') ? JSON.parse(this.getDataValue('menu_ids')) : []
30 | }
31 | },
32 | buttons: {
33 | type: Sequelize.TEXT,
34 | set(val) {
35 | this.setDataValue('buttons', val && val.length > 0 ? JSON.stringify(val) : JSON.stringify([]))
36 | },
37 | get() {
38 | return this.getDataValue('buttons') ? JSON.parse(this.getDataValue('buttons')) : []
39 | }
40 | },
41 | update_time: {
42 | type: Sequelize.DATE,
43 | get() {
44 | return this.getDataValue('update_time') ? moment(this.getDataValue('update_time')).format('YYYY-MM-DD HH:mm:ss') : null
45 | }
46 | },
47 | create_time: {
48 | type: Sequelize.DATE,
49 | defaultValue: Sequelize.NOW,
50 | get() {
51 | return moment(this.getDataValue('create_time')).format('YYYY-MM-DD HH:mm:ss')
52 | }
53 | }
54 | })
55 |
56 | RolesModel.delRole = async function(role_ids) {
57 | const t = await sequelize.transaction()
58 | try {
59 | await RolesModel.destroy({
60 | where: { role_id: role_ids }
61 | })
62 | await UsersRolesModel.destroy({
63 | where: { role_id: role_ids }
64 | })
65 | t.commit()
66 | return true
67 | } catch (e) {
68 | t.rollback()
69 | return false
70 | }
71 | }
72 |
73 | module.exports = RolesModel
74 |
--------------------------------------------------------------------------------
/server/router/role.js:
--------------------------------------------------------------------------------
1 | const express = require('express')
2 | const router = express.Router()
3 | const RoleModel = require('../model/roles')
4 |
5 | router.get('/list', (req, res, next) => {
6 | RoleModel.findAll({
7 | where: req.query
8 | }).then(function(roles) {
9 | const data = {
10 | roles: roles,
11 | count: roles ? roles.length : 0
12 | }
13 | return res.json({
14 | code: 20000,
15 | message: '获取成功',
16 | data: data
17 | })
18 | })
19 | })
20 |
21 | router.post('/add', (req, res, next) => {
22 | RoleModel.create(req.body).then(function(role) {
23 | if (!role) {
24 | return res.json({
25 | code: 40000,
26 | message: '创建失败',
27 | data: null
28 | })
29 | }
30 | return res.json({
31 | code: 20000,
32 | message: '创建成功',
33 | data: role.role_id
34 | })
35 | })
36 | })
37 |
38 | router.post('/edit', (req, res, next) => {
39 | const data = req.body
40 | data.update_time = new Date()
41 | RoleModel.update(data, {
42 | where: req.query
43 | }).then(function(role) {
44 | if (!role) {
45 | return res.json({
46 | code: 40000,
47 | message: '修改失败',
48 | data: null
49 | })
50 | }
51 | return res.json({
52 | code: 20000,
53 | message: '修改成功',
54 | data: role
55 | })
56 | })
57 | })
58 |
59 | router.post('/del', (req, res, next) => {
60 | const role_ids = req.body
61 | RoleModel.delRole(role_ids || []).then(function(role) {
62 | if (!role) {
63 | return res.json({
64 | code: 40000,
65 | message: '删除失败',
66 | data: null
67 | })
68 | }
69 | return res.json({
70 | code: 20000,
71 | message: '删除成功',
72 | data: role
73 | })
74 | })
75 | })
76 |
77 | router.get('/get', (req, res, next) => {
78 | RoleModel.findOne({
79 | where: req.query
80 | }).then(function(role) {
81 | return res.json({
82 | code: 20000,
83 | message: '获取成功',
84 | data: role
85 | })
86 | })
87 | })
88 |
89 | module.exports = router
90 |
--------------------------------------------------------------------------------
/src/icons/svg/date-range.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/layout/components/Sidebar/Logo.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
12 |
8 |
11 |
3 |
4 |
5 | ![]()
6 |
8 |
9 | ![]()
10 |
12 |
13 |
14 |
15 |
16 |
33 |
34 |
83 |
--------------------------------------------------------------------------------
/src/icons/svg/shopping.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/cascader.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/dashboard.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/Breadcrumb/index.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
7 |{{ title }}
11 |
3 |
15 |
16 |
17 |
92 |
93 |
102 |
--------------------------------------------------------------------------------
/src/utils/request.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import { MessageBox, Message } from 'element-ui'
3 | import store from '@/store'
4 | import { getToken } from '@/utils/auth'
5 |
6 | // create an axios instance
7 | const service = axios.create({
8 | baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
9 | // withCredentials: true, // send cookies when cross-domain requests
10 | timeout: 5000 // request timeout
11 | })
12 |
13 | // request interceptor
14 | service.interceptors.request.use(
15 | config => {
16 | // do something before request is sent
17 |
18 | if (store.getters.token) {
19 | // let each request carry token
20 | // ['X-Token'] is a custom headers key
21 | // please modify it according to the actual situation
22 | config.headers['Authorization'] = getToken()
23 | }
24 | return config
25 | },
26 | error => {
27 | // do something with request error
28 | return Promise.reject(error)
29 | }
30 | )
31 |
32 | // response interceptor
33 | service.interceptors.response.use(
34 | /**
35 | * If you want to get http information such as headers or status
36 | * Please return response => response
37 | */
38 |
39 | /**
40 | * Determine the request status by custom code
41 | * Here is just an example
42 | * You can also judge the status by HTTP Status Code
43 | */
44 | response => {
45 | const res = response.data
46 |
47 | // if the custom code is not 20000, it is judged as an error.
48 | if (res.code !== 20000) {
49 | Message({
50 | message: res.message || 'Error',
51 | type: 'error',
52 | duration: 5 * 1000
53 | })
54 | return Promise.reject(new Error(res.message || 'Error'))
55 | } else {
56 | return res
57 | }
58 | },
59 | error => {
60 | // 401: Illegal token: Other clients logged in: Token expired;
61 | if (error.response.status === 401) {
62 | // to re-login
63 | MessageBox.confirm('登陆已过期，请重新登录', '重新登录', {
64 | confirmButtonText: '重新登录',
65 | cancelButtonText: '取消',
66 | type: 'warning'
67 | }).finally(() => {
68 | store.dispatch('user/resetToken').then(() => {
69 | location.reload()
70 | })
71 | })
72 | } else {
73 | Message({
74 | message: error.message,
75 | type: 'error',
76 | duration: 5 * 1000
77 | })
78 | return Promise.reject(error)
79 | }
80 | }
81 | )
82 |
83 | export default service
84 |
--------------------------------------------------------------------------------
/src/utils/costum.js:
--------------------------------------------------------------------------------
1 | // 日期格式化
2 | export function parseTime(time, pattern) {
3 | if (arguments.length === 0 || !time) {
4 | return null
5 | }
6 | const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
7 | let date
8 | if (typeof time === 'object') {
9 | date = time
10 | } else {
11 | if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
12 | time = parseInt(time)
13 | }
14 | if ((typeof time === 'number') && (time.toString().length === 10)) {
15 | time = time * 1000
16 | }
17 | date = new Date(time)
18 | }
19 | const formatObj = {
20 | y: date.getFullYear(),
21 | m: date.getMonth() + 1,
22 | d: date.getDate(),
23 | h: date.getHours(),
24 | i: date.getMinutes(),
25 | s: date.getSeconds(),
26 | a: date.getDay()
27 | }
28 | const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
29 | let value = formatObj[key]
30 | // Note: getDay() returns 0 on Sunday
31 | if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
32 | if (result.length > 0 && value < 10) {
33 | value = '0' + value
34 | }
35 | return value || 0
36 | })
37 | return time_str
38 | }
39 |
40 | // 表单重置
41 | export function resetForm(refName) {
42 | if (this.$refs[refName]) {
43 | this.$refs[refName].resetFields()
44 | }
45 | }
46 |
47 | // 添加日期范围
48 | export function addDateRange(params, dateRange) {
49 | var search = params
50 | search.beginTime = ''
51 | search.endTime = ''
52 | if (dateRange != null && dateRange !== '') {
53 | search.beginTime = this.dateRange[0]
54 | search.endTime = this.dateRange[1]
55 | }
56 | return search
57 | }
58 |
59 | // 回显数据字典
60 | export function selectDictLabel(datas, value) {
61 | var actions = []
62 | Object.keys(datas).map((key) => {
63 | if (datas[key].dictValue === ('' + value)) {
64 | actions.push(datas[key].dictLabel)
65 | return false
66 | }
67 | })
68 | return actions.join('')
69 | }
70 |
71 | // 字符串格式化(%s )
72 | export function sprintf(str) {
73 | var args = arguments; var flag = true; var i = 1
74 | str = str.replace(/%s/g, function() {
75 | var arg = args[i++]
76 | if (typeof arg === 'undefined') {
77 | flag = false
78 | return ''
79 | }
80 | return arg
81 | })
82 | return flag ? str : ''
83 | }
84 |
85 | // 转换字符串，undefined,null等转化为""
86 | export function praseStrEmpty(str) {
87 | if (!str || str === 'undefined' || str === 'null') {
88 | return ''
89 | }
90 | return str
91 | }
92 |
--------------------------------------------------------------------------------
/src/icons/svg/tool.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## 简介
2 |
3 | [vue-admin](https://admin.limuen.cn) 是一个后台前端解决方案，它基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element)以及[express](https://www.expressjs.com.cn/)实现。它使用了最新的前端技术栈，内置了动态路由，权限验证，并提供了简单的后端API服务，开箱即用，帮助你快速构建前后端分离动态路由和权限模型。
4 |
5 | 本项目通过[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)精简改造，移除了大部分组件，如需要其他组件，可前往搬运。
6 |
7 |
8 | - [github仓库](https://github.com/limuen/vue-element-admin-express)
9 |
10 |
11 | ## 前序准备
12 |
13 | 你需要在本地安装 [node](http://nodejs.org/) 、[git](https://git-scm.com/) 和 [mysql](https://www.mysql.com/)。本项目技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[vue-cli](https://github.com/vuejs/vue-cli) 、[axios](https://github.com/axios/axios) 、 [element-ui](https://github.com/ElemeFE/element) 和 [express](https://www.expressjs.com.cn/)，提前了解和学习这些知识会对使用本项目有很大的帮助。
14 |
15 |
16 | ## 功能
17 |
18 | ```
19 | - 登录 / 注销
20 |
21 | - 系统管理
22 | - 用户管理
23 | - 菜单管理
24 | - 角色管理
25 | - 登录日志
26 | ```
27 |
28 | ## 服务端
29 |
30 | ```bash
31 | # 进入server端目录
32 | cd vue-admin/server
33 |
34 | # 安装依赖
35 | npm install
36 |
37 | # 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
38 | npm install --registry=https://registry.npm.taobao.org
39 |
40 | # vue-admin/server/mysql.sql 导入数据表到mysql数据库
41 | # vue-admin/server/model/init.js 配置数据库信息:数据库名，登录账号，登录密码，ip,端口
42 |
43 | # 启动 默认绑定ip：127.0.0.1 端口：3001, 可以在app.js指定你需要的ip和端口
44 | npm run start
45 |
46 | ```
47 |
48 | 接口地址：http://127.0.0.1:3001
49 |
50 | ## 前台
51 |
52 | ```bash
53 | # 克隆项目
54 | git clone https://github.com/limuen/vue-admin.git
55 |
56 | # 进入项目目录
57 | cd vue-admin
58 |
59 | # 安装依赖
60 | npm install
61 |
62 | # 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
63 | npm install --registry=https://registry.npm.taobao.org
64 |
65 | # 启动服务
66 | npm run dev
67 | ```
68 |
69 | 浏览器访问 http://localhost:9527
70 |
71 | ## 发布
72 |
73 | ```bash
74 | # 构建测试环境
75 | npm run build:stage
76 |
77 | # 构建生产环境
78 | npm run build:prod
79 | ```
80 |
81 | ## 其它
82 |
83 | ```bash
84 | # 预览发布环境效果
85 | npm run preview
86 |
87 | # 预览发布环境效果 + 静态资源分析
88 | npm run preview -- --report
89 |
90 | # 代码格式检查
91 | npm run lint
92 |
93 | # 代码格式检查并自动修复
94 | npm run lint -- --fix
95 | ```
96 |
97 |
98 | ## 支持浏览器版本
99 |
100 | Modern browsers and Internet Explorer 10+.
101 |
102 | | IE / Edge | Firefox | Chrome | Safari |
103 | | --------- | --------- | --------- | --------- |
104 | | IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
105 |
106 |
--------------------------------------------------------------------------------
/src/permission.js:
--------------------------------------------------------------------------------
1 | import router from './router'
2 | import store from './store'
3 | import { Message } from 'element-ui'
4 | import NProgress from 'nprogress' // progress bar
5 | import 'nprogress/nprogress.css' // progress bar style
6 | import { getToken } from '@/utils/auth' // get token from cookie
7 | import getPageTitle from '@/utils/get-page-title'
8 |
9 | NProgress.configure({ showSpinner: false }) // NProgress Configuration
10 |
11 | const whiteList = ['/login', '/auth-redirect'] // no redirect whitelist
12 |
13 | router.beforeEach(async(to, from, next) => {
14 | // start progress bar
15 | NProgress.start()
16 |
17 | // set page title
18 | document.title = getPageTitle(to.meta.title)
19 |
20 | // determine whether the user has logged in
21 | const hasToken = getToken()
22 |
23 | if (hasToken) {
24 | if (to.path === '/login') {
25 | // if is logged in, redirect to the home page
26 | next({ path: '/' })
27 | NProgress.done()
28 | } else {
29 | // determine whether the user has obtained his permission roles through getInfo
30 | const hasRoles = store.getters.roles && store.getters.roles.length > 0
31 | if (hasRoles) {
32 | next()
33 | } else {
34 | try {
35 | // get user info
36 | // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
37 | const { menus } = await store.dispatch('user/getInfo')
38 | // generate accessible routes map based on roles
39 | const accessRoutes = await store.dispatch('permission/generateRoutes', menus)
40 | // dynamically add accessible routes
41 | router.addRoutes(accessRoutes)
42 |
43 | // hack method to ensure that addRoutes is complete
44 | // set the replace: true, so the navigation will not leave a history record
45 | next({ ...to, replace: true })
46 | } catch (error) {
47 | // remove token and go to login page to re-login
48 | await store.dispatch('user/resetToken')
49 | Message.error(error || 'Has Error')
50 | next(`/login?redirect=${to.path}`)
51 | NProgress.done()
52 | }
53 | }
54 | }
55 | } else {
56 | /* has no token*/
57 |
58 | if (whiteList.indexOf(to.path) !== -1) {
59 | // in the free login whitelist, go directly
60 | next()
61 | } else {
62 | // other pages that do not have permission to access are redirected to the login page.
63 | next(`/login?redirect=${to.path}`)
64 | NProgress.done()
65 | }
66 | }
67 | })
68 |
69 | router.afterEach(() => {
70 | // finish progress bar
71 | NProgress.done()
72 | })
73 |
--------------------------------------------------------------------------------
/src/views/dashboard/components/BarChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
103 |
--------------------------------------------------------------------------------
/src/layout/components/Settings/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
28 |
29 |
30 |
83 |
84 |
109 |
--------------------------------------------------------------------------------
/src/icons/svg/dict.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/layout/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
27 | 页面设置
5 | 6 |
7 | 主题色
8 |
10 |
11 |
12 | 快捷标签
13 |
15 |
16 |
17 | 固定顶部
18 |
20 |
21 |
22 | 侧边Logo
23 |
25 |
26 |
3 |
4 |
16 |
17 |
18 |
59 |
60 |
103 |
--------------------------------------------------------------------------------
/src/icons/svg/time-range.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/views/error-page/401.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
12 |
14 |
15 |
3 |
4 | 返回
5 |
6 |
7 |
8 |
27 |
28 | ![Girl has dropped her ice cream.]()
29 |
30 |
31 |
32 | ![]()
33 |
34 |
35 |
36 |
37 |
60 |
61 |
100 |
--------------------------------------------------------------------------------
/src/icons/svg/system.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/TextHoverEffect/Mallki.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{ text }}
4 |
5 |
6 |
7 |
8 |
9 |
23 |
24 |
114 |
--------------------------------------------------------------------------------
/src/views/dashboard/index.vue:
--------------------------------------------------------------------------------
1 |
2 | 9 | Oops! 10 |
11 | gif来源airbnb 页面 12 |你没有权限去该页面
13 |如有不满请联系你领导
14 | 26 |
3 |
8 |
10 |
11 |
12 |
13 |
17 |
18 |
22 |
23 |
27 |
28 |
29 |
30 |
31 |
81 |
82 |
112 |
--------------------------------------------------------------------------------
/src/layout/components/TagsView/ScrollPane.vue:
--------------------------------------------------------------------------------
1 |
2 |
14 |
16 |
19 |
21 |
24 |
26 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
13 |
24 |
25 |
26 |
27 |
96 |
--------------------------------------------------------------------------------