3 |
6 |
10 |
11 |
12 |
39 |
40 |
--------------------------------------------------------------------------------
/src/views/guide/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
8 |
9 | Show Guide
10 |
11 |
12 |
13 |
14 |
37 |
--------------------------------------------------------------------------------
/src/api/organization/resource.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | export function queryResource(data) {
4 | return request({
5 | url: '/organization/resource/conditions',
6 | method: 'post',
7 | data
8 | })
9 | }
10 |
11 | export function getResource(id) {
12 | return request({
13 | url: '/organization/resource/' + { id },
14 | method: 'get'
15 | })
16 | }
17 |
18 | export function queryAllResource() {
19 | return request({
20 | url: '/organization/resource/all',
21 | method: 'get'
22 | })
23 | }
24 |
25 | export function createResource(data) {
26 | return request({
27 | url: '/organization/resource',
28 | method: 'post',
29 | data
30 | })
31 | }
32 |
33 | export function updateResource(data) {
34 | return request({
35 | url: '/organization/resource/' + data.id,
36 | method: 'put',
37 | data
38 | })
39 | }
40 |
41 | export function deleteResource(id) {
42 | return request({
43 | url: '/organization/resource/' + id,
44 | method: 'delete'
45 | })
46 | }
47 |
48 |
--------------------------------------------------------------------------------
/src/views/example/components/Dropdown/SourceUrl.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
11 |
12 |
13 |
31 |
32 |
--------------------------------------------------------------------------------
/src/views/example/components/Dropdown/Comment.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
10 | 
14 |
5 | 将文件拖到此处，或点击上传
6 |
7 |
3 |
5 |
7 |
8 |
9 |
10 |
43 |
--------------------------------------------------------------------------------
/src/views/components-demo/drag-select.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
13 |
14 |
15 |
44 |
--------------------------------------------------------------------------------
/src/icons/svg/language.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/layout/components/AppMain.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 | {{ item }}
10 |
11 |
12 |
3 |
4 |
5 |
6 |
9 |
10 |
11 |
12 |
13 |
14 |
44 |
--------------------------------------------------------------------------------
/src/icons/svg/eye-open.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/utils/open-window.js:
--------------------------------------------------------------------------------
1 | /**
2 | *Created by PanJiaChen on 16/11/29.
3 | * @param {Sting} url
4 | * @param {Sting} title
5 | * @param {Number} w
6 | * @param {Number} h
7 | */
8 | export default function openWindow(url, title, w, h) {
9 | // Fixes dual-screen position Most browsers Firefox
10 | const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left
11 | const dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top
12 |
13 | const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width
14 | const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height
15 |
16 | const left = ((width / 2) - (w / 2)) + dualScreenLeft
17 | const top = ((height / 2) - (h / 2)) + dualScreenTop
18 | const newWindow = window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left)
19 |
20 | // Puts focus on the newWindow
21 | if (window.focus) {
22 | newWindow.focus()
23 | }
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/src/views/guide/steps.js:
--------------------------------------------------------------------------------
1 | const steps = [
2 | {
3 | element: '#hamburger-container',
4 | popover: {
5 | title: 'Hamburger',
6 | description: 'Open && Close sidebar',
7 | position: 'bottom'
8 | }
9 | },
10 | {
11 | element: '#breadcrumb-container',
12 | popover: {
13 | title: 'Breadcrumb',
14 | description: 'Indicate the current page location',
15 | position: 'bottom'
16 | }
17 | },
18 | {
19 | element: '#header-search',
20 | popover: {
21 | title: 'Page Search',
22 | description: 'Page search, quick navigation',
23 | position: 'left'
24 | }
25 | },
26 | {
27 | element: '#screenfull',
28 | popover: {
29 | title: 'Screenfull',
30 | description: 'Set the page into fullscreen',
31 | position: 'left'
32 | }
33 | },
34 | {
35 | element: '#size-select',
36 | popover: {
37 | title: 'Switch Size',
38 | description: 'Switch the system size',
39 | position: 'left'
40 | }
41 | },
42 | {
43 | element: '#tags-view-container',
44 | popover: {
45 | title: 'Tags view',
46 | description: 'The history of the page you visited',
47 | position: 'bottom'
48 | },
49 | padding: 0
50 | }
51 | ]
52 |
53 | export default steps
54 |
--------------------------------------------------------------------------------
/mock/remote-search.js:
--------------------------------------------------------------------------------
1 | import Mock from 'mockjs'
2 |
3 | const NameList = []
4 | const count = 100
5 |
6 | for (let i = 0; i < count; i++) {
7 | NameList.push(Mock.mock({
8 | name: '@first'
9 | }))
10 | }
11 | NameList.push({ name: 'mock-Pan' })
12 |
13 | export default [
14 | // username search
15 | {
16 | url: '/search/user',
17 | type: 'get',
18 | response: config => {
19 | const { name } = config.query
20 | const mockNameList = NameList.filter(item => {
21 | const lowerCaseName = item.name.toLowerCase()
22 | return !(name && lowerCaseName.indexOf(name.toLowerCase()) < 0)
23 | })
24 | return {
25 | code: 20000,
26 | data: { items: mockNameList }
27 | }
28 | }
29 | },
30 |
31 | // transaction list
32 | {
33 | url: '/transaction/list',
34 | type: 'get',
35 | response: _ => {
36 | return {
37 | code: 20000,
38 | data: {
39 | total: 20,
40 | 'items|20': [{
41 | order_no: '@guid()',
42 | timestamp: +Mock.Random.date('T'),
43 | username: '@name()',
44 | price: '@float(1000, 15000, 0, 2)',
45 | 'status|1': ['success', 'pending']
46 | }]
47 | }
48 | }
49 | }
50 | }
51 | ]
52 |
--------------------------------------------------------------------------------
/src/views/example/components/Dropdown/Platform.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ item.title }}
7 |{{ item.content }}
8 |
3 |
5 |
6 |
7 |
50 |
51 |
61 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | import Cookies from 'js-cookie'
4 |
5 | import 'normalize.css/normalize.css' // a modern alternative to CSS resets
6 |
7 | import Element from 'element-ui'
8 | import './styles/element-variables.scss'
9 |
10 | import '@/styles/index.scss' // global css
11 |
12 | import App from './App'
13 | import store from './store'
14 | import router from './router'
15 |
16 | import './icons' // icon
17 | import './permission' // permission control
18 | import './utils/error-log' // error log
19 |
20 | import * as filters from './filters' // global filters
21 |
22 | /**
23 | * If you don't want to use mock-server
24 | * you want to use MockJs for mock api
25 | * you can execute: mockXHR()
26 | *
27 | * Currently MockJs will be used in the production environment,
28 | * please remove it before going online! ! !
29 | */
30 | import { mockXHR } from '../mock'
31 | if (process.env.NODE_ENV === 'production') {
32 | mockXHR()
33 | }
34 |
35 | Vue.use(Element, {
36 | size: Cookies.get('size') || 'medium' // set element-ui default size
37 | })
38 |
39 | // register global utility filters
40 | Object.keys(filters).forEach(key => {
41 | Vue.filter(key, filters[key])
42 | })
43 |
44 | Vue.config.productionTip = false
45 |
46 | new Vue({
47 | el: '#app',
48 | router,
49 | store,
50 | render: h => h(App)
51 | })
52 |
--------------------------------------------------------------------------------
/src/directive/el-table/adaptive.js:
--------------------------------------------------------------------------------
1 | import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event'
2 |
3 | /**
4 | * How to use
5 | *
3 |
13 |
14 |
15 |
16 |
32 |
33 |
45 |
--------------------------------------------------------------------------------
/src/router/modules/organization.js:
--------------------------------------------------------------------------------
1 | /** When your routing table is too long, you can split it into small modules **/
2 |
3 | import Layout from '@/layout'
4 |
5 | const organizationRouter = {
6 | path: '/organization',
7 | component: Layout,
8 | redirect: '/organization/user',
9 | name: 'Organization',
10 | meta: {
11 | title: '系统管理',
12 | icon: 'component'
13 | },
14 | children: [
15 | {
16 | path: '/organization/user',
17 | component: () => import('@/views/organization/user'),
18 | name: 'User',
19 | meta: {
20 | title: '用户管理',
21 | icon: 'peoples'
22 | }
23 | },
24 | {
25 | path: '/organization/role',
26 | component: () => import('@/views/organization/role'),
27 | name: 'Role',
28 | meta: {
29 | title: '角色管理',
30 | icon: 'role'
31 | }
32 | },
33 | {
34 | path: '/organization/group',
35 | component: () => import('@/views/organization/group'),
36 | name: 'Group',
37 | meta: {
38 | title: '组织架构',
39 | icon: 'group'
40 | }
41 | }, {
42 | path: '/organization/gateway',
43 | component: () => import('@/views/organization/gateway'),
44 | name: 'Gateway',
45 | meta: {
46 | title: '路由管理',
47 | icon: 'guide'
48 | }
49 | }
50 | ]
51 | }
52 |
53 | export default organizationRouter
54 |
--------------------------------------------------------------------------------
/src/views/icons/element-icons.js:
--------------------------------------------------------------------------------
1 | const elementIcons = [
2 | 'info',
3 | 'error',
4 | 'success',
5 | 'warning',
6 | 'question',
7 | 'back',
8 | 'arrow-left',
9 | 'arrow-down',
10 | 'arrow-right',
11 | 'arrow-up',
12 | 'caret-left',
13 | 'caret-bottom',
14 | 'caret-top',
15 | 'caret-right',
16 | 'd-arrow-left',
17 | 'd-arrow-right',
18 | 'minus',
19 | 'plus',
20 | 'remove',
21 | 'circle-plus',
22 | 'remove-outline',
23 | 'circle-plus-outline',
24 | 'close',
25 | 'check',
26 | 'circle-close',
27 | 'circle-check',
28 | 'circle-close-outline',
29 | 'circle-check-outline',
30 | 'zoom-out',
31 | 'zoom-in',
32 | 'd-caret',
33 | 'sort',
34 | 'sort-down',
35 | 'sort-up',
36 | 'tickets',
37 | 'document',
38 | 'goods',
39 | 'sold-out',
40 | 'news',
41 | 'message',
42 | 'date',
43 | 'printer',
44 | 'time',
45 | 'bell',
46 | 'mobile-phone',
47 | 'service',
48 | 'view',
49 | 'menu',
50 | 'more',
51 | 'more-outline',
52 | 'star-on',
53 | 'star-off',
54 | 'location',
55 | 'location-outline',
56 | 'phone',
57 | 'phone-outline',
58 | 'picture',
59 | 'picture-outline',
60 | 'delete',
61 | 'search',
62 | 'edit',
63 | 'edit-outline',
64 | 'rank',
65 | 'refresh',
66 | 'share',
67 | 'setting',
68 | 'upload',
69 | 'upload2',
70 | 'download',
71 | 'loading'
72 | ]
73 |
74 | export default elementIcons
75 |
--------------------------------------------------------------------------------
/plop-templates/view/prompt.js:
--------------------------------------------------------------------------------
1 | const { notEmpty } = require('../utils.js')
2 |
3 | module.exports = {
4 | description: 'generate a view',
5 | prompts: [{
6 | type: 'input',
7 | name: 'name',
8 | message: 'view name please',
9 | validate: notEmpty('name')
10 | },
11 | {
12 | type: 'checkbox',
13 | name: 'blocks',
14 | message: 'Blocks:',
15 | choices: [{
16 | name: '',
17 | value: 'template',
18 | checked: true
19 | },
20 | {
21 | name: '
51 |
--------------------------------------------------------------------------------
/plop-templates/component/prompt.js:
--------------------------------------------------------------------------------
1 | const { notEmpty } = require('../utils.js')
2 |
3 | module.exports = {
4 | description: 'generate vue component',
5 | prompts: [{
6 | type: 'input',
7 | name: 'name',
8 | message: 'component name please',
9 | validate: notEmpty('name')
10 | },
11 | {
12 | type: 'checkbox',
13 | name: 'blocks',
14 | message: 'Blocks:',
15 | choices: [{
16 | name: '',
17 | value: 'template',
18 | checked: true
19 | },
20 | {
21 | name: '
47 |
48 |
63 |
--------------------------------------------------------------------------------
/src/styles/mixin.scss:
--------------------------------------------------------------------------------
1 | @mixin clearfix {
2 | &:after {
3 | content: "";
4 | display: table;
5 | clear: both;
6 | }
7 | }
8 |
9 | @mixin scrollBar {
10 | &::-webkit-scrollbar-track-piece {
11 | background: #d3dce6;
12 | }
13 |
14 | &::-webkit-scrollbar {
15 | width: 6px;
16 | }
17 |
18 | &::-webkit-scrollbar-thumb {
19 | background: #99a9bf;
20 | border-radius: 20px;
21 | }
22 | }
23 |
24 | @mixin relative {
25 | position: relative;
26 | width: 100%;
27 | height: 100%;
28 | }
29 |
30 | @mixin pct($pct) {
31 | width: #{$pct};
32 | position: relative;
33 | margin: 0 auto;
34 | }
35 |
36 | @mixin triangle($width, $height, $color, $direction) {
37 | $width: $width/2;
38 | $color-border-style: $height solid $color;
39 | $transparent-border-style: $width solid transparent;
40 | height: 0;
41 | width: 0;
42 |
43 | @if $direction==up {
44 | border-bottom: $color-border-style;
45 | border-left: $transparent-border-style;
46 | border-right: $transparent-border-style;
47 | }
48 |
49 | @else if $direction==right {
50 | border-left: $color-border-style;
51 | border-top: $transparent-border-style;
52 | border-bottom: $transparent-border-style;
53 | }
54 |
55 | @else if $direction==down {
56 | border-top: $color-border-style;
57 | border-left: $transparent-border-style;
58 | border-right: $transparent-border-style;
59 | }
60 |
61 | @else if $direction==left {
62 | border-right: $color-border-style;
63 | border-top: $transparent-border-style;
64 | border-bottom: $transparent-border-style;
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/components/SizeSelect/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
3 |
4 |
5 |
7 | copy
8 |
9 |
10 |
11 |
13 | copy
14 |
15 |
16 |
17 |
18 |
19 |
20 |
49 |
50 |
--------------------------------------------------------------------------------
/src/layout/components/Sidebar/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
15 |
17 |
18 |
19 |
20 |
21 |
55 |
--------------------------------------------------------------------------------
/src/views/components-demo/json-editor.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
12 |
13 |
14 |
29 |
30 |
36 |
37 |
--------------------------------------------------------------------------------
/src/icons/svg/pdf.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/views/tab/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
11 |
3 | mounted times ：{{ createdTimes }}
4 |
6 |
7 |
8 |
10 |
11 |
12 |
13 |
14 |
15 |
52 |
53 |
58 |
--------------------------------------------------------------------------------
/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 | let accessedRoutes
53 | if (roles.includes('admin')) {
54 | accessedRoutes = asyncRoutes || []
55 | } else {
56 | accessedRoutes = filterAsyncRoutes(asyncRoutes, roles)
57 | }
58 | commit('SET_ROUTES', accessedRoutes)
59 | resolve(accessedRoutes)
60 | })
61 | }
62 | }
63 |
64 | export default {
65 | namespaced: true,
66 | state,
67 | mutations,
68 | actions
69 | }
70 |
--------------------------------------------------------------------------------
/src/views/components-demo/drag-kanban.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
39 |
66 |
67 |
--------------------------------------------------------------------------------
/src/views/components-demo/tinymce.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
12 |
13 |
14 |
30 |
31 |
36 |
37 |
--------------------------------------------------------------------------------
/src/directive/clipboard/clipboard.js:
--------------------------------------------------------------------------------
1 | // Inspired by https://github.com/Inndy/vue-clipboard2
2 | const Clipboard = require('clipboard')
3 | if (!Clipboard) {
4 | throw new Error('you should npm install `clipboard` --save at first ')
5 | }
6 |
7 | export default {
8 | bind(el, binding) {
9 | if (binding.arg === 'success') {
10 | el._v_clipboard_success = binding.value
11 | } else if (binding.arg === 'error') {
12 | el._v_clipboard_error = binding.value
13 | } else {
14 | const clipboard = new Clipboard(el, {
15 | text() { return binding.value },
16 | action() { return binding.arg === 'cut' ? 'cut' : 'copy' }
17 | })
18 | clipboard.on('success', e => {
19 | const callback = el._v_clipboard_success
20 | callback && callback(e) // eslint-disable-line
21 | })
22 | clipboard.on('error', e => {
23 | const callback = el._v_clipboard_error
24 | callback && callback(e) // eslint-disable-line
25 | })
26 | el._v_clipboard = clipboard
27 | }
28 | },
29 | update(el, binding) {
30 | if (binding.arg === 'success') {
31 | el._v_clipboard_success = binding.value
32 | } else if (binding.arg === 'error') {
33 | el._v_clipboard_error = binding.value
34 | } else {
35 | el._v_clipboard.text = function() { return binding.value }
36 | el._v_clipboard.action = function() { return binding.arg === 'cut' ? 'cut' : 'copy' }
37 | }
38 | },
39 | unbind(el, binding) {
40 | if (binding.arg === 'success') {
41 | delete el._v_clipboard_success
42 | } else if (binding.arg === 'error') {
43 | delete el._v_clipboard_error
44 | } else {
45 | el._v_clipboard.destroy()
46 | delete el._v_clipboard
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/icons/svg/exit-fullscreen.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/tree.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/router/modules/deops.js:
--------------------------------------------------------------------------------
1 | /** When your routing table is too long, you can split it into small modules**/
2 |
3 | import Layout from '@/layout'
4 |
5 | const devopsRouter = {
6 | path: '/devops',
7 | component: Layout,
8 | redirect: '/devops/register',
9 | name: 'Devops',
10 | meta: {
11 | title: '服务治理',
12 | icon: 'chart'
13 | },
14 | children: [
15 | {
16 | path: '/devops/nacos/register',
17 | name: 'Register',
18 | component: Layout,
19 | children: [
20 | {
21 | path: 'http://localhost:8848/nacos',
22 | meta: {
23 | title: '注册中心',
24 | icon: 'link'
25 | }
26 | }
27 | ]
28 | },
29 | {
30 | path: '/devops/nacos/config',
31 | name: 'Config',
32 | component: Layout,
33 | children: [
34 | {
35 | path: 'http://localhost:8848/nacos',
36 | meta: {
37 | title: '配置中心',
38 | icon: 'link'
39 | }
40 | }
41 | ]
42 | },
43 | {
44 | path: '/devops/sentinel',
45 | name: 'SentinelDashBoard',
46 | component: () => import('@/views/devops/sentinel'),
47 | meta: {
48 | title: '服务运维',
49 | icon: 'link'
50 | }
51 | },
52 | {
53 | path: '/devops/moss',
54 | name: 'Moss',
55 | component: () => import('@/views/devops/moss'),
56 | meta: {
57 | title: '服务管理',
58 | icon: 'link'
59 | }
60 | },
61 | {
62 | path: '/devops/swagger',
63 | name: 'Swagger',
64 | component: () => import('@/views/devops/swagger'),
65 | meta: {
66 | title: '聚合文档',
67 | icon: 'link'
68 | }
69 | }
70 | ]
71 | }
72 |
73 | export default devopsRouter
74 |
--------------------------------------------------------------------------------
/src/views/profile/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
10 |
11 |
3 |
29 |
30 |
31 |
69 |
--------------------------------------------------------------------------------
/src/views/components-demo/split-pane.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
19 |
20 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
3 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
39 |
40 |
68 |
--------------------------------------------------------------------------------
/src/views/dashboard/admin/components/mixins/resize.js:
--------------------------------------------------------------------------------
1 | import { debounce } from '@/utils'
2 |
3 | export default {
4 | data() {
5 | return {
6 | $_sidebarElm: null
7 | }
8 | },
9 | mounted() {
10 | this.$_initResizeEvent()
11 | this.$_initSidebarResizeEvent()
12 | },
13 | beforeDestroy() {
14 | this.$_destroyResizeEvent()
15 | this.$_destroySidebarResizeEvent()
16 | },
17 | // to fixed bug when cached by keep-alive
18 | // https://github.com/PanJiaChen/vue-element-admin/issues/2116
19 | activated() {
20 | this.$_initResizeEvent()
21 | this.$_initSidebarResizeEvent()
22 | },
23 | deactivated() {
24 | this.$_destroyResizeEvent()
25 | this.$_destroySidebarResizeEvent()
26 | },
27 | methods: {
28 | // use $_ for mixins properties
29 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
30 | $_resizeHandler() {
31 | return debounce(() => {
32 | if (this.chart) {
33 | this.chart.resize()
34 | }
35 | }, 100)()
36 | },
37 | $_initResizeEvent() {
38 | window.addEventListener('resize', this.$_resizeHandler)
39 | },
40 | $_destroyResizeEvent() {
41 | window.removeEventListener('resize', this.$_resizeHandler)
42 | },
43 | $_sidebarResizeHandler(e) {
44 | if (e.propertyName === 'width') {
45 | this.$_resizeHandler()
46 | }
47 | },
48 | $_initSidebarResizeEvent() {
49 | this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
50 | this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
51 | },
52 | $_destroySidebarResizeEvent() {
53 | this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
54 | }
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/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 | export default [
27 | // user login
28 | {
29 | url: '/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: '/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: '/user/logout',
76 | type: 'post',
77 | response: _ => {
78 | return {
79 | code: 20000,
80 | data: 'success'
81 | }
82 | }
83 | }
84 | ]
85 |
--------------------------------------------------------------------------------
/src/components/Tinymce/dynamicLoadScript.js:
--------------------------------------------------------------------------------
1 | let callbacks = []
2 |
3 | function loadedTinymce() {
4 | // to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2144
5 | // check is successfully downloaded script
6 | return window.tinymce
7 | }
8 |
9 | const dynamicLoadScript = (src, callback) => {
10 | const existingScript = document.getElementById(src)
11 | const cb = callback || function() {}
12 |
13 | if (!existingScript) {
14 | const script = document.createElement('script')
15 | script.src = src // src url for the third-party library being loaded.
16 | script.id = src
17 | document.body.appendChild(script)
18 | callbacks.push(cb)
19 | const onEnd = 'onload' in script ? stdOnEnd : ieOnEnd
20 | onEnd(script)
21 | }
22 |
23 | if (existingScript && cb) {
24 | if (loadedTinymce()) {
25 | cb(null, existingScript)
26 | } else {
27 | callbacks.push(cb)
28 | }
29 | }
30 |
31 | function stdOnEnd(script) {
32 | script.onload = function() {
33 | // this.onload = null here is necessary
34 | // because even IE9 works not like others
35 | this.onerror = this.onload = null
36 | for (const cb of callbacks) {
37 | cb(null, script)
38 | }
39 | callbacks = null
40 | }
41 | script.onerror = function() {
42 | this.onerror = this.onload = null
43 | cb(new Error('Failed to load ' + src), script)
44 | }
45 | }
46 |
47 | function ieOnEnd(script) {
48 | script.onreadystatechange = function() {
49 | if (this.readyState !== 'complete' && this.readyState !== 'loaded') return
50 | this.onreadystatechange = null
51 | for (const cb of callbacks) {
52 | cb(null, script) // there is no way to catch loading errors in IE8
53 | }
54 | callbacks = null
55 | }
56 | }
57 | }
58 |
59 | export default dynamicLoadScript
60 |
--------------------------------------------------------------------------------
/src/views/components-demo/avatar-upload.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
11 | Change Avatar
12 |
13 |
14 |
25 |
26 |
27 |
53 |
54 |
61 |
62 |
--------------------------------------------------------------------------------
/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 + 0.1).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/components/JsonEditor/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
56 |
57 |
73 |
--------------------------------------------------------------------------------
/src/views/table/dynamic-table/components/FixedThead.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
18 |
20 |
21 | {{ scope.row[fruit] }}
22 |
23 |
24 |
25 |
26 |
27 |
28 |
62 |
63 |
--------------------------------------------------------------------------------
/nginx/conf/default.conf:
--------------------------------------------------------------------------------
1 | # app后台gateway
2 | upstream app_backend {
3 | server localhost:8443;
4 | }
5 | # devops后台管理
6 | upstream devops_backend {
7 | server localhost:8443;
8 | }
9 |
10 | server {
11 | listen 9090;
12 | server_name localhost;
13 |
14 | #charset koi8-r;
15 | #access_log /var/log/nginx/host.access.log main;
16 |
17 | location / {
18 | proxy_pass http://app_backend;
19 | }
20 |
21 | # static proxy
22 | location /springcloud-admin {
23 | root /usr/share/nginx/html;
24 | index index.html index.htm;
25 | }
26 |
27 | # backend server proxy
28 | location /organization/ {
29 | proxy_pass http://app_backend/organization/;
30 | }
31 | location /authorization-server/ {
32 | proxy_pass http://app_backend/authorization-server/;
33 | # client的账号和密码
34 | proxy_set_header Authorization 'Basic dGVzdF9jbGllbnQ6dGVzdF9zZWNyZXQ=';
35 | }
36 |
37 | #error_page 404 /404.html;
38 |
39 | # redirect server error pages to the static page /50x.html
40 | #
41 | error_page 500 502 503 504 /50x.html;
42 | location = /50x.html {
43 | root /usr/share/nginx/html;
44 | }
45 |
46 | # proxy the PHP scripts to Apache listening on 127.0.0.1:80
47 | #
48 | #location ~ \.php$ {
49 | # proxy_pass http://127.0.0.1;
50 | #}
51 |
52 | # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
53 | #
54 | #location ~ \.php$ {
55 | # root html;
56 | # fastcgi_pass 127.0.0.1:9000;
57 | # fastcgi_index index.php;
58 | # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
59 | # include fastcgi_params;
60 | #}
61 |
62 | # deny access to .htaccess files, if Apache's document root
63 | # concurs with nginx's one
64 | #
65 | #location ~ /\.ht {
66 | # deny all;
67 | #}
68 | }
69 |
--------------------------------------------------------------------------------
/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/views/dashboard/admin/components/TodoList/Todo.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 | apple
7 |
8 |
9 | banana
10 |
11 |
12 | orange
13 |
14 |
15 |
16 |
17 |
4 |
10 |
11 |
12 |
13 |
22 |
3 |
18 |
19 |
20 |
42 |
43 |
75 |
--------------------------------------------------------------------------------
/mock/index.js:
--------------------------------------------------------------------------------
1 | import Mock from 'mockjs'
2 | import { param2Obj } from '../src/utils'
3 |
4 | import user from './user'
5 | import role from './role'
6 | import article from './article'
7 | import search from './remote-search'
8 |
9 | const mocks = [
10 | ...user,
11 | ...role,
12 | ...article,
13 | ...search
14 | ]
15 |
16 | // for front mock
17 | // please use it cautiously, it will redefine XMLHttpRequest,
18 | // which will cause many of your third-party libraries to be invalidated(like progress event).
19 | export function mockXHR() {
20 | // mock patch
21 | // https://github.com/nuysoft/Mock/issues/300
22 | Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
23 | Mock.XHR.prototype.send = function() {
24 | if (this.custom.xhr) {
25 | this.custom.xhr.withCredentials = this.withCredentials || false
26 |
27 | if (this.responseType) {
28 | this.custom.xhr.responseType = this.responseType
29 | }
30 | }
31 | this.proxy_send(...arguments)
32 | }
33 |
34 | function XHR2ExpressReqWrap(respond) {
35 | return function(options) {
36 | let result = null
37 | if (respond instanceof Function) {
38 | const { body, type, url } = options
39 | // https://expressjs.com/en/4x/api.html#req
40 | result = respond({
41 | method: type,
42 | body: JSON.parse(body),
43 | query: param2Obj(url)
44 | })
45 | } else {
46 | result = respond
47 | }
48 | return Mock.mock(result)
49 | }
50 | }
51 |
52 | for (const i of mocks) {
53 | Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
54 | }
55 | }
56 |
57 | // for mock server
58 | const responseFake = (url, type, respond) => {
59 | return {
60 | url: new RegExp(`/mock${url}`),
61 | type: type || 'get',
62 | response(req, res) {
63 | res.json(Mock.mock(respond instanceof Function ? respond(req, res) : respond))
64 | }
65 | }
66 | }
67 |
68 | export default mocks.map(route => {
69 | return responseFake(route.url, route.type, route.response)
70 | })
71 |
--------------------------------------------------------------------------------
/src/router/modules/nested.js:
--------------------------------------------------------------------------------
1 | /** When your routing table is too long, you can split it into small modules **/
2 |
3 | import Layout from '@/layout'
4 |
5 | const nestedRouter = {
6 | path: '/nested',
7 | component: Layout,
8 | redirect: '/nested/menu1/menu1-1',
9 | name: 'Nested',
10 | meta: {
11 | title: 'Nested Routes',
12 | icon: 'nested'
13 | },
14 | children: [
15 | {
16 | path: 'menu1',
17 | component: () => import('@/views/nested/menu1/index'), // Parent router-view
18 | name: 'Menu1',
19 | meta: { title: 'Menu 1' },
20 | redirect: '/nested/menu1/menu1-1',
21 | children: [
22 | {
23 | path: 'menu1-1',
24 | component: () => import('@/views/nested/menu1/menu1-1'),
25 | name: 'Menu1-1',
26 | meta: { title: 'Menu 1-1' }
27 | },
28 | {
29 | path: 'menu1-2',
30 | component: () => import('@/views/nested/menu1/menu1-2'),
31 | name: 'Menu1-2',
32 | redirect: '/nested/menu1/menu1-2/menu1-2-1',
33 | meta: { title: 'Menu 1-2' },
34 | children: [
35 | {
36 | path: 'menu1-2-1',
37 | component: () => import('@/views/nested/menu1/menu1-2/menu1-2-1'),
38 | name: 'Menu1-2-1',
39 | meta: { title: 'Menu 1-2-1' }
40 | },
41 | {
42 | path: 'menu1-2-2',
43 | component: () => import('@/views/nested/menu1/menu1-2/menu1-2-2'),
44 | name: 'Menu1-2-2',
45 | meta: { title: 'Menu 1-2-2' }
46 | }
47 | ]
48 | },
49 | {
50 | path: 'menu1-3',
51 | component: () => import('@/views/nested/menu1/menu1-3'),
52 | name: 'Menu1-3',
53 | meta: { title: 'Menu 1-3' }
54 | }
55 | ]
56 | },
57 | {
58 | path: 'menu2',
59 | name: 'Menu2',
60 | component: () => import('@/views/nested/menu2/index'),
61 | meta: { title: 'Menu 2' }
62 | }
63 | ]
64 | }
65 |
66 | export default nestedRouter
67 |
--------------------------------------------------------------------------------
/src/layout/components/Sidebar/Logo.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | Your roles:
6 | {{ item }}
7 |
8 |
14 |
10 | {{ name }}
11 | Editor's Dashboard
12 |
13 |
15 | ![]()
16 |
17 |
3 |
4 |
5 | ![]()
6 |
8 |
9 | ![]()
10 |
12 |
13 |
14 |
15 |
16 |
33 |
34 |
83 |
--------------------------------------------------------------------------------
/mock/mock-server.js:
--------------------------------------------------------------------------------
1 | const chokidar = require('chokidar')
2 | const bodyParser = require('body-parser')
3 | const chalk = require('chalk')
4 | const path = require('path')
5 |
6 | const mockDir = path.join(process.cwd(), 'mock')
7 |
8 | function registerRoutes(app) {
9 | let mockLastIndex
10 | const { default: mocks } = require('./index.js')
11 | for (const mock of mocks) {
12 | app[mock.type](mock.url, mock.response)
13 | mockLastIndex = app._router.stack.length
14 | }
15 | const mockRoutesLength = Object.keys(mocks).length
16 | return {
17 | mockRoutesLength: mockRoutesLength,
18 | mockStartIndex: mockLastIndex - mockRoutesLength
19 | }
20 | }
21 |
22 | function unregisterRoutes() {
23 | Object.keys(require.cache).forEach(i => {
24 | if (i.includes(mockDir)) {
25 | delete require.cache[require.resolve(i)]
26 | }
27 | })
28 | }
29 |
30 | module.exports = app => {
31 | // es6 polyfill
32 | require('@babel/register')
33 |
34 | // parse app.body
35 | // https://expressjs.com/en/4x/api.html#req.body
36 | app.use(bodyParser.json())
37 | app.use(bodyParser.urlencoded({
38 | extended: true
39 | }))
40 |
41 | const mockRoutes = registerRoutes(app)
42 | var mockRoutesLength = mockRoutes.mockRoutesLength
43 | var mockStartIndex = mockRoutes.mockStartIndex
44 |
45 | // watch files, hot reload mock server
46 | chokidar.watch(mockDir, {
47 | ignored: /mock-server/,
48 | ignoreInitial: true
49 | }).on('all', (event, path) => {
50 | if (event === 'change' || event === 'add') {
51 | try {
52 | // remove mock routes stack
53 | app._router.stack.splice(mockStartIndex, mockRoutesLength)
54 |
55 | // clear routes cache
56 | unregisterRoutes()
57 |
58 | const mockRoutes = registerRoutes(app)
59 | mockRoutesLength = mockRoutes.mockRoutesLength
60 | mockStartIndex = mockRoutes.mockStartIndex
61 |
62 | console.log(chalk.magentaBright(`\n > Mock Server hot reload success! changed ${path}`))
63 | } catch (error) {
64 | console.log(chalk.redBright(error))
65 | }
66 | }
67 | })
68 | }
69 |
--------------------------------------------------------------------------------
/src/views/components-demo/drag-dialog.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
7 |{{ title }}
11 |
3 |
4 | open a Drag Dialog
5 |
6 |
7 |
8 |
10 |
11 |
15 |
16 |
17 |
18 |
19 |
62 |
--------------------------------------------------------------------------------
/src/icons/svg/shopping.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/mock/role/index.js:
--------------------------------------------------------------------------------
1 | import Mock from 'mockjs'
2 | import { deepClone } from '../../src/utils/index.js'
3 | import { asyncRoutes, constantRoutes } from './routes.js'
4 |
5 | const routes = deepClone([...constantRoutes, ...asyncRoutes])
6 |
7 | const roles = [
8 | {
9 | key: 'admin',
10 | name: 'admin',
11 | description: 'Super Administrator. Have access to view all pages.',
12 | routes: routes
13 | },
14 | {
15 | key: 'editor',
16 | name: 'editor',
17 | description: 'Normal Editor. Can see all pages except permission page',
18 | routes: routes.filter(i => i.path !== '/permission')// just a mock
19 | },
20 | {
21 | key: 'visitor',
22 | name: 'visitor',
23 | description: 'Just a visitor. Can only see the home page and the document page',
24 | routes: [{
25 | path: '',
26 | redirect: 'dashboard',
27 | children: [
28 | {
29 | path: 'dashboard',
30 | name: 'Dashboard',
31 | meta: { title: 'dashboard', icon: 'dashboard' }
32 | }
33 | ]
34 | }]
35 | }
36 | ]
37 |
38 | export default [
39 | // mock get all routes form server
40 | {
41 | url: '/routes',
42 | type: 'get',
43 | response: _ => {
44 | return {
45 | code: 20000,
46 | data: routes
47 | }
48 | }
49 | },
50 |
51 | // mock get all roles form server
52 | {
53 | url: '/roles',
54 | type: 'get',
55 | response: _ => {
56 | return {
57 | code: 20000,
58 | data: roles
59 | }
60 | }
61 | },
62 |
63 | // add role
64 | {
65 | url: '/role',
66 | type: 'post',
67 | response: {
68 | code: 20000,
69 | data: {
70 | key: Mock.mock('@integer(300, 5000)')
71 | }
72 | }
73 | },
74 |
75 | // update role
76 | {
77 | url: '/role/[A-Za-z0-9]',
78 | type: 'put',
79 | response: {
80 | code: 20000,
81 | data: {
82 | status: 'success'
83 | }
84 | }
85 | },
86 |
87 | // delete role
88 | {
89 | url: '/role/[A-Za-z0-9]',
90 | type: 'delete',
91 | response: {
92 | code: 20000,
93 | data: {
94 | status: 'success'
95 | }
96 | }
97 | }
98 | ]
99 |
--------------------------------------------------------------------------------
/src/views/documentation/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
20 |
21 |
22 |
45 |
46 |
64 |
--------------------------------------------------------------------------------
/src/icons/svg/dashboard.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/utils/validate.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by PanJiaChen on 16/11/18.
3 | */
4 |
5 | /**
6 | * @param {string} path
7 | * @returns {Boolean}
8 | */
9 | export function isExternal(path) {
10 | return /^(https?:|mailto:|tel:)/.test(path)
11 | }
12 |
13 | /**
14 | * @param {string} str
15 | * @returns {Boolean}
16 | */
17 | export function validUsername(str) {
18 | const valid_map = ['admin', 'editor']
19 | return valid_map.indexOf(str.trim()) >= 0
20 | }
21 |
22 | /**
23 | * @param {string} url
24 | * @returns {Boolean}
25 | */
26 | export function validURL(url) {
27 | 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.,?'\\+&%$#=~_-]+))*$/
28 | return reg.test(url)
29 | }
30 |
31 | /**
32 | * @param {string} str
33 | * @returns {Boolean}
34 | */
35 | export function validLowerCase(str) {
36 | const reg = /^[a-z]+$/
37 | return reg.test(str)
38 | }
39 |
40 | /**
41 | * @param {string} str
42 | * @returns {Boolean}
43 | */
44 | export function validUpperCase(str) {
45 | const reg = /^[A-Z]+$/
46 | return reg.test(str)
47 | }
48 |
49 | /**
50 | * @param {string} str
51 | * @returns {Boolean}
52 | */
53 | export function validAlphabets(str) {
54 | const reg = /^[A-Za-z]+$/
55 | return reg.test(str)
56 | }
57 |
58 | /**
59 | * @param {string} email
60 | * @returns {Boolean}
61 | */
62 | export function validEmail(email) {
63 | 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,}))$/
64 | return reg.test(email)
65 | }
66 |
67 | /**
68 | * @param {string} str
69 | * @returns {Boolean}
70 | */
71 | export function isString(str) {
72 | if (typeof str === 'string' || str instanceof String) {
73 | return true
74 | }
75 | return false
76 | }
77 |
78 | /**
79 | * @param {Array} arg
80 | * @returns {Boolean}
81 | */
82 | export function isArray(arg) {
83 | if (typeof Array.isArray === 'undefined') {
84 | return Object.prototype.toString.call(arg) === '[object Array]'
85 | }
86 | return Array.isArray(arg)
87 | }
88 |
--------------------------------------------------------------------------------