](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/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..ba17966
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+ presets: [
+ '@vue/app'
+ ]
+}
diff --git a/build/index.js b/build/index.js
new file mode 100644
index 0000000..0c57de2
--- /dev/null
+++ b/build/index.js
@@ -0,0 +1,35 @@
+const { run } = require('runjs')
+const chalk = require('chalk')
+const config = require('../vue.config.js')
+const rawArgv = process.argv.slice(2)
+const args = rawArgv.join(' ')
+
+if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
+ const report = rawArgv.includes('--report')
+
+ run(`vue-cli-service build ${args}`)
+
+ const port = 9526
+ const publicPath = config.publicPath
+
+ var connect = require('connect')
+ var serveStatic = require('serve-static')
+ const app = connect()
+
+ app.use(
+ publicPath,
+ serveStatic('./dist', {
+ index: ['index.html', '/']
+ })
+ )
+
+ app.listen(port, function () {
+ console.log(chalk.green(`> Preview at http://localhost:${port}${publicPath}`))
+ if (report) {
+ console.log(chalk.green(`> Report at http://localhost:${port}${publicPath}report.html`))
+ }
+
+ })
+} else {
+ run(`vue-cli-service build ${args}`)
+}
diff --git a/config/dev.env.js b/config/dev.env.js
new file mode 100644
index 0000000..26bae7d
--- /dev/null
+++ b/config/dev.env.js
@@ -0,0 +1,8 @@
+// 'use strict'
+// const merge = require('webpack-merge')
+// const prodEnv = require('./prod.env')
+//
+// module.exports = merge(prodEnv, {
+// NODE_ENV: '"development"',
+// BASE_API: '"http://localhost:8088"'
+// })
diff --git a/config/index.js b/config/index.js
new file mode 100644
index 0000000..8d148a7
--- /dev/null
+++ b/config/index.js
@@ -0,0 +1,77 @@
+// 'use strict'
+// // Template version: 1.3.1
+// // see http://vuejs-templates.github.io/webpack for documentation.
+//
+// const path = require('path')
+// module.exports = {
+// dev: {
+//
+// // Paths
+// assetsSubDirectory: 'static',
+// assetsPublicPath: '/',
+// proxyTable: {
+// '/api': {
+// target: 'http://localhost:8088',
+// // target: 'http://www.twioes.com:18888',
+// changeOrigin: true,
+// pathRewrite: {
+// '^/api': ''
+// }
+// }
+//
+// },
+//
+// // Various Dev Server settings
+// host: 'localhost', // can be overwritten by process.env.HOST
+// port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+// autoOpenBrowser: false,
+// errorOverlay: true,
+// notifyOnErrors: true,
+// poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+//
+// /**
+// * Source Maps
+// */
+//
+// // https://webpack.js.org/configuration/devtool/#development
+// devtool: 'cheap-module-eval-source-map',
+//
+// // If you have problems debugging vue-files in devtools,
+// // set this to false - it *may* help
+// // https://vue-loader.vuejs.org/en/options.html#cachebusting
+// cacheBusting: true,
+//
+// cssSourceMap: true
+// },
+//
+// build: {
+// // Template for index.html
+// index: path.resolve(__dirname, '../dist/index.html'),
+//
+// // Paths
+// assetsRoot: path.resolve(__dirname, '../dist'),
+// assetsSubDirectory: 'static',
+// assetsPublicPath: '/',
+//
+// /**
+// * Source Maps
+// */
+//
+// productionSourceMap: true,
+// // https://webpack.js.org/configuration/devtool/#production
+// devtool: '#source-map',
+//
+// // Gzip off by default as many popular static hosts such as
+// // Surge or Netlify already gzip all static assets for you.
+// // Before setting to `true`, make sure to:
+// // npm install --save-dev compression-webpack-plugin
+// productionGzip: false,
+// productionGzipExtensions: ['js', 'css'],
+//
+// // Run the build command with an extra argument to
+// // View the bundle analyzer report after build finishes:
+// // `npm run build --report`
+// // Set to `true` or `false` to always turn it on or off
+// bundleAnalyzerReport: process.env.npm_config_report
+// }
+// }
diff --git a/config/prod.env.js b/config/prod.env.js
new file mode 100644
index 0000000..31ddcdc
--- /dev/null
+++ b/config/prod.env.js
@@ -0,0 +1,5 @@
+// 'use strict'
+// module.exports = {
+// NODE_ENV: '"production"',
+// BASE_API:'"http://10.10.1.130:10000"'
+// }
diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 0000000..143cdc8
--- /dev/null
+++ b/jest.config.js
@@ -0,0 +1,24 @@
+module.exports = {
+ moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
+ transform: {
+ '^.+\\.vue$': 'vue-jest',
+ '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
+ 'jest-transform-stub',
+ '^.+\\.jsx?$': 'babel-jest'
+ },
+ moduleNameMapper: {
+ '^@/(.*)$': '
+
+
+
+
+
+
diff --git a/src/api/table.js b/src/api/table.js
new file mode 100644
index 0000000..2752f52
--- /dev/null
+++ b/src/api/table.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+ return request({
+ url: '/vue-admin-template/table/list',
+ method: 'get',
+ params
+ })
+}
diff --git a/src/api/upload-api.js b/src/api/upload-api.js
new file mode 100644
index 0000000..7380761
--- /dev/null
+++ b/src/api/upload-api.js
@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+const qs = require('qs')
+
+export default {
+ // 上传
+ simpleUploadURL: process.env.VUE_APP_BASE_API + '/upload',
+ // 合并
+ mergeSimpleUpload: function(params) {
+ return request({
+ url: 'merge',
+ method: 'post',
+ params
+ })
+ },
+ uploadFolder: function(params) {
+ return request({
+ url: 'upload-folder',
+ method: 'post',
+ params,
+ paramsSerializer: function(params) {
+ return qs.stringify(params, { arrayFormat: 'repeat' })
+ }
+ })
+ },
+ // 文件列表
+ fileList: function(params) {
+ return request({
+ url: 'list',
+ method: 'get',
+ params
+ })
+ },
+ // 收藏/取消收藏
+ favoriteUrl: function(params) {
+ const isFavorite = params.isFavorite
+ if (isFavorite) {
+ return request({
+ url: 'favorite',
+ method: 'post',
+ params
+ })
+ } else {
+ return request({
+ url: 'unFavorite',
+ method: 'post',
+ params
+ })
+ }
+ },
+ // 删除
+ delete: function(params) {
+ return request({
+ url: 'delete',
+ method: 'delete',
+ params,
+ paramsSerializer: function(params) {
+ return qs.stringify(params, { arrayFormat: 'repeat' })
+ }
+ })
+ }
+
+}
diff --git a/src/api/user.js b/src/api/user.js
new file mode 100644
index 0000000..db4d13e
--- /dev/null
+++ b/src/api/user.js
@@ -0,0 +1,24 @@
+import request from '@/utils/request'
+
+export function login(data) {
+ return request({
+ url: 'login',
+ method: 'post',
+ data
+ })
+}
+
+export function getInfo(token) {
+ return request({
+ url: 'user/userInfo',
+ method: 'get',
+ params: { token }
+ })
+}
+
+export function logout() {
+ return request({
+ url: 'logout',
+ method: 'get'
+ })
+}
diff --git a/src/assets/404_images/404.png b/src/assets/404_images/404.png
new file mode 100644
index 0000000..3d8e230
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 0000000..c6281d0
Binary files /dev/null and b/src/assets/404_images/404_cloud.png differ
diff --git a/src/assets/js/bus.js b/src/assets/js/bus.js
new file mode 100755
index 0000000..0948c2e
--- /dev/null
+++ b/src/assets/js/bus.js
@@ -0,0 +1,3 @@
+import Vue from 'vue';
+
+export default new Vue();
diff --git a/src/assets/js/config.js b/src/assets/js/config.js
new file mode 100755
index 0000000..3684936
--- /dev/null
+++ b/src/assets/js/config.js
@@ -0,0 +1,10 @@
+export const ACCEPT_CONFIG = {
+ image: ['.png', '.jpg', '.jpeg', '.gif', '.bmp'],
+ video: ['.mp4', '.rmvb', '.mkv', '.wmv', '.flv'],
+ document: ['.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx', '.pdf', '.txt', '.tif', '.tiff'],
+ audio: ['.mp3'],
+ application: ['.zip', '.rar'],
+ getAll(){
+ return [...this.image, ...this.video, ...this.document, ...this.audio, ...this.application]
+ },
+};
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
new file mode 100644
index 0000000..ca4e846
--- /dev/null
+++ b/src/components/Breadcrumb/index.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/SimpleUploader/globalUploader.vue b/src/components/SimpleUploader/globalUploader.vue
new file mode 100755
index 0000000..c853c6d
--- /dev/null
+++ b/src/components/SimpleUploader/globalUploader.vue
@@ -0,0 +1,489 @@
+
+
+
+
+
+ 选择文件
+
+ 选择文件夹
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/SimpleUploader/images/audio.svg b/src/components/SimpleUploader/images/audio.svg
new file mode 100644
index 0000000..dea21ab
--- /dev/null
+++ b/src/components/SimpleUploader/images/audio.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/SimpleUploader/images/docment.svg b/src/components/SimpleUploader/images/docment.svg
new file mode 100644
index 0000000..15f2bfa
--- /dev/null
+++ b/src/components/SimpleUploader/images/docment.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/SimpleUploader/images/file.svg b/src/components/SimpleUploader/images/file.svg
new file mode 100644
index 0000000..a928e57
--- /dev/null
+++ b/src/components/SimpleUploader/images/file.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/SimpleUploader/images/folder.svg b/src/components/SimpleUploader/images/folder.svg
new file mode 100644
index 0000000..36027ec
--- /dev/null
+++ b/src/components/SimpleUploader/images/folder.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/SimpleUploader/images/image.svg b/src/components/SimpleUploader/images/image.svg
new file mode 100644
index 0000000..8d4a96e
--- /dev/null
+++ b/src/components/SimpleUploader/images/image.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/SimpleUploader/images/video.svg b/src/components/SimpleUploader/images/video.svg
new file mode 100644
index 0000000..5094386
--- /dev/null
+++ b/src/components/SimpleUploader/images/video.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/SimpleUploader/images/zip.svg b/src/components/SimpleUploader/images/zip.svg
new file mode 100644
index 0000000..3663c93
--- /dev/null
+++ b/src/components/SimpleUploader/images/zip.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
new file mode 100644
index 0000000..9a3318e
--- /dev/null
+++ b/src/components/SvgIcon/index.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/popover/MenuPopover.vue b/src/components/popover/MenuPopover.vue
new file mode 100644
index 0000000..986a037
--- /dev/null
+++ b/src/components/popover/MenuPopover.vue
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 文件列表
+
+
+
+
+
+
+
+
+ -
+
-
+
+
+
暂无待上传文件
+
+
+ -
+
- + + +
- + + +
+
+
+
+
+
+
+ {{ column.render(scope.row) }}
+
+ {{ scope.row[column.prop] }}
+
+
+
+
+
+
+
+ {{ btn.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/icons/index.js b/src/icons/index.js
new file mode 100644
index 0000000..2c6b309
--- /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/Favoritestarrate.svg b/src/icons/svg/Favoritestarrate.svg
new file mode 100644
index 0000000..3151e86
--- /dev/null
+++ b/src/icons/svg/Favoritestarrate.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/audio.svg b/src/icons/svg/audio.svg
new file mode 100644
index 0000000..dea21ab
--- /dev/null
+++ b/src/icons/svg/audio.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/breadcrumb-right.svg b/src/icons/svg/breadcrumb-right.svg
new file mode 100644
index 0000000..50f378d
--- /dev/null
+++ b/src/icons/svg/breadcrumb-right.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/dashboard.svg b/src/icons/svg/dashboard.svg
new file mode 100644
index 0000000..5317d37
--- /dev/null
+++ b/src/icons/svg/dashboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/docment.svg b/src/icons/svg/docment.svg
new file mode 100644
index 0000000..15f2bfa
--- /dev/null
+++ b/src/icons/svg/docment.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/example.svg b/src/icons/svg/example.svg
new file mode 100644
index 0000000..46f42b5
--- /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 0000000..88dcc98
--- /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 0000000..16ed2d8
--- /dev/null
+++ b/src/icons/svg/eye.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/file.svg b/src/icons/svg/file.svg
new file mode 100644
index 0000000..a928e57
--- /dev/null
+++ b/src/icons/svg/file.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/folder-128.svg b/src/icons/svg/folder-128.svg
new file mode 100644
index 0000000..1a24d56
--- /dev/null
+++ b/src/icons/svg/folder-128.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/folder.svg b/src/icons/svg/folder.svg
new file mode 100644
index 0000000..36027ec
--- /dev/null
+++ b/src/icons/svg/folder.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/form.svg b/src/icons/svg/form.svg
new file mode 100644
index 0000000..dcbaa18
--- /dev/null
+++ b/src/icons/svg/form.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/gongxiangzhongxin.svg b/src/icons/svg/gongxiangzhongxin.svg
new file mode 100644
index 0000000..5ef7cb0
--- /dev/null
+++ b/src/icons/svg/gongxiangzhongxin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/home.svg b/src/icons/svg/home.svg
new file mode 100644
index 0000000..91884ee
--- /dev/null
+++ b/src/icons/svg/home.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/image.svg b/src/icons/svg/image.svg
new file mode 100644
index 0000000..8d4a96e
--- /dev/null
+++ b/src/icons/svg/image.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/link.svg b/src/icons/svg/link.svg
new file mode 100644
index 0000000..48197ba
--- /dev/null
+++ b/src/icons/svg/link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/menu-copy.svg b/src/icons/svg/menu-copy.svg
new file mode 100644
index 0000000..be1b003
--- /dev/null
+++ b/src/icons/svg/menu-copy.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-deselect.svg b/src/icons/svg/menu-deselect.svg
new file mode 100644
index 0000000..9fed2c3
--- /dev/null
+++ b/src/icons/svg/menu-deselect.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-details.svg b/src/icons/svg/menu-details.svg
new file mode 100644
index 0000000..f79e6ee
--- /dev/null
+++ b/src/icons/svg/menu-details.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-download.svg b/src/icons/svg/menu-download.svg
new file mode 100644
index 0000000..b7ff358
--- /dev/null
+++ b/src/icons/svg/menu-download.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-favorite-hover.svg b/src/icons/svg/menu-favorite-hover.svg
new file mode 100644
index 0000000..afe2117
--- /dev/null
+++ b/src/icons/svg/menu-favorite-hover.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-favorite.svg b/src/icons/svg/menu-favorite.svg
new file mode 100644
index 0000000..2d839e5
--- /dev/null
+++ b/src/icons/svg/menu-favorite.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-open.svg b/src/icons/svg/menu-open.svg
new file mode 100644
index 0000000..49ba219
--- /dev/null
+++ b/src/icons/svg/menu-open.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-remove.svg b/src/icons/svg/menu-remove.svg
new file mode 100644
index 0000000..1abef5a
--- /dev/null
+++ b/src/icons/svg/menu-remove.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-rename.svg b/src/icons/svg/menu-rename.svg
new file mode 100644
index 0000000..3862e8e
--- /dev/null
+++ b/src/icons/svg/menu-rename.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/more.svg b/src/icons/svg/more.svg
new file mode 100644
index 0000000..8192c05
--- /dev/null
+++ b/src/icons/svg/more.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/nested.svg b/src/icons/svg/nested.svg
new file mode 100644
index 0000000..06713a8
--- /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 0000000..e291d85
--- /dev/null
+++ b/src/icons/svg/password.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/share.svg b/src/icons/svg/share.svg
new file mode 100644
index 0000000..3037985
--- /dev/null
+++ b/src/icons/svg/share.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/table.svg b/src/icons/svg/table.svg
new file mode 100644
index 0000000..0e3dc9d
--- /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 0000000..dd4b7dd
--- /dev/null
+++ b/src/icons/svg/tree.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/txt.svg b/src/icons/svg/txt.svg
new file mode 100644
index 0000000..2a2c22d
--- /dev/null
+++ b/src/icons/svg/txt.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/user.svg b/src/icons/svg/user.svg
new file mode 100644
index 0000000..0ba0716
--- /dev/null
+++ b/src/icons/svg/user.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/video.svg b/src/icons/svg/video.svg
new file mode 100644
index 0000000..5094386
--- /dev/null
+++ b/src/icons/svg/video.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/zip.svg b/src/icons/svg/zip.svg
new file mode 100644
index 0000000..3663c93
--- /dev/null
+++ b/src/icons/svg/zip.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/ziyuan.svg b/src/icons/svg/ziyuan.svg
new file mode 100644
index 0000000..bb42f4a
--- /dev/null
+++ b/src/icons/svg/ziyuan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/zuijinyuedu.svg b/src/icons/svg/zuijinyuedu.svg
new file mode 100644
index 0000000..2de19a6
--- /dev/null
+++ b/src/icons/svg/zuijinyuedu.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svgo.yml b/src/icons/svgo.yml
new file mode 100644
index 0000000..d11906a
--- /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 0000000..f6a3286
--- /dev/null
+++ b/src/layout/components/AppMain.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
new file mode 100644
index 0000000..a418c3d
--- /dev/null
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,95 @@
+
+ {{ title }}
+{{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
new file mode 100644
index 0000000..da39034
--- /dev/null
+++ b/src/layout/components/Sidebar/index.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/index.js b/src/layout/components/index.js
new file mode 100644
index 0000000..97ee3cd
--- /dev/null
+++ b/src/layout/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/layout/index.vue b/src/layout/index.vue
new file mode 100644
index 0000000..db22a7b
--- /dev/null
+++ b/src/layout/index.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/mixin/ResizeHandler.js b/src/layout/mixin/ResizeHandler.js
new file mode 100644
index 0000000..e8d0df8
--- /dev/null
+++ b/src/layout/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 0000000..6965ac3
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,67 @@
+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 uploader from 'vue-simple-uploader'
+import EVueContextmenu from 'e-vue-contextmenu'
+import App from './App'
+import store from './store'
+import router from './router'
+import WeVue from 'we-vue'
+import 'we-vue/lib/style.css'
+
+import '@/icons' // icon
+import '@/permission' // permission control
+
+/**
+ * If you don't want to use mock-server
+ * you want to use MockJs for mock api
+ * you can execute: mockXHR()
+ *
+ * Currently MockJs will be used in the production environment,
+ * please remove it before going online ! ! !
+ */
+// if (process.env.NODE_ENV === 'production') {
+// const { mockXHR } = require('../mock')
+// mockXHR()
+// }
+
+// set ElementUI lang to EN
+// Vue.use(ElementUI, { locale })
+// 如果想要中文版 element-ui，按如下方式声明
+Vue.use(ElementUI)
+Vue.use(WeVue)
+
+Vue.use(uploader)
+Vue.use(EVueContextmenu)
+
+Vue.config.productionTip = false
+
+new Vue({
+ el: '#app',
+ router,
+ store,
+ render: h => h(App)
+})
+
+if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
+ Vue.prototype.$pc = false
+} else {
+ Vue.prototype.$pc = true
+ let winWidth = document.documentElement.offsetWidth ||
+ document.body.offsetWidth
+ winWidth = winWidth < 1366 ? 1366 : winWidth
+ const oHtml = document.getElementsByTagName('html')[0]
+ oHtml.style.fontSize = 100 * winWidth / 1920 + 'px'
+ window.addEventListener('resize', function() {
+ let winWidth = document.documentElement.offsetWidth || document.body.offsetWidth
+ winWidth = winWidth < 1366 ? 1366 : winWidth
+ const oHtml = document.getElementsByTagName('html')[0]
+ oHtml.style.fontSize = 100 * winWidth / 1920 + 'px'
+ })
+}
diff --git a/src/permission.js b/src/permission.js
new file mode 100644
index 0000000..fa1ea19
--- /dev/null
+++ b/src/permission.js
@@ -0,0 +1,64 @@
+import router from './router'
+import store from './store'
+import { Message } from 'element-ui'
+import NProgress from 'nprogress' // progress bar
+import 'nprogress/nprogress.css' // progress bar style
+import { getToken } from '@/utils/auth' // get token from cookie
+import getPageTitle from '@/utils/get-page-title'
+
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+
+const whiteList = ['/login'] // no redirect whitelist
+
+router.beforeEach(async(to, from, next) => {
+ // start progress bar
+ NProgress.start()
+
+ // set page title
+ document.title = getPageTitle(to.meta.title)
+
+ // determine whether the user has logged in
+ const hasToken = getToken()
+
+ if (hasToken) {
+ if (to.path === '/login') {
+ // if is logged in, redirect to the home page
+ next({ path: '/' })
+ NProgress.done()
+ } else {
+ const hasGetUserInfo = store.getters.name
+ if (hasGetUserInfo) {
+ next()
+ } else {
+ try {
+ // get user info
+ await store.dispatch('user/getInfo')
+
+ next()
+ } catch (error) {
+ // remove token and go to login page to re-login
+ await store.dispatch('user/resetToken')
+ Message.error(error || 'Has Error')
+ next(`/login?redirect=${to.path}`)
+ NProgress.done()
+ }
+ }
+ }
+ } else {
+ /* has no token*/
+
+ if (whiteList.indexOf(to.path) !== -1) {
+ // in the free login whitelist, go directly
+ next()
+ } else {
+ // other pages that do not have permission to access are redirected to the login page.
+ next(`/login?redirect=${to.path}`)
+ NProgress.done()
+ }
+ }
+})
+
+router.afterEach(() => {
+ // finish progress bar
+ NProgress.done()
+})
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..f354cce
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,264 @@
+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/demo/index.vue b/src/views/demo/index.vue
new file mode 100644
index 0000000..1db64ad
--- /dev/null
+++ b/src/views/demo/index.vue
@@ -0,0 +1,9 @@
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ 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
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Create
+ Cancel
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
new file mode 100644
index 0000000..e9e86e2
--- /dev/null
+++ b/src/views/home/index.vue
@@ -0,0 +1,966 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.size }}B
+ {{ (scope.row.size/1024).toFixed(2) }}K
+ {{ (scope.row.size/(1024*1024)).toFixed(2) }}M
+ {{ (scope.row.size/(1024*1024*1024)).toFixed(2) }}G
+
+
+
+
+
+ 刚刚
+ {{ (scope.row.agoTime/1000).toFixed(0) }} 秒钟前
+ {{ (scope.row.agoTime/(1000*60)).toFixed(0) }} 分钟前
+ {{ (scope.row.agoTime/(1000*60*60)).toFixed(0) }} 小时前
+ {{ (scope.row.agoTime/(1000*60*60*24)).toFixed(0) }} 天前
+ {{ (scope.row.agoTime/(1000*60*60*24)).toFixed(0) }} 个月前
+ {{ (scope.row.agoTime/(1000*60*60*24*30*12)).toFixed(0) }} 年前
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home/mobile/index.vue b/src/views/home/mobile/index.vue
new file mode 100644
index 0000000..614caba
--- /dev/null
+++ b/src/views/home/mobile/index.vue
@@ -0,0 +1,866 @@
+
+
+
+ -
+
- + + +
- + + +
- + + + + +
-
+
- + + +
- + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.name }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..f974c27
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,240 @@
+
+
+
+ -
+
- + + +
- + + +
- + + + + +
-
+
- + + +
+
+
+
+
+
+
+
+
+
+
+ Login
+
+
+
+
+
+
+
+
+
+
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 @@
+
+
+
+
+ Login Form
+
+ username: admin
+ password: any
+
+
+
+
+
+
+
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/recently/index.vue b/src/views/recently/index.vue
new file mode 100644
index 0000000..26248dd
--- /dev/null
+++ b/src/views/recently/index.vue
@@ -0,0 +1,45 @@
+
+
+
+ 上传
+
+
+
+
+
+
diff --git a/src/views/table/index.vue b/src/views/table/index.vue
new file mode 100644
index 0000000..a1ed847
--- /dev/null
+++ b/src/views/table/index.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+ {{ scope.$index }}
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+ {{ scope.row.pageviews }}
+
+
+
+
+ {{ scope.row.status }}
+
+
+
+
+
+ {{ scope.row.display_time }}
+
+
+
+
+
+
+
diff --git a/src/views/tree/index.vue b/src/views/tree/index.vue
new file mode 100644
index 0000000..89c6b01
--- /dev/null
+++ b/src/views/tree/index.vue
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
diff --git a/tests/unit/.eslintrc.js b/tests/unit/.eslintrc.js
new file mode 100644
index 0000000..958d51b
--- /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 0000000..1d94c8f
--- /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 0000000..01ea303
--- /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 0000000..31467a9
--- /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 0000000..24e165b
--- /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 0000000..41d1b02
--- /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 0000000..f774905
--- /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 0000000..5ed2613
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,138 @@
+'use strict'
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+
+function resolve(dir) {
+ return path.join(__dirname, dir)
+}
+
+const name = defaultSettings.title || 'jmalCloud' // page title
+
+// If your port is set to 80,
+// use administrator privileges to execute the command line.
+// For example, Mac: sudo npm run
+// You can change the port by the following methods:
+// port = 9528 npm run dev OR npm run dev --port = 9528
+const port = process.env.port || process.env.npm_config_port || 9528 // 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: process.env.NODE_ENV === 'development',
+ productionSourceMap: false,
+ devServer: {
+ port: port,
+ open: false,
+ overlay: {
+ warnings: false,
+ errors: true
+ },
+ proxy: {
+ [process.env.VUE_APP_BASE_API]: {
+ target: 'http://localhost:8088/',
+ // target: `http://127.0.0.1:${port}/mock`,
+ changeOrigin: true,
+ pathRewrite: {
+ ['^' + process.env.VUE_APP_BASE_API]: ''
+ }
+ }
+ }
+ // before: 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')
+ }
+ )
+ }
+}