](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen
diff --git a/README.md b/README.md
new file mode 100644
index 000000000..bd3dbc87e
--- /dev/null
+++ b/README.md
@@ -0,0 +1,89 @@
+# vue-admin-template
+
+English | [简体中文](./README-zh.md)
+
+> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
+
+**Live demo:** http://panjiachen.github.io/vue-admin-template
+
+
+**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`**
+
+## Build Setup
+
+
+```bash
+# clone the project
+git clone https://github.com/PanJiaChen/vue-element-admin.git
+
+# enter the project directory
+cd vue-element-admin
+
+# install dependency
+npm install
+
+# develop
+npm run dev
+```
+
+This will automatically open http://localhost:9527
+
+## Build
+
+```bash
+# build for test environment
+npm run build:stage
+
+# build for production environment
+npm run build:prod
+```
+
+## Advanced
+
+```bash
+# preview the release environment effect
+npm run preview
+
+# preview the release environment effect + static resource analysis
+npm run preview -- --report
+
+# code format check
+npm run lint
+
+# code format check and auto fix
+npm run lint -- --fix
+```
+
+Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
+
+## Demo
+
+
+
+## Extra
+
+If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
+
+## Related Project
+
+[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+[electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+[vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [
+
+
+
+
diff --git a/src/api/login.js b/src/api/login.js
new file mode 100644
index 000000000..ebc5aed91
--- /dev/null
+++ b/src/api/login.js
@@ -0,0 +1,78 @@
+import request from '@/utils/request'
+
+// 修改密码
+export function changePassword(userId, data) {
+ return request({
+ url: `/api/login/${userId}/password`,
+ method: 'put',
+ data: data
+ })
+}
+
+// 账号密码 其他系统
+export function login(params) {
+ return request({
+ url: '/api/login',
+ method: 'post',
+ data: params
+ });
+}
+
+// 获取登陆url 二维码 其他系统
+export function getLoginUrl(params) {
+ return request({
+ url: '/api/login/url',
+ method: 'get',
+ params: params
+ });
+}
+
+
+// 获取登录信息
+export function getInfo(token) {
+ return request({
+ url: '/api/login/getUserInfo',
+ method: 'get',
+ params: { token }
+ });
+}
+
+// 登出
+export function logout(token) {
+ return request({
+ url: '/api/login/logout',
+ method: 'get',
+ params: {
+ token
+ }
+ });
+}
+
+// 检查登陆状态
+export function checkLoginStatus(sessionId) {
+ return new Promise((resolve, reject) => {
+ request({
+ url: '/api/login/checkStatus',
+ method: 'get',
+ params: {
+ sessionId: sessionId
+ }
+ }).then(response => {
+ if (response.data.status === '2') {
+ resolve(response);
+ } else {
+ reject(response);
+ }
+ }).catch(error => {
+ reject(error);
+ });
+ });
+}
+
+// 检测持续在线 防止掉线在大屏或者仿真系统下
+export function checkLoginLine() {
+ return request({
+ url: '/api/cache/heartBeat',
+ method: 'get',
+ });
+}
diff --git a/src/api/user.js b/src/api/user.js
new file mode 100644
index 000000000..dd4041fee
--- /dev/null
+++ b/src/api/user.js
@@ -0,0 +1,99 @@
+import request from '@/utils/request';
+
+
+/** 查询用户参数*/
+export function getUserConfigInfo() {
+ return request({
+ url: '/api/user/config',
+ method: 'get'
+ });
+}
+
+// /** 注册用户*/
+// export function createUserInfo(data) {
+// return request({
+// url: '/api/userinfo/create',
+// method: 'put',
+// data: data
+// });
+// }
+// /** 根据用户Id获取用户信息*/
+// export function getUserInfoByOpenId(params) {
+// return request({
+// url: '/api/userinfo/getByOpenId',
+// method: 'get',
+// params: params
+// });
+// }
+
+// /** 根据姓名或者手机号查询用户*/
+// export function getUserInfoByNameOrMobile(params) {
+// return request({
+// url: '/api/userinfo/nameOrMobile',
+// method: 'get',
+// params: params
+// });
+// }
+
+// /** 设置用户参数*/
+// export function setUserConfigInfo(data) {
+// return request({
+// url: '/api/user/config',
+// method: 'post',
+// data: data
+// });
+// }
+
+// /** 获取销售列表*/
+// export function getSellerList() {
+// return request({
+// url: `/api/user/seller`,
+// method: 'get'
+// });
+// }
+
+// /** 查询用户列表*/
+// export function getUserList(params) {
+// return request({
+// url: `/api/user`,
+// method: 'get',
+// params: params
+// });
+// }
+
+// /** 模糊查询用户 昵称、名称、手机号*/
+// export function getDimUserList(params) {
+// return request({
+// url: `/api/user/fuzzy`,
+// method: 'get',
+// params: params
+// });
+// }
+
+
+// /** 获取用户订阅地图列表*/
+// export function getUserSubscribe(userId) {
+// return request({
+// url: `/api/user/subscribe/${userId}`,
+// method: 'get'
+// });
+// }
+
+// /** 保存用户订阅地图列表*/
+// export function saveUserSubscribe(data) {
+// return request({
+// url: '/api/user/subscribe',
+// method: 'post',
+// data: data
+// });
+// }
+
+
+// // 修改用户权限
+// export function putRoles(data) {
+// return request({
+// url: `/api/user/${data.id}/role`,
+// method: 'put',
+// data: data
+// });
+// }
diff --git a/src/assets/401_images/401.gif b/src/assets/401_images/401.gif
new file mode 100644
index 000000000..cd6e0d943
Binary files /dev/null and b/src/assets/401_images/401.gif differ
diff --git a/src/assets/404_images/404.png b/src/assets/404_images/404.png
new file mode 100644
index 000000000..3d8e2305c
Binary files /dev/null and b/src/assets/404_images/404.png differ
diff --git a/src/assets/404_images/404_cloud.png b/src/assets/404_images/404_cloud.png
new file mode 100644
index 000000000..c6281d090
Binary files /dev/null and b/src/assets/404_images/404_cloud.png differ
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
new file mode 100644
index 000000000..2b557bf71
--- /dev/null
+++ b/src/components/Breadcrumb/index.vue
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/PopMenu/index.vue b/src/components/PopMenu/index.vue
new file mode 100644
index 000000000..f97ec9405
--- /dev/null
+++ b/src/components/PopMenu/index.vue
@@ -0,0 +1,262 @@
+
+
+
+
+
+
+
diff --git a/src/components/QrCode/index.vue b/src/components/QrCode/index.vue
new file mode 100644
index 000000000..d1ade34eb
--- /dev/null
+++ b/src/components/QrCode/index.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+ 重置
+ 导出
+
+ {{ button.text }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/QueryListPage/QueryListPage.vue b/src/components/QueryListPage/QueryListPage.vue
new file mode 100644
index 000000000..b6e752c7c
--- /dev/null
+++ b/src/components/QueryListPage/QueryListPage.vue
@@ -0,0 +1,455 @@
+
+
+
+
+
+
+ {{ `` }}
+
+
+
+
+
+ {{ column.columnValue(scope.row,
+ scope.$index) }}
+
+
+
+
+ {{ column.columnValue(scope.row, scope.$index) }}
+
+
+
+
+
+ {{ tag }}
+
+
+
+
+
+
+ {{ getTableBtnName(button.name,
+ scope.$index, scope.row) }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
new file mode 100644
index 000000000..784a638be
--- /dev/null
+++ b/src/components/SvgIcon/index.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
diff --git a/src/components/TurnbackBar/index.vue b/src/components/TurnbackBar/index.vue
new file mode 100644
index 000000000..c549e2143
--- /dev/null
+++ b/src/components/TurnbackBar/index.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
diff --git a/src/icons/index.js b/src/icons/index.js
new file mode 100644
index 000000000..2c6b309c9
--- /dev/null
+++ b/src/icons/index.js
@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)
diff --git a/src/icons/svg/dashboard.svg b/src/icons/svg/dashboard.svg
new file mode 100644
index 000000000..5317d3702
--- /dev/null
+++ b/src/icons/svg/dashboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/example.svg b/src/icons/svg/example.svg
new file mode 100644
index 000000000..46f42b532
--- /dev/null
+++ b/src/icons/svg/example.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/eye-open.svg b/src/icons/svg/eye-open.svg
new file mode 100644
index 000000000..88dcc98e6
--- /dev/null
+++ b/src/icons/svg/eye-open.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/eye.svg b/src/icons/svg/eye.svg
new file mode 100644
index 000000000..16ed2d872
--- /dev/null
+++ b/src/icons/svg/eye.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/form.svg b/src/icons/svg/form.svg
new file mode 100644
index 000000000..dcbaa185a
--- /dev/null
+++ b/src/icons/svg/form.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/link.svg b/src/icons/svg/link.svg
new file mode 100644
index 000000000..48197ba4d
--- /dev/null
+++ b/src/icons/svg/link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/map-mange.svg b/src/icons/svg/map-mange.svg
new file mode 100644
index 000000000..7b48a013c
--- /dev/null
+++ b/src/icons/svg/map-mange.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/nested.svg b/src/icons/svg/nested.svg
new file mode 100644
index 000000000..06713a86c
--- /dev/null
+++ b/src/icons/svg/nested.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/password.svg b/src/icons/svg/password.svg
new file mode 100644
index 000000000..e291d85df
--- /dev/null
+++ b/src/icons/svg/password.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/plan-mange.svg b/src/icons/svg/plan-mange.svg
new file mode 100644
index 000000000..7c303e010
--- /dev/null
+++ b/src/icons/svg/plan-mange.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/table.svg b/src/icons/svg/table.svg
new file mode 100644
index 000000000..0e3dc9dea
--- /dev/null
+++ b/src/icons/svg/table.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/tree.svg b/src/icons/svg/tree.svg
new file mode 100644
index 000000000..dd4b7dd22
--- /dev/null
+++ b/src/icons/svg/tree.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/user.svg b/src/icons/svg/user.svg
new file mode 100644
index 000000000..0ba0716a6
--- /dev/null
+++ b/src/icons/svg/user.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svgo.yml b/src/icons/svgo.yml
new file mode 100644
index 000000000..d11906aec
--- /dev/null
+++ b/src/icons/svgo.yml
@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+ # - name
+ #
+ # or:
+ # - name: false
+ # - name: true
+ #
+ # or:
+ # - name:
+ # param1: 1
+ # param2: 2
+
+- removeAttrs:
+ attrs:
+ - 'fill'
+ - 'fill-rule'
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
new file mode 100644
index 000000000..4aef00e1d
--- /dev/null
+++ b/src/layout/components/AppMain.vue
@@ -0,0 +1,17 @@
+
+
+ 选中添加
+
+
+
+
+
+ {{item.name}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/layout/components/Logout.vue b/src/layout/components/Logout.vue
new file mode 100644
index 000000000..b67076ff6
--- /dev/null
+++ b/src/layout/components/Logout.vue
@@ -0,0 +1,88 @@
+
+
+
+
+ {{username}}
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/layout/mixin/ResizeHandler.js b/src/layout/mixin/ResizeHandler.js
new file mode 100644
index 000000000..43dcfbd3e
--- /dev/null
+++ b/src/layout/mixin/ResizeHandler.js
@@ -0,0 +1,41 @@
+import store from '@/store';
+
+const { body } = document;
+const WIDTH = 1024;
+const RATIO = 3;
+
+export default {
+ watch: {
+ $route() {
+ if (this.device === 'mobile' && this.sidebar.opened) {
+ store.dispatch('CloseSideBar', { withoutAnimation: false });
+ }
+ }
+ },
+ beforeMount() {
+ window.addEventListener('resize', this.resizeHandler);
+ },
+ mounted() {
+ const isMobile = this.isMobile();
+ if (isMobile) {
+ store.dispatch('ToggleDevice', 'mobile');
+ store.dispatch('CloseSideBar', { withoutAnimation: true });
+ }
+ },
+ methods: {
+ isMobile() {
+ const rect = body.getBoundingClientRect();
+ return rect.width - RATIO < WIDTH;
+ },
+ resizeHandler() {
+ if (!document.hidden) {
+ const isMobile = this.isMobile();
+ store.dispatch('ToggleDevice', isMobile ? 'mobile' : 'desktop');
+
+ if (isMobile) {
+ store.dispatch('CloseSideBar', { withoutAnimation: true });
+ }
+ }
+ }
+ }
+};
diff --git a/src/layout1/components/AppMain.vue b/src/layout1/components/AppMain.vue
new file mode 100644
index 000000000..5a48b7ba0
--- /dev/null
+++ b/src/layout1/components/AppMain.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+
+
+
+
+
+
+
diff --git a/src/layout1/components/Sidebar/SidebarItem.vue b/src/layout1/components/Sidebar/SidebarItem.vue
new file mode 100644
index 000000000..c9832cc87
--- /dev/null
+++ b/src/layout1/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
diff --git a/src/layout1/components/Sidebar/index.vue b/src/layout1/components/Sidebar/index.vue
new file mode 100644
index 000000000..f2eb71681
--- /dev/null
+++ b/src/layout1/components/Sidebar/index.vue
@@ -0,0 +1,56 @@
+
+ {{ title }}
+{{ title }}
+
+
+
+
+
+
+
+
+
diff --git a/src/layout1/components/index.js b/src/layout1/components/index.js
new file mode 100644
index 000000000..97ee3cd12
--- /dev/null
+++ b/src/layout1/components/index.js
@@ -0,0 +1,3 @@
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar'
+export { default as AppMain } from './AppMain'
diff --git a/src/layout1/index.vue b/src/layout1/index.vue
new file mode 100644
index 000000000..0288eaa73
--- /dev/null
+++ b/src/layout1/index.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/layout1/mixin/ResizeHandler.js b/src/layout1/mixin/ResizeHandler.js
new file mode 100644
index 000000000..4c48aed3f
--- /dev/null
+++ b/src/layout1/mixin/ResizeHandler.js
@@ -0,0 +1,45 @@
+import store from '@/store'
+
+const { body } = document
+const WIDTH = 992 // refer to Bootstrap's responsive design
+
+export default {
+ watch: {
+ $route(route) {
+ if (this.device === 'mobile' && this.sidebar.opened) {
+ store.dispatch('app/closeSideBar', { withoutAnimation: false })
+ }
+ }
+ },
+ beforeMount() {
+ window.addEventListener('resize', this.$_resizeHandler)
+ },
+ beforeDestroy() {
+ window.removeEventListener('resize', this.$_resizeHandler)
+ },
+ mounted() {
+ const isMobile = this.$_isMobile()
+ if (isMobile) {
+ store.dispatch('app/toggleDevice', 'mobile')
+ store.dispatch('app/closeSideBar', { withoutAnimation: true })
+ }
+ },
+ methods: {
+ // use $_ for mixins properties
+ // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+ $_isMobile() {
+ const rect = body.getBoundingClientRect()
+ return rect.width - 1 < WIDTH
+ },
+ $_resizeHandler() {
+ if (!document.hidden) {
+ const isMobile = this.$_isMobile()
+ store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
+
+ if (isMobile) {
+ store.dispatch('app/closeSideBar', { withoutAnimation: true })
+ }
+ }
+ }
+ }
+}
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 000000000..9ccc9d504
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,55 @@
+import Vue from 'vue'
+
+import 'normalize.css/normalize.css' // A modern alternative to CSS resets
+
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+// import locale from 'element-ui/lib/locale/lang/en' // lang i18n
+
+import '@/styles/index.scss' // global css
+
+import App from './App'
+import store from './store'
+import router from './router'
+
+import '@/icons' // icon
+import '@/permission' // permission control
+import '@/scripts/GlobalPlugin'
+
+Vue.use(ElementUI)
+
+Vue.config.productionTip = false
+
+new Vue({
+ el: '#app',
+ router,
+ store,
+ render: h => h(App)
+})
+
+
+router.beforeEach((to, from, next) => {
+ let name = to.fullPath;
+ if (name.includes('/dp/') || name.includes('display/dp')) {
+ document.title = '琏课堂-大屏系统';
+ } else if (name.includes('/plan/') || name.includes('/planEdit/')) {
+ document.title = '琏计划';
+ } else {
+ document.title = '琏课堂';
+ }
+ next();
+});
+
+Vue.prototype.$messageBox = function (msge) {
+ if (this.$confirm) {
+ this.$confirm(`${msge || '处理失败'}！`, '提示', {
+ confirmButtonText: '确定',
+ type: 'warning',
+ showCancelButton: false,
+ center: true
+ }).then(() => {
+ }).catch(() => {
+ });
+ }
+};
diff --git a/src/mixin/WindowResizeHandler.js b/src/mixin/WindowResizeHandler.js
new file mode 100644
index 000000000..4ecc944f3
--- /dev/null
+++ b/src/mixin/WindowResizeHandler.js
@@ -0,0 +1,35 @@
+import * as throttleUtil from '@/utils/throttle'
+
+export default {
+ data() {
+ return {
+ _clientWidth: '',
+ _clientHeight: ''
+ }
+ },
+ beforeMount() {
+ // 调用节流函数限制执行频率
+ var fn = throttleUtil.createOrUpdate(
+ this,
+ '_resizeHandler',
+ 300,
+ 'debounce'
+ )
+ window.addEventListener('resize', fn)
+ },
+ mounted() {
+ this._resizeHandler()
+ },
+ methods: {
+ _resizeHandler() {
+ this._clientWidth = document.documentElement.clientWidth
+ this._clientHeight = document.documentElement.clientHeight
+ if (this.resizeHandler) {
+ this.resizeHandler()
+ }
+ }
+ },
+ beforeDestroy() {
+ window.removeEventListener('resize', this._resizeHandler)
+ }
+}
diff --git a/src/permission.js b/src/permission.js
new file mode 100644
index 000000000..3d21d212b
--- /dev/null
+++ b/src/permission.js
@@ -0,0 +1,110 @@
+import Vue from 'vue';
+import store from '@/store';
+import router from './router';
+import NProgress from 'nprogress'; // Progress 进度条
+import 'nprogress/nprogress.css';// Progress 进度条样式
+import { admin } from './router';
+import { getToken, getScreenToken, getPlanToken } from '@/utils/auth'; // 验权
+import { LoginParams } from '@/utils/login';
+
+function hasPermission(roles, permissionRoles) {
+ if (roles.indexOf(admin) >= 0) return true;
+ if (!permissionRoles) return true;
+ return roles.some(role => permissionRoles.indexOf(role) >= 0);
+}
+
+const isDev = process.env.NODE_ENV === 'development';
+
+const whiteList = ['/login', '/login1', '/dp/login', '/dp/login1', '/plan/login', '/plan/login1']; // 不重定向白名单
+
+const loginPage = isDev ? whiteList[1] : whiteList[0];
+
+const loginScreenPage = isDev ? whiteList[3] : whiteList[2];
+
+const loginPlanPage = isDev ? whiteList[5] : whiteList[4];
+
+// 获取路径数据
+function getRouteInfo(to) {
+ let loginPath = '/';
+ let getTokenInfo = () => { };
+ let clientId = '';
+ let toRoutePath = to.redirectedFrom || to.path;
+
+ if (/^\/dp/.test(toRoutePath) || /^\/display\/dp/.test(toRoutePath)) {
+ loginPath = loginScreenPage
+ getTokenInfo = getScreenToken;
+ clientId = LoginParams.DaPing.clientId;
+ } else if (/^\/plan/.test(toRoutePath) || /^\/display\/plan/.test(toRoutePath) || /^\/planEdit/.test(toRoutePath)) {
+ loginPath = loginPlanPage
+ getTokenInfo = getPlanToken;
+ clientId = LoginParams.LianJiHua.clientId;
+ } else {
+ loginPath = loginPage;
+ getTokenInfo = getToken;
+ clientId = null;
+ }
+
+ return { clientId, loginPath, getTokenInfo }
+}
+
+function handleRoute(to, from, next, routeInfo) {
+ if (store.getters.roles.length === 0) {
+ // 拉取用户信息
+ store.dispatch('GetInfo', routeInfo.getTokenInfo).then(res => {
+ // 根据roles权限生成可访问的路由表
+ const roles = res.roles;
+
+ store.dispatch('GenerateRoutes', { roles, clientId: routeInfo.clientId }).then(() => {
+ // 动态添加可访问路由表
+ router.addRoutes(store.getters.addRouters);
+ if (to.redirectedFrom) {
+ next({ path: to.redirectedFrom, replace: true });
+ } else {
+ next({ ...to, replace: true });
+ }
+ });
+
+ }).catch(() => {
+ store.dispatch('FedLogOut', routeInfo.clientId).then(() => {
+ Vue.$messageBox('验证失败，请重新登陆！');
+ next({ path: routeInfo.loginPath });
+ });
+ });
+ } else {
+ //除没有动态改变权限的需求可直接next() 删下方权限判断
+ if (hasPermission(store.getters.roles, to.meta.roles)) {
+ next();
+ } else {
+ next({ path: '/401', replace: true, query: { noGoBack: true } });
+ }
+ }
+}
+
+router.beforeEach((to, from, next) => {
+ NProgress.start();
+ let routeInfo = getRouteInfo(to);
+ if (routeInfo.getTokenInfo()) {
+ // 已登录
+ if (to.path === routeInfo.loginPath) {
+ // 登录页面不拦截
+ next();
+ } else {
+ // 进入系统重新计算路由
+ handleRoute(to, from, next, routeInfo);
+ }
+ } else {
+ // 未登录情况下
+ if (whiteList.indexOf(to.path) !== -1) {
+ // 在免登录白名单，直接进入
+ next();
+ } else {
+ // 否则全部重定向到登录页
+ next(routeInfo.loginPath);
+ }
+ }
+});
+
+router.afterEach(() => {
+ // 结束Progress
+ NProgress.done();
+});
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 000000000..795f6a994
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,118 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '@/layout'
+
+/**
+ * Note: sub-menu only appear when route children.length >= 1
+ * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
+ *
+ * hidden: true if set true, item will not show in the sidebar(default is false)
+ * alwaysShow: true if set true, will always show the root menu
+ * if not set alwaysShow, when item has more than one children route,
+ * it will becomes nested mode, otherwise not show the root menu
+ * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
+ * name:'router-name' the name is used by
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/error-page/401.vue b/src/views/error-page/401.vue
new file mode 100644
index 000000000..5059873e8
--- /dev/null
+++ b/src/views/error-page/401.vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
diff --git a/src/views/error-page/404.vue b/src/views/error-page/404.vue
new file mode 100644
index 000000000..03e20fcd5
--- /dev/null
+++ b/src/views/error-page/404.vue
@@ -0,0 +1,255 @@
+
+ name: {{ name }}
+
+
+
+
+
+
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 000000000..3a7629bf2
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,208 @@
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ OOPS!
+ All rights reserved
+ wallstreetcn
+
+ {{ message }}
+ Please check that the URL you entered is correct, or click the button below to
+ return to the homepage.
+ Back to home
+
+
+
+
+
+
+
+
+
+
+ 琏课堂
+
+
+
+ 登陆
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/login/loginNew.vue b/src/views/login/loginNew.vue
new file mode 100644
index 000000000..49b26caf5
--- /dev/null
+++ b/src/views/login/loginNew.vue
@@ -0,0 +1,192 @@
+
+ 用户登陆
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/login/loginNewPlan.vue b/src/views/login/loginNewPlan.vue
new file mode 100644
index 000000000..9e92fab48
--- /dev/null
+++ b/src/views/login/loginNewPlan.vue
@@ -0,0 +1,188 @@
+
+
+
+
+
+ 琏课堂
+
+
+
+
+
+
+ 使用手机微信扫码登录
+
+ 扫码成功
+
+ 请在微信上进行后续操作
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/login/loginNewScreen.vue b/src/views/login/loginNewScreen.vue
new file mode 100644
index 000000000..96c7dce2a
--- /dev/null
+++ b/src/views/login/loginNewScreen.vue
@@ -0,0 +1,188 @@
+
+
+
+
+
+ 琏计划
+
+
+
+
+
+
+ 使用手机微信扫码登录
+
+ 扫码成功
+
+ 请在微信上进行后续操作
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/login/loginPlan.vue b/src/views/login/loginPlan.vue
new file mode 100644
index 000000000..835bc2a61
--- /dev/null
+++ b/src/views/login/loginPlan.vue
@@ -0,0 +1,210 @@
+
+
+
+
+
+ 大屏系统
+
+
+
+
+
+
+ 使用手机微信扫码登录
+
+ 扫码成功
+
+ 请在微信上进行后续操作
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 琏计划
+
+
+
+ 登陆
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/login/loginScreen.vue b/src/views/login/loginScreen.vue
new file mode 100644
index 000000000..01ee17457
--- /dev/null
+++ b/src/views/login/loginScreen.vue
@@ -0,0 +1,210 @@
+
+ 用户登陆
+
+
+
+
+
+
+
+
+
+
+ 大屏系统
+
+
+
+ 登陆
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/unit/.eslintrc.js b/tests/unit/.eslintrc.js
new file mode 100644
index 000000000..958d51ba2
--- /dev/null
+++ b/tests/unit/.eslintrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+ env: {
+ jest: true
+ }
+}
diff --git a/tests/unit/components/Breadcrumb.spec.js b/tests/unit/components/Breadcrumb.spec.js
new file mode 100644
index 000000000..1d94c8fc7
--- /dev/null
+++ b/tests/unit/components/Breadcrumb.spec.js
@@ -0,0 +1,98 @@
+import { mount, createLocalVue } from '@vue/test-utils'
+import VueRouter from 'vue-router'
+import ElementUI from 'element-ui'
+import Breadcrumb from '@/components/Breadcrumb/index.vue'
+
+const localVue = createLocalVue()
+localVue.use(VueRouter)
+localVue.use(ElementUI)
+
+const routes = [
+ {
+ path: '/',
+ name: 'home',
+ children: [{
+ path: 'dashboard',
+ name: 'dashboard'
+ }]
+ },
+ {
+ path: '/menu',
+ name: 'menu',
+ children: [{
+ path: 'menu1',
+ name: 'menu1',
+ meta: { title: 'menu1' },
+ children: [{
+ path: 'menu1-1',
+ name: 'menu1-1',
+ meta: { title: 'menu1-1' }
+ },
+ {
+ path: 'menu1-2',
+ name: 'menu1-2',
+ redirect: 'noredirect',
+ meta: { title: 'menu1-2' },
+ children: [{
+ path: 'menu1-2-1',
+ name: 'menu1-2-1',
+ meta: { title: 'menu1-2-1' }
+ },
+ {
+ path: 'menu1-2-2',
+ name: 'menu1-2-2'
+ }]
+ }]
+ }]
+ }]
+
+const router = new VueRouter({
+ routes
+})
+
+describe('Breadcrumb.vue', () => {
+ const wrapper = mount(Breadcrumb, {
+ localVue,
+ router
+ })
+ it('dashboard', () => {
+ router.push('/dashboard')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(1)
+ })
+ it('normal route', () => {
+ router.push('/menu/menu1')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(2)
+ })
+ it('nested route', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-1')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(4)
+ })
+ it('no meta.title', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-2')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(3)
+ })
+ // it('click link', () => {
+ // router.push('/menu/menu1/menu1-2/menu1-2-2')
+ // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ // const second = breadcrumbArray.at(1)
+ // console.log(breadcrumbArray)
+ // const href = second.find('a').attributes().href
+ // expect(href).toBe('#/menu/menu1')
+ // })
+ // it('noRedirect', () => {
+ // router.push('/menu/menu1/menu1-2/menu1-2-1')
+ // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ // const redirectBreadcrumb = breadcrumbArray.at(2)
+ // expect(redirectBreadcrumb.contains('a')).toBe(false)
+ // })
+ it('last breadcrumb', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-1')
+ const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ const redirectBreadcrumb = breadcrumbArray.at(3)
+ expect(redirectBreadcrumb.contains('a')).toBe(false)
+ })
+})
diff --git a/tests/unit/components/Hamburger.spec.js b/tests/unit/components/Hamburger.spec.js
new file mode 100644
index 000000000..01ea303a5
--- /dev/null
+++ b/tests/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/tests/unit/components/SvgIcon.spec.js b/tests/unit/components/SvgIcon.spec.js
new file mode 100644
index 000000000..31467a9f6
--- /dev/null
+++ b/tests/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)
+ })
+})
diff --git a/tests/unit/utils/formatTime.spec.js b/tests/unit/utils/formatTime.spec.js
new file mode 100644
index 000000000..24e165b42
--- /dev/null
+++ b/tests/unit/utils/formatTime.spec.js
@@ -0,0 +1,30 @@
+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/unit/utils/parseTime.spec.js b/tests/unit/utils/parseTime.spec.js
new file mode 100644
index 000000000..41d1b028c
--- /dev/null
+++ b/tests/unit/utils/parseTime.spec.js
@@ -0,0 +1,28 @@
+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('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()
+ })
+})
diff --git a/tests/unit/utils/validate.spec.js b/tests/unit/utils/validate.spec.js
new file mode 100644
index 000000000..f774905b0
--- /dev/null
+++ b/tests/unit/utils/validate.spec.js
@@ -0,0 +1,17 @@
+import { validUsername, isExternal } 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('isExternal', () => {
+ expect(isExternal('https://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+ expect(isExternal('http://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+ expect(isExternal('github.com/PanJiaChen/vue-element-admin')).toBe(false)
+ expect(isExternal('/dashboard')).toBe(false)
+ expect(isExternal('./dashboard')).toBe(false)
+ expect(isExternal('dashboard')).toBe(false)
+ })
+})
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 000000000..d17fb6992
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,135 @@
+'use strict'
+// import { getBasePathConfig } from '@/utils/baseUrl'
+
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+
+function resolve(dir) {
+ return path.join(__dirname, dir)
+}
+
+const name = defaultSettings.title // page title
+const port = 9527 // dev port
+
+// All configuration item explanations can be find in https://cli.vuejs.org/config/
+module.exports = {
+ /**
+ * You will need to set publicPath if you plan to deploy your site under a sub path,
+ * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
+ * then publicPath should be set to "/bar/".
+ * In most cases please use '/' !!!
+ * Detail: https://cli.vuejs.org/config/#publicpath
+ */
+ publicPath: '/',
+ outputDir: 'dist',
+ assetsDir: 'static',
+ lintOnSave: false,
+ productionSourceMap: false,
+ devServer: {
+ port: port,
+ open: true,
+ overlay: {
+ warnings: false,
+ errors: true
+ }
+ // proxy: {
+ // // change xxx-api/login => mock/login
+ // // detail: https://cli.vuejs.org/config/#devserver-proxy
+ // [process.env.VUE_APP_BASE_API]: {
+ // target: `http://localhost:${port}/mock`,
+ // changeOrigin: true,
+ // pathRewrite: {
+ // ['^' + process.env.VUE_APP_BASE_API]: ''
+ // }
+ // }
+ // },
+ // after: require('./mock/mock-server.js')
+ },
+ configureWebpack: {
+ // provide the app's title in webpack's name field, so that
+ // it can be accessed in index.html to inject the correct title.
+ name: name,
+ resolve: {
+ alias: {
+ '@': resolve('src')
+ }
+ }
+ },
+ chainWebpack(config) {
+ config.plugins.delete('preload') // TODO: need test
+ config.plugins.delete('prefetch') // TODO: need test
+
+ // set svg-sprite-loader
+ config.module
+ .rule('svg')
+ .exclude.add(resolve('src/icons'))
+ .end()
+ config.module
+ .rule('icons')
+ .test(/\.svg$/)
+ .include.add(resolve('src/icons'))
+ .end()
+ .use('svg-sprite-loader')
+ .loader('svg-sprite-loader')
+ .options({
+ symbolId: 'icon-[name]'
+ })
+ .end()
+
+ // set preserveWhitespace
+ config.module
+ .rule('vue')
+ .use('vue-loader')
+ .loader('vue-loader')
+ .tap(options => {
+ options.compilerOptions.preserveWhitespace = true
+ return options
+ })
+ .end()
+
+ config
+ // https://webpack.js.org/configuration/devtool/#development
+ .when(process.env.NODE_ENV === 'development',
+ config => config.devtool('cheap-source-map')
+ )
+
+ config
+ .when(process.env.NODE_ENV !== 'development',
+ config => {
+ config
+ .plugin('ScriptExtHtmlWebpackPlugin')
+ .after('html')
+ .use('script-ext-html-webpack-plugin', [{
+ // `runtime` must same as runtimeChunk name. default is `runtime`
+ inline: /runtime\..*\.js$/
+ }])
+ .end()
+ config
+ .optimization.splitChunks({
+ chunks: 'all',
+ cacheGroups: {
+ libs: {
+ name: 'chunk-libs',
+ test: /[\\/]node_modules[\\/]/,
+ priority: 10,
+ chunks: 'initial' // only package third parties that are initially dependent
+ },
+ elementUI: {
+ name: 'chunk-elementUI', // split elementUI into a single package
+ priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+ test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+ },
+ commons: {
+ name: 'chunk-commons',
+ test: resolve('src/components'), // can customize your rules
+ minChunks: 3, // minimum common number
+ priority: 5,
+ reuseExistingChunk: true
+ }
+ }
+ })
+ config.optimization.runtimeChunk('single')
+ }
+ )
+ }
+}