(must set!!!)
+ * meta : {
+ roles: ['admin','editor'] control the page roles (you can set multiple roles)
+ title: 'title' the name show in sidebar and breadcrumb (recommend set)
+ icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
+ noCache: true if set true, the page will no be cached(default is false)
+ affix: true if set true, the tag will affix in the tags-view
+ breadcrumb: false if set false, the item will hidden in breadcrumb(default is true)
+ activeMenu: '/example/list' if set path, the sidebar will highlight the path you set
+ }
+ */
+
+/**
+ * constantRoutes
+ * a base page that does not have permission requirements
+ * all roles can be accessed
+ */
+export const constantRoutes = [
+ {
+ path: '/redirect',
+ component: Layout,
+ hidden: true,
+ children: [
+ {
+ path: '/redirect/:path(.*)',
+ component: () => import('@/views/redirect/index')
+ }
+ ]
+ },
+ {
+ path: '/login',
+ component: () => import('@/views/login/index'),
+ hidden: true
+ },
+ {
+ path: '/auth-redirect',
+ component: () => import('@/views/login/auth-redirect'),
+ hidden: true
+ },
+ {
+ path: '/404',
+ component: () => import('@/views/error-page/404'),
+ hidden: true
+ },
+ {
+ path: '/401',
+ component: () => import('@/views/error-page/401'),
+ hidden: true
+ },
+ {
+ path: '/11',
+ redirect: '/index'
+ }
+]
+
+/**
+ * asyncRoutes
+ * the routes that need to be dynamically loaded based on user roles
+ */
+export const asyncRoutes = [
+ homeIndexRouter,
+ // 404 page must be placed at the end !!!
+ { path: '*', redirect: '/404', hidden: true }
+]
+
+if (process.env.NODE_ENV === 'development') {
+ console.log('开发环境, 添加组件列表方便开发')
+ asyncRoutes.splice(0, 0, chartsRouter)
+ // asyncRoutes.splice(0, 0, nestedRouter)
+ asyncRoutes.splice(0, 0, componentsRouter)
+ asyncRoutes.splice(0, 0, {
+ path: '/icon',
+ component: Layout,
+ children: [
+ {
+ path: 'index',
+ component: () => import('@/views/icons/index'),
+ name: 'Icons',
+ meta: { title: 'icons', icon: 'icon', noCache: true }
+ }
+ ]
+ })
+}
+const createRouter = () =>
+ new Router({
+ // mode: 'history', // require service support
+ scrollBehavior: () => ({ y: 0 }),
+ routes: constantRoutes
+ })
+
+const router = createRouter()
+
+// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
+export function resetRouter() {
+ const newRouter = createRouter()
+ router.matcher = newRouter.matcher // reset router
+}
+
+export default router
diff --git a/src/router/mobile/mobile-routes.js b/src/router/mobile/mobile-routes.js
new file mode 100644
index 0000000..e23226c
--- /dev/null
+++ b/src/router/mobile/mobile-routes.js
@@ -0,0 +1,22 @@
+const mobile_routes = [
+ {
+ path: 'mobile-index',
+ component: () => import('@/mobile-views/page/MobileIndex/MobileIndex'),
+ name: 'MobileIndex',
+ meta: { title: '首页模板装修', activeMenu: '/mp-custom-center/tabbar' },
+ hidden: true
+ },
+ {
+ path: 'vip-center',
+ component: () =>
+ import('@/mobile-views/page/VipCenterIndex/VipCenterIndex'),
+ name: 'VipCenterIndex',
+ meta: {
+ title: '会员中心模板装修',
+ activeMenu: '/mp-custom-center/vip-index'
+ },
+ hidden: true
+ }
+]
+
+export default mobile_routes
diff --git a/src/router/modules/charts.js b/src/router/modules/charts.js
new file mode 100644
index 0000000..59ebf18
--- /dev/null
+++ b/src/router/modules/charts.js
@@ -0,0 +1,36 @@
+/** When your routing table is too long, you can split it into small modules**/
+
+import Layout from '@/layout'
+
+const chartsRouter = {
+ path: '/charts',
+ component: Layout,
+ redirect: 'noRedirect',
+ name: 'Charts',
+ meta: {
+ title: 'charts',
+ icon: 'chart'
+ },
+ children: [
+ {
+ path: 'keyboard',
+ component: () => import('@/views/charts/keyboard'),
+ name: 'KeyboardChart',
+ meta: { title: 'keyboardChart', noCache: true }
+ },
+ {
+ path: 'line',
+ component: () => import('@/views/charts/line'),
+ name: 'LineChart',
+ meta: { title: 'lineChart', noCache: true }
+ },
+ {
+ path: 'mix-chart',
+ component: () => import('@/views/charts/mix-chart'),
+ name: 'MixChart',
+ meta: { title: 'mixChart', noCache: true }
+ }
+ ]
+}
+
+export default chartsRouter
diff --git a/src/router/modules/components.js b/src/router/modules/components.js
new file mode 100644
index 0000000..b7407e2
--- /dev/null
+++ b/src/router/modules/components.js
@@ -0,0 +1,102 @@
+/** When your routing table is too long, you can split it into small modules **/
+
+import Layout from '@/layout'
+
+const componentsRouter = {
+ path: '/components',
+ component: Layout,
+ redirect: 'noRedirect',
+ name: 'ComponentDemo',
+ meta: {
+ title: 'components',
+ icon: 'component'
+ },
+ children: [
+ {
+ path: 'tinymce',
+ component: () => import('@/views/components-demo/tinymce'),
+ name: 'TinymceDemo',
+ meta: { title: 'tinymce' }
+ },
+ {
+ path: 'markdown',
+ component: () => import('@/views/components-demo/markdown'),
+ name: 'MarkdownDemo',
+ meta: { title: 'markdown' }
+ },
+ {
+ path: 'json-editor',
+ component: () => import('@/views/components-demo/json-editor'),
+ name: 'JsonEditorDemo',
+ meta: { title: 'jsonEditor' }
+ },
+ {
+ path: 'split-pane',
+ component: () => import('@/views/components-demo/split-pane'),
+ name: 'SplitpaneDemo',
+ meta: { title: 'splitPane' }
+ },
+ {
+ path: 'avatar-upload',
+ component: () => import('@/views/components-demo/avatar-upload'),
+ name: 'AvatarUploadDemo',
+ meta: { title: 'avatarUpload' }
+ },
+ {
+ path: 'dropzone',
+ component: () => import('@/views/components-demo/dropzone'),
+ name: 'DropzoneDemo',
+ meta: { title: 'dropzone' }
+ },
+ {
+ path: 'sticky',
+ component: () => import('@/views/components-demo/sticky'),
+ name: 'StickyDemo',
+ meta: { title: 'sticky' }
+ },
+ {
+ path: 'count-to',
+ component: () => import('@/views/components-demo/count-to'),
+ name: 'CountToDemo',
+ meta: { title: 'countTo' }
+ },
+ {
+ path: 'mixin',
+ component: () => import('@/views/components-demo/mixin'),
+ name: 'ComponentMixinDemo',
+ meta: { title: 'componentMixin' }
+ },
+ {
+ path: 'back-to-top',
+ component: () => import('@/views/components-demo/back-to-top'),
+ name: 'BackToTopDemo',
+ meta: { title: 'backToTop' }
+ },
+ {
+ path: 'drag-dialog',
+ component: () => import('@/views/components-demo/drag-dialog'),
+ name: 'DragDialogDemo',
+ meta: { title: 'dragDialog' }
+ },
+ {
+ path: 'drag-select',
+ component: () => import('@/views/components-demo/drag-select'),
+ name: 'DragSelectDemo',
+ meta: { title: 'dragSelect' }
+ },
+ {
+ path: 'dnd-list',
+ component: () => import('@/views/components-demo/dnd-list'),
+ name: 'DndListDemo',
+ meta: { title: 'dndList' }
+ },
+ {
+ path: 'drag-kanban',
+ component: () => import('@/views/components-demo/drag-kanban'),
+ name: 'DragKanbanDemo',
+ meta: { title: 'dragKanban' }
+ }
+ ]
+}
+
+export default componentsRouter
diff --git a/src/router/modules/home-index.js b/src/router/modules/home-index.js
new file mode 100644
index 0000000..55aea0b
--- /dev/null
+++ b/src/router/modules/home-index.js
@@ -0,0 +1,23 @@
+/** When your routing table is too long, you can split it into small modules **/
+
+import Layout from '@/layout'
+
+const homeIndexRouter = {
+ path: '/',
+ component: Layout,
+ redirect: '/index',
+ name: 'HomeIndex',
+ meta: {
+ title: '首页',
+ icon: 'menu-workbench'
+ },
+ children: [
+ {
+ path: 'index',
+ component: () => import('@/views/home-index/index'),
+ name: 'HomeIndex2',
+ meta: { title: '首页' }
+ }
+ ]
+}
+export default homeIndexRouter
diff --git a/src/router/modules/nested.js b/src/router/modules/nested.js
new file mode 100644
index 0000000..c52664c
--- /dev/null
+++ b/src/router/modules/nested.js
@@ -0,0 +1,66 @@
+/** When your routing table is too long, you can split it into small modules **/
+
+import Layout from '@/layout'
+
+const nestedRouter = {
+ path: '/nested',
+ component: Layout,
+ redirect: '/nested/menu1/menu1-1',
+ name: 'Nested',
+ meta: {
+ title: 'nested',
+ icon: 'nested'
+ },
+ children: [
+ {
+ path: 'menu1',
+ component: () => import('@/views/nested/menu1/index'), // Parent router-view
+ name: 'Menu1',
+ meta: { title: 'menu1' },
+ redirect: '/nested/menu1/menu1-1',
+ children: [
+ {
+ path: 'menu1-1',
+ component: () => import('@/views/nested/menu1/menu1-1'),
+ name: 'Menu1-1',
+ meta: { title: 'menu1-1' }
+ },
+ {
+ path: 'menu1-2',
+ component: () => import('@/views/nested/menu1/menu1-2'),
+ name: 'Menu1-2',
+ redirect: '/nested/menu1/menu1-2/menu1-2-1',
+ meta: { title: 'menu1-2' },
+ children: [
+ {
+ path: 'menu1-2-1',
+ component: () => import('@/views/nested/menu1/menu1-2/menu1-2-1'),
+ name: 'Menu1-2-1',
+ meta: { title: 'menu1-2-1' }
+ },
+ {
+ path: 'menu1-2-2',
+ component: () => import('@/views/nested/menu1/menu1-2/menu1-2-2'),
+ name: 'Menu1-2-2',
+ meta: { title: 'menu1-2-2' }
+ }
+ ]
+ },
+ {
+ path: 'menu1-3',
+ component: () => import('@/views/nested/menu1/menu1-3'),
+ name: 'Menu1-3',
+ meta: { title: 'menu1-3' }
+ }
+ ]
+ },
+ {
+ path: 'menu2',
+ name: 'Menu2',
+ component: () => import('@/views/nested/menu2/index'),
+ meta: { title: 'menu2' }
+ }
+ ]
+}
+
+export default nestedRouter
diff --git a/src/router/modules/system-management.js b/src/router/modules/system-management.js
new file mode 100644
index 0000000..6a25d2d
--- /dev/null
+++ b/src/router/modules/system-management.js
@@ -0,0 +1,32 @@
+/** When your routing table is too long, you can split it into small modules **/
+
+import Layout from '@/layout'
+
+/**
+ * 系统管理 路由
+ */
+const systemManagementRouter = {
+ path: '/system-management',
+ component: Layout,
+ redirect: '/system-management/index',
+ name: 'SystemManagement',
+ meta: {
+ title: '系统管理',
+ icon: 'system-management'
+ },
+ children: [
+ {
+ path: 'index',
+ component: () => import('@/views/system-management/attachment-manage/attachment-manage'),
+ name: 'AttachmentManage',
+ meta: { title: '附件管理' }
+ },
+ {
+ path: '/permission-manage',
+ component: () => import('@/views/system-management/permission-manage/permission-manage'),
+ name: 'PermissionManage',
+ meta: { title: '权限管理' }
+ }
+ ]
+}
+export default systemManagementRouter
diff --git a/src/router/modules/table.js b/src/router/modules/table.js
new file mode 100644
index 0000000..d8e5030
--- /dev/null
+++ b/src/router/modules/table.js
@@ -0,0 +1,41 @@
+/** When your routing table is too long, you can split it into small modules **/
+
+import Layout from '@/layout'
+
+const tableRouter = {
+ path: '/table',
+ component: Layout,
+ redirect: '/table/complex-table',
+ name: 'Table',
+ meta: {
+ title: 'Table',
+ icon: 'table'
+ },
+ children: [
+ {
+ path: 'dynamic-table',
+ component: () => import('@/views/table/dynamic-table/index'),
+ name: 'DynamicTable',
+ meta: { title: 'dynamicTable' }
+ },
+ {
+ path: 'drag-table',
+ component: () => import('@/views/table/drag-table'),
+ name: 'DragTable',
+ meta: { title: 'dragTable' }
+ },
+ {
+ path: 'inline-edit-table',
+ component: () => import('@/views/table/inline-edit-table'),
+ name: 'InlineEditTable',
+ meta: { title: 'inlineEditTable' }
+ },
+ {
+ path: 'complex-table',
+ component: () => import('@/views/table/complex-table'),
+ name: 'ComplexTable',
+ meta: { title: 'complexTable' }
+ }
+ ]
+}
+export default tableRouter
diff --git a/src/settings.js b/src/settings.js
new file mode 100644
index 0000000..286ec85
--- /dev/null
+++ b/src/settings.js
@@ -0,0 +1,42 @@
+module.exports = {
+ title: '智莺总后台',
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether show the settings right-panel
+ */
+ showSettings: true,
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether need tagsView
+ */
+ tagsView: true,
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether fix the header
+ */
+ fixedHeader: true,
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether show the logo in sidebar
+ */
+ sidebarLogo: true,
+
+ /**
+ * @type {boolean} true | false
+ * @description Whether support pinyin search in headerSearch
+ * Bundle size minified 47.3kb,minified + gzipped 63kb
+ */
+ supportPinyinSearch: true,
+
+ /**
+ * @type {string | array} 'production' | ['production', 'development']
+ * @description Need show err logs component.
+ * The default is only used in the production env
+ * If you want to also use it in dev, you can pass ['production', 'development']
+ */
+ errorLog: 'production'
+}
diff --git a/src/store/getters.js b/src/store/getters.js
new file mode 100644
index 0000000..313210a
--- /dev/null
+++ b/src/store/getters.js
@@ -0,0 +1,16 @@
+const getters = {
+ sidebar: state => state.app.sidebar,
+ language: state => state.app.language,
+ size: state => state.app.size,
+ device: state => state.app.device,
+ visitedViews: state => state.tagsView.visitedViews,
+ cachedViews: state => state.tagsView.cachedViews,
+ token: state => state.user.token,
+ avatar: state => state.user.avatar,
+ name: state => state.user.name,
+ introduction: state => state.user.introduction,
+ roles: state => state.user.roles,
+ permission_routes: state => state.permission.routes,
+ errorLogs: state => state.errorLog.logs
+}
+export default getters
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..0fd8395
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,25 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import getters from './getters'
+
+Vue.use(Vuex)
+
+// https://webpack.js.org/guides/dependency-management/#requirecontext
+const modulesFiles = require.context('./modules', true, /\.js$/)
+
+// you do not need `import app from './modules/app'`
+// it will auto require all vuex module from modules file
+const modules = modulesFiles.keys().reduce((modules, modulePath) => {
+ // set './app.js' => 'app'
+ const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
+ const value = modulesFiles(modulePath)
+ modules[moduleName] = value.default
+ return modules
+}, {})
+
+const store = new Vuex.Store({
+ modules,
+ getters
+})
+
+export default store
diff --git a/src/store/modules/admin-info.js b/src/store/modules/admin-info.js
new file mode 100644
index 0000000..21dbf21
--- /dev/null
+++ b/src/store/modules/admin-info.js
@@ -0,0 +1,66 @@
+import { changeAdminAvatar, getAdminInfo } from '@/api/admin'
+
+const state = {
+ adminInfo: {},
+ isAdminEditDlgExist: false
+}
+
+const getters = {
+ adminInfo(state) {
+ return state.adminInfo
+ },
+ isAdminEditDlgExist(state) {
+ return state.isAdminEditDlgExist
+ }
+}
+
+const mutations = {
+ SET_ADMIN_INFO: (state, payload) => {
+ state.adminInfo = payload
+ },
+ TOGGLE_EDIT_DLG: (state, value) => {
+ state.isAdminEditDlgExist = value
+ },
+ SET_AVATAR: (state, value) => {
+ state.adminInfo.headerImg = value
+ }
+}
+
+const actions = {
+ initAdminInfo({ commit }, isShowDialog) {
+ return new Promise((resolve, reject) => {
+ getAdminInfo().then((res) => {
+ const data = res.data
+ commit('SET_ADMIN_INFO', data)
+ // 显示编辑弹窗
+ if (isShowDialog) {
+ commit('TOGGLE_EDIT_DLG', true)
+ }
+ resolve(data)
+ }).catch((error) => {
+ reject(error)
+ })
+ })
+ },
+
+ updateAvatar({ commit }, payload) {
+ return new Promise((resolve, reject) => {
+ changeAdminAvatar({ headImg: payload.saveName }).then((res) => {
+ const data = res.data
+ commit('SET_AVATAR', payload.fileName)
+ resolve(data)
+ }).catch((error) => {
+ console.log('error:', error)
+ reject(error)
+ })
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ getters,
+ actions
+}
diff --git a/src/store/modules/app-custom-page/tab-module/tab-module-decorate.js b/src/store/modules/app-custom-page/tab-module/tab-module-decorate.js
new file mode 100644
index 0000000..4db9874
--- /dev/null
+++ b/src/store/modules/app-custom-page/tab-module/tab-module-decorate.js
@@ -0,0 +1,35 @@
+import { fetchTemp, updateTemp } from '@/api/app-custom-center/tab-module-list'
+
+const actions = {
+ fetchTemp({ commit }, params) {
+ return new Promise((resolve, reject) => {
+ fetchTemp(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+ updateTemp({ commit }, params) {
+ return new Promise((resolve, reject) => {
+ updateTemp(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ actions
+}
diff --git a/src/store/modules/app-custom-page/tab-module/tab-module-list.js b/src/store/modules/app-custom-page/tab-module/tab-module-list.js
new file mode 100644
index 0000000..7ec2e7e
--- /dev/null
+++ b/src/store/modules/app-custom-page/tab-module/tab-module-list.js
@@ -0,0 +1,92 @@
+import {
+ fetchTemps,
+ addTemp,
+ deleteTemp,
+ useTemp,
+ cloneTemp
+} from '@/api/app-custom-center/tab-module-list'
+
+const actions = {
+ fetchTemps({ commit }, params) {
+ return new Promise((resolve, reject) => {
+ fetchTemps(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+
+ editTemp({ commit }, params) {
+ const query = { name: params.name, saveType: params.saveType }
+ if (params.id) {
+ query['id'] = params.id
+ }
+ if (params.selectImage) {
+ query['image'] = params.selectImage
+ }
+
+ return new Promise((resolve, reject) => {
+ addTemp(query)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+
+ deleteTemp({ commit }, ids) {
+ return new Promise((resolve, reject) => {
+ deleteTemp({ id: ids })
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+
+ useTemp({ commit }, params) {
+ return new Promise((resolve, reject) => {
+ useTemp(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+
+ cloneTemp({ commit }, params) {
+ return new Promise((resolve, reject) => {
+ cloneTemp(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ actions
+}
diff --git a/src/store/modules/app-index.js b/src/store/modules/app-index.js
new file mode 100644
index 0000000..6195ebd
--- /dev/null
+++ b/src/store/modules/app-index.js
@@ -0,0 +1,12 @@
+import state from './app-index/state'
+import getters from './app-index/getters'
+import actions from './app-index/actions'
+import mutations from './app-index/mutations'
+
+export default {
+ namespaced: true,
+ state,
+ getters,
+ actions,
+ mutations
+}
diff --git a/src/store/modules/app-index/actions.js b/src/store/modules/app-index/actions.js
new file mode 100644
index 0000000..3ec0c09
--- /dev/null
+++ b/src/store/modules/app-index/actions.js
@@ -0,0 +1,73 @@
+// import { fetchTemp, saveModules } from '@/api/app-custom-center/app-index'
+// import IndexTemplateSet from '@/api/app-custom-center/app-index'
+
+// var api = new IndexTemplateSet()
+
+const actions = {
+ // 初始化首页的布局数据
+ initLayoutData({ commit }, data) {
+ const { api } = data
+ console.log('app-index 初始化頁面布局数据', data)
+
+ return new Promise((resolve, reject) => {
+ api
+ .fetchTemp({ templateId: data.id })
+ .then(response => {
+ console.log(response.data)
+ commit('UPDATE_LAYOUT', response.data)
+ resolve(response.data)
+ })
+ .catch(error => {
+ reject(error)
+ })
+ })
+ },
+ // 更新首页模板布局数据
+ updateLayout({ commit }, data) {
+ console.log('更新的东西', data)
+ commit('UPDATE_LAYOUT', data)
+ },
+
+ saveDate({ getters }, params) {
+ const { api, id } = params
+ const data = JSON.parse(JSON.stringify(getters.getLayout))
+ data.templateId = id
+ if (data.bgColor === undefined || data.bgColor === null) {
+ data.bgColor = ''
+ }
+ console.log(JSON.stringify(data))
+ return new Promise((resolve, reject) => {
+ api
+ .saveModules(data)
+ .then(response => {
+ resolve(response.data)
+ })
+ .catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ /**
+ * 删除元素
+ *
+ * @param {*} { commit }
+ * @param {*} row 列表行
+ * @param {*} cate 二级分类
+ * @param {*} index 二级分类行
+ */
+ deleteItem({ getters }, data) {
+ const { row, cate, index, id } = data
+ console.log('删除元素', row, cate, index, id)
+
+ var tempList = getters.getLayout.moduleList
+
+ if (cate !== undefined && index !== undefined) {
+ tempList[row].listStyle[cate].moduleList.splice(index, 1)
+ } else {
+ tempList.splice(row, 1)
+ }
+ }
+}
+
+export default actions
diff --git a/src/store/modules/app-index/app-index.js b/src/store/modules/app-index/app-index.js
new file mode 100644
index 0000000..add7d65
--- /dev/null
+++ b/src/store/modules/app-index/app-index.js
@@ -0,0 +1,92 @@
+import {
+ fetchTemps,
+ addTemp,
+ deleteTemp,
+ useTemp,
+ cloneTemp
+} from '@/api/app-custom-center/index-module-list'
+
+const actions = {
+ fetchTemps({ commit }, params) {
+ return new Promise((resolve, reject) => {
+ fetchTemps(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+
+ editTemp({ commit }, params) {
+ const query = { name: params.name, saveType: params.saveType }
+ if (params.id) {
+ query['id'] = params.id
+ }
+ if (params.selectImage) {
+ query['image'] = params.selectImage
+ }
+
+ return new Promise((resolve, reject) => {
+ addTemp(query)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+
+ deleteTemp({ commit }, ids) {
+ return new Promise((resolve, reject) => {
+ deleteTemp({ id: ids })
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+
+ useTemp({ commit }, params) {
+ return new Promise((resolve, reject) => {
+ useTemp(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+
+ cloneTemp({ commit }, params) {
+ return new Promise((resolve, reject) => {
+ cloneTemp(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ actions
+}
diff --git a/src/store/modules/app-index/getters.js b/src/store/modules/app-index/getters.js
new file mode 100644
index 0000000..113e638
--- /dev/null
+++ b/src/store/modules/app-index/getters.js
@@ -0,0 +1,10 @@
+const getters = {
+ getLayout(state) {
+ return state.layoutData
+ },
+ getCurrentCate(state) {
+ return state.currentCate
+ }
+}
+
+export default getters
diff --git a/src/store/modules/app-index/mutations.js b/src/store/modules/app-index/mutations.js
new file mode 100644
index 0000000..34a8fc0
--- /dev/null
+++ b/src/store/modules/app-index/mutations.js
@@ -0,0 +1,31 @@
+import lodash from 'lodash'
+
+const mutations = {
+ UPDATE_LAYOUT: (state, provider) => {
+ provider.moduleList = [...provider.moduleList] // 防止部分不触发更新
+
+ state.layoutData = provider
+ },
+ UPDATE_COMPONENT: (state, provider) => {
+ state.layoutData.moduleList = state.layoutData.moduleList.map(item => {
+ if (item.name === provider.name) {
+ return provider
+ }
+ return item
+ })
+ // 防止部分不触发更新
+ // 还要刷新state.layoutData的地址,因为其他地方有依赖state.layoutData进行响应
+ state.layoutData = lodash.cloneDeep(state.layoutData)
+ },
+
+ // tabar相关的mutations
+ // 更新关于tabbar模板列表的数据
+ SAVE_TAB_MUDULE_LIST: (state, provider) => {
+ state.tabbarData.tabList = lodash.cloneDeep(provider)
+ },
+ SAVE_TAB_MUDULE_EDITOR: (state, provider) => {
+ state.tabbarData.tabList = lodash.cloneDeep(provider)
+ }
+}
+
+export default mutations
diff --git a/src/store/modules/app-index/state.js b/src/store/modules/app-index/state.js
new file mode 100644
index 0000000..bbca05f
--- /dev/null
+++ b/src/store/modules/app-index/state.js
@@ -0,0 +1,4 @@
+const state = {
+ layoutData: {}
+}
+export default state
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
new file mode 100644
index 0000000..cda5c2e
--- /dev/null
+++ b/src/store/modules/app.js
@@ -0,0 +1,67 @@
+import Cookies from 'js-cookie'
+import { getLanguage } from '@/lang/index'
+
+const state = {
+ sidebar: {
+ opened: Cookies.get('sidebarStatus')
+ ? !!+Cookies.get('sidebarStatus')
+ : true,
+ withoutAnimation: false
+ },
+ device: 'desktop',
+ language: getLanguage(),
+ size: Cookies.get('size') || 'medium'
+}
+
+const mutations = {
+ TOGGLE_SIDEBAR: state => {
+ state.sidebar.opened = !state.sidebar.opened
+ state.sidebar.withoutAnimation = false
+ if (state.sidebar.opened) {
+ Cookies.set('sidebarStatus', 1)
+ } else {
+ Cookies.set('sidebarStatus', 0)
+ }
+ },
+ CLOSE_SIDEBAR: (state, withoutAnimation) => {
+ Cookies.set('sidebarStatus', 0)
+ state.sidebar.opened = false
+ state.sidebar.withoutAnimation = withoutAnimation
+ },
+ TOGGLE_DEVICE: (state, device) => {
+ state.device = device
+ },
+ SET_LANGUAGE: (state, language) => {
+ state.language = language
+ Cookies.set('language', language)
+ },
+ SET_SIZE: (state, size) => {
+ state.size = size
+ Cookies.set('size', size)
+ }
+}
+
+const actions = {
+ toggleSideBar({ commit }) {
+ commit('TOGGLE_SIDEBAR')
+ },
+ closeSideBar({ commit }, { withoutAnimation }) {
+ commit('CLOSE_SIDEBAR', withoutAnimation)
+ },
+ toggleDevice({ commit }, device) {
+ commit('TOGGLE_DEVICE', device)
+ },
+ setLanguage({ commit }, language) {
+ commit('SET_LANGUAGE', language)
+ },
+ setSize({ commit }, size) {
+ commit('SET_SIZE', size)
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
diff --git a/src/store/modules/errorLog.js b/src/store/modules/errorLog.js
new file mode 100644
index 0000000..6b01f95
--- /dev/null
+++ b/src/store/modules/errorLog.js
@@ -0,0 +1,28 @@
+const state = {
+ logs: []
+}
+
+const mutations = {
+ ADD_ERROR_LOG: (state, log) => {
+ state.logs.push(log)
+ },
+ CLEAR_ERROR_LOG: (state) => {
+ state.logs.splice(0)
+ }
+}
+
+const actions = {
+ addErrorLog({ commit }, log) {
+ commit('ADD_ERROR_LOG', log)
+ },
+ clearErrorLog({ commit }) {
+ commit('CLEAR_ERROR_LOG')
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
new file mode 100644
index 0000000..aeb5ee5
--- /dev/null
+++ b/src/store/modules/permission.js
@@ -0,0 +1,69 @@
+import { asyncRoutes, constantRoutes } from '@/router'
+
+/**
+ * Use meta.role to determine if the current user has permission
+ * @param roles
+ * @param route
+ */
+function hasPermission(roles, route) {
+ if (route.meta && route.meta.roles) {
+ return roles.some(role => route.meta.roles.includes(role))
+ } else {
+ return true
+ }
+}
+
+/**
+ * Filter asynchronous routing tables by recursion
+ * @param routes asyncRoutes
+ * @param roles
+ */
+export function filterAsyncRoutes(routes, roles) {
+ const res = []
+
+ routes.forEach(route => {
+ const tmp = { ...route }
+ if (hasPermission(roles, tmp)) {
+ if (tmp.children) {
+ tmp.children = filterAsyncRoutes(tmp.children, roles)
+ }
+ res.push(tmp)
+ }
+ })
+
+ return res
+}
+
+const state = {
+ routes: [],
+ addRoutes: []
+}
+
+const mutations = {
+ SET_ROUTES: (state, routes) => {
+ state.addRoutes = routes
+ state.routes = constantRoutes.concat(routes)
+ }
+}
+
+const actions = {
+ generateRoutes({ commit }, roles) {
+ return new Promise(resolve => {
+ let accessedRoutes
+ if (roles.includes('admin')) {
+ accessedRoutes = asyncRoutes || []
+ } else {
+ accessedRoutes = filterAsyncRoutes(asyncRoutes, roles)
+ }
+ commit('SET_ROUTES', accessedRoutes)
+ resolve(accessedRoutes)
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
new file mode 100644
index 0000000..640368c
--- /dev/null
+++ b/src/store/modules/settings.js
@@ -0,0 +1,36 @@
+import variables from '@/styles/element-variables.scss'
+import defaultSettings from '@/settings'
+
+const { showSettings, tagsView, fixedHeader, sidebarLogo, supportPinyinSearch } = defaultSettings
+
+const state = {
+ theme: variables.theme,
+ showSettings,
+ tagsView,
+ fixedHeader,
+ sidebarLogo,
+ supportPinyinSearch
+}
+
+const mutations = {
+ CHANGE_SETTING: (state, { key, value }) => {
+ // eslint-disable-next-line no-prototype-builtins
+ if (state.hasOwnProperty(key)) {
+ state[key] = value
+ }
+ }
+}
+
+const actions = {
+ changeSetting({ commit }, data) {
+ commit('CHANGE_SETTING', data)
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
+
diff --git a/src/store/modules/system-manage/attachment-manage.js b/src/store/modules/system-manage/attachment-manage.js
new file mode 100644
index 0000000..9c01852
--- /dev/null
+++ b/src/store/modules/system-manage/attachment-manage.js
@@ -0,0 +1,43 @@
+import CommonSet from '@/api/setting-center/CommonSet'
+
+const actions = {
+ // 获取文件列表
+ loadFiles({ commit }, params) {
+ var api = new CommonSet()
+
+ console.log(params)
+ return new Promise((resolve, reject) => {
+ api
+ .loadFileList(params)
+ .then(response => {
+ const { data } = response
+ resolve(data)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ },
+ // 上传文件
+ uploadFile({ commit }, params) {
+ var api = new CommonSet()
+
+ return new Promise((resolve, reject) => {
+ api
+ .uploadFile(params.file, params.fid, '')
+ .then(response => {
+ resolve(response)
+ })
+ .catch(error => {
+ console.error(error)
+ reject(error)
+ })
+ })
+ }
+}
+
+export default {
+ namespaced: true,
+ actions
+}
diff --git a/src/store/modules/tagsView.js b/src/store/modules/tagsView.js
new file mode 100644
index 0000000..57e7242
--- /dev/null
+++ b/src/store/modules/tagsView.js
@@ -0,0 +1,160 @@
+const state = {
+ visitedViews: [],
+ cachedViews: []
+}
+
+const mutations = {
+ ADD_VISITED_VIEW: (state, view) => {
+ if (state.visitedViews.some(v => v.path === view.path)) return
+ state.visitedViews.push(
+ Object.assign({}, view, {
+ title: view.meta.title || 'no-name'
+ })
+ )
+ },
+ ADD_CACHED_VIEW: (state, view) => {
+ if (state.cachedViews.includes(view.name)) return
+ if (!view.meta.noCache) {
+ state.cachedViews.push(view.name)
+ }
+ },
+
+ DEL_VISITED_VIEW: (state, view) => {
+ for (const [i, v] of state.visitedViews.entries()) {
+ if (v.path === view.path) {
+ state.visitedViews.splice(i, 1)
+ break
+ }
+ }
+ },
+ DEL_CACHED_VIEW: (state, view) => {
+ const index = state.cachedViews.indexOf(view.name)
+ index > -1 && state.cachedViews.splice(index, 1)
+ },
+
+ DEL_OTHERS_VISITED_VIEWS: (state, view) => {
+ state.visitedViews = state.visitedViews.filter(v => {
+ return v.meta.affix || v.path === view.path
+ })
+ },
+ DEL_OTHERS_CACHED_VIEWS: (state, view) => {
+ const index = state.cachedViews.indexOf(view.name)
+ if (index > -1) {
+ state.cachedViews = state.cachedViews.slice(index, index + 1)
+ } else {
+ // if index = -1, there is no cached tags
+ state.cachedViews = []
+ }
+ },
+
+ DEL_ALL_VISITED_VIEWS: state => {
+ // keep affix tags
+ const affixTags = state.visitedViews.filter(tag => tag.meta.affix)
+ state.visitedViews = affixTags
+ },
+ DEL_ALL_CACHED_VIEWS: state => {
+ state.cachedViews = []
+ },
+
+ UPDATE_VISITED_VIEW: (state, view) => {
+ for (let v of state.visitedViews) {
+ if (v.path === view.path) {
+ v = Object.assign(v, view)
+ break
+ }
+ }
+ }
+}
+
+const actions = {
+ addView({ dispatch }, view) {
+ dispatch('addVisitedView', view)
+ dispatch('addCachedView', view)
+ },
+ addVisitedView({ commit }, view) {
+ commit('ADD_VISITED_VIEW', view)
+ },
+ addCachedView({ commit }, view) {
+ commit('ADD_CACHED_VIEW', view)
+ },
+
+ delView({ dispatch, state }, view) {
+ return new Promise(resolve => {
+ dispatch('delVisitedView', view)
+ dispatch('delCachedView', view)
+ resolve({
+ visitedViews: [...state.visitedViews],
+ cachedViews: [...state.cachedViews]
+ })
+ })
+ },
+ delVisitedView({ commit, state }, view) {
+ return new Promise(resolve => {
+ commit('DEL_VISITED_VIEW', view)
+ resolve([...state.visitedViews])
+ })
+ },
+ delCachedView({ commit, state }, view) {
+ return new Promise(resolve => {
+ commit('DEL_CACHED_VIEW', view)
+ resolve([...state.cachedViews])
+ })
+ },
+
+ delOthersViews({ dispatch, state }, view) {
+ return new Promise(resolve => {
+ dispatch('delOthersVisitedViews', view)
+ dispatch('delOthersCachedViews', view)
+ resolve({
+ visitedViews: [...state.visitedViews],
+ cachedViews: [...state.cachedViews]
+ })
+ })
+ },
+ delOthersVisitedViews({ commit, state }, view) {
+ return new Promise(resolve => {
+ commit('DEL_OTHERS_VISITED_VIEWS', view)
+ resolve([...state.visitedViews])
+ })
+ },
+ delOthersCachedViews({ commit, state }, view) {
+ return new Promise(resolve => {
+ commit('DEL_OTHERS_CACHED_VIEWS', view)
+ resolve([...state.cachedViews])
+ })
+ },
+
+ delAllViews({ dispatch, state }, view) {
+ return new Promise(resolve => {
+ dispatch('delAllVisitedViews', view)
+ dispatch('delAllCachedViews', view)
+ resolve({
+ visitedViews: [...state.visitedViews],
+ cachedViews: [...state.cachedViews]
+ })
+ })
+ },
+ delAllVisitedViews({ commit, state }) {
+ return new Promise(resolve => {
+ commit('DEL_ALL_VISITED_VIEWS')
+ resolve([...state.visitedViews])
+ })
+ },
+ delAllCachedViews({ commit, state }) {
+ return new Promise(resolve => {
+ commit('DEL_ALL_CACHED_VIEWS')
+ resolve([...state.cachedViews])
+ })
+ },
+
+ updateVisitedView({ commit }, view) {
+ commit('UPDATE_VISITED_VIEW', view)
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
new file mode 100644
index 0000000..b87034c
--- /dev/null
+++ b/src/store/modules/user.js
@@ -0,0 +1,172 @@
+import { login, sendCode, logout } from '@/api/user'
+import { getToken, setToken, removeToken } from '@/utils/auth'
+import router, { resetRouter } from '@/router'
+
+const state = {
+ token: getToken(),
+ name: '',
+ avatar: '',
+ introduction: '',
+ roles: []
+}
+
+const mutations = {
+ SET_TOKEN: (state, token) => {
+ state.token = token
+ },
+ SET_INTRODUCTION: (state, introduction) => {
+ state.introduction = introduction
+ },
+ SET_NAME: (state, name) => {
+ state.name = name
+ },
+ SET_AVATAR: (state, avatar) => {
+ state.avatar = avatar
+ },
+ SET_ROLES: (state, roles) => {
+ state.roles = roles
+ }
+}
+
+const actions = {
+ sendCode({ commit }, userInfo) {
+ const { phone } = userInfo
+ return new Promise((resolve, reject) => {
+ sendCode({
+ phone: phone
+ })
+ .then(response => {
+ resolve()
+ })
+ .catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // user login
+ login({ commit }, userInfo) {
+ const { phone, password, code, type } = userInfo
+ return new Promise((resolve, reject) => {
+ // commit('SET_TOKEN', 'admin-token')
+ // setToken('admin-token')
+ // resolve()
+ login({
+ phone: phone,
+ pwd: password,
+ loginType: type,
+ code: code
+ })
+ .then(response => {
+ const { code } = response
+ if (code === 0) {
+ commit('SET_TOKEN', 'admin-token')
+ setToken('admin-token')
+ }
+ resolve(code)
+ })
+ .catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // get user info
+ getInfo({ commit, state }) {
+ return new Promise((resolve, reject) => {
+ var data = {
+ roles: ['admin'],
+ introduction: 'I am a super administrator',
+ avatar:
+ 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+ name: 'Super Admin'
+ }
+ commit('SET_ROLES', data.roles)
+ commit('SET_NAME', data.name)
+ commit('SET_AVATAR', data.avatar)
+ commit('SET_INTRODUCTION', data.introduction)
+ resolve(data)
+ // getInfo(state.token)
+ // .then(response => {
+ // const { data } = response
+ // if (!data) {
+ // reject('Verification failed, please Login again.')
+ // }
+ // const { roles, name, avatar, introduction } = data
+ // // roles must be a non-empty array
+ // if (!roles || roles.length <= 0) {
+ // reject('getInfo: roles must be a non-null array!')
+ // }
+ // commit('SET_ROLES', roles)
+ // commit('SET_NAME', name)
+ // commit('SET_AVATAR', avatar)
+ // commit('SET_INTRODUCTION', introduction)
+ // resolve(data)
+ // })
+ // .catch(error => {
+ // reject(error)
+ // })
+ })
+ },
+
+ // user logout
+ logout({ commit, state, dispatch }) {
+ return new Promise((resolve, reject) => {
+ logout(state.token)
+ .then(() => {
+ commit('SET_TOKEN', '')
+ commit('SET_ROLES', [])
+ removeToken()
+ resetRouter()
+
+ // reset visited views and cached views
+ // to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2485
+ dispatch('tagsView/delAllViews', null, { root: true })
+
+ resolve()
+ })
+ .catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // remove token
+ resetToken({ commit }) {
+ return new Promise(resolve => {
+ commit('SET_TOKEN', '')
+ commit('SET_ROLES', [])
+ removeToken()
+ resolve()
+ })
+ },
+
+ // dynamically modify permissions
+ async changeRoles({ commit, dispatch }, role) {
+ const token = role + '-token'
+
+ commit('SET_TOKEN', token)
+ setToken(token)
+
+ const { roles } = await dispatch('getInfo')
+
+ resetRouter()
+
+ // generate accessible routes map based on roles
+ const accessRoutes = await dispatch('permission/generateRoutes', roles, {
+ root: true
+ })
+ // dynamically add accessible routes
+ router.addRoutes(accessRoutes)
+
+ // reset visited views and cached views
+ dispatch('tagsView/delAllViews', null, { root: true })
+ }
+}
+
+export default {
+ namespaced: true,
+ state,
+ mutations,
+ actions
+}
diff --git a/src/styles/btn.scss b/src/styles/btn.scss
new file mode 100644
index 0000000..3bbe3bf
--- /dev/null
+++ b/src/styles/btn.scss
@@ -0,0 +1,111 @@
+@import './variables.scss';
+
+@mixin colorBtn($color) {
+ background: $color;
+
+ &:hover {
+ color: $color;
+
+ &:before,
+ &:after {
+ background: $color;
+ }
+ }
+}
+
+.custom-btn{
+ outline: none;
+ cursor: pointer;
+}
+
+.line-btn {
+ @extend .custom-btn;
+ width: 88px;
+ height: 28px;
+ border-radius: 5px;
+ font: 400 14px PingFangSC-Regular, PingFang SC;
+}
+
+.blue-btn{
+ @extend .line-btn;
+ border: none;
+ color: #fff;
+ background-color: #1890ff;
+
+ &:hover {
+ color: #fff;
+ }
+}
+
+.light-blue-btn {
+ @include colorBtn($light-blue)
+}
+
+.gray-btn {
+ @extend .line-btn;
+ border: 1px solid #ddd;
+ color: #999;
+ background-color: #eee;
+}
+
+.red-btn {
+ @include colorBtn($red)
+}
+
+.pink-btn {
+ @include colorBtn($pink)
+}
+
+.green-btn {
+ @include colorBtn($green)
+}
+
+.tiffany-btn {
+ @include colorBtn($tiffany)
+}
+
+.yellow-btn {
+ @include colorBtn($yellow)
+}
+
+.pan-btn {
+ font-size: 14px;
+ color: #fff;
+ padding: 14px 36px;
+ border-radius: 8px;
+ border: none;
+ outline: none;
+ transition: 600ms ease all;
+ position: relative;
+ display: inline-block;
+
+ &:hover {
+ background: #fff;
+
+ &:before,
+ &:after {
+ width: 100%;
+ transition: 600ms ease all;
+ }
+ }
+
+ &:before,
+ &:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ height: 2px;
+ width: 0;
+ transition: 400ms ease all;
+ }
+
+ &::after {
+ right: inherit;
+ top: inherit;
+ left: 0;
+ bottom: 0;
+ }
+}
+
+
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
new file mode 100644
index 0000000..4929541
--- /dev/null
+++ b/src/styles/element-ui.scss
@@ -0,0 +1,84 @@
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+ font-weight: 400 !important;
+}
+
+.el-upload {
+ input[type="file"] {
+ display: none !important;
+ }
+}
+
+.el-upload__input {
+ display: none;
+}
+
+.cell {
+ .el-tag {
+ margin-right: 0;
+ }
+}
+
+.small-padding {
+ .cell {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+}
+
+.fixed-width {
+ .el-button--mini {
+ padding: 7px 10px;
+ min-width: 60px;
+ }
+}
+
+.status-col {
+ .cell {
+ padding: 0 10px;
+ text-align: center;
+
+ .el-tag {
+ margin-right: 0;
+ }
+ }
+}
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+ transform: none;
+ left: 0;
+ position: relative;
+ margin: 0 auto;
+}
+
+// refine element ui upload
+.upload-container {
+ .el-upload {
+ width: 100%;
+
+ .el-upload-dragger {
+ width: 100%;
+ height: 200px;
+ }
+ }
+}
+
+// dropdown
+.el-dropdown-menu {
+ a {
+ display: block
+ }
+}
+
+// fix date-picker ui bug in filter-item
+.el-range-editor.el-input__inner {
+ display: inline-flex !important;
+}
+
+// to fix el-date-picker css style
+.el-range-separator {
+ box-sizing: content-box;
+}
diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
new file mode 100644
index 0000000..5bdc4da
--- /dev/null
+++ b/src/styles/element-variables.scss
@@ -0,0 +1,31 @@
+/**
+* I think element-ui's default theme color is too light for long-term use.
+* So I modified the default color and you can modify it to your liking.
+**/
+
+/* theme color */
+$--color-primary: #1890ff;
+$--color-success: #13ce66;
+$--color-warning: #ffba00;
+$--color-danger: #ff4949;
+// $--color-info: #1E1E1E;
+
+$--button-font-weight: 400;
+
+// $--color-text-regular: #1f2d3d;
+
+$--border-color-light: #dfe4ed;
+$--border-color-lighter: #e6ebf5;
+
+$--table-border: 1px solid #dfe6ec;
+
+/* icon font path, required */
+$--font-path: "~element-ui/lib/theme-chalk/fonts";
+
+@import "~element-ui/packages/theme-chalk/src/index";
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+ theme: $--color-primary;
+}
diff --git a/src/styles/global.scss b/src/styles/global.scss
new file mode 100644
index 0000000..5a6c907
--- /dev/null
+++ b/src/styles/global.scss
@@ -0,0 +1,17 @@
+@import './variables.scss';
+
+.text-white {
+ color: $white;
+}
+.bold {
+ font-weight: bold;
+}
+.section-common {
+ padding: 0 20px;
+}
+.inline-table {
+ display: inline-table;
+}
+.hover-wrap {
+ position: relative;
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
new file mode 100644
index 0000000..98b472e
--- /dev/null
+++ b/src/styles/index.scss
@@ -0,0 +1,199 @@
+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+@import './btn.scss';
+@import './global.scss';
+@import './page.scss';
+@import './origin.scss';
+@import './unit.scss';
+@import './property.scss';
+
+body {
+ height: 100%;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ font-family: Microsoft YaHei;
+}
+
+label {
+ font-weight: 700;
+}
+
+html {
+ height: 100%;
+ box-sizing: border-box;
+}
+
+#app {
+ height: 100%;
+}
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+}
+
+.no-padding {
+ padding: 0 !important;
+}
+
+.padding-content {
+ padding: 4px 0;
+}
+
+a:focus,
+a:active {
+ outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+ cursor: pointer;
+ color: inherit;
+ text-decoration: none;
+}
+
+div:focus {
+ outline: none;
+}
+
+.fr {
+ float: right;
+}
+
+.fl {
+ float: left;
+}
+
+.pr-5 {
+ padding-right: 5px;
+}
+
+.pl-5 {
+ padding-left: 5px;
+}
+
+.block {
+ display: block;
+}
+
+.pointer {
+ cursor: pointer;
+}
+
+.inlineBlock {
+ display: block;
+}
+
+.clearfix {
+ &:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: ' ';
+ clear: both;
+ height: 0;
+ }
+}
+
+aside {
+ background: #eef1f6;
+ padding: 8px 24px;
+ margin-bottom: 20px;
+ border-radius: 2px;
+ display: block;
+ line-height: 32px;
+ font-size: 16px;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+ Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+ color: #2c3e50;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+ a {
+ color: #337ab7;
+ cursor: pointer;
+
+ &:hover {
+ color: rgb(32, 160, 255);
+ }
+ }
+}
+
+//main-container全局样式
+
+.components-container {
+ margin: 30px 50px;
+ position: relative;
+}
+
+.pagination-container {
+ margin-top: 30px;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.sub-navbar {
+ height: 50px;
+ line-height: 50px;
+ position: relative;
+ width: 100%;
+ text-align: right;
+ padding-right: 20px;
+ transition: 600ms ease position;
+ background: linear-gradient(
+ 90deg,
+ rgba(32, 182, 249, 1) 0%,
+ rgba(32, 182, 249, 1) 0%,
+ rgba(33, 120, 241, 1) 100%,
+ rgba(33, 120, 241, 1) 100%
+ );
+
+ .subtitle {
+ font-size: 20px;
+ color: #fff;
+ }
+
+ &.draft {
+ background: #d0d0d0;
+ }
+
+ &.deleted {
+ background: #d0d0d0;
+ }
+}
+
+.link-type,
+.link-type:focus {
+ color: #337ab7;
+ cursor: pointer;
+
+ &:hover {
+ color: rgb(32, 160, 255);
+ }
+}
+
+.filter-container {
+ padding-bottom: 10px;
+
+ .filter-item {
+ display: inline-block;
+ vertical-align: middle;
+ }
+}
+
+//refine vue-multiselect plugin
+.multiselect {
+ line-height: 16px;
+}
+
+.multiselect--active {
+ z-index: 1000 !important;
+}
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
new file mode 100644
index 0000000..16ad4df
--- /dev/null
+++ b/src/styles/mixin.scss
@@ -0,0 +1,64 @@
+@mixin clearfix {
+ &:after {
+ content: '';
+ display: table;
+ clear: both;
+ }
+}
+
+@mixin linearGradient($deg, $colors...) {
+ background: linear-gradient($deg, $colors);
+}
+
+@mixin scrollBar {
+ &::-webkit-scrollbar-track-piece {
+ background: #d3dce6;
+ }
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #99a9bf;
+ border-radius: 20px;
+ }
+}
+
+@mixin relative {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+@mixin pct($pct) {
+ width: #{$pct};
+ position: relative;
+ margin: 0 auto;
+}
+
+@mixin triangle($width, $height, $color, $direction) {
+ $width: $width/2;
+ $color-border-style: $height solid $color;
+ $transparent-border-style: $width solid transparent;
+ height: 0;
+ width: 0;
+
+ @if $direction==up {
+ border-bottom: $color-border-style;
+ border-left: $transparent-border-style;
+ border-right: $transparent-border-style;
+ } @else if $direction==right {
+ border-left: $color-border-style;
+ border-top: $transparent-border-style;
+ border-bottom: $transparent-border-style;
+ } @else if $direction==down {
+ border-top: $color-border-style;
+ border-left: $transparent-border-style;
+ border-right: $transparent-border-style;
+ } @else if $direction==left {
+ border-right: $color-border-style;
+ border-top: $transparent-border-style;
+ border-bottom: $transparent-border-style;
+ }
+}
diff --git a/src/styles/origin.scss b/src/styles/origin.scss
new file mode 100644
index 0000000..d9aec1a
--- /dev/null
+++ b/src/styles/origin.scss
@@ -0,0 +1,15 @@
+/**
+ * 对原生html标签的改造
+ */
+
+// chrome移除input[number]的上下箭头
+input[type='number']::-webkit-outer-spin-button,
+input[type='number']::-webkit-inner-spin-button {
+ -webkit-appearance: none !important;
+ margin: 0;
+}
+
+// firefox移除input[number]的上下箭头
+input[type='number'] {
+ -moz-appearance: textfield;
+}
diff --git a/src/styles/page.scss b/src/styles/page.scss
new file mode 100644
index 0000000..9a0d66e
--- /dev/null
+++ b/src/styles/page.scss
@@ -0,0 +1,194 @@
+/**
+ * 通用页面的样式表
+ */
+
+/* ------------------------ Zero ------------------------ */
+
+// 页面布局容器
+.container {
+ padding: 20px;
+}
+
+// 页面灰色背景布局容器
+.grey-bg-container {
+ padding: 20px;
+ background-color: #f9f9f9;
+}
+
+// 上下左右居中的盒模型
+.flex-box {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+// 上下居中的盒模型
+.flex-up-down{
+ display: flex;
+ align-items: center;
+}
+
+// 左右居中的盒模型
+.flex-left-right{
+ display: flex;
+ justify-content: center;
+}
+
+// 从左向右自动排布的盒模型
+.flex-start-wrap{
+ display: flex;
+ flex-wrap:wrap;
+ justify-content: flex-start
+}
+
+// 最通用的字体
+.common-font {
+ font: 400 14px PingFangSC-Regular, PingFang SC;
+}
+
+// 用于提示的点
+.hint-dot {
+ width: 7px;
+ height: 7px;
+ border-radius: 50%;
+}
+
+// 通常用于隐藏input框
+.hide-border{
+ border: none;
+ outline: none;
+}
+
+// 圆形盒子,适用于头像
+.circle-box{
+ overflow: hidden;
+ border-radius: 50%;
+}
+
+// 分隔线
+.line{
+ height: 2px;
+ background-color: #f2f2f2;
+}
+
+// 灰色滤镜
+.needless{
+ filter: grayscale(100%);
+}
+
+// 全屏
+.fullscreen{
+ width: 100vw;
+ height: 100vh;
+}
+
+// 单行超出以...表示
+.single-row-ellipsis{
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap;
+}
+
+// 模拟element的输入框样式
+.simulate-input{
+ border: 1px solid #dcdfe6;
+ border-radius: 4px;
+ box-sizing: border-box;
+ outline: none;
+ transition: all .2s;
+
+ &:hover{
+ border-color: #c0c4cc;
+ }
+
+ &:focus{
+ border-color: #2593fc;
+ }
+
+}
+
+// 最大化不变形图片
+.cover-img{
+ display: block;
+ object-fit: cover;
+}
+
+// 颜色 & 背景
+$type-list: (white, #fff), (primary, #2593fc), (success, #6bc863), (info, #999), (danger, #fc4448), (deep, #333), (warning, #FFBB00);
+@each $type, $hex-color in $type-list{
+
+ .#{""+$type}-color{
+ fill: $hex-color;
+ color: $hex-color;
+ }
+
+ .#{""+$type}-bg{
+ background-color: $hex-color;
+ }
+
+}
+
+/* ------------------------ ONE ------------------------ */
+
+// 蓝色提示点,于提示操作文本前使用
+.blue-hint-dot {
+ @extend .hint-dot;
+ background-color: #43a4fc;
+}
+
+// 红色提示点,于警告文本前使用
+.red-hint-dot {
+ @extend .hint-dot;
+ background-color: #fc4448;
+}
+
+// 分页
+.paging-box {
+ @extend .flex-box;
+ height: 90px;
+}
+
+// 存在el-input无法输入的情况,使用原生input可输入
+.simulate-el-input{
+ @extend .simulate-input;
+ padding: 0 15px;
+ height: 36px;
+
+ &.mini{
+ height: 28px;
+ }
+
+}
+
+// 存在el-input中的textarea无法输入的情况,使用原生textarea可输入
+.simulate-el-textarea{
+ padding: 5px 15px;
+ @extend .simulate-input;
+
+ &.no-resize{
+ resize: none;
+ }
+
+}
+
+.dialog-bottom-box{
+ @extend .flex-box;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+}
+
+// 用于页面副标题小块
+.blue-block{
+ display: block;
+ margin-right: 15px;
+ width: 5px;
+ height: 12px;
+ background-color: #2593fc;
+}
+
+
+
+
+
+
diff --git a/src/styles/property.scss b/src/styles/property.scss
new file mode 100644
index 0000000..7cad034
--- /dev/null
+++ b/src/styles/property.scss
@@ -0,0 +1,47 @@
+/**
+ * 属性样式表
+ */
+
+
+@for $i from 1 through 100{
+ .ml-#{$i}{
+ margin-left: 1px * $i;
+ }
+}
+
+.ml-auto{
+ margin-left: auto;
+}
+
+.mlr-auto{
+ margin-left: auto;
+ margin-right: auto;
+}
+
+
+@for $i from 1 through 100{
+ .mt-#{$i}{
+ margin-top: 1px * $i;
+ }
+}
+
+.padding-15{
+ padding: 15px;
+}
+
+@each $widthNum in 34, 156, 200, 251{
+ .width-#{$widthNum}{
+ width: #{$widthNum}px;
+ }
+}
+
+@for $j from 18 through 36{
+ .height-#{$j}{
+ height: 1px * $j;
+ }
+}
+
+.size-35{
+ width: 35px;
+ height: 35px;
+}
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
new file mode 100644
index 0000000..a1dc706
--- /dev/null
+++ b/src/styles/sidebar.scss
@@ -0,0 +1,226 @@
+#app {
+
+ .main-container {
+ min-height: 100%;
+ transition: margin-left .28s;
+ margin-left: $sideBarWidth;
+ position: relative;
+ }
+
+ .sidebar-container {
+ transition: width 0.28s;
+ width: $sideBarWidth !important;
+ background-color: $menuBg;
+ height: 100%;
+ position: fixed;
+ font-size: 0;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1001;
+ overflow: hidden;
+
+ // reset element-ui css
+ .horizontal-collapse-transition {
+ transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+ }
+
+ .scrollbar-wrapper {
+ overflow-x: hidden !important;
+ }
+
+ .el-scrollbar__bar.is-vertical {
+ right: 0px;
+ }
+
+ .el-scrollbar {
+ height: 100%;
+ }
+
+ &.has-logo {
+ .el-scrollbar {
+ height: calc(100% - 50px);
+ }
+ }
+
+ .is-horizontal {
+ display: none;
+ }
+
+ a {
+ display: inline-block;
+ width: 100%;
+ overflow: hidden;
+ }
+
+ .svg-icon {
+ margin-right: 16px;
+ }
+
+ .sub-el-icon {
+ margin-right: 12px;
+ margin-left: -2px;
+ }
+
+ .el-menu {
+ border: none;
+ height: 100%;
+ width: 100% !important;
+ }
+
+ // menu hover
+ .submenu-title-noDropdown,
+ .el-submenu__title {
+ &:hover {
+ background-color: $menuHover !important;
+ }
+ }
+
+ .is-active>.el-submenu__title {
+ color: $subMenuActiveText !important;
+ }
+
+ & .nest-menu .el-submenu>.el-submenu__title,
+ & .el-submenu .el-menu-item {
+ min-width: $sideBarWidth !important;
+ background-color: $subMenuBg !important;
+
+ &:hover {
+ background-color: $subMenuHover !important;
+ }
+ }
+ }
+
+ .hideSidebar {
+ .sidebar-container {
+ width: 54px !important;
+ }
+
+ .main-container {
+ margin-left: 54px;
+ }
+
+ .submenu-title-noDropdown {
+ padding: 0 !important;
+ position: relative;
+
+ .el-tooltip {
+ padding: 0 !important;
+
+ .svg-icon {
+ margin-left: 20px;
+ }
+
+ .sub-el-icon {
+ margin-left: 19px;
+ }
+ }
+ }
+
+ .el-submenu {
+ overflow: hidden;
+
+ &>.el-submenu__title {
+ padding: 0 !important;
+
+ .svg-icon {
+ margin-left: 20px;
+ }
+
+ .sub-el-icon {
+ margin-left: 19px;
+ }
+
+ .el-submenu__icon-arrow {
+ display: none;
+ }
+ }
+ }
+
+ .el-menu--collapse {
+ .el-submenu {
+ &>.el-submenu__title {
+ &>span {
+ height: 0;
+ width: 0;
+ overflow: hidden;
+ visibility: hidden;
+ display: inline-block;
+ }
+ }
+ }
+ }
+ }
+
+ .el-menu--collapse .el-menu .el-submenu {
+ min-width: $sideBarWidth !important;
+ }
+
+ // mobile responsive
+ .mobile {
+ .main-container {
+ margin-left: 0;
+ }
+
+ .sidebar-container {
+ transition: transform .28s;
+ width: $sideBarWidth !important;
+ }
+
+ &.hideSidebar {
+ .sidebar-container {
+ pointer-events: none;
+ transition-duration: 0.3s;
+ transform: translate3d(-$sideBarWidth, 0, 0);
+ }
+ }
+ }
+
+ .withoutAnimation {
+
+ .main-container,
+ .sidebar-container {
+ transition: none;
+ }
+ }
+}
+
+// when menu collapsed
+.el-menu--vertical {
+ &>.el-menu {
+ .svg-icon {
+ margin-right: 16px;
+ }
+ .sub-el-icon {
+ margin-right: 12px;
+ margin-left: -2px;
+ }
+ }
+
+ .nest-menu .el-submenu>.el-submenu__title,
+ .el-menu-item {
+ &:hover {
+ // you can use $subMenuHover
+ background-color: $menuHover !important;
+ }
+ }
+
+ // the scroll bar appears when the subMenu is too long
+ >.el-menu--popup {
+ max-height: 100vh;
+ overflow-y: auto;
+
+ &::-webkit-scrollbar-track-piece {
+ background: #d3dce6;
+ }
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #99a9bf;
+ border-radius: 20px;
+ }
+ }
+}
diff --git a/src/styles/transition.scss b/src/styles/transition.scss
new file mode 100644
index 0000000..4cb27cc
--- /dev/null
+++ b/src/styles/transition.scss
@@ -0,0 +1,48 @@
+// global transition css
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+ transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+ opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+ transition: all .5s;
+}
+
+.fade-transform-enter {
+ opacity: 0;
+ transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+ opacity: 0;
+ transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+ transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+ opacity: 0;
+ transform: translateX(20px);
+}
+
+.breadcrumb-move {
+ transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+ position: absolute;
+}
diff --git a/src/styles/unit.scss b/src/styles/unit.scss
new file mode 100644
index 0000000..1857daf
--- /dev/null
+++ b/src/styles/unit.scss
@@ -0,0 +1,211 @@
+/**
+ * 组成页面的单元模块
+ */
+
+// 表单页面的操作栏
+.operate-box{
+ @extend .flex-up-down;
+ @extend .common-font;
+ height: 32px;
+
+ // 用于清除其默认的左距
+ .ml-0{
+ margin-left: 0!important;
+ }
+
+ .ml-auto-important{
+ margin-left: auto!important;
+ }
+
+ // 通用btn样式
+ .unit-btn{
+ @extend .custom-btn;
+ border: none;
+ border-radius: 2px;
+ height: 32px;
+ color: #fff;
+ background-color: #3da2ff;
+ }
+
+ // 刷新按钮
+ .refresh {
+ @extend .unit-btn;
+ width: 46px;
+ }
+
+ // 新建按钮
+ .create {
+ @extend .unit-btn;
+ margin-left: 8px;
+ width: 67px;
+ }
+
+ // 绿色的新建按钮
+ .green-create{
+ @extend .unit-btn;
+ margin-left: 8px;
+ width: 122px;
+ background-color: #13ce66;
+ }
+
+ // 删除按钮
+ .delete{
+ @extend .unit-btn;
+ margin-left: 8px;
+ width: 67px;
+ background-color: #fc3e42;
+ }
+
+ .export{
+ @extend .unit-btn;
+ margin-left: 8px;
+ width: 77px;
+ border: 1px solid #9cdcaf;
+ color: #72db92;
+ background-color: #f3fff1;
+ }
+
+ // 菜单按钮
+ .menu {
+ @extend .unit-btn;
+ margin-left: auto;
+ width: 48px;
+ }
+
+ // 搜索按钮
+ .search {
+ @extend .unit-btn;
+ margin-left: 8px;
+ width: 40px;
+ }
+
+ // block是用来提示的,无点击功能
+ .block{
+ @extend .common-font;
+ margin-left: 8px;
+ padding: 0 12px;
+ height: 32px;
+ border-radius: 2px;
+ line-height: 32px;
+ }
+
+ .primary-block{
+ @extend .block;
+ border: 1px solid #d1eaff;
+ color: #3da2ff;
+ background-color: #e8f4ff;
+ }
+
+ .success-block{
+ @extend .block;
+ border: 1px solid #d0f5e0;
+ color: #6ac863;
+ background-color: #e7faf0;
+ }
+
+ .danger-block{
+ @extend .block;
+ border: 1px solid #ffdbdc;
+ color: #fc4448;
+ background-color: #ffeded;
+ }
+
+ // --------以下是对element框架的改造--------
+
+ // 按钮
+ .el-button{
+ padding: 0 8px;
+ margin-left: 8px;
+ height: 32px;
+ }
+
+ // input框
+ .el-input__inner{
+ height: 32px;
+ }
+
+}
+
+// 表格操作项
+.operate-table-box{
+ @extend .flex-box;
+
+ .icon-box {
+ @extend .flex-box;
+ @extend .size-35;
+ margin: 0 7px;
+ border-radius: 50%;
+ cursor: pointer;
+
+ .i-size {
+ font-size: 21px;
+ }
+
+ .svg-size{
+ width: 18px;
+ height: 18px;
+ }
+
+ }
+
+ $type-list: primary, success, danger;
+
+ @each $type in $type-list{
+
+ .#{$type}{
+ @extend .#{$type}-color;
+ &:hover{
+ @extend .white-color;
+ @extend .#{$type}-bg;
+ }
+ }
+
+ }
+
+}
+
+// dialog内部
+.slot-box{
+
+ .el-tabs__nav-wrap{
+ padding-left: 33px;
+ color: #dd1100;
+ background-color: #f8f8f8;
+
+ .el-tabs__item{
+ color: #999;
+ }
+ .is-active{
+ color: #2593fc;
+ }
+
+ &::after{
+ background-color: #f8f8f8;
+ }
+
+ }
+
+ .el-tabs__header{
+ margin-bottom: 0;
+ }
+
+}
+
+// 改变form-item的内部样式
+.small-mb-form{
+ .el-form-item {
+ margin-bottom: 10px;
+ }
+
+ &.item-340{
+ width: 340px;
+ }
+
+ &.item-center{
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+}
+
+
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
new file mode 100644
index 0000000..fec69d2
--- /dev/null
+++ b/src/styles/variables.scss
@@ -0,0 +1,76 @@
+// base color
+$blue: #324157;
+$light-blue: #3a71a8;
+$red: #c03639;
+$pink: #e65d6e;
+$green: #30b08f;
+$tiffany: #4ab7bd;
+$yellow: #fec171;
+$panGreen: #30b08f;
+
+//常用的颜色
+$white: #fff;
+$gray-1: #ffeded;
+// $gray-2: #eceff0;
+$gray-3: #d9d9d9;
+// $gray-4: #dcdee0;
+$gray-5: #eceff0;
+// $gray-6: #969799;
+// $gray-7: #646566;
+// $gray-8: #323233;
+$gray-9: #333333;
+// 常用背景颜色
+$bg-gray: #f9f9f9;
+
+// base font-size
+$font-size-xs: 12px;
+$font-size-sm: 14px;
+$font-size-md: 16px;
+$font-size-lg: 20px;
+$font-size-max: 36px;
+$font-weight-bold: 500;
+
+// font-color
+$text-color-default: #333333;
+$text-color-gray: #666;
+$text-color-light-gray: #999;
+
+//border 边框颜色
+$border-theme-1: $gray-1;
+$border-theme-2: $gray-3;
+$border-theme-3: $blue;
+
+// sidebar
+$menuText: #fff;
+$menuActiveText: #a0d1ff;
+$subMenuActiveText: #a0d1ff; // https://github.com/ElemeFE/element/issues/12951
+
+
+$menuBg: #005DFB;
+
+$menuHover: #1890FF;
+
+$subMenuBg: #0350D7;
+$subMenuHover: #1890ff;
+
+//$menuBg: #365fa4;
+//
+//$menuHover: #1f488b;
+//
+//$subMenuBg: #1f488b;
+//$subMenuHover: #1890ff;
+
+$sideBarWidth: 210px;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+ menuText: $menuText;
+ menuActiveText: $menuActiveText;
+ subMenuActiveText: $subMenuActiveText;
+ menuBg: $menuBg;
+ menuHover: $menuHover;
+ subMenuBg: $subMenuBg;
+ subMenuHover: $subMenuHover;
+ sideBarWidth: $sideBarWidth;
+}
diff --git a/src/utils/auth.js b/src/utils/auth.js
new file mode 100644
index 0000000..08a43d6
--- /dev/null
+++ b/src/utils/auth.js
@@ -0,0 +1,15 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'Admin-Token'
+
+export function getToken() {
+ return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+ return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+ return Cookies.remove(TokenKey)
+}
diff --git a/src/utils/bus.js b/src/utils/bus.js
new file mode 100644
index 0000000..7accafa
--- /dev/null
+++ b/src/utils/bus.js
@@ -0,0 +1,8 @@
+const Bus = {
+ // install 是默认的方法。当外界在 use 这个组件的时候，就会调用本身的 install 方法，同时传一个 Vue 这个类的参数。
+ install: function(Vue) {
+ Vue.prototype.$bus = new Vue()
+ }
+}
+
+export default Bus
diff --git a/src/utils/clipboard.js b/src/utils/clipboard.js
new file mode 100644
index 0000000..cf5b07a
--- /dev/null
+++ b/src/utils/clipboard.js
@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import Clipboard from 'clipboard'
+
+function clipboardSuccess() {
+ Vue.prototype.$message({
+ message: 'Copy successfully',
+ type: 'success',
+ duration: 1500
+ })
+}
+
+function clipboardError() {
+ Vue.prototype.$message({
+ message: 'Copy failed',
+ type: 'error'
+ })
+}
+
+export default function handleClipboard(text, event) {
+ const clipboard = new Clipboard(event.target, {
+ text: () => text
+ })
+ clipboard.on('success', () => {
+ clipboardSuccess()
+ clipboard.destroy()
+ })
+ clipboard.on('error', () => {
+ clipboardError()
+ clipboard.destroy()
+ })
+ clipboard.onClick(event)
+}
diff --git a/src/utils/error-log.js b/src/utils/error-log.js
new file mode 100644
index 0000000..a7f5b55
--- /dev/null
+++ b/src/utils/error-log.js
@@ -0,0 +1,35 @@
+import Vue from 'vue'
+import store from '@/store'
+import { isString, isArray } from '@/utils/validate'
+import settings from '@/settings'
+
+// you can set in settings.js
+// errorLog:'production' | ['production', 'development']
+const { errorLog: needErrorLog } = settings
+
+function checkNeed() {
+ const env = process.env.NODE_ENV
+ if (isString(needErrorLog)) {
+ return env === needErrorLog
+ }
+ if (isArray(needErrorLog)) {
+ return needErrorLog.includes(env)
+ }
+ return false
+}
+
+if (checkNeed()) {
+ Vue.config.errorHandler = function(err, vm, info, a) {
+ // Don't ask me why I use Vue.nextTick, it just a hack.
+ // detail see https://forum.vuejs.org/t/dispatch-in-vue-config-errorhandler-has-some-problem/23500
+ Vue.nextTick(() => {
+ store.dispatch('errorLog/addErrorLog', {
+ err,
+ vm,
+ info,
+ url: window.location.href
+ })
+ console.error(err, info)
+ })
+ }
+}
diff --git a/src/utils/get-page-title.js b/src/utils/get-page-title.js
new file mode 100644
index 0000000..4b6604c
--- /dev/null
+++ b/src/utils/get-page-title.js
@@ -0,0 +1,13 @@
+import defaultSettings from '@/settings'
+import i18n from '@/lang'
+
+const title = defaultSettings.title || 'Vue Element Admin'
+
+export default function getPageTitle(key) {
+ const hasKey = i18n.te(`route.${key}`)
+ if (hasKey) {
+ const pageName = i18n.t(`route.${key}`)
+ return `${pageName} - ${title}`
+ }
+ return `${title}`
+}
diff --git a/src/utils/i18n.js b/src/utils/i18n.js
new file mode 100644
index 0000000..76be5a4
--- /dev/null
+++ b/src/utils/i18n.js
@@ -0,0 +1,12 @@
+// translate router.meta.title, be used in breadcrumb sidebar tagsview
+export function generateTitle(title) {
+ const hasKey = this.$te('route.' + title)
+
+ if (hasKey) {
+ // $t :this method from vue-i18n, inject in @/lang/index.js
+ const translatedTitle = this.$t('route.' + title)
+
+ return translatedTitle
+ }
+ return title
+}
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..3225d3c
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,357 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function parseTime(time, cFormat) {
+ if (arguments.length === 0 || !time) {
+ return null
+ }
+ const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+ let date
+ if (typeof time === 'object') {
+ date = time
+ } else {
+ if ((typeof time === 'string')) {
+ if ((/^[0-9]+$/.test(time))) {
+ // support "1548221490638"
+ time = parseInt(time)
+ } else {
+ // support safari
+ // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+ time = time.replace(new RegExp(/-/gm), '/')
+ }
+ }
+
+ if ((typeof time === 'number') && (time.toString().length === 10)) {
+ time = time * 1000
+ }
+ date = new Date(time)
+ }
+ const formatObj = {
+ y: date.getFullYear(),
+ m: date.getMonth() + 1,
+ d: date.getDate(),
+ h: date.getHours(),
+ i: date.getMinutes(),
+ s: date.getSeconds(),
+ a: date.getDay()
+ }
+ const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+ const value = formatObj[key]
+ // Note: getDay() returns 0 on Sunday
+ if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
+ return value.toString().padStart(2, '0')
+ })
+ return time_str
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+ if (('' + time).length === 10) {
+ time = parseInt(time) * 1000
+ } else {
+ time = +time
+ }
+ const d = new Date(time)
+ const now = Date.now()
+
+ const diff = (now - d) / 1000
+
+ if (diff < 30) {
+ return '刚刚'
+ } else if (diff < 3600) {
+ // less 1 hour
+ return Math.ceil(diff / 60) + '分钟前'
+ } else if (diff < 3600 * 24) {
+ return Math.ceil(diff / 3600) + '小时前'
+ } else if (diff < 3600 * 24 * 2) {
+ return '1天前'
+ }
+ if (option) {
+ return parseTime(time, option)
+ } else {
+ return (
+ d.getMonth() +
+ 1 +
+ '月' +
+ d.getDate() +
+ '日' +
+ d.getHours() +
+ '时' +
+ d.getMinutes() +
+ '分'
+ )
+ }
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function getQueryObject(url) {
+ url = url == null ? window.location.href : url
+ const search = url.substring(url.lastIndexOf('?') + 1)
+ const obj = {}
+ const reg = /([^?&=]+)=([^?&=]*)/g
+ search.replace(reg, (rs, $1, $2) => {
+ const name = decodeURIComponent($1)
+ let val = decodeURIComponent($2)
+ val = String(val)
+ obj[name] = val
+ return rs
+ })
+ return obj
+}
+
+/**
+ * @param {string} input value
+ * @returns {number} output value
+ */
+export function byteLength(str) {
+ // returns the byte length of an utf8 string
+ let s = str.length
+ for (var i = str.length - 1; i >= 0; i--) {
+ const code = str.charCodeAt(i)
+ if (code > 0x7f && code <= 0x7ff) s++
+ else if (code > 0x7ff && code <= 0xffff) s += 2
+ if (code >= 0xDC00 && code <= 0xDFFF) i--
+ }
+ return s
+}
+
+/**
+ * @param {Array} actual
+ * @returns {Array}
+ */
+export function cleanArray(actual) {
+ const newArray = []
+ for (let i = 0; i < actual.length; i++) {
+ if (actual[i]) {
+ newArray.push(actual[i])
+ }
+ }
+ return newArray
+}
+
+/**
+ * @param {Object} json
+ * @returns {Array}
+ */
+export function param(json) {
+ if (!json) return ''
+ return cleanArray(
+ Object.keys(json).map(key => {
+ if (json[key] === undefined) return ''
+ return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
+ })
+ ).join('&')
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+ const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+ if (!search) {
+ return {}
+ }
+ const obj = {}
+ const searchArr = search.split('&')
+ searchArr.forEach(v => {
+ const index = v.indexOf('=')
+ if (index !== -1) {
+ const name = v.substring(0, index)
+ const val = v.substring(index + 1, v.length)
+ obj[name] = val
+ }
+ })
+ return obj
+}
+
+/**
+ * @param {string} val
+ * @returns {string}
+ */
+export function html2Text(val) {
+ const div = document.createElement('div')
+ div.innerHTML = val
+ return div.textContent || div.innerText
+}
+
+/**
+ * Merges two objects, giving the last one precedence
+ * @param {Object} target
+ * @param {(Object|Array)} source
+ * @returns {Object}
+ */
+export function objectMerge(target, source) {
+ if (typeof target !== 'object') {
+ target = {}
+ }
+ if (Array.isArray(source)) {
+ return source.slice()
+ }
+ Object.keys(source).forEach(property => {
+ const sourceProperty = source[property]
+ if (typeof sourceProperty === 'object') {
+ target[property] = objectMerge(target[property], sourceProperty)
+ } else {
+ target[property] = sourceProperty
+ }
+ })
+ return target
+}
+
+/**
+ * @param {HTMLElement} element
+ * @param {string} className
+ */
+export function toggleClass(element, className) {
+ if (!element || !className) {
+ return
+ }
+ let classString = element.className
+ const nameIndex = classString.indexOf(className)
+ if (nameIndex === -1) {
+ classString += '' + className
+ } else {
+ classString =
+ classString.substr(0, nameIndex) +
+ classString.substr(nameIndex + className.length)
+ }
+ element.className = classString
+}
+
+/**
+ * @param {string} type
+ * @returns {Date}
+ */
+export function getTime(type) {
+ if (type === 'start') {
+ return new Date().getTime() - 3600 * 1000 * 24 * 90
+ } else {
+ return new Date(new Date().toDateString())
+ }
+}
+
+/**
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ * @return {*}
+ */
+export function debounce(func, wait, immediate) {
+ let timeout, args, context, timestamp, result
+
+ const later = function() {
+ // 据上一次触发时间间隔
+ const last = +new Date() - timestamp
+
+ // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
+ if (last < wait && last > 0) {
+ timeout = setTimeout(later, wait - last)
+ } else {
+ timeout = null
+ // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+ if (!immediate) {
+ result = func.apply(context, args)
+ if (!timeout) context = args = null
+ }
+ }
+ }
+
+ return function(...args) {
+ context = this
+ timestamp = +new Date()
+ const callNow = immediate && !timeout
+ // 如果延时不存在，重新设定延时
+ if (!timeout) timeout = setTimeout(later, wait)
+ if (callNow) {
+ result = func.apply(context, args)
+ context = args = null
+ }
+
+ return result
+ }
+}
+
+/**
+ * This is just a simple version of deep copy
+ * Has a lot of edge cases bug
+ * If you want to use a perfect deep copy, use lodash's _.cloneDeep
+ * @param {Object} source
+ * @returns {Object}
+ */
+export function deepClone(source) {
+ if (!source && typeof source !== 'object') {
+ throw new Error('error arguments', 'deepClone')
+ }
+ const targetObj = source.constructor === Array ? [] : {}
+ Object.keys(source).forEach(keys => {
+ if (source[keys] && typeof source[keys] === 'object') {
+ targetObj[keys] = deepClone(source[keys])
+ } else {
+ targetObj[keys] = source[keys]
+ }
+ })
+ return targetObj
+}
+
+/**
+ * @param {Array} arr
+ * @returns {Array}
+ */
+export function uniqueArr(arr) {
+ return Array.from(new Set(arr))
+}
+
+/**
+ * @returns {string}
+ */
+export function createUniqueString() {
+ const timestamp = +new Date() + ''
+ const randomNum = parseInt((1 + Math.random()) * 65536) + ''
+ return (+(randomNum + timestamp)).toString(32)
+}
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+ return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+ if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+ if (hasClass(ele, cls)) {
+ const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+ ele.className = ele.className.replace(reg, ' ')
+ }
+}
diff --git a/src/utils/lodash.js b/src/utils/lodash.js
new file mode 100644
index 0000000..56e659a
--- /dev/null
+++ b/src/utils/lodash.js
@@ -0,0 +1,9 @@
+import _ from 'lodash'
+const Lodash = {
+ // install 是默认的方法。当外界在 use 这个组件的时候，就会调用本身的 install 方法，同时传一个 Vue 这个类的参数。
+ install: function(Vue) {
+ Vue.prototype.$lodash = _
+ }
+}
+
+export default Lodash
diff --git a/src/utils/open-window.js b/src/utils/open-window.js
new file mode 100644
index 0000000..723f046
--- /dev/null
+++ b/src/utils/open-window.js
@@ -0,0 +1,25 @@
+/**
+ *Created by PanJiaChen on 16/11/29.
+ * @param {String} url
+ * @param {String} title
+ * @param {Number} w
+ * @param {Number} h
+ */
+export default function openWindow(url, title, w, h) {
+ // Fixes dual-screen position Most browsers Firefox
+ const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left
+ const dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top
+
+ const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width
+ const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height
+
+ const left = ((width / 2) - (w / 2)) + dualScreenLeft
+ const top = ((height / 2) - (h / 2)) + dualScreenTop
+ 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)
+
+ // Puts focus on the newWindow
+ if (window.focus) {
+ newWindow.focus()
+ }
+}
+
diff --git a/src/utils/permission.js b/src/utils/permission.js
new file mode 100644
index 0000000..221d384
--- /dev/null
+++ b/src/utils/permission.js
@@ -0,0 +1,25 @@
+import store from '@/store'
+
+/**
+ * @param {Array} value
+ * @returns {Boolean}
+ * @example see @/views/permission/directive.vue
+ */
+export default function checkPermission(value) {
+ if (value && value instanceof Array && value.length > 0) {
+ const roles = store.getters && store.getters.roles
+ const permissionRoles = value
+
+ const hasPermission = roles.some(role => {
+ return permissionRoles.includes(role)
+ })
+
+ if (!hasPermission) {
+ return false
+ }
+ return true
+ } else {
+ console.error(`need roles! Like v-permission="['admin','editor']"`)
+ return false
+ }
+}
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..3f6d32f
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,89 @@
+import axios from 'axios'
+import { Message } from 'element-ui'
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+
+// create an axios instance
+const service = axios.create({
+ baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
+ // withCredentials: true, // send cookies when cross-domain requests
+ timeout: 5000, // request timeout
+ withCredentials: true
+})
+
+// request interceptor
+service.interceptors.request.use(
+ config => {
+ // do something before request is sent
+
+ if (store.getters.token) {
+ // let each request carry token
+ // ['X-Token'] is a custom headers key
+ // please modify it according to the actual situation
+ config.headers['X-Token'] = getToken()
+ }
+ return config
+ },
+ error => {
+ // do something with request error
+ console.log(error) // for debug
+ return Promise.reject(error)
+ }
+)
+
+// response interceptor
+service.interceptors.response.use(
+ /**
+ * If you want to get http information such as headers or status
+ * Please return response => response
+ */
+
+ /**
+ * Determine the request status by custom code
+ * Here is just an example
+ * You can also judge the status by HTTP Status Code
+ */
+ response => {
+ const res = response.data
+ // if the custom code is not 20000, it is judged as an error.
+ if (res.code !== 0) {
+ Message({
+ message: res.message || 'Error',
+ type: 'error',
+ duration: 5 * 1000
+ })
+ return Promise.reject(new Error(res.message || 'Error'))
+ } else {
+ return res
+ }
+ },
+ error => {
+ const errorMsg = error.response.data.msg
+ console.log(error.response.data)
+ // 特殊处理401，需要验证手机号
+ if (error.response.data.code === 401) {
+ return error.response.data
+ }
+ // 登录超时，重新登录
+ // if (error.response.data.code === 403) {
+ // store.dispatch('user/resetToken').then(() => {
+ // location.reload()
+ // })
+ // Message({
+ // message: '登录超时，请重新登录',
+ // type: 'error',
+ // duration: 5 * 1000
+ // })
+ // return
+ // }
+
+ Message({
+ message: errorMsg ?? error,
+ type: 'error',
+ duration: 5 * 1000
+ })
+ return Promise.reject(error)
+ }
+)
+
+export default service
diff --git a/src/utils/scroll-to.js b/src/utils/scroll-to.js
new file mode 100644
index 0000000..c5d8e04
--- /dev/null
+++ b/src/utils/scroll-to.js
@@ -0,0 +1,58 @@
+Math.easeInOutQuad = function(t, b, c, d) {
+ t /= d / 2
+ if (t < 1) {
+ return c / 2 * t * t + b
+ }
+ t--
+ return -c / 2 * (t * (t - 2) - 1) + b
+}
+
+// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
+var requestAnimFrame = (function() {
+ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }
+})()
+
+/**
+ * Because it's so fucking difficult to detect the scrolling element, just move them all
+ * @param {number} amount
+ */
+function move(amount) {
+ document.documentElement.scrollTop = amount
+ document.body.parentNode.scrollTop = amount
+ document.body.scrollTop = amount
+}
+
+function position() {
+ return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
+}
+
+/**
+ * @param {number} to
+ * @param {number} duration
+ * @param {Function} callback
+ */
+export function scrollTo(to, duration, callback) {
+ const start = position()
+ const change = to - start
+ const increment = 20
+ let currentTime = 0
+ duration = (typeof (duration) === 'undefined') ? 500 : duration
+ var animateScroll = function() {
+ // increment the time
+ currentTime += increment
+ // find the value with the quadratic in-out easing function
+ var val = Math.easeInOutQuad(currentTime, start, change, duration)
+ // move the document.body
+ move(val)
+ // do the animation unless its over
+ if (currentTime < duration) {
+ requestAnimFrame(animateScroll)
+ } else {
+ if (callback && typeof (callback) === 'function') {
+ // the animation is done so lets callback
+ callback()
+ }
+ }
+ }
+ animateScroll()
+}
diff --git a/src/utils/tools.js b/src/utils/tools.js
new file mode 100644
index 0000000..21c2fb3
--- /dev/null
+++ b/src/utils/tools.js
@@ -0,0 +1,116 @@
+/**
+ * post写法get传参
+ * @param obj
+ * @returns {string}
+ */
+export function postConvertGet(obj) {
+ let params = ''
+ if (obj === undefined) {
+ return params
+ } else if (JSON.stringify(obj) === '{}') {
+ return params
+ } else {
+ for (const [key, value] of Object.entries(obj)) {
+ params += `${key}=${value}&`
+ }
+ params = `?${params.slice(0, -1)}`
+ return params
+ }
+}
+
+/**
+ * 时间戳转换
+ * @param date
+ * @returns {string}
+ */
+export function convertTimestamp(date) {
+ const addZero = num => (num > 9 ? num : '0' + num)
+ return `${date.getFullYear()}-${date.getMonth() +
+ 1}-${date.getDate()} ${addZero(date.getHours())}:${addZero(
+ date.getMinutes()
+ )}:${addZero(date.getSeconds())}`
+}
+
+/**
+ * 对数组进行过滤
+ * @param list
+ * @param param
+ * @returns [*]
+ */
+export function filterList(list, param) {
+ return list.map(item => item[param])
+}
+
+/**
+ * 移除文件路径，保留文件名
+ * @param str
+ * @returns {T}
+ */
+export function removeFileDomain(str) {
+ return str
+ .split('\\')
+ .pop()
+ .split('/')
+ .pop()
+}
+
+/**
+ * 移除空值
+ * @param obj
+ * @returns {*}
+ */
+export function removeEmptyValue(obj) {
+ Object.keys(obj).forEach(key => {
+ if (obj[key] === null || obj[key] === undefined || obj[key] === '') {
+ delete obj[key]
+ }
+ })
+ return obj
+}
+
+/**
+ * 数组转为字符串
+ * @param arr
+ * @returns {string}
+ */
+export function arrayConvertString(arr) {
+ const list = arr.map(item => Number(item))
+ const listStr = JSON.stringify(list)
+ return listStr.substring(1, listStr.length - 1)
+}
+
+/**
+ * 判断一个字符串是否是正整数
+ * @param str
+ * @returns {boolean}
+ */
+export function isNormalInteger(str) {
+ const n = Math.floor(Number(str))
+ return n !== Infinity && String(n) === str && n >= 0
+}
+
+/**
+ * 下载图片
+ * @param imgsrc
+ * @param name
+ * @returns {boolean}
+ */
+export function downloadIamge(imgsrc, name) {
+ var image = new Image()
+ // 解决跨域 Canvas 污染问题
+ image.setAttribute('crossOrigin', 'anonymous')
+ image.onload = function() {
+ var canvas = document.createElement('canvas')
+ canvas.width = image.width
+ canvas.height = image.height
+ var context = canvas.getContext('2d')
+ context.drawImage(image, 0, 0, image.width, image.height)
+ var url = canvas.toDataURL('image/png') // 得到图片的base64编码数据
+ var a = document.createElement('a') // 生成一个a元素
+ var event = new MouseEvent('click') // 创建一个单击事件
+ a.download = name || 'photo' // 设置图片名称
+ a.href = url // 将生成的URL设置为a.href属性
+ a.dispatchEvent(event) // 触发a的单击事件
+ }
+ image.src = imgsrc
+}
diff --git a/src/utils/validate.js b/src/utils/validate.js
new file mode 100644
index 0000000..32218c5
--- /dev/null
+++ b/src/utils/validate.js
@@ -0,0 +1,91 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+ return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUsername(str) {
+ const valid_map = ['admin', 'editor']
+ return valid_map.indexOf(str.trim()) >= 0
+}
+export function validPhone(str) {
+ console.log(str, /^1[3456789]\d{9}$/.test(str))
+ return /^1[3456789]\d{9}$/.test(str)
+}
+
+/**
+ * @param {string} url
+ * @returns {Boolean}
+ */
+export function validURL(url) {
+ 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.,?'\\+&%$#=~_-]+))*$/
+ return reg.test(url)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validLowerCase(str) {
+ const reg = /^[a-z]+$/
+ return reg.test(str)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUpperCase(str) {
+ const reg = /^[A-Z]+$/
+ return reg.test(str)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validAlphabets(str) {
+ const reg = /^[A-Za-z]+$/
+ return reg.test(str)
+}
+
+/**
+ * @param {string} email
+ * @returns {Boolean}
+ */
+export function validEmail(email) {
+ 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,}))$/
+ return reg.test(email)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function isString(str) {
+ if (typeof str === 'string' || str instanceof String) {
+ return true
+ }
+ return false
+}
+
+/**
+ * @param {Array} arg
+ * @returns {Boolean}
+ */
+export function isArray(arg) {
+ if (typeof Array.isArray === 'undefined') {
+ return Object.prototype.toString.call(arg) === '[object Array]'
+ }
+ return Array.isArray(arg)
+}
diff --git a/src/vendor/Export2Excel.js b/src/vendor/Export2Excel.js
new file mode 100644
index 0000000..d8a2af3
--- /dev/null
+++ b/src/vendor/Export2Excel.js
@@ -0,0 +1,220 @@
+/* eslint-disable */
+import { saveAs } from 'file-saver'
+import XLSX from 'xlsx'
+
+function generateArray(table) {
+ var out = [];
+ var rows = table.querySelectorAll('tr');
+ var ranges = [];
+ for (var R = 0; R < rows.length; ++R) {
+ var outRow = [];
+ var row = rows[R];
+ var columns = row.querySelectorAll('td');
+ for (var C = 0; C < columns.length; ++C) {
+ var cell = columns[C];
+ var colspan = cell.getAttribute('colspan');
+ var rowspan = cell.getAttribute('rowspan');
+ var cellValue = cell.innerText;
+ if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
+
+ //Skip ranges
+ ranges.forEach(function (range) {
+ if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
+ for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
+ }
+ });
+
+ //Handle Row Span
+ if (rowspan || colspan) {
+ rowspan = rowspan || 1;
+ colspan = colspan || 1;
+ ranges.push({
+ s: {
+ r: R,
+ c: outRow.length
+ },
+ e: {
+ r: R + rowspan - 1,
+ c: outRow.length + colspan - 1
+ }
+ });
+ };
+
+ //Handle Value
+ outRow.push(cellValue !== "" ? cellValue : null);
+
+ //Handle Colspan
+ if (colspan)
+ for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
+ }
+ out.push(outRow);
+ }
+ return [out, ranges];
+};
+
+function datenum(v, date1904) {
+ if (date1904) v += 1462;
+ var epoch = Date.parse(v);
+ return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
+}
+
+function sheet_from_array_of_arrays(data, opts) {
+ var ws = {};
+ var range = {
+ s: {
+ c: 10000000,
+ r: 10000000
+ },
+ e: {
+ c: 0,
+ r: 0
+ }
+ };
+ for (var R = 0; R != data.length; ++R) {
+ for (var C = 0; C != data[R].length; ++C) {
+ if (range.s.r > R) range.s.r = R;
+ if (range.s.c > C) range.s.c = C;
+ if (range.e.r < R) range.e.r = R;
+ if (range.e.c < C) range.e.c = C;
+ var cell = {
+ v: data[R][C]
+ };
+ if (cell.v == null) continue;
+ var cell_ref = XLSX.utils.encode_cell({
+ c: C,
+ r: R
+ });
+
+ if (typeof cell.v === 'number') cell.t = 'n';
+ else if (typeof cell.v === 'boolean') cell.t = 'b';
+ else if (cell.v instanceof Date) {
+ cell.t = 'n';
+ cell.z = XLSX.SSF._table[14];
+ cell.v = datenum(cell.v);
+ } else cell.t = 's';
+
+ ws[cell_ref] = cell;
+ }
+ }
+ if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
+ return ws;
+}
+
+function Workbook() {
+ if (!(this instanceof Workbook)) return new Workbook();
+ this.SheetNames = [];
+ this.Sheets = {};
+}
+
+function s2ab(s) {
+ var buf = new ArrayBuffer(s.length);
+ var view = new Uint8Array(buf);
+ for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
+ return buf;
+}
+
+export function export_table_to_excel(id) {
+ var theTable = document.getElementById(id);
+ var oo = generateArray(theTable);
+ var ranges = oo[1];
+
+ /* original data */
+ var data = oo[0];
+ var ws_name = "SheetJS";
+
+ var wb = new Workbook(),
+ ws = sheet_from_array_of_arrays(data);
+
+ /* add ranges to worksheet */
+ // ws['!cols'] = ['apple', 'banan'];
+ ws['!merges'] = ranges;
+
+ /* add worksheet to workbook */
+ wb.SheetNames.push(ws_name);
+ wb.Sheets[ws_name] = ws;
+
+ var wbout = XLSX.write(wb, {
+ bookType: 'xlsx',
+ bookSST: false,
+ type: 'binary'
+ });
+
+ saveAs(new Blob([s2ab(wbout)], {
+ type: "application/octet-stream"
+ }), "test.xlsx")
+}
+
+export function export_json_to_excel({
+ multiHeader = [],
+ header,
+ data,
+ filename,
+ merges = [],
+ autoWidth = true,
+ bookType = 'xlsx'
+} = {}) {
+ /* original data */
+ filename = filename || 'excel-list'
+ data = [...data]
+ data.unshift(header);
+
+ for (let i = multiHeader.length - 1; i > -1; i--) {
+ data.unshift(multiHeader[i])
+ }
+
+ var ws_name = "SheetJS";
+ var wb = new Workbook(),
+ ws = sheet_from_array_of_arrays(data);
+
+ if (merges.length > 0) {
+ if (!ws['!merges']) ws['!merges'] = [];
+ merges.forEach(item => {
+ ws['!merges'].push(XLSX.utils.decode_range(item))
+ })
+ }
+
+ if (autoWidth) {
+ /*设置worksheet每列的最大宽度*/
+ const colWidth = data.map(row => row.map(val => {
+ /*先判断是否为null/undefined*/
+ if (val == null) {
+ return {
+ 'wch': 10
+ };
+ }
+ /*再判断是否为中文*/
+ else if (val.toString().charCodeAt(0) > 255) {
+ return {
+ 'wch': val.toString().length * 2
+ };
+ } else {
+ return {
+ 'wch': val.toString().length
+ };
+ }
+ }))
+ /*以第一行为初始值*/
+ let result = colWidth[0];
+ for (let i = 1; i < colWidth.length; i++) {
+ for (let j = 0; j < colWidth[i].length; j++) {
+ if (result[j]['wch'] < colWidth[i][j]['wch']) {
+ result[j]['wch'] = colWidth[i][j]['wch'];
+ }
+ }
+ }
+ ws['!cols'] = result;
+ }
+
+ /* add worksheet to workbook */
+ wb.SheetNames.push(ws_name);
+ wb.Sheets[ws_name] = ws;
+
+ var wbout = XLSX.write(wb, {
+ bookType: bookType,
+ bookSST: false,
+ type: 'binary'
+ });
+ saveAs(new Blob([s2ab(wbout)], {
+ type: "application/octet-stream"
+ }), `${filename}.${bookType}`);
+}
diff --git a/src/vendor/Export2Zip.js b/src/vendor/Export2Zip.js
new file mode 100644
index 0000000..db70707
--- /dev/null
+++ b/src/vendor/Export2Zip.js
@@ -0,0 +1,24 @@
+/* eslint-disable */
+import { saveAs } from 'file-saver'
+import JSZip from 'jszip'
+
+export function export_txt_to_zip(th, jsonData, txtName, zipName) {
+ const zip = new JSZip()
+ const txt_name = txtName || 'file'
+ const zip_name = zipName || 'file'
+ const data = jsonData
+ let txtData = `${th}\r\n`
+ data.forEach((row) => {
+ let tempStr = ''
+ tempStr = row.toString()
+ txtData += `${tempStr}\r\n`
+ })
+ zip.file(`${txt_name}.txt`, txtData)
+ zip.generateAsync({
+ type: "blob"
+ }).then((blob) => {
+ saveAs(blob, `${zip_name}.zip`)
+ }, (err) => {
+ alert('导出失败')
+ })
+}
diff --git a/src/views/charts/keyboard.vue b/src/views/charts/keyboard.vue
new file mode 100644
index 0000000..4bbda0f
--- /dev/null
+++ b/src/views/charts/keyboard.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/charts/line.vue b/src/views/charts/line.vue
new file mode 100644
index 0000000..fea1497
--- /dev/null
+++ b/src/views/charts/line.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/charts/mix-chart.vue b/src/views/charts/mix-chart.vue
new file mode 100644
index 0000000..c57db75
--- /dev/null
+++ b/src/views/charts/mix-chart.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/clipboard/index.vue b/src/views/clipboard/index.vue
new file mode 100644
index 0000000..4a6bdd1
--- /dev/null
+++ b/src/views/clipboard/index.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+ copy
+
+
+
+
+ copy
+
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/avatar-upload.vue b/src/views/components-demo/avatar-upload.vue
new file mode 100644
index 0000000..5fb6471
--- /dev/null
+++ b/src/views/components-demo/avatar-upload.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+ Change Avatar
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/back-to-top.vue b/src/views/components-demo/back-to-top.vue
new file mode 100644
index 0000000..58d9d75
--- /dev/null
+++ b/src/views/components-demo/back-to-top.vue
@@ -0,0 +1,150 @@
+
+
+
{{ $t('components.backToTopTips1') }}
+
{{ $t('components.backToTopTips2') }}
+
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/count-to.vue b/src/views/components-demo/count-to.vue
new file mode 100644
index 0000000..70681df
--- /dev/null
+++ b/src/views/components-demo/count-to.vue
@@ -0,0 +1,218 @@
+
+
+
+
+
+
<count-to :start-val='{{ _startVal }}' :end-val='{{ _endVal }}' :duration='{{ _duration }}'
+ :decimals='{{ _decimals }}' :separator='{{ _separator }}' :prefix='{{ _prefix }}' :suffix='{{ _suffix }}'
+ :autoplay=false>
+
+
+
+
+
+
diff --git a/src/views/components-demo/dnd-list.vue b/src/views/components-demo/dnd-list.vue
new file mode 100644
index 0000000..e299fa6
--- /dev/null
+++ b/src/views/components-demo/dnd-list.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
diff --git a/src/views/components-demo/drag-dialog.vue b/src/views/components-demo/drag-dialog.vue
new file mode 100644
index 0000000..c815b28
--- /dev/null
+++ b/src/views/components-demo/drag-dialog.vue
@@ -0,0 +1,61 @@
+
+
+
+ open a Drag Dialog
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/drag-kanban.vue b/src/views/components-demo/drag-kanban.vue
new file mode 100644
index 0000000..943be45
--- /dev/null
+++ b/src/views/components-demo/drag-kanban.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/drag-select.vue b/src/views/components-demo/drag-select.vue
new file mode 100644
index 0000000..905ecb9
--- /dev/null
+++ b/src/views/components-demo/drag-select.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+ {{ item }}
+
+
+
+
+
diff --git a/src/views/components-demo/dropzone.vue b/src/views/components-demo/dropzone.vue
new file mode 100644
index 0000000..cdfc71b
--- /dev/null
+++ b/src/views/components-demo/dropzone.vue
@@ -0,0 +1,31 @@
+
+
+
+ Based on dropzone .
+ {{ $t('components.dropzoneTips') }}
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/json-editor.vue b/src/views/components-demo/json-editor.vue
new file mode 100644
index 0000000..85bf383
--- /dev/null
+++ b/src/views/components-demo/json-editor.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/markdown.vue b/src/views/components-demo/markdown.vue
new file mode 100644
index 0000000..876db00
--- /dev/null
+++ b/src/views/components-demo/markdown.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+ Basic:
+
+
+
+
+
+ Markdown Mode:
+
+
+
+
+
+ Customize Toolbar:
+
+
+
+
+
+ I18n:
+
+
+
+
+ Get HTML
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/mixin.vue b/src/views/components-demo/mixin.vue
new file mode 100644
index 0000000..86efa86
--- /dev/null
+++ b/src/views/components-demo/mixin.vue
@@ -0,0 +1,212 @@
+
+
+
+
+
+ Buttons
+
+
+
+
+ Documentation
+
+
+
+
+ Icons
+
+
+
+
+ Excel
+
+
+
+
+ Table
+
+
+
+
+ Form
+
+
+
+
+ Theme
+
+
+
+
+
+
+
+
+
+
+ Material Design 的input
+
+
+
+
+
+ 标题
+
+
+
+
+
+
+
+
+
+
+ 图片hover效果
+
+
+
+ vue-element-admin
+
+
+
+
+
+
+
+ 水波纹 waves v-directive
+
+
+
+ 水波纹效果
+
+
+
+
+
+
+
+
+ hover text
+
+
+
+
+
+
+
+
+
+
+
+ Share
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/split-pane.vue b/src/views/components-demo/split-pane.vue
new file mode 100644
index 0000000..7dba353
--- /dev/null
+++ b/src/views/components-demo/split-pane.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components-demo/sticky.vue b/src/views/components-demo/sticky.vue
new file mode 100644
index 0000000..de86e1a
--- /dev/null
+++ b/src/views/components-demo/sticky.vue
@@ -0,0 +1,133 @@
+
+
+
+
+
+ Platform
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+ Link
+
+
+
+ Url
+
+
+
+
+
+
+
+
+
+ publish
+
+
+
+
+
Sticky header, {{ $t('components.stickyTips') }}
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
+ placeholder
+
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
placeholder
+
+
+
+
+
+
diff --git a/src/views/components-demo/tinymce.vue b/src/views/components-demo/tinymce.vue
new file mode 100644
index 0000000..544219f
--- /dev/null
+++ b/src/views/components-demo/tinymce.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/BarChart.vue b/src/views/dashboard/admin/components/BarChart.vue
new file mode 100644
index 0000000..be0af34
--- /dev/null
+++ b/src/views/dashboard/admin/components/BarChart.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/BoxCard.vue b/src/views/dashboard/admin/components/BoxCard.vue
new file mode 100644
index 0000000..4bd0532
--- /dev/null
+++ b/src/views/dashboard/admin/components/BoxCard.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+ Vue
+
+
+ JavaScript
+
+
+ Css
+
+
+ ESLint
+
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/LineChart.vue b/src/views/dashboard/admin/components/LineChart.vue
new file mode 100644
index 0000000..e654168
--- /dev/null
+++ b/src/views/dashboard/admin/components/LineChart.vue
@@ -0,0 +1,135 @@
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/PanelGroup.vue b/src/views/dashboard/admin/components/PanelGroup.vue
new file mode 100644
index 0000000..589236e
--- /dev/null
+++ b/src/views/dashboard/admin/components/PanelGroup.vue
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/PieChart.vue b/src/views/dashboard/admin/components/PieChart.vue
new file mode 100644
index 0000000..4d2ef32
--- /dev/null
+++ b/src/views/dashboard/admin/components/PieChart.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/RaddarChart.vue b/src/views/dashboard/admin/components/RaddarChart.vue
new file mode 100644
index 0000000..52c8f9f
--- /dev/null
+++ b/src/views/dashboard/admin/components/RaddarChart.vue
@@ -0,0 +1,116 @@
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/TodoList/Todo.vue b/src/views/dashboard/admin/components/TodoList/Todo.vue
new file mode 100644
index 0000000..c4b3cae
--- /dev/null
+++ b/src/views/dashboard/admin/components/TodoList/Todo.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/TodoList/index.scss b/src/views/dashboard/admin/components/TodoList/index.scss
new file mode 100644
index 0000000..74ce0d5
--- /dev/null
+++ b/src/views/dashboard/admin/components/TodoList/index.scss
@@ -0,0 +1,320 @@
+.todoapp {
+ font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ line-height: 1.4em;
+ color: #4d4d4d;
+ min-width: 230px;
+ max-width: 550px;
+ margin: 0 auto ;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-weight: 300;
+ background: #fff;
+ z-index: 1;
+ position: relative;
+ button {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ background: none;
+ font-size: 100%;
+ vertical-align: baseline;
+ font-family: inherit;
+ font-weight: inherit;
+ color: inherit;
+ -webkit-appearance: none;
+ appearance: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ :focus {
+ outline: 0;
+ }
+ .hidden {
+ display: none;
+ }
+ .todoapp {
+ background: #fff;
+ margin: 130px 0 40px 0;
+ position: relative;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
+ }
+ .todoapp input::-webkit-input-placeholder {
+ font-style: italic;
+ font-weight: 300;
+ color: #e6e6e6;
+ }
+ .todoapp input::-moz-placeholder {
+ font-style: italic;
+ font-weight: 300;
+ color: #e6e6e6;
+ }
+ .todoapp input::input-placeholder {
+ font-style: italic;
+ font-weight: 300;
+ color: #e6e6e6;
+ }
+ .todoapp h1 {
+ position: absolute;
+ top: -155px;
+ width: 100%;
+ font-size: 100px;
+ font-weight: 100;
+ text-align: center;
+ color: rgba(175, 47, 47, 0.15);
+ -webkit-text-rendering: optimizeLegibility;
+ -moz-text-rendering: optimizeLegibility;
+ text-rendering: optimizeLegibility;
+ }
+ .new-todo,
+ .edit {
+ position: relative;
+ margin: 0;
+ width: 100%;
+ font-size: 18px;
+ font-family: inherit;
+ font-weight: inherit;
+ line-height: 1.4em;
+ border: 0;
+ color: inherit;
+ padding: 6px;
+ border: 1px solid #999;
+ box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
+ box-sizing: border-box;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ .new-todo {
+ padding: 10px 16px 16px 60px;
+ border: none;
+ background: rgba(0, 0, 0, 0.003);
+ box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
+ }
+ .main {
+ position: relative;
+ z-index: 2;
+ border-top: 1px solid #e6e6e6;
+ }
+ .toggle-all {
+ text-align: center;
+ border: none;
+ /* Mobile Safari */
+ opacity: 0;
+ position: absolute;
+ }
+ .toggle-all+label {
+ width: 60px;
+ height: 34px;
+ font-size: 0;
+ position: absolute;
+ top: -52px;
+ left: -13px;
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ }
+ .toggle-all+label:before {
+ content: '❯';
+ font-size: 22px;
+ color: #e6e6e6;
+ padding: 10px 27px 10px 27px;
+ }
+ .toggle-all:checked+label:before {
+ color: #737373;
+ }
+ .todo-list {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+ .todo-list li {
+ position: relative;
+ font-size: 24px;
+ border-bottom: 1px solid #ededed;
+ }
+ .todo-list li:last-child {
+ border-bottom: none;
+ }
+ .todo-list li.editing {
+ border-bottom: none;
+ padding: 0;
+ }
+ .todo-list li.editing .edit {
+ display: block;
+ width: 506px;
+ padding: 12px 16px;
+ margin: 0 0 0 43px;
+ }
+ .todo-list li.editing .view {
+ display: none;
+ }
+ .todo-list li .toggle {
+ text-align: center;
+ width: 40px;
+ /* auto, since non-WebKit browsers doesn't support input styling */
+ height: auto;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ margin: auto 0;
+ border: none;
+ /* Mobile Safari */
+ -webkit-appearance: none;
+ appearance: none;
+ }
+ .todo-list li .toggle {
+ opacity: 0;
+ }
+ .todo-list li .toggle+label {
+ /*
+ Firefox requires `#` to be escaped - https://bugzilla.mozilla.org/show_bug.cgi?id=922433
+ IE and Edge requires *everything* to be escaped to render, so we do that instead of just the `#` - https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7157459/
+ */
+ background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%223%22/%3E%3C/svg%3E');
+ background-repeat: no-repeat;
+ background-position: center left;
+ background-size: 36px;
+ }
+ .todo-list li .toggle:checked+label {
+ background-size: 36px;
+ background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23bddad5%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%235dc2af%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22/%3E%3C/svg%3E');
+ }
+ .todo-list li label {
+ word-break: break-all;
+ padding: 15px 15px 15px 50px;
+ display: block;
+ line-height: 1.0;
+ font-size: 14px;
+ transition: color 0.4s;
+ }
+ .todo-list li.completed label {
+ color: #d9d9d9;
+ text-decoration: line-through;
+ }
+ .todo-list li .destroy {
+ display: none;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ bottom: 0;
+ width: 40px;
+ height: 40px;
+ margin: auto 0;
+ font-size: 30px;
+ color: #cc9a9a;
+ transition: color 0.2s ease-out;
+ cursor: pointer;
+ }
+ .todo-list li .destroy:hover {
+ color: #af5b5e;
+ }
+ .todo-list li .destroy:after {
+ content: '×';
+ }
+ .todo-list li:hover .destroy {
+ display: block;
+ }
+ .todo-list li .edit {
+ display: none;
+ }
+ .todo-list li.editing:last-child {
+ margin-bottom: -1px;
+ }
+ .footer {
+ color: #777;
+ position: relative;
+ padding: 10px 15px;
+ height: 40px;
+ text-align: center;
+ border-top: 1px solid #e6e6e6;
+ }
+ .footer:before {
+ content: '';
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: 40px;
+ overflow: hidden;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
+ }
+ .todo-count {
+ float: left;
+ text-align: left;
+ }
+ .todo-count strong {
+ font-weight: 300;
+ }
+ .filters {
+ margin: 0;
+ padding: 0;
+ position: relative;
+ z-index: 1;
+ list-style: none;
+ }
+ .filters li {
+ display: inline;
+ }
+ .filters li a {
+ color: inherit;
+ font-size: 12px;
+ padding: 3px 7px;
+ text-decoration: none;
+ border: 1px solid transparent;
+ border-radius: 3px;
+ }
+ .filters li a:hover {
+ border-color: rgba(175, 47, 47, 0.1);
+ }
+ .filters li a.selected {
+ border-color: rgba(175, 47, 47, 0.2);
+ }
+ .clear-completed,
+ html .clear-completed:active {
+ float: right;
+ position: relative;
+ line-height: 20px;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .clear-completed:hover {
+ text-decoration: underline;
+ }
+ .info {
+ margin: 65px auto 0;
+ color: #bfbfbf;
+ font-size: 10px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ text-align: center;
+ }
+ .info p {
+ line-height: 1;
+ }
+ .info a {
+ color: inherit;
+ text-decoration: none;
+ font-weight: 400;
+ }
+ .info a:hover {
+ text-decoration: underline;
+ }
+ /*
+ Hack to remove background from Mobile Safari.
+ Can't use it globally since it destroys checkboxes in Firefox
+*/
+ @media screen and (-webkit-min-device-pixel-ratio:0) {
+ .toggle-all,
+ .todo-list li .toggle {
+ background: none;
+ }
+ .todo-list li .toggle {
+ height: 40px;
+ }
+ }
+ @media (max-width: 430px) {
+ .footer {
+ height: 50px;
+ }
+ .filters {
+ bottom: 10px;
+ }
+ }
+}
diff --git a/src/views/dashboard/admin/components/TodoList/index.vue b/src/views/dashboard/admin/components/TodoList/index.vue
new file mode 100644
index 0000000..7f5877c
--- /dev/null
+++ b/src/views/dashboard/admin/components/TodoList/index.vue
@@ -0,0 +1,142 @@
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/TransactionTable.vue b/src/views/dashboard/admin/components/TransactionTable.vue
new file mode 100644
index 0000000..d07b0ed
--- /dev/null
+++ b/src/views/dashboard/admin/components/TransactionTable.vue
@@ -0,0 +1,55 @@
+
+
+
+
+ {{ scope.row.order_no | orderNoFilter }}
+
+
+
+
+ ¥{{ scope.row.price | toThousandFilter }}
+
+
+
+
+
+ {{ row.status }}
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/admin/components/mixins/resize.js b/src/views/dashboard/admin/components/mixins/resize.js
new file mode 100644
index 0000000..234953b
--- /dev/null
+++ b/src/views/dashboard/admin/components/mixins/resize.js
@@ -0,0 +1,55 @@
+import { debounce } from '@/utils'
+
+export default {
+ data() {
+ return {
+ $_sidebarElm: null,
+ $_resizeHandler: null
+ }
+ },
+ mounted() {
+ this.$_resizeHandler = debounce(() => {
+ if (this.chart) {
+ this.chart.resize()
+ }
+ }, 100)
+ this.$_initResizeEvent()
+ this.$_initSidebarResizeEvent()
+ },
+ beforeDestroy() {
+ this.$_destroyResizeEvent()
+ this.$_destroySidebarResizeEvent()
+ },
+ // to fixed bug when cached by keep-alive
+ // https://github.com/PanJiaChen/vue-element-admin/issues/2116
+ activated() {
+ this.$_initResizeEvent()
+ this.$_initSidebarResizeEvent()
+ },
+ deactivated() {
+ this.$_destroyResizeEvent()
+ this.$_destroySidebarResizeEvent()
+ },
+ methods: {
+ // use $_ for mixins properties
+ // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+ $_initResizeEvent() {
+ window.addEventListener('resize', this.$_resizeHandler)
+ },
+ $_destroyResizeEvent() {
+ window.removeEventListener('resize', this.$_resizeHandler)
+ },
+ $_sidebarResizeHandler(e) {
+ if (e.propertyName === 'width') {
+ this.$_resizeHandler()
+ }
+ },
+ $_initSidebarResizeEvent() {
+ this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+ this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+ },
+ $_destroySidebarResizeEvent() {
+ this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+ }
+ }
+}
diff --git a/src/views/dashboard/admin/index.vue b/src/views/dashboard/admin/index.vue
new file mode 100644
index 0000000..8cb557b
--- /dev/null
+++ b/src/views/dashboard/admin/index.vue
@@ -0,0 +1,124 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/editor/index.vue b/src/views/dashboard/editor/index.vue
new file mode 100644
index 0000000..9723bcc
--- /dev/null
+++ b/src/views/dashboard/editor/index.vue
@@ -0,0 +1,74 @@
+
+
+
+
+ Your roles:
+ {{ item }}
+
+
+
+ {{ name }}
+ Editor's Dashboard
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
new file mode 100644
index 0000000..1720ea8
--- /dev/null
+++ b/src/views/dashboard/index.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
diff --git a/src/views/documentation/index.vue b/src/views/documentation/index.vue
new file mode 100644
index 0000000..d3f7746
--- /dev/null
+++ b/src/views/documentation/index.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
diff --git a/src/views/error-log/components/ErrorTestA.vue b/src/views/error-log/components/ErrorTestA.vue
new file mode 100644
index 0000000..52654e0
--- /dev/null
+++ b/src/views/error-log/components/ErrorTestA.vue
@@ -0,0 +1,13 @@
+
+
+
+ {{ a.a }}
+
+
+
+
+
diff --git a/src/views/error-log/components/ErrorTestB.vue b/src/views/error-log/components/ErrorTestB.vue
new file mode 100644
index 0000000..d796bee
--- /dev/null
+++ b/src/views/error-log/components/ErrorTestB.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
diff --git a/src/views/error-log/index.vue b/src/views/error-log/index.vue
new file mode 100644
index 0000000..a02dc05
--- /dev/null
+++ b/src/views/error-log/index.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
{{ $t('errorLog.tips') }}
+
+
+
+
+
+
+
+
diff --git a/src/views/error-page/401.vue b/src/views/error-page/401.vue
new file mode 100644
index 0000000..a52ed23
--- /dev/null
+++ b/src/views/error-page/401.vue
@@ -0,0 +1,99 @@
+
+
+
+ 返回
+
+
+
+
+ Oops!
+
+ gif来源airbnb 页面
+ 你没有权限去该页面
+ 如有不满请联系你领导
+
+ 或者你可以去:
+
+
+ 回首页
+
+
+
+ 随便看看
+
+ 点我看图
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/error-page/404.vue b/src/views/error-page/404.vue
new file mode 100644
index 0000000..1791f55
--- /dev/null
+++ b/src/views/error-page/404.vue
@@ -0,0 +1,228 @@
+
+
+
+
+
+
OOPS!
+
+
{{ message }}
+
Please check that the URL you entered is correct, or click the button below to return to the homepage.
+
Back to home
+
+
+
+
+
+
+
diff --git a/src/views/example/components/ArticleDetail.vue b/src/views/example/components/ArticleDetail.vue
new file mode 100644
index 0000000..5d74d1c
--- /dev/null
+++ b/src/views/example/components/ArticleDetail.vue
@@ -0,0 +1,291 @@
+
+
+
+
+
+ Publish
+
+
+ Draft
+
+
+
+
+
+
+
+
+ Title
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ contentShortLength }}words
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/example/components/Dropdown/Comment.vue b/src/views/example/components/Dropdown/Comment.vue
new file mode 100644
index 0000000..d34b2b9
--- /dev/null
+++ b/src/views/example/components/Dropdown/Comment.vue
@@ -0,0 +1,41 @@
+
+
+
+ {{ !comment_disabled?'Comment: opened':'Comment: closed' }}
+
+
+
+
+
+ Close comment
+
+
+ Open comment
+
+
+
+
+
+
+
+
diff --git a/src/views/example/components/Dropdown/Platform.vue b/src/views/example/components/Dropdown/Platform.vue
new file mode 100644
index 0000000..0a52726
--- /dev/null
+++ b/src/views/example/components/Dropdown/Platform.vue
@@ -0,0 +1,46 @@
+
+
+
+ Platfroms({{ platforms.length }})
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
diff --git a/src/views/example/components/Dropdown/SourceUrl.vue b/src/views/example/components/Dropdown/SourceUrl.vue
new file mode 100644
index 0000000..8f47485
--- /dev/null
+++ b/src/views/example/components/Dropdown/SourceUrl.vue
@@ -0,0 +1,38 @@
+
+
+
+ Link
+
+
+
+
+
+ URL
+
+
+
+
+
+
+
+
diff --git a/src/views/example/components/Dropdown/index.js b/src/views/example/components/Dropdown/index.js
new file mode 100644
index 0000000..bc0c171
--- /dev/null
+++ b/src/views/example/components/Dropdown/index.js
@@ -0,0 +1,3 @@
+export { default as CommentDropdown } from './Comment'
+export { default as PlatformDropdown } from './Platform'
+export { default as SourceUrlDropdown } from './SourceUrl'
diff --git a/src/views/example/components/Warning.vue b/src/views/example/components/Warning.vue
new file mode 100644
index 0000000..d24fe29
--- /dev/null
+++ b/src/views/example/components/Warning.vue
@@ -0,0 +1,10 @@
+
+
+ {{ $t('example.warning') }}
+ Document
+
+
+
diff --git a/src/views/example/create.vue b/src/views/example/create.vue
new file mode 100644
index 0000000..f28ce28
--- /dev/null
+++ b/src/views/example/create.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
diff --git a/src/views/example/edit.vue b/src/views/example/edit.vue
new file mode 100644
index 0000000..87b6126
--- /dev/null
+++ b/src/views/example/edit.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
diff --git a/src/views/example/list.vue b/src/views/example/list.vue
new file mode 100644
index 0000000..7cdc4ac
--- /dev/null
+++ b/src/views/example/list.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
+ {{ scope.row.id }}
+
+
+
+
+
+ {{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}
+
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.status }}
+
+
+
+
+
+
+
+ {{ row.title }}
+
+
+
+
+
+
+
+
+ Edit
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/excel/components/AutoWidthOption.vue b/src/views/excel/components/AutoWidthOption.vue
new file mode 100644
index 0000000..9050e65
--- /dev/null
+++ b/src/views/excel/components/AutoWidthOption.vue
@@ -0,0 +1,34 @@
+
+
+ Cell Auto-Width:
+
+
+ True
+
+
+ False
+
+
+
+
+
+
diff --git a/src/views/excel/components/BookTypeOption.vue b/src/views/excel/components/BookTypeOption.vue
new file mode 100644
index 0000000..af9fed3
--- /dev/null
+++ b/src/views/excel/components/BookTypeOption.vue
@@ -0,0 +1,39 @@
+
+
+ Book Type:
+
+
+
+
+
+
diff --git a/src/views/excel/components/FilenameOption.vue b/src/views/excel/components/FilenameOption.vue
new file mode 100644
index 0000000..c8e0530
--- /dev/null
+++ b/src/views/excel/components/FilenameOption.vue
@@ -0,0 +1,28 @@
+
+
+
+ Filename:
+
+
+
+
diff --git a/src/views/excel/export-excel.vue b/src/views/excel/export-excel.vue
new file mode 100644
index 0000000..92df140
--- /dev/null
+++ b/src/views/excel/export-excel.vue
@@ -0,0 +1,115 @@
+
+
+
+
+
+
+
+
+ {{ scope.$index }}
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+ {{ scope.row.pageviews }}
+
+
+
+
+ {{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}
+
+
+
+
+
+
+
+
diff --git a/src/views/excel/merge-header.vue b/src/views/excel/merge-header.vue
new file mode 100644
index 0000000..4be0227
--- /dev/null
+++ b/src/views/excel/merge-header.vue
@@ -0,0 +1,101 @@
+
+
+
+ Export
+
+
+
+
+ {{ scope.$index }}
+
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+ {{ scope.row.pageviews }}
+
+
+
+
+
+ {{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}
+
+
+
+
+
+
+
+
diff --git a/src/views/excel/select-excel.vue b/src/views/excel/select-excel.vue
new file mode 100644
index 0000000..b12fc2c
--- /dev/null
+++ b/src/views/excel/select-excel.vue
@@ -0,0 +1,108 @@
+
+
+
+
+
+ {{ $t('excel.selectedExport') }}
+
+
+ Documentation
+
+
+
+
+ {{ scope.$index }}
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+ {{ scope.row.pageviews }}
+
+
+
+
+ {{ scope.row.display_time }}
+
+
+
+
+
+
diff --git a/src/views/excel/upload-excel.vue b/src/views/excel/upload-excel.vue
new file mode 100644
index 0000000..1772b7f
--- /dev/null
+++ b/src/views/excel/upload-excel.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/finance-center/index.vue b/src/views/finance-center/index.vue
new file mode 100644
index 0000000..5c6d151
--- /dev/null
+++ b/src/views/finance-center/index.vue
@@ -0,0 +1,14 @@
+
+
+ 财务中心
+
+
+
+
+
+
diff --git a/src/views/guide/index.vue b/src/views/guide/index.vue
new file mode 100644
index 0000000..636ca27
--- /dev/null
+++ b/src/views/guide/index.vue
@@ -0,0 +1,35 @@
+
+
+
+
+ {{ $t('guide.button') }}
+
+
+
+
diff --git a/src/views/guide/steps.js b/src/views/guide/steps.js
new file mode 100644
index 0000000..283c672
--- /dev/null
+++ b/src/views/guide/steps.js
@@ -0,0 +1,53 @@
+const steps = [
+ {
+ element: '#hamburger-container',
+ popover: {
+ title: 'Hamburger',
+ description: 'Open && Close sidebar',
+ position: 'bottom'
+ }
+ },
+ {
+ element: '#breadcrumb-container',
+ popover: {
+ title: 'Breadcrumb',
+ description: 'Indicate the current page location',
+ position: 'bottom'
+ }
+ },
+ {
+ element: '#header-search',
+ popover: {
+ title: 'Page Search',
+ description: 'Page search, quick navigation',
+ position: 'left'
+ }
+ },
+ {
+ element: '#screenfull',
+ popover: {
+ title: 'Screenfull',
+ description: 'Set the page into fullscreen',
+ position: 'left'
+ }
+ },
+ {
+ element: '#size-select',
+ popover: {
+ title: 'Switch Size',
+ description: 'Switch the system size',
+ position: 'left'
+ }
+ },
+ {
+ element: '#tags-view-container',
+ popover: {
+ title: 'Tags view',
+ description: 'The history of the page you visited',
+ position: 'bottom'
+ },
+ padding: 0
+ }
+]
+
+export default steps
diff --git a/src/views/home-index/index.vue b/src/views/home-index/index.vue
new file mode 100644
index 0000000..d8c8bd8
--- /dev/null
+++ b/src/views/home-index/index.vue
@@ -0,0 +1,14 @@
+
+
+ 首页
+
+
+
+
+
+
diff --git a/src/views/i18n-demo/index.vue b/src/views/i18n-demo/index.vue
new file mode 100644
index 0000000..32cee07
--- /dev/null
+++ b/src/views/i18n-demo/index.vue
@@ -0,0 +1,168 @@
+
+
+
+
+ {{ $t('i18nView.title') }}
+
+
+
+
+ 简体中文
+
+
+ English
+
+
+ Español
+
+
+ 日本語
+
+
+
+ {{ $t('i18nView.note') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('i18nView.default') }}
+
+
+ {{ $t('i18nView.primary') }}
+
+
+ {{ $t('i18nView.success') }}
+
+
+ {{ $t('i18nView.info') }}
+
+
+ {{ $t('i18nView.warning') }}
+
+
+ {{ $t('i18nView.danger') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/i18n-demo/local.js b/src/views/i18n-demo/local.js
new file mode 100644
index 0000000..ae38dd2
--- /dev/null
+++ b/src/views/i18n-demo/local.js
@@ -0,0 +1,83 @@
+
+export default {
+ zh: {
+ i18nView: {
+ title: '切换语言',
+ note: '本项目国际化基于 vue-i18n',
+ datePlaceholder: '请选择日期',
+ selectPlaceholder: '请选择',
+ tableDate: '日期',
+ tableName: '姓名',
+ tableAddress: '地址',
+ default: '默认按钮',
+ primary: '主要按钮',
+ success: '成功按钮',
+ info: '信息按钮',
+ warning: '警告按钮',
+ danger: '危险按钮',
+ one: '一',
+ two: '二',
+ three: '三'
+ }
+ },
+ en: {
+ i18nView: {
+ title: 'Switch Language',
+ note: 'The internationalization of this project is based on vue-i18n',
+ datePlaceholder: 'Pick a day',
+ selectPlaceholder: 'Select',
+ tableDate: 'tableDate',
+ tableName: 'tableName',
+ tableAddress: 'tableAddress',
+ default: 'default:',
+ primary: 'primary',
+ success: 'success',
+ info: 'info',
+ warning: 'warning',
+ danger: 'danger',
+ one: 'One',
+ two: 'Two',
+ three: 'Three'
+ }
+ },
+ es: {
+ i18nView: {
+ title: 'Switch Language',
+ note: 'The internationalization of this project is based on vue-i18n',
+ datePlaceholder: 'Pick a day',
+ selectPlaceholder: 'Select',
+ tableDate: 'tableDate',
+ tableName: 'tableName',
+ tableAddress: 'tableAddress',
+ default: 'default:',
+ primary: 'primary',
+ success: 'success',
+ info: 'info',
+ warning: 'warning',
+ danger: 'danger',
+ one: 'One',
+ two: 'Two',
+ three: 'Three'
+ }
+ },
+ ja: {
+ i18nView: {
+ title: '言語切替',
+ note: 'vue-i18nを使っています',
+ datePlaceholder: '日時選択',
+ selectPlaceholder: '選択してください',
+ tableDate: '日時',
+ tableName: '姓名',
+ tableAddress: '住所',
+ default: 'default',
+ primary: 'primary',
+ success: 'success',
+ info: 'info',
+ warning: 'warning',
+ danger: 'danger',
+ one: '1',
+ two: '2',
+ three: '3'
+ }
+ }
+}
diff --git a/src/views/icons/element-icons.js b/src/views/icons/element-icons.js
new file mode 100644
index 0000000..9ea4d63
--- /dev/null
+++ b/src/views/icons/element-icons.js
@@ -0,0 +1,3 @@
+const elementIcons = ['platform-eleme', 'eleme', 'delete-solid', 'delete', 's-tools', 'setting', 'user-solid', 'user', 'phone', 'phone-outline', 'more', 'more-outline', 'star-on', 'star-off', 's-goods', 'goods', 'warning', 'warning-outline', 'question', 'info', 'remove', 'circle-plus', 'success', 'error', 'zoom-in', 'zoom-out', 'remove-outline', 'circle-plus-outline', 'circle-check', 'circle-close', 's-help', 'help', 'minus', 'plus', 'check', 'close', 'picture', 'picture-outline', 'picture-outline-round', 'upload', 'upload2', 'download', 'camera-solid', 'camera', 'video-camera-solid', 'video-camera', 'message-solid', 'bell', 's-cooperation', 's-order', 's-platform', 's-fold', 's-unfold', 's-operation', 's-promotion', 's-home', 's-release', 's-ticket', 's-management', 's-open', 's-shop', 's-marketing', 's-flag', 's-comment', 's-finance', 's-claim', 's-custom', 's-opportunity', 's-data', 's-check', 's-grid', 'menu', 'share', 'd-caret', 'caret-left', 'caret-right', 'caret-bottom', 'caret-top', 'bottom-left', 'bottom-right', 'back', 'right', 'bottom', 'top', 'top-left', 'top-right', 'arrow-left', 'arrow-right', 'arrow-down', 'arrow-up', 'd-arrow-left', 'd-arrow-right', 'video-pause', 'video-play', 'refresh', 'refresh-right', 'refresh-left', 'finished', 'sort', 'sort-up', 'sort-down', 'rank', 'loading', 'view', 'c-scale-to-original', 'date', 'edit', 'edit-outline', 'folder', 'folder-opened', 'folder-add', 'folder-remove', 'folder-delete', 'folder-checked', 'tickets', 'document-remove', 'document-delete', 'document-copy', 'document-checked', 'document', 'document-add', 'printer', 'paperclip', 'takeaway-box', 'search', 'monitor', 'attract', 'mobile', 'scissors', 'umbrella', 'headset', 'brush', 'mouse', 'coordinate', 'magic-stick', 'reading', 'data-line', 'data-board', 'pie-chart', 'data-analysis', 'collection-tag', 'film', 'suitcase', 'suitcase-1', 'receiving', 'collection', 'files', 'notebook-1', 'notebook-2', 'toilet-paper', 'office-building', 'school', 'table-lamp', 'house', 'no-smoking', 'smoking', 'shopping-cart-full', 'shopping-cart-1', 'shopping-cart-2', 'shopping-bag-1', 'shopping-bag-2', 'sold-out', 'sell', 'present', 'box', 'bank-card', 'money', 'coin', 'wallet', 'discount', 'price-tag', 'news', 'guide', 'male', 'female', 'thumb', 'cpu', 'link', 'connection', 'open', 'turn-off', 'set-up', 'chat-round', 'chat-line-round', 'chat-square', 'chat-dot-round', 'chat-dot-square', 'chat-line-square', 'message', 'postcard', 'position', 'turn-off-microphone', 'microphone', 'close-notification', 'bangzhu', 'time', 'odometer', 'crop', 'aim', 'switch-button', 'full-screen', 'copy-document', 'mic', 'stopwatch', 'medal-1', 'medal', 'trophy', 'trophy-1', 'first-aid-kit', 'discover', 'place', 'location', 'location-outline', 'location-information', 'add-location', 'delete-location', 'map-location', 'alarm-clock', 'timer', 'watch-1', 'watch', 'lock', 'unlock', 'key', 'service', 'mobile-phone', 'bicycle', 'truck', 'ship', 'basketball', 'football', 'soccer', 'baseball', 'wind-power', 'light-rain', 'lightning', 'heavy-rain', 'sunrise', 'sunrise-1', 'sunset', 'sunny', 'cloudy', 'partly-cloudy', 'cloudy-and-sunny', 'moon', 'moon-night', 'dish', 'dish-1', 'food', 'chicken', 'fork-spoon', 'knife-fork', 'burger', 'tableware', 'sugar', 'dessert', 'ice-cream', 'hot-water', 'water-cup', 'coffee-cup', 'cold-drink', 'goblet', 'goblet-full', 'goblet-square', 'goblet-square-full', 'refrigerator', 'grape', 'watermelon', 'cherry', 'apple', 'pear', 'orange', 'coffee', 'ice-tea', 'ice-drink', 'milk-tea', 'potato-strips', 'lollipop', 'ice-cream-square', 'ice-cream-round']
+
+export default elementIcons
diff --git a/src/views/icons/index.vue b/src/views/icons/index.vue
new file mode 100644
index 0000000..5756da1
--- /dev/null
+++ b/src/views/icons/index.vue
@@ -0,0 +1,235 @@
+
+
+
+
+
+
+
+
+
+ {{ generateIconCode(item) }}
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
+ {{ generateElementIconCode(item) }}
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/icons/svg-icons.js b/src/views/icons/svg-icons.js
new file mode 100644
index 0000000..1e3c66d
--- /dev/null
+++ b/src/views/icons/svg-icons.js
@@ -0,0 +1,10 @@
+const req = require.context('../../icons/svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys()
+
+const re = /\.\/(.*)\.svg/
+
+const svgIcons = requireAll(req).map(i => {
+ return i.match(re)[1]
+})
+
+export default svgIcons
diff --git a/src/views/login/auth-redirect.vue b/src/views/login/auth-redirect.vue
new file mode 100644
index 0000000..7df8934
--- /dev/null
+++ b/src/views/login/auth-redirect.vue
@@ -0,0 +1,15 @@
+
diff --git a/src/views/login/components/SocialSignin.vue b/src/views/login/components/SocialSignin.vue
new file mode 100644
index 0000000..e9bf4f2
--- /dev/null
+++ b/src/views/login/components/SocialSignin.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..3d2d5e7
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,497 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ reSend
+ }}
+
+
+
+
+
+ {{ $t('login.logIn') }}
+
+
+
+
+
+
+
+
+ {{ $t('login.thirdpartyTips') }}
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/account-manager-management/components/allot-master-dialog.vue b/src/views/master-info-manage/account-manager-management/components/allot-master-dialog.vue
new file mode 100644
index 0000000..782c8ac
--- /dev/null
+++ b/src/views/master-info-manage/account-manager-management/components/allot-master-dialog.vue
@@ -0,0 +1,367 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提交
+ 重置
+
+
+
+
+ 已选 {{ multipleSelection.length }} 个站长
+
+
+
+
+
+
+
+ {{ scope.row.stateText }}
+
+
+
+
+
+
+
+
+ 确认选择
+ 取消
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/account-manager-management/components/client-delete-dialog.vue b/src/views/master-info-manage/account-manager-management/components/client-delete-dialog.vue
new file mode 100644
index 0000000..aac944f
--- /dev/null
+++ b/src/views/master-info-manage/account-manager-management/components/client-delete-dialog.vue
@@ -0,0 +1,109 @@
+
+
+
+
+ 是否删除所选列表内容？删除后不可恢复
+
+
+ 确认
+ 取消
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/account-manager-management/components/client-detail-dialog.vue b/src/views/master-info-manage/account-manager-management/components/client-detail-dialog.vue
new file mode 100644
index 0000000..59157a2
--- /dev/null
+++ b/src/views/master-info-manage/account-manager-management/components/client-detail-dialog.vue
@@ -0,0 +1,238 @@
+
+
+
+
+ 明细
+
+
+
+
+ {{ itemChoseData.id }}
+
+
+ 复制
+
+
+
+
+
+
+ {{ itemChoseData.phone }}
+
+
+ 复制
+
+
+
+
+
+
+ {{ itemChoseData.roleName }}
+
+
+
+
+ {{ itemChoseData.name }}
+
+
+ 复制
+
+
+
+
+
+
+ {{
+ itemChoseData.wechatNum
+ }}
+
+
+ 复制
+
+
+
+
+
+
+ {{
+ itemChoseData.userCount
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/account-manager-management/components/client-edit-dialog.vue b/src/views/master-info-manage/account-manager-management/components/client-edit-dialog.vue
new file mode 100644
index 0000000..919530d
--- /dev/null
+++ b/src/views/master-info-manage/account-manager-management/components/client-edit-dialog.vue
@@ -0,0 +1,277 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 确认
+ 取消
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/account-manager-management/components/client-number-dialog.vue b/src/views/master-info-manage/account-manager-management/components/client-number-dialog.vue
new file mode 100644
index 0000000..de9000f
--- /dev/null
+++ b/src/views/master-info-manage/account-manager-management/components/client-number-dialog.vue
@@ -0,0 +1,188 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.stateText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/account-manager-management/index.vue b/src/views/master-info-manage/account-manager-management/index.vue
new file mode 100644
index 0000000..40461df
--- /dev/null
+++ b/src/views/master-info-manage/account-manager-management/index.vue
@@ -0,0 +1,243 @@
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.userCount }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/company-authentication/components/audit-dialog.vue b/src/views/master-info-manage/company-authentication/components/audit-dialog.vue
new file mode 100644
index 0000000..493b4a9
--- /dev/null
+++ b/src/views/master-info-manage/company-authentication/components/audit-dialog.vue
@@ -0,0 +1,149 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 确定
+ 取消
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/company-authentication/components/detail-dialog.vue b/src/views/master-info-manage/company-authentication/components/detail-dialog.vue
new file mode 100644
index 0000000..0fb6d05
--- /dev/null
+++ b/src/views/master-info-manage/company-authentication/components/detail-dialog.vue
@@ -0,0 +1,252 @@
+
+
+
+
+
+
+
+
+
+
+ {{ formData.companyName }}
+
+
+
+
+ {{ formData.companyAddress === undefined ? '-' : formData.companyAddress }}
+
+
+
+
+
+
+
+ {{ formData.companyRegistrar }}
+
+
+
+
+ {{ formData.companyNo === undefined ? '-' : formData.companyNo }}
+
+
+
+
+
+
+
+
+
+
+
+ • {{ formData.companyVerifyText }}
+
+
+
+
+
+
+
+ {{ formData.memo }}
+
+
+
+
+ 审核
+
+
+
+
+
+
+ {{ formData.submitTime === undefined ? '-' : formData.submitTime }}
+
+
+
+
+ {{ formData.auditTime === undefined ? '-' : formData.auditTime }}
+
+
+
+
+
+
+
+ 确定
+ 取消
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/company-authentication/components/state-dialog.vue b/src/views/master-info-manage/company-authentication/components/state-dialog.vue
new file mode 100644
index 0000000..e7cc26e
--- /dev/null
+++ b/src/views/master-info-manage/company-authentication/components/state-dialog.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+ • {{ selectItem.idVerifiedText }}
+
+
+ {{ selectItem.memo !== undefined && selectItem.memo.length > 0 ? selectItem.memo : '暂无' }}
+
+
+
+
+ 确定
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/company-authentication/index.vue b/src/views/master-info-manage/company-authentication/index.vue
new file mode 100644
index 0000000..a4446bd
--- /dev/null
+++ b/src/views/master-info-manage/company-authentication/index.vue
@@ -0,0 +1,272 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看图片
+
+
+
+
+
+ {{ scope.row.idVerifiedText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/master-level/components/editor-dialog.vue b/src/views/master-info-manage/master-level/components/editor-dialog.vue
new file mode 100644
index 0000000..7200dbe
--- /dev/null
+++ b/src/views/master-info-manage/master-level/components/editor-dialog.vue
@@ -0,0 +1,252 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ %
+
+
+
+
+ %
+
+
+
+
+ 元
+
+
+
+
+ %
+
+
+
+ 至
+
+
+
+
+
+
+
+
+ 确定
+ 取消
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/master-level/index.vue b/src/views/master-info-manage/master-level/index.vue
new file mode 100644
index 0000000..d117f7d
--- /dev/null
+++ b/src/views/master-info-manage/master-level/index.vue
@@ -0,0 +1,268 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/real-name-authentication/components/audit-dialog.vue b/src/views/master-info-manage/real-name-authentication/components/audit-dialog.vue
new file mode 100644
index 0000000..731a558
--- /dev/null
+++ b/src/views/master-info-manage/real-name-authentication/components/audit-dialog.vue
@@ -0,0 +1,149 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 确定
+ 取消
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/real-name-authentication/components/delete-dialog.vue b/src/views/master-info-manage/real-name-authentication/components/delete-dialog.vue
new file mode 100644
index 0000000..b5b92b1
--- /dev/null
+++ b/src/views/master-info-manage/real-name-authentication/components/delete-dialog.vue
@@ -0,0 +1,106 @@
+
+
+
+
+
+ 是否删除所选列表内容，删除后不可恢复
+
+
+
+ 确定
+ 取消
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/real-name-authentication/components/details-dialog.vue b/src/views/master-info-manage/real-name-authentication/components/details-dialog.vue
new file mode 100644
index 0000000..bcb0040
--- /dev/null
+++ b/src/views/master-info-manage/real-name-authentication/components/details-dialog.vue
@@ -0,0 +1,274 @@
+
+
+
+
+
+
+
+
+
+
+ {{ formData.id }}
+
+
+
+
+ {{ formData.nickname === undefined ? '-' : formData.nickname }}
+
+
+
+
+
+
+
+ {{ formData.phone === undefined ? '-' : formData.phone }}
+
+
+
+
+ {{ formData.name === undefined ? '-' : formData.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formData.idCard === undefined ? '-' : formData.idCard }}
+
+
+
+
+
+ 审核
+
+
+
+
+
+
+
+
+ • {{ formData.idVerifiedText }}
+
+
+
+
+ {{ formData.memo }}
+
+
+
+
+
+
+
+ {{ formData.idAuditTime === undefined ? '-' : formData.idAuditTime }}
+
+
+
+
+ {{ formData.idSubmitTime === undefined ? '-' : formData.idSubmitTime }}
+
+
+
+
+
+
+
+ 确定
+ 取消
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/real-name-authentication/components/state-dialog.vue b/src/views/master-info-manage/real-name-authentication/components/state-dialog.vue
new file mode 100644
index 0000000..7ba464f
--- /dev/null
+++ b/src/views/master-info-manage/real-name-authentication/components/state-dialog.vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+ ● {{ realNameAuthSelectItem.idVerifiedText }}
+
+
+ 无
+
+
+
+
+ 确定
+
+
+
+
+
+
+
+
diff --git a/src/views/master-info-manage/real-name-authentication/index.vue b/src/views/master-info-manage/real-name-authentication/index.vue
new file mode 100644
index 0000000..3e14e34
--- /dev/null
+++ b/src/views/master-info-manage/real-name-authentication/index.vue
@@ -0,0 +1,296 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提交
+ 重置
+
+
+
+
+
+
+
+
+ 查看图片
+
+
+
+
+
+
+ 查看图片
+
+
+
+
+
+ {{ scope.row.idVerifiedText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/message-manage/index.vue b/src/views/message-manage/index.vue
new file mode 100644
index 0000000..098c8bf
--- /dev/null
+++ b/src/views/message-manage/index.vue
@@ -0,0 +1,14 @@
+
+
+ 消息管理
+
+
+
+
+
+
diff --git a/src/views/nested/menu1/index.vue b/src/views/nested/menu1/index.vue
new file mode 100644
index 0000000..30cb670
--- /dev/null
+++ b/src/views/nested/menu1/index.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-1/index.vue b/src/views/nested/menu1/menu1-1/index.vue
new file mode 100644
index 0000000..27e173a
--- /dev/null
+++ b/src/views/nested/menu1/menu1-1/index.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-2/index.vue b/src/views/nested/menu1/menu1-2/index.vue
new file mode 100644
index 0000000..0c86276
--- /dev/null
+++ b/src/views/nested/menu1/menu1-2/index.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue b/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
new file mode 100644
index 0000000..f87d88f
--- /dev/null
+++ b/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
new file mode 100644
index 0000000..d88789f
--- /dev/null
+++ b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-3/index.vue b/src/views/nested/menu1/menu1-3/index.vue
new file mode 100644
index 0000000..f7cd073
--- /dev/null
+++ b/src/views/nested/menu1/menu1-3/index.vue
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/views/nested/menu2/index.vue b/src/views/nested/menu2/index.vue
new file mode 100644
index 0000000..19dd48f
--- /dev/null
+++ b/src/views/nested/menu2/index.vue
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/views/pdf/content.js b/src/views/pdf/content.js
new file mode 100644
index 0000000..e62b1a2
--- /dev/null
+++ b/src/views/pdf/content.js
@@ -0,0 +1,58 @@
+const title = 'Plans for the Next Iteration of Vue.js'
+
+const content = `Last week atVue.js London I gave a brief sneak peek of what’s coming in the next major version of Vue. This post provides an in-depth overview of the plan.
+
+Why a new majorversion?
+Vue 2.0 was releasedexactly two years ago (how time flies!). During this period, the core has remained backwards compatible with five minor releases. We’ve accumulated a number of ideas that would bring improvements, but they were held off because they would result in breaking changes. At the same time, the JavaScript ecosystem and the language itself has been evolving rapidly. There are greatly improved tools that could enhance our workflow, and many new language features that could unlock simpler, more complete, and more efficient solutions to the problems Vue is trying to solve. What’s more exciting is that we are seeing ES2015 support becoming a baseline for all major evergreen browsers. Vue 3.0 aims to leverage these new language features to make Vue core smaller, faster, and more powerful.
+Vue 3.0 is currently in prototyping phase, and we have already implemented a runtime close to feature-parity with 2.x.Many of the items listed below are either already implemented, or confirmed to be feasible. Ones that are not yet implemented or still in exploration phase are marked with a *.
+The Details
+High-Level APIChanges
+TL;DR: Everything except render function API and scoped-slots syntax will either remain the same or can be made 2.x compatible via a compatibility build.
+Since it’s a new major, there is going to be some breaking changes. However, we take backwards compatibility seriously, so we want to start communicating these changes as soon as possible. Here’s the currently planned public API changes:
+Template syntax will remain 99% the same. There may be small tweaks in scoped slots syntax, but other than that we have no plans to change anything else for templates. 3.0 will support class-based components natively, with the aim to provide an API that is pleasant to use in native ES2015 without requiring any transpilation or stage-x features. Most current options will have a reasonable mapping in the class-based API. Stage-x features such as class fields and decorators can still be used optionally to enhance the authoring experience. In addition, the API is designed with TypeScript type inference in mind. The 3.x codebase will itself be written in TypeScript, and providing improved TypeScript support. (That said, usage of TypeScript in an application is still entirely optional.) The 2.x object-based component format will still be supported by internally transforming the object to a corresponding class. Mixins will still be supported.* Top level APIs will likely receive an overhaul to avoid globally mutating the Vue runtime when installing plugins. Instead, plugins will be applied and scoped to a component tree. This will make it easier to test components that rely on specific plugins, and also make it possible to mount multiple Vue applications on the same page with different plugins, but using the same Vue runtime.* Functional components can finally be plain functions —however, async components will now need to be explicitly created via a helper function. The part that will receive the most changes is the Virtual DOM format used in render functions. We are currently collecting feedback from major library authors and will be sharing more details as we are more confident of the changes, but as long as you don’t heavily rely on hand-written (non-JSX) render functions in your app, upgrading should be a reasonably straightforward process. Source Code Architecture
+TL;DR: better decoupled internal modules, TypeScript, and a codebase that is easier to contribute to.
+We are re-writing 3.0 from the ground up for a cleaner and more maintainable architecture, in particular trying to make it easier to contribute to. We are breaking some internal functionalities into individual packages in order to isolate the scope of complexity. For example, the observer module will become its own package, with its own public API and tests. Note this does not affect framework-level API— you will not have to manually import individual bits from multiple packages in order to use Vue. Instead, the final Vue package is assembled using these internal packages.
+The codebase is also now written in TypeScript. Although this will make proficiency in TypeScript a pre-requisite for contributing to the new codebase, we believe the type information and IDE support will actually make it easier for a new contributor to make meaningful contributions.
+Decoupling the observer and scheduler into separate packages also allows us to easily experiment with alternative implementations of these parts. For example, we can implement an IE11 compatible observer implementation with the same API, or an alternative scheduler that leveragesrequestIdleCallbackto yield to the browser during long updates.*
+
+Observation Mechanism
+TL;DR: more complete, precise, efficient and debuggable reactivity tracking & API for creating observables.
+3.0 will ship with a Proxy-based observer implementation that provides reactivity tracking with full language coverage. This eliminates a number of limitations of Vue 2’s current implementation based onObject.defineProperty:
+The new observer also features the following:
+Easily understand why a component is re-rendering
+
+Other Runtime Improvements
+TL;DR: smaller, faster, tree-shakable features, fragments & portals, custom renderer API.
+Compiler Improvements*
+TL;DR: tree-shaking friendly output, more AOT optimizations, parser with better error info and source map support.
+IE11 Support*
+TL;DR: it will be supported, but in a separate build with the same reactivity limitations of Vue 2.x.
+The new codebase currently targets evergreen browsers only and assumes baseline native ES2015 support. But alas, we know a lot of our users still need to support IE11 for the foreseeable future. Most of the ES2015 features used can be transpiled / polyfilled for IE11, with the exception for Proxies. Our plan is to implement an alternative observer with the same API, but using the good old ES5Object.definePropertyAPI. A separate build of Vue 3.x will be distributed using this observer implementation. However, this build will be subject to the same change detection caveats of Vue 2.x and thus not fully compatible with the “modern” build of 3.x. We are aware that this imposes some inconvenience for library authors as they will need to be aware of compatibility for two different builds, but we will make sure to provide clear guidelines on this when we reach that stage.
+How Do We GetThere
+First of all, although we are announcing it today, we do not have a definitive timeline yet. What we do know at the moment is the steps we will be taking to get there:
+1. Internal Feedback for the Runtime Prototype
+This is the phase we are in right now. Currently, we already have a working runtime prototype that includes the new observer, Virtual DOM and component implementation. We have invited a group of authors of influential community projects to provide feedback for the internal changes, and would like to make sure they are comfortable with the changes before moving forward. We want to ensure that important libraries in the ecosystem will be ready at the same time when we release 3.0, so that users relying on those projects can upgrade easily.
+2. Public Feedback viaRFCs
+Once we gain a certain level of confidence in the new design, for each breaking change we will be opening a dedicated RFC issue which includes:
+We will anticipate public feedback from the wider community to help us consolidate these ideas.
+3. Introduce Compatible Features in 2.x &2.x-next
+We are not forgetting about 2.x! In fact, we plan to use 2.x to progressively accustom users to the new changes. We will be gradually introducing confirmed API changes into 2.x via opt-in adaptors, and 2.x-next will allow users to try out the new Proxy-based observer.
+The last minor release in 2.x will become LTS and continue to receive bug and security fixes for 18 months when 3.0 is released.
+4. AlphaPhase
+Next, we will finish up the compiler and server-side rendering parts of 3.0 and start making alpha releases. These will mostly be for stability testing purposes in small greenfield apps.
+5. BetaPhase
+During beta phase, our main goal is updating support libraries and tools like Vue Router, Vuex, Vue CLI, Vue DevTools and make sure they work smoothly with the new core. We will also be working with major library authors from the community to help them get ready for 3.0.
+6. RCPhase
+Once we consider the API and codebase stable, we will enter RC phase with API freeze. During this phase we will also work on a “compat build”: a build of 3.0 that includes compatibility layers for 2.x API. This build will also ship with a flag you can turn on to emit deprecation warnings for 2.x API usage in your app. The compat build can be used as a guide to upgrade your app to 3.0.
+7. IE11build
+The last task before the final release will be the IE11 compatibility build as mentioned above.
+8. FinalRelease
+In all honesty, we don’t know when this will happen yet, but likely in 2019. Again, we care more about shipping something that is solid and stable rather than hitting specific dates. There is a lot of work to be done, but we are excited for what’s coming next!
`
+
+const data = {
+ title,
+ content
+}
+
+export default data
diff --git a/src/views/pdf/download.vue b/src/views/pdf/download.vue
new file mode 100644
index 0000000..a348c69
--- /dev/null
+++ b/src/views/pdf/download.vue
@@ -0,0 +1,201 @@
+
+
+
+
+ {{ article.title }}
+
+
+
+ This article is from Evan You on
medium
+
+
+
+
+
+
+
diff --git a/src/views/pdf/index.vue b/src/views/pdf/index.vue
new file mode 100644
index 0000000..b875295
--- /dev/null
+++ b/src/views/pdf/index.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+ Click to download PDF
+
+
+
+
diff --git a/src/views/permission/components/SwitchRoles.vue b/src/views/permission/components/SwitchRoles.vue
new file mode 100644
index 0000000..de1176a
--- /dev/null
+++ b/src/views/permission/components/SwitchRoles.vue
@@ -0,0 +1,32 @@
+
+
+
+ {{ $t('permission.roles') }}: {{ roles }}
+
+ {{ $t('permission.switchRoles') }}:
+
+
+
+
+
diff --git a/src/views/permission/directive.vue b/src/views/permission/directive.vue
new file mode 100644
index 0000000..02e2ece
--- /dev/null
+++ b/src/views/permission/directive.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+ Only
+ admin can see this
+
+
+ v-permission="['admin']"
+
+
+
+
+
+ Only
+ editor can see this
+
+
+ v-permission="['editor']"
+
+
+
+
+
+ Both
+ admin and
+ editor can see this
+
+
+ v-permission="['admin','editor']"
+
+
+
+
+
+
+ {{ $t('permission.tips') }}
+
+
+
+
+ Admin can see this
+
+ v-if="checkPermission(['admin'])"
+
+
+
+
+ Editor can see this
+
+ v-if="checkPermission(['editor'])"
+
+
+
+
+ Both admin or editor can see this
+
+ v-if="checkPermission(['admin','editor'])"
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/permission/page.vue b/src/views/permission/page.vue
new file mode 100644
index 0000000..5291a78
--- /dev/null
+++ b/src/views/permission/page.vue
@@ -0,0 +1,19 @@
+
+
+
+
+
+
diff --git a/src/views/permission/role.vue b/src/views/permission/role.vue
new file mode 100644
index 0000000..3e37a79
--- /dev/null
+++ b/src/views/permission/role.vue
@@ -0,0 +1,283 @@
+
+
+
+ {{ $t('permission.addRole') }}
+
+
+
+
+
+ {{ scope.row.key }}
+
+
+
+
+ {{ scope.row.name }}
+
+
+
+
+ {{ scope.row.description }}
+
+
+
+
+
+ {{ $t('permission.editPermission') }}
+
+
+ {{ $t('permission.delete') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('permission.cancel') }}
+
+
+ {{ $t('permission.confirm') }}
+
+
+
+
+
+
+
+
diff --git a/src/views/profile/components/Account.vue b/src/views/profile/components/Account.vue
new file mode 100644
index 0000000..9f2e386
--- /dev/null
+++ b/src/views/profile/components/Account.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+ Update
+
+
+
+
+
diff --git a/src/views/profile/components/Activity.vue b/src/views/profile/components/Activity.vue
new file mode 100644
index 0000000..dd5db3a
--- /dev/null
+++ b/src/views/profile/components/Activity.vue
@@ -0,0 +1,185 @@
+
+
+
+
+
+
Iron Man
+
Shared publicly - 7:30 PM today
+
+
+ Lorem ipsum represents a long-held tradition for designers,
+ typographers and the like. Some people hate it and argue for
+ its demise, but others ignore the hate as they create awesome
+ tools to help create filler text for everyone from bacon lovers
+ to Charlie Sheen fans.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Captain American
+
Sent you a message - yesterday
+
+
+ Lorem ipsum represents a long-held tradition for designers,
+ typographers and the like. Some people hate it and argue for
+ its demise, but others ignore the hate as they create awesome
+ tools to help create filler text for everyone from bacon lovers
+ to Charlie Sheen fans.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Spider Man
+
Posted 4 photos - 2 days ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/profile/components/Timeline.vue b/src/views/profile/components/Timeline.vue
new file mode 100644
index 0000000..ba90b3d
--- /dev/null
+++ b/src/views/profile/components/Timeline.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+ {{ item.title }}
+ {{ item.content }}
+
+
+
+
+
+
diff --git a/src/views/profile/components/UserCard.vue b/src/views/profile/components/UserCard.vue
new file mode 100644
index 0000000..2476f04
--- /dev/null
+++ b/src/views/profile/components/UserCard.vue
@@ -0,0 +1,134 @@
+
+
+
+ About me
+
+
+
+
+
+ Hello
+ {{ user.role }}
+
+
+
+
{{ user.name }}
+
{{ user.role | uppercaseFirst }}
+
+
+
+
+
+
+ JS in Computer Science from the University of Technology
+
+
+
+
+
+
+
+
+ Vue
+
+
+ JavaScript
+
+
+ Css
+
+
+ ESLint
+
+
+
+
+
+
+
+
+
diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue
new file mode 100644
index 0000000..87e4f94
--- /dev/null
+++ b/src/views/profile/index.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/qiniu/upload.vue b/src/views/qiniu/upload.vue
new file mode 100644
index 0000000..9dc9aed
--- /dev/null
+++ b/src/views/qiniu/upload.vue
@@ -0,0 +1,41 @@
+
+
+
+ 将文件拖到此处，或点击上传
+
+
+
+
+
diff --git a/src/views/redirect/index.vue b/src/views/redirect/index.vue
new file mode 100644
index 0000000..db4c1d6
--- /dev/null
+++ b/src/views/redirect/index.vue
@@ -0,0 +1,12 @@
+
diff --git a/src/views/system-management/attachment-manage/attachment-manage.vue b/src/views/system-management/attachment-manage/attachment-manage.vue
new file mode 100644
index 0000000..0dbb3fb
--- /dev/null
+++ b/src/views/system-management/attachment-manage/attachment-manage.vue
@@ -0,0 +1,835 @@
+
+
+
+
+
+
+ 所有无用文件会由程序自动清理, 手动删除后可能会造成未知错误!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 本地存储
+
+ 总容量：100GB ，已使用：10GB
+
+ 七牛云OSS
+
+ 已使用：10GB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 返回上一级
+
+
+
+ 全部文件
+
+
+
+ {{ dir.showName }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.showName }}
+
+
+
+
+
+ {{ row.providerName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 列表展示内容
+
+
+
+
+ 附件id
+
+
+ 宽度
+
+
+ 来源类型
+
+
+
+
+ 文件预览
+
+
+ 存储引擎
+
+
+ 高度
+
+
+
+
+ 文件大小
+
+
+ 操作
+
+
+ 会员昵称
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system-management/attachment-manage/components/AttachmentCount.vue b/src/views/system-management/attachment-manage/components/AttachmentCount.vue
new file mode 100644
index 0000000..4da93b0
--- /dev/null
+++ b/src/views/system-management/attachment-manage/components/AttachmentCount.vue
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system-management/attachment-manage/components/Pie.vue b/src/views/system-management/attachment-manage/components/Pie.vue
new file mode 100644
index 0000000..3a9ed5e
--- /dev/null
+++ b/src/views/system-management/attachment-manage/components/Pie.vue
@@ -0,0 +1,141 @@
+
+
+
+
+
diff --git a/src/views/system-management/attachment-manage/components/mixins/resize.js b/src/views/system-management/attachment-manage/components/mixins/resize.js
new file mode 100644
index 0000000..b1e76e9
--- /dev/null
+++ b/src/views/system-management/attachment-manage/components/mixins/resize.js
@@ -0,0 +1,56 @@
+import { debounce } from '@/utils'
+
+export default {
+ data() {
+ return {
+ $_sidebarElm: null,
+ $_resizeHandler: null
+ }
+ },
+ mounted() {
+ this.initListener()
+ },
+ activated() {
+ if (!this.$_resizeHandler) {
+ // avoid duplication init
+ this.initListener()
+ }
+
+ // when keep-alive chart activated, auto resize
+ this.resize()
+ },
+ beforeDestroy() {
+ this.destroyListener()
+ },
+ deactivated() {
+ this.destroyListener()
+ },
+ methods: {
+ // use $_ for mixins properties
+ // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+ $_sidebarResizeHandler(e) {
+ if (e.propertyName === 'width') {
+ this.$_resizeHandler()
+ }
+ },
+ initListener() {
+ this.$_resizeHandler = debounce(() => {
+ this.resize()
+ }, 100)
+ window.addEventListener('resize', this.$_resizeHandler)
+
+ this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+ this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+ },
+ destroyListener() {
+ window.removeEventListener('resize', this.$_resizeHandler)
+ this.$_resizeHandler = null
+
+ this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+ },
+ resize() {
+ const { chart } = this
+ chart && chart.resize()
+ }
+ }
+}
diff --git a/src/views/system-management/permission-manage/manager-list/admin-list.vue b/src/views/system-management/permission-manage/manager-list/admin-list.vue
new file mode 100644
index 0000000..d8c9149
--- /dev/null
+++ b/src/views/system-management/permission-manage/manager-list/admin-list.vue
@@ -0,0 +1,386 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提交
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system-management/permission-manage/manager-list/components/admin-editor-dialog.vue b/src/views/system-management/permission-manage/manager-list/components/admin-editor-dialog.vue
new file mode 100644
index 0000000..5008e61
--- /dev/null
+++ b/src/views/system-management/permission-manage/manager-list/components/admin-editor-dialog.vue
@@ -0,0 +1,196 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 确定
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system-management/permission-manage/permission-manage.vue b/src/views/system-management/permission-manage/permission-manage.vue
new file mode 100644
index 0000000..ec349ff
--- /dev/null
+++ b/src/views/system-management/permission-manage/permission-manage.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
diff --git a/src/views/system-management/permission-manage/permission-setting/components/permission-editor-dialog.vue b/src/views/system-management/permission-manage/permission-setting/components/permission-editor-dialog.vue
new file mode 100644
index 0000000..0e9442e
--- /dev/null
+++ b/src/views/system-management/permission-manage/permission-setting/components/permission-editor-dialog.vue
@@ -0,0 +1,202 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 确定
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system-management/permission-manage/permission-setting/components/permission-manage-dialog.vue b/src/views/system-management/permission-manage/permission-setting/components/permission-manage-dialog.vue
new file mode 100644
index 0000000..38d380f
--- /dev/null
+++ b/src/views/system-management/permission-manage/permission-setting/components/permission-manage-dialog.vue
@@ -0,0 +1,345 @@
+
+
+
+
+
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.subTitle }}
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+ 确定
+ 重置
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system-management/permission-manage/permission-setting/components/permission-use-state-dialog.vue b/src/views/system-management/permission-manage/permission-setting/components/permission-use-state-dialog.vue
new file mode 100644
index 0000000..8cde17e
--- /dev/null
+++ b/src/views/system-management/permission-manage/permission-setting/components/permission-use-state-dialog.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+ 未分配
+ 已分配{{ userList.length }}人
+
+
+
+
+
+
+
+
diff --git a/src/views/system-management/permission-manage/permission-setting/permission-settings.vue b/src/views/system-management/permission-manage/permission-setting/permission-settings.vue
new file mode 100644
index 0000000..fa477b3
--- /dev/null
+++ b/src/views/system-management/permission-manage/permission-setting/permission-settings.vue
@@ -0,0 +1,434 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提交
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.useStr }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/tab/components/TabPane.vue b/src/views/tab/components/TabPane.vue
new file mode 100644
index 0000000..3fb1439
--- /dev/null
+++ b/src/views/tab/components/TabPane.vue
@@ -0,0 +1,103 @@
+
+
+
+
+ {{ scope.row.id }}
+
+
+
+
+
+ {{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}
+
+
+
+
+
+ {{ row.title }}
+ {{ row.type }}
+
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.pageviews }}
+
+
+
+
+
+
+ {{ row.status }}
+
+
+
+
+
+
+
+
diff --git a/src/views/tab/index.vue b/src/views/tab/index.vue
new file mode 100644
index 0000000..2a35fa5
--- /dev/null
+++ b/src/views/tab/index.vue
@@ -0,0 +1,57 @@
+
+
+ mounted times ：{{ createdTimes }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/table/complex-table.vue b/src/views/table/complex-table.vue
new file mode 100644
index 0000000..6cad8db
--- /dev/null
+++ b/src/views/table/complex-table.vue
@@ -0,0 +1,379 @@
+
+
+
+
+
+
+
+
+
+
+ {{ $t('table.search') }}
+
+
+ {{ $t('table.add') }}
+
+
+ {{ $t('table.export') }}
+
+
+ {{ $t('table.reviewer') }}
+
+
+
+
+
+
+ {{ row.id }}
+
+
+
+
+ {{ row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}
+
+
+
+
+ {{ row.title }}
+ {{ row.type | typeFilter }}
+
+
+
+
+ {{ row.author }}
+
+
+
+
+ {{ row.reviewer }}
+
+
+
+
+
+
+
+
+ {{ row.pageviews }}
+ 0
+
+
+
+
+
+ {{ row.status }}
+
+
+
+
+
+
+ {{ $t('table.edit') }}
+
+
+ {{ $t('table.publish') }}
+
+
+ {{ $t('table.draft') }}
+
+
+ {{ $t('table.delete') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/table/drag-table.vue b/src/views/table/drag-table.vue
new file mode 100644
index 0000000..6ba9dad
--- /dev/null
+++ b/src/views/table/drag-table.vue
@@ -0,0 +1,179 @@
+
+
+
+
+
+
+ {{ row.id }}
+
+
+
+
+
+ {{ row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}
+
+
+
+
+
+ {{ row.title }}
+
+
+
+
+
+ {{ row.author }}
+
+
+
+
+
+
+
+
+
+
+ {{ row.pageviews }}
+
+
+
+
+
+
+ {{ row.status }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('table.dragTips1') }} : {{ oldList }}
+
+
+ {{ $t('table.dragTips2') }} : {{ newList }}
+
+
+
+
+
+
+
+
diff --git a/src/views/table/dynamic-table/components/FixedThead.vue b/src/views/table/dynamic-table/components/FixedThead.vue
new file mode 100644
index 0000000..c3deb92
--- /dev/null
+++ b/src/views/table/dynamic-table/components/FixedThead.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+ apple
+
+
+ banana
+
+
+ orange
+
+
+
+
+
+
+
+ {{ scope.row[fruit] }}
+
+
+
+
+
+
+
diff --git a/src/views/table/dynamic-table/components/UnfixedThead.vue b/src/views/table/dynamic-table/components/UnfixedThead.vue
new file mode 100644
index 0000000..831b070
--- /dev/null
+++ b/src/views/table/dynamic-table/components/UnfixedThead.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+ apple
+
+
+ banana
+
+
+ orange
+
+
+
+
+
+
+
+ {{ scope.row[fruit] }}
+
+
+
+
+
+
diff --git a/src/views/table/dynamic-table/index.vue b/src/views/table/dynamic-table/index.vue
new file mode 100644
index 0000000..b1a6a6d
--- /dev/null
+++ b/src/views/table/dynamic-table/index.vue
@@ -0,0 +1,24 @@
+
+
+
+ {{ $t('table.dynamicTips1') }}
+
+
+
+
+ {{ $t('table.dynamicTips2') }}
+
+
+
+
+
+
diff --git a/src/views/table/inline-edit-table.vue b/src/views/table/inline-edit-table.vue
new file mode 100644
index 0000000..10cf619
--- /dev/null
+++ b/src/views/table/inline-edit-table.vue
@@ -0,0 +1,165 @@
+
+
+
+
+
+ {{ row.id }}
+
+
+
+
+
+ {{ row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}
+
+
+
+
+
+ {{ row.author }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.status }}
+
+
+
+
+
+
+
+
+ cancel
+
+
+ {{ row.title }}
+
+
+
+
+
+
+ Ok
+
+
+ Edit
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/theme/index.vue b/src/views/theme/index.vue
new file mode 100644
index 0000000..bfa5953
--- /dev/null
+++ b/src/views/theme/index.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
{{ $t('theme.change') }} :
+
+
+
+
+
+
+ Primary
+
+
+ Success
+
+
+ Info
+
+
+ Warning
+
+
+ Danger
+
+
+
+
+
+ Search
+
+
+ Upload
+
+
+
+
+
+ {{ tag.name }}
+
+
+
+
+
+
+ Option A
+
+
+ Option B
+
+
+ Option C
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/zip/index.vue b/src/views/zip/index.vue
new file mode 100644
index 0000000..3d1d88a
--- /dev/null
+++ b/src/views/zip/index.vue
@@ -0,0 +1,78 @@
+
+
+
+
+ {{ $t('zip.export') }} Zip
+
+
+
+
+ {{ scope.$index }}
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+ {{ scope.row.pageviews }}
+
+
+
+
+ {{ scope.row.display_time }}
+
+
+
+
+
+
+
diff --git a/tests/utils/formatTime.spec.js b/tests/utils/formatTime.spec.js
new file mode 100644
index 0000000..d07e414
--- /dev/null
+++ b/tests/utils/formatTime.spec.js
@@ -0,0 +1,29 @@
+import { formatTime } from '@/utils/index.js'
+describe('Utils:formatTime', () => {
+ const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+ const retrofit = 5 * 1000
+
+ it('ten digits timestamp', () => {
+ expect(formatTime((d / 1000).toFixed(0))).toBe('7月13日17时54分')
+ })
+ it('test now', () => {
+ expect(formatTime(+new Date() - 1)).toBe('刚刚')
+ })
+ it('less two minute', () => {
+ expect(formatTime(+new Date() - 60 * 2 * 1000 + retrofit)).toBe('2分钟前')
+ })
+ it('less two hour', () => {
+ expect(formatTime(+new Date() - 60 * 60 * 2 * 1000 + retrofit)).toBe('2小时前')
+ })
+ it('less one day', () => {
+ expect(formatTime(+new Date() - 60 * 60 * 24 * 1 * 1000)).toBe('1天前')
+ })
+ it('more than one day', () => {
+ expect(formatTime(d)).toBe('7月13日17时54分')
+ })
+ it('format', () => {
+ expect(formatTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+ expect(formatTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+ expect(formatTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+ })
+})
diff --git a/tests/utils/param2Obj.spec.js b/tests/utils/param2Obj.spec.js
new file mode 100644
index 0000000..e106ed8
--- /dev/null
+++ b/tests/utils/param2Obj.spec.js
@@ -0,0 +1,14 @@
+import { param2Obj } from '@/utils/index.js'
+describe('Utils:param2Obj', () => {
+ const url = 'https://github.com/PanJiaChen/vue-element-admin?name=bill&age=29&sex=1&field=dGVzdA==&key=%E6%B5%8B%E8%AF%95'
+
+ it('param2Obj test', () => {
+ expect(param2Obj(url)).toEqual({
+ name: 'bill',
+ age: '29',
+ sex: '1',
+ field: window.btoa('test'),
+ key: '测试'
+ })
+ })
+})
diff --git a/tests/utils/parseTime.spec.js b/tests/utils/parseTime.spec.js
new file mode 100644
index 0000000..3e138d0
--- /dev/null
+++ b/tests/utils/parseTime.spec.js
@@ -0,0 +1,37 @@
+import { parseTime } from '@/utils/index.js'
+
+describe('Utils:parseTime', () => {
+ const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+ it('timestamp', () => {
+ expect(parseTime(d)).toBe('2018-07-13 17:54:01')
+ })
+
+ it('timestamp string', () => {
+ expect(parseTime((d + ''))).toBe('2018-07-13 17:54:01')
+ })
+
+ it('ten digits timestamp', () => {
+ expect(parseTime((d / 1000).toFixed(0))).toBe('2018-07-13 17:54:01')
+ })
+ it('new Date', () => {
+ expect(parseTime(new Date(d))).toBe('2018-07-13 17:54:01')
+ })
+ it('format', () => {
+ expect(parseTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+ expect(parseTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+ expect(parseTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+ })
+ it('get the day of the week', () => {
+ expect(parseTime(d, '{a}')).toBe('五') // 星期五
+ })
+ it('get the day of the week', () => {
+ expect(parseTime(+d + 1000 * 60 * 60 * 24 * 2, '{a}')).toBe('日') // 星期日
+ })
+ it('empty argument', () => {
+ expect(parseTime()).toBeNull()
+ })
+
+ it('null', () => {
+ expect(parseTime(null)).toBeNull()
+ })
+})
diff --git a/tests/utils/validate.spec.js b/tests/utils/validate.spec.js
new file mode 100644
index 0000000..ef2efe6
--- /dev/null
+++ b/tests/utils/validate.spec.js
@@ -0,0 +1,28 @@
+import { validUsername, validURL, validLowerCase, validUpperCase, validAlphabets } from '@/utils/validate.js'
+describe('Utils:validate', () => {
+ it('validUsername', () => {
+ expect(validUsername('admin')).toBe(true)
+ expect(validUsername('editor')).toBe(true)
+ expect(validUsername('xxxx')).toBe(false)
+ })
+ it('validURL', () => {
+ expect(validURL('https://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+ expect(validURL('http://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+ expect(validURL('github.com/PanJiaChen/vue-element-admin')).toBe(false)
+ })
+ it('validLowerCase', () => {
+ expect(validLowerCase('abc')).toBe(true)
+ expect(validLowerCase('Abc')).toBe(false)
+ expect(validLowerCase('123abc')).toBe(false)
+ })
+ it('validUpperCase', () => {
+ expect(validUpperCase('ABC')).toBe(true)
+ expect(validUpperCase('Abc')).toBe(false)
+ expect(validUpperCase('123ABC')).toBe(false)
+ })
+ it('validAlphabets', () => {
+ expect(validAlphabets('ABC')).toBe(true)
+ expect(validAlphabets('Abc')).toBe(true)
+ expect(validAlphabets('123aBC')).toBe(false)
+ })
+})
diff --git a/unit/.eslintrc.js b/unit/.eslintrc.js
new file mode 100644
index 0000000..958d51b
--- /dev/null
+++ b/unit/.eslintrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+ env: {
+ jest: true
+ }
+}
diff --git a/unit/components/Hamburger.spec.js b/unit/components/Hamburger.spec.js
new file mode 100644
index 0000000..01ea303
--- /dev/null
+++ b/unit/components/Hamburger.spec.js
@@ -0,0 +1,18 @@
+import { shallowMount } from '@vue/test-utils'
+import Hamburger from '@/components/Hamburger/index.vue'
+describe('Hamburger.vue', () => {
+ it('toggle click', () => {
+ const wrapper = shallowMount(Hamburger)
+ const mockFn = jest.fn()
+ wrapper.vm.$on('toggleClick', mockFn)
+ wrapper.find('.hamburger').trigger('click')
+ expect(mockFn).toBeCalled()
+ })
+ it('prop isActive', () => {
+ const wrapper = shallowMount(Hamburger)
+ wrapper.setProps({ isActive: true })
+ expect(wrapper.contains('.is-active')).toBe(true)
+ wrapper.setProps({ isActive: false })
+ expect(wrapper.contains('.is-active')).toBe(false)
+ })
+})
diff --git a/unit/components/SvgIcon.spec.js b/unit/components/SvgIcon.spec.js
new file mode 100644
index 0000000..31467a9
--- /dev/null
+++ b/unit/components/SvgIcon.spec.js
@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import SvgIcon from '@/components/SvgIcon/index.vue'
+describe('SvgIcon.vue', () => {
+ it('iconClass', () => {
+ const wrapper = shallowMount(SvgIcon, {
+ propsData: {
+ iconClass: 'test'
+ }
+ })
+ expect(wrapper.find('use').attributes().href).toBe('#icon-test')
+ })
+ it('className', () => {
+ const wrapper = shallowMount(SvgIcon, {
+ propsData: {
+ iconClass: 'test'
+ }
+ })
+ expect(wrapper.classes().length).toBe(1)
+ wrapper.setProps({ className: 'test' })
+ expect(wrapper.classes().includes('test')).toBe(true)
+ })
+})
+
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+
](https://godban.github.io/browsers-support-badges/)IE / Edge | [
](https://godban.github.io/browsers-support-badges/)Firefox | [
](https://godban.github.io/browsers-support-badges/)Chrome | [
](https://godban.github.io/browsers-support-badges/)Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge | últimas 2 versiones | últimas 2 versiones | últimas 2 versiones |
+
+## Licencia
+
+[MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
+
+Copyright (c) 2017-presente PanJiaChen
diff --git a/README.ja.md b/README.ja.md
new file mode 100644
index 0000000..0499e82
--- /dev/null
+++ b/README.ja.md
@@ -0,0 +1,10 @@
+# 开发规范文档
+
+- 组件命名与配置
+ 1. 使用大驼峰命名组件 vue 文件,导出组件命名与文件名相同.
+ 2. 组件样式一定是要 scoped 的,以免样式冲突.
+ 3. 前端开发工具统一使用 vscode,统一使用格式化插件配置(前端群文件中).
+ 4. 组件初始模板的生成,使用统一的代码片段进行生成,不要去更改内部属性的排列顺序,删掉属性是可以的.
+- 组件编写与引用
+ 1. 通用组件标签部分,最外层标签为组件盒子,它用于隔离内在样式与外在样式的干扰.
+ 2.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/README.zh-CN.md b/README.zh-CN.md
new file mode 100644
index 0000000..bcb94e9
--- /dev/null
+++ b/README.zh-CN.md
@@ -0,0 +1,245 @@
+
+
+ 
+
+
+ 
+ 
+ 
+ 
+ {{ row.showName }}
+ 
+