@ -0,0 +1,13 @@ |
|||||||
|
{ |
||||||
|
"presets": [ |
||||||
|
["env", { |
||||||
|
"modules": false |
||||||
|
}], |
||||||
|
"stage-2" |
||||||
|
], |
||||||
|
"plugins": ["transform-runtime", ["component", [ |
||||||
|
{ |
||||||
|
"libraryName": "element-ui" |
||||||
|
} |
||||||
|
]]] |
||||||
|
} |
@ -0,0 +1,9 @@ |
|||||||
|
root = true |
||||||
|
|
||||||
|
[*] |
||||||
|
charset = utf-8 |
||||||
|
indent_style = space |
||||||
|
indent_size = 2 |
||||||
|
end_of_line = lf |
||||||
|
insert_final_newline = true |
||||||
|
trim_trailing_whitespace = true |
@ -0,0 +1,4 @@ |
|||||||
|
ENV = 'development' |
||||||
|
|
||||||
|
# 接口地址 |
||||||
|
VUE_APP_BASE_API = 'http://192.168.1.111:8891/sqx_fast/' |
@ -0,0 +1,6 @@ |
|||||||
|
ENV = 'production' |
||||||
|
|
||||||
|
# 接口地址 |
||||||
|
VUE_APP_BASE_API = 'http://waimai.admin.service.cyjyyjy.com/sqx_fast/' |
||||||
|
VUE_APP_WS_API = 'ws:///127.0.0.1:8001' |
||||||
|
|
@ -0,0 +1,7 @@ |
|||||||
|
/build/ |
||||||
|
/config/ |
||||||
|
/dist/ |
||||||
|
/*.js |
||||||
|
/test/unit/coverage/ |
||||||
|
/src/icons/iconfont.js |
||||||
|
* |
@ -0,0 +1,26 @@ |
|||||||
|
// https://eslint.org/docs/user-guide/configuring
|
||||||
|
|
||||||
|
module.exports = { |
||||||
|
root: true, |
||||||
|
parser: 'babel-eslint', |
||||||
|
parserOptions: { |
||||||
|
sourceType: 'module' |
||||||
|
}, |
||||||
|
env: { |
||||||
|
browser: true, |
||||||
|
}, |
||||||
|
globals:{ "qq": true }, |
||||||
|
// https://github.com/standard/standard/blob/master/docs/RULES-en.md
|
||||||
|
extends: 'standard', |
||||||
|
// required to lint *.vue files
|
||||||
|
plugins: [ |
||||||
|
'html' |
||||||
|
], |
||||||
|
// add your custom rules here
|
||||||
|
rules: { |
||||||
|
// allow async-await
|
||||||
|
'generator-star-spacing': 'off', |
||||||
|
// allow debugger during development
|
||||||
|
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,17 @@ |
|||||||
|
.DS_Store |
||||||
|
node_modules/ |
||||||
|
dist/ |
||||||
|
npm-debug.log* |
||||||
|
yarn-debug.log* |
||||||
|
yarn-error.log* |
||||||
|
/test/unit/coverage/ |
||||||
|
/test/e2e/reports/ |
||||||
|
selenium-debug.log |
||||||
|
|
||||||
|
# Editor directories and files |
||||||
|
.idea |
||||||
|
.vscode |
||||||
|
*.suo |
||||||
|
*.ntvs* |
||||||
|
*.njsproj |
||||||
|
*.sln |
@ -0,0 +1,9 @@ |
|||||||
|
// https://github.com/michael-ciniawsky/postcss-load-config
|
||||||
|
|
||||||
|
module.exports = { |
||||||
|
"plugins": { |
||||||
|
// to edit target browsers: use "browserslist" field in package.json
|
||||||
|
"postcss-import": {}, |
||||||
|
"autoprefixer": {} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,9 @@ |
|||||||
|
## 番茄饭团后台系统 |
||||||
|
- 番茄饭团后台系统基于vue、element-ui构建开发,实现省外卖外卖系统前端功能,提供一套更优的前端解决方案 |
||||||
|
- 前后端分离,通过token进行数据交互,可独立部署 |
||||||
|
- 主题定制,通过scss变量统一一站式定制 |
||||||
|
- 动态菜单,通过菜单管理统一管理访问路由 |
||||||
|
- 数据切换,通过mock配置对接口数据/mock模拟数据进行切换 |
||||||
|
- 发布时,可动态配置CDN静态资源/切换新旧版本 |
||||||
|
|
||||||
|
|
@ -0,0 +1,41 @@ |
|||||||
|
'use strict' |
||||||
|
require('./check-versions')() |
||||||
|
|
||||||
|
process.env.NODE_ENV = 'production' |
||||||
|
|
||||||
|
const ora = require('ora') |
||||||
|
const rm = require('rimraf') |
||||||
|
const path = require('path') |
||||||
|
const chalk = require('chalk') |
||||||
|
const webpack = require('webpack') |
||||||
|
const config = require('../config') |
||||||
|
const webpackConfig = require('./webpack.prod.conf') |
||||||
|
|
||||||
|
const spinner = ora('building for production...') |
||||||
|
spinner.start() |
||||||
|
|
||||||
|
rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { |
||||||
|
if (err) throw err |
||||||
|
webpack(webpackConfig, (err, stats) => { |
||||||
|
spinner.stop() |
||||||
|
if (err) throw err |
||||||
|
process.stdout.write(stats.toString({ |
||||||
|
colors: true, |
||||||
|
modules: false, |
||||||
|
children: false, |
||||||
|
chunks: false, |
||||||
|
chunkModules: false |
||||||
|
}) + '\n\n') |
||||||
|
|
||||||
|
if (stats.hasErrors()) { |
||||||
|
console.log(chalk.red(' Build failed with errors.\n')) |
||||||
|
process.exit(1) |
||||||
|
} |
||||||
|
|
||||||
|
console.log(chalk.cyan(' Build complete.\n')) |
||||||
|
console.log(chalk.yellow( |
||||||
|
' Tip: built files are meant to be served over an HTTP server.\n' + |
||||||
|
' Opening index.html over file:// won\'t work.\n' |
||||||
|
)) |
||||||
|
}) |
||||||
|
}) |
@ -0,0 +1,54 @@ |
|||||||
|
'use strict' |
||||||
|
const chalk = require('chalk') |
||||||
|
const semver = require('semver') |
||||||
|
const packageConfig = require('../package.json') |
||||||
|
const shell = require('shelljs') |
||||||
|
|
||||||
|
function exec (cmd) { |
||||||
|
return require('child_process').execSync(cmd).toString().trim() |
||||||
|
} |
||||||
|
|
||||||
|
const versionRequirements = [ |
||||||
|
{ |
||||||
|
name: 'node', |
||||||
|
currentVersion: semver.clean(process.version), |
||||||
|
versionRequirement: packageConfig.engines.node |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
if (shell.which('npm')) { |
||||||
|
versionRequirements.push({ |
||||||
|
name: 'npm', |
||||||
|
currentVersion: exec('npm --version'), |
||||||
|
versionRequirement: packageConfig.engines.npm |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
module.exports = function () { |
||||||
|
const warnings = [] |
||||||
|
|
||||||
|
for (let i = 0; i < versionRequirements.length; i++) { |
||||||
|
const mod = versionRequirements[i] |
||||||
|
|
||||||
|
if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { |
||||||
|
warnings.push(mod.name + ': ' + |
||||||
|
chalk.red(mod.currentVersion) + ' should be ' + |
||||||
|
chalk.green(mod.versionRequirement) |
||||||
|
) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (warnings.length) { |
||||||
|
console.log('') |
||||||
|
console.log(chalk.yellow('To use this template, you must update following to modules:')) |
||||||
|
console.log() |
||||||
|
|
||||||
|
for (let i = 0; i < warnings.length; i++) { |
||||||
|
const warning = warnings[i] |
||||||
|
console.log(' ' + warning) |
||||||
|
} |
||||||
|
|
||||||
|
console.log() |
||||||
|
process.exit(1) |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,102 @@ |
|||||||
|
'use strict' |
||||||
|
const path = require('path') |
||||||
|
const config = require('../config') |
||||||
|
const ExtractTextPlugin = require('extract-text-webpack-plugin') |
||||||
|
const packageConfig = require('../package.json') |
||||||
|
|
||||||
|
exports.assetsPath = function (_path) { |
||||||
|
const assetsSubDirectory = process.env.NODE_ENV === 'production' |
||||||
|
? config.build.assetsSubDirectory |
||||||
|
: config.dev.assetsSubDirectory |
||||||
|
|
||||||
|
return path.posix.join(assetsSubDirectory, _path) |
||||||
|
} |
||||||
|
|
||||||
|
exports.cssLoaders = function (options) { |
||||||
|
options = options || {} |
||||||
|
|
||||||
|
const cssLoader = { |
||||||
|
loader: 'css-loader', |
||||||
|
options: { |
||||||
|
sourceMap: options.sourceMap |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const postcssLoader = { |
||||||
|
loader: 'postcss-loader', |
||||||
|
options: { |
||||||
|
sourceMap: options.sourceMap |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// generate loader string to be used with extract text plugin
|
||||||
|
function generateLoaders (loader, loaderOptions) { |
||||||
|
const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] |
||||||
|
|
||||||
|
if (loader) { |
||||||
|
loaders.push({ |
||||||
|
loader: loader + '-loader', |
||||||
|
options: Object.assign({}, loaderOptions, { |
||||||
|
sourceMap: options.sourceMap |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
// Extract CSS when that option is specified
|
||||||
|
// (which is the case during production build)
|
||||||
|
if (options.extract) { |
||||||
|
return ExtractTextPlugin.extract({ |
||||||
|
use: loaders, |
||||||
|
fallback: 'vue-style-loader', |
||||||
|
publicPath:'../../' |
||||||
|
}) |
||||||
|
} else { |
||||||
|
return ['vue-style-loader'].concat(loaders) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// https://vue-loader.vuejs.org/en/configurations/extract-css.html
|
||||||
|
return { |
||||||
|
css: generateLoaders(), |
||||||
|
postcss: generateLoaders(), |
||||||
|
less: generateLoaders('less'), |
||||||
|
sass: generateLoaders('sass', { indentedSyntax: true }), |
||||||
|
scss: generateLoaders('sass'), |
||||||
|
stylus: generateLoaders('stylus'), |
||||||
|
styl: generateLoaders('stylus') |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// Generate loaders for standalone style files (outside of .vue)
|
||||||
|
exports.styleLoaders = function (options) { |
||||||
|
const output = [] |
||||||
|
const loaders = exports.cssLoaders(options) |
||||||
|
|
||||||
|
for (const extension in loaders) { |
||||||
|
const loader = loaders[extension] |
||||||
|
output.push({ |
||||||
|
test: new RegExp('\\.' + extension + '$'), |
||||||
|
use: loader |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
return output |
||||||
|
} |
||||||
|
|
||||||
|
exports.createNotifierCallback = () => { |
||||||
|
const notifier = require('node-notifier') |
||||||
|
|
||||||
|
return (severity, errors) => { |
||||||
|
if (severity !== 'error') return |
||||||
|
|
||||||
|
const error = errors[0] |
||||||
|
const filename = error.file && error.file.split('!').pop() |
||||||
|
|
||||||
|
notifier.notify({ |
||||||
|
title: packageConfig.name, |
||||||
|
message: severity + ': ' + error.name, |
||||||
|
subtitle: filename || '', |
||||||
|
icon: path.join(__dirname, 'logo.png') |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,22 @@ |
|||||||
|
'use strict' |
||||||
|
const utils = require('./utils') |
||||||
|
const config = require('../config') |
||||||
|
const isProduction = process.env.NODE_ENV === 'production' |
||||||
|
const sourceMapEnabled = isProduction |
||||||
|
? config.build.productionSourceMap |
||||||
|
: config.dev.cssSourceMap |
||||||
|
|
||||||
|
module.exports = { |
||||||
|
loaders: utils.cssLoaders({ |
||||||
|
sourceMap: sourceMapEnabled, |
||||||
|
extract: isProduction |
||||||
|
}), |
||||||
|
cssSourceMap: sourceMapEnabled, |
||||||
|
cacheBusting: config.dev.cacheBusting, |
||||||
|
transformToRequire: { |
||||||
|
video: ['src', 'poster'], |
||||||
|
source: 'src', |
||||||
|
img: 'src', |
||||||
|
image: 'xlink:href' |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,104 @@ |
|||||||
|
'use strict' |
||||||
|
const path = require('path') |
||||||
|
const utils = require('./utils') |
||||||
|
const config = require('../config') |
||||||
|
const vueLoaderConfig = require('./vue-loader.conf') |
||||||
|
|
||||||
|
function resolve (dir) { |
||||||
|
return path.join(__dirname, '..', dir) |
||||||
|
} |
||||||
|
|
||||||
|
const createLintingRule = () => ({ |
||||||
|
test: /\.(js|vue)$/, |
||||||
|
loader: 'eslint-loader', |
||||||
|
enforce: 'pre', |
||||||
|
include: [resolve('src'), resolve('test')], |
||||||
|
options: { |
||||||
|
formatter: require('eslint-friendly-formatter'), |
||||||
|
emitWarning: !config.dev.showEslintErrorsInOverlay |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
module.exports = { |
||||||
|
context: path.resolve(__dirname, '../'), |
||||||
|
entry: { |
||||||
|
app: ['babel-polyfill', './src/main.js'] |
||||||
|
}, |
||||||
|
output: { |
||||||
|
path: config.build.assetsRoot, |
||||||
|
filename: '[name].js', |
||||||
|
publicPath: process.env.NODE_ENV === 'production' |
||||||
|
? config.build.assetsPublicPath |
||||||
|
: config.dev.assetsPublicPath |
||||||
|
}, |
||||||
|
resolve: { |
||||||
|
extensions: ['.js', '.vue', '.json'], |
||||||
|
alias: { |
||||||
|
'vue$': 'vue/dist/vue.esm.js', |
||||||
|
'@': resolve('src'), |
||||||
|
} |
||||||
|
}, |
||||||
|
module: { |
||||||
|
rules: [ |
||||||
|
...(config.dev.useEslint ? [createLintingRule()] : []), |
||||||
|
{ |
||||||
|
test: /\.vue$/, |
||||||
|
loader: 'vue-loader', |
||||||
|
options: vueLoaderConfig |
||||||
|
}, |
||||||
|
{ |
||||||
|
test: /\.js$/, |
||||||
|
loader: 'babel-loader', |
||||||
|
include: [resolve('src'), resolve('test')] |
||||||
|
}, |
||||||
|
{ |
||||||
|
test: /\.svg$/, |
||||||
|
loader: 'svg-sprite-loader', |
||||||
|
include: [resolve('src/icons')] |
||||||
|
}, |
||||||
|
{ |
||||||
|
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, |
||||||
|
loader: 'url-loader', |
||||||
|
exclude: [resolve('src/icons')], |
||||||
|
options: { |
||||||
|
limit: 10000, |
||||||
|
name: utils.assetsPath('img/[name].[hash:7].[ext]') |
||||||
|
} |
||||||
|
}, |
||||||
|
{ |
||||||
|
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, |
||||||
|
loader: 'url-loader', |
||||||
|
options: { |
||||||
|
limit: 10000, |
||||||
|
name: utils.assetsPath('media/[name].[hash:7].[ext]') |
||||||
|
} |
||||||
|
}, |
||||||
|
{ |
||||||
|
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, |
||||||
|
loader: 'url-loader', |
||||||
|
options: { |
||||||
|
limit: 10000, |
||||||
|
name: utils.assetsPath('fonts/[name].[hash:7].[ext]') |
||||||
|
} |
||||||
|
} |
||||||
|
] |
||||||
|
}, |
||||||
|
node: { |
||||||
|
// prevent webpack from injecting useless setImmediate polyfill because Vue
|
||||||
|
// source contains it (although only uses it if it's native).
|
||||||
|
setImmediate: false, |
||||||
|
// prevent webpack from injecting mocks to Node native modules
|
||||||
|
// that does not make sense for the client
|
||||||
|
dgram: 'empty', |
||||||
|
fs: 'empty', |
||||||
|
net: 'empty', |
||||||
|
tls: 'empty', |
||||||
|
child_process: 'empty' |
||||||
|
}, |
||||||
|
// 引入外部库, 无需webpack打包处理
|
||||||
|
externals: { |
||||||
|
mockjs: 'Mock', |
||||||
|
echarts: 'echarts', |
||||||
|
ueditor: 'UE' |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,80 @@ |
|||||||
|
'use strict' |
||||||
|
const utils = require('./utils') |
||||||
|
const webpack = require('webpack') |
||||||
|
const config = require('../config') |
||||||
|
const merge = require('webpack-merge') |
||||||
|
const baseWebpackConfig = require('./webpack.base.conf') |
||||||
|
const HtmlWebpackPlugin = require('html-webpack-plugin') |
||||||
|
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') |
||||||
|
const portfinder = require('portfinder') |
||||||
|
|
||||||
|
const HOST = process.env.HOST |
||||||
|
const PORT = process.env.PORT && Number(process.env.PORT) |
||||||
|
|
||||||
|
const devWebpackConfig = merge(baseWebpackConfig, { |
||||||
|
module: { |
||||||
|
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) |
||||||
|
}, |
||||||
|
// cheap-module-eval-source-map is faster for development
|
||||||
|
devtool: config.dev.devtool, |
||||||
|
|
||||||
|
// these devServer options should be customized in /config/index.js
|
||||||
|
devServer: { |
||||||
|
clientLogLevel: 'warning', |
||||||
|
historyApiFallback: true, |
||||||
|
hot: true, |
||||||
|
compress: true, |
||||||
|
host: HOST || config.dev.host, |
||||||
|
port: PORT || config.dev.port, |
||||||
|
open: config.dev.autoOpenBrowser, |
||||||
|
overlay: config.dev.errorOverlay |
||||||
|
? { warnings: false, errors: true } |
||||||
|
: false, |
||||||
|
publicPath: config.dev.assetsPublicPath, |
||||||
|
proxy: config.dev.proxyTable, |
||||||
|
quiet: true, // necessary for FriendlyErrorsPlugin
|
||||||
|
watchOptions: { |
||||||
|
poll: config.dev.poll, |
||||||
|
} |
||||||
|
}, |
||||||
|
plugins: [ |
||||||
|
new webpack.DefinePlugin({ |
||||||
|
'process.env': require('../config/dev.env') |
||||||
|
}), |
||||||
|
new webpack.HotModuleReplacementPlugin(), |
||||||
|
new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
|
||||||
|
new webpack.NoEmitOnErrorsPlugin(), |
||||||
|
// https://github.com/ampedandwired/html-webpack-plugin
|
||||||
|
new HtmlWebpackPlugin({ |
||||||
|
filename: 'index.html', |
||||||
|
template: 'index.html', |
||||||
|
inject: true |
||||||
|
}), |
||||||
|
] |
||||||
|
}) |
||||||
|
|
||||||
|
module.exports = new Promise((resolve, reject) => { |
||||||
|
portfinder.basePort = process.env.PORT || config.dev.port |
||||||
|
portfinder.getPort((err, port) => { |
||||||
|
if (err) { |
||||||
|
reject(err) |
||||||
|
} else { |
||||||
|
// publish the new Port, necessary for e2e tests
|
||||||
|
process.env.PORT = port |
||||||
|
// add port to devServer config
|
||||||
|
devWebpackConfig.devServer.port = port |
||||||
|
|
||||||
|
// Add FriendlyErrorsPlugin
|
||||||
|
devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ |
||||||
|
compilationSuccessInfo: { |
||||||
|
messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], |
||||||
|
}, |
||||||
|
onErrors: config.dev.notifyOnErrors |
||||||
|
? utils.createNotifierCallback() |
||||||
|
: undefined |
||||||
|
})) |
||||||
|
|
||||||
|
resolve(devWebpackConfig) |
||||||
|
} |
||||||
|
}) |
||||||
|
}) |
@ -0,0 +1,148 @@ |
|||||||
|
'use strict' |
||||||
|
const path = require('path') |
||||||
|
const utils = require('./utils') |
||||||
|
const webpack = require('webpack') |
||||||
|
const config = require('../config') |
||||||
|
const merge = require('webpack-merge') |
||||||
|
const baseWebpackConfig = require('./webpack.base.conf') |
||||||
|
const CopyWebpackPlugin = require('copy-webpack-plugin') |
||||||
|
const HtmlWebpackPlugin = require('html-webpack-plugin') |
||||||
|
const ExtractTextPlugin = require('extract-text-webpack-plugin') |
||||||
|
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') |
||||||
|
const UglifyJsPlugin = require('uglifyjs-webpack-plugin') |
||||||
|
|
||||||
|
const env = process.env.NODE_ENV === 'testing' |
||||||
|
? require('../config/test.env') |
||||||
|
: require('../config/prod.env') |
||||||
|
|
||||||
|
const webpackConfig = merge(baseWebpackConfig, { |
||||||
|
module: { |
||||||
|
rules: utils.styleLoaders({ |
||||||
|
sourceMap: config.build.productionSourceMap, |
||||||
|
extract: true, |
||||||
|
usePostCSS: true |
||||||
|
}) |
||||||
|
}, |
||||||
|
devtool: config.build.productionSourceMap ? config.build.devtool : false, |
||||||
|
output: { |
||||||
|
path: config.build.assetsRoot, |
||||||
|
filename: utils.assetsPath('js/[name].js'), |
||||||
|
chunkFilename: utils.assetsPath('js/[id].js') |
||||||
|
}, |
||||||
|
plugins: [ |
||||||
|
// http://vuejs.github.io/vue-loader/en/workflow/production.html
|
||||||
|
new webpack.DefinePlugin({ |
||||||
|
'process.env': env |
||||||
|
}), |
||||||
|
new UglifyJsPlugin({ |
||||||
|
uglifyOptions: { |
||||||
|
compress: { |
||||||
|
warnings: false |
||||||
|
} |
||||||
|
}, |
||||||
|
sourceMap: config.build.productionSourceMap, |
||||||
|
parallel: true |
||||||
|
}), |
||||||
|
// extract css into its own file
|
||||||
|
new ExtractTextPlugin({ |
||||||
|
filename: utils.assetsPath('css/[name].css'), |
||||||
|
// set the following option to `true` if you want to extract CSS from
|
||||||
|
// codesplit chunks into this main css file as well.
|
||||||
|
// This will result in *all* of your app's CSS being loaded upfront.
|
||||||
|
allChunks: false, |
||||||
|
}), |
||||||
|
// Compress extracted CSS. We are using this plugin so that possible
|
||||||
|
// duplicated CSS from different components can be deduped.
|
||||||
|
new OptimizeCSSPlugin({ |
||||||
|
cssProcessorOptions: config.build.productionSourceMap |
||||||
|
? { safe: true, map: { inline: false } } |
||||||
|
: { safe: true } |
||||||
|
}), |
||||||
|
// generate dist index.html with correct asset hash for caching.
|
||||||
|
// you can customize output by editing /index.html
|
||||||
|
// see https://github.com/ampedandwired/html-webpack-plugin
|
||||||
|
new HtmlWebpackPlugin({ |
||||||
|
filename: process.env.NODE_ENV === 'testing' |
||||||
|
? 'index.html' |
||||||
|
: config.build.index, |
||||||
|
template: 'index.html', |
||||||
|
inject: false, |
||||||
|
minify: { |
||||||
|
removeComments: true, |
||||||
|
collapseWhitespace: true, |
||||||
|
removeAttributeQuotes: true |
||||||
|
// more options:
|
||||||
|
// https://github.com/kangax/html-minifier#options-quick-reference
|
||||||
|
}, |
||||||
|
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
|
||||||
|
chunksSortMode: 'dependency' |
||||||
|
}), |
||||||
|
// keep module.id stable when vender modules does not change
|
||||||
|
new webpack.HashedModuleIdsPlugin(), |
||||||
|
// enable scope hoisting
|
||||||
|
new webpack.optimize.ModuleConcatenationPlugin(), |
||||||
|
// split vendor js into its own file
|
||||||
|
new webpack.optimize.CommonsChunkPlugin({ |
||||||
|
name: 'vendor', |
||||||
|
minChunks (module) { |
||||||
|
// any required modules inside node_modules are extracted to vendor
|
||||||
|
return ( |
||||||
|
module.resource && |
||||||
|
/\.js$/.test(module.resource) && |
||||||
|
module.resource.indexOf( |
||||||
|
path.join(__dirname, '../node_modules') |
||||||
|
) === 0 |
||||||
|
) |
||||||
|
} |
||||||
|
}), |
||||||
|
// extract webpack runtime and module manifest to its own file in order to
|
||||||
|
// prevent vendor hash from being updated whenever app bundle is updated
|
||||||
|
new webpack.optimize.CommonsChunkPlugin({ |
||||||
|
name: 'manifest', |
||||||
|
minChunks: Infinity |
||||||
|
}), |
||||||
|
// This instance extracts shared chunks from code splitted chunks and bundles them
|
||||||
|
// in a separate chunk, similar to the vendor chunk
|
||||||
|
// see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
|
||||||
|
new webpack.optimize.CommonsChunkPlugin({ |
||||||
|
name: 'app', |
||||||
|
async: 'vendor-async', |
||||||
|
children: true, |
||||||
|
minChunks: 3 |
||||||
|
}), |
||||||
|
|
||||||
|
// copy custom static assets
|
||||||
|
new CopyWebpackPlugin([ |
||||||
|
{ |
||||||
|
from: path.resolve(__dirname, '../static'), |
||||||
|
to: config.build.assetsSubDirectory, |
||||||
|
ignore: ['.*'] |
||||||
|
} |
||||||
|
]) |
||||||
|
] |
||||||
|
}) |
||||||
|
|
||||||
|
if (config.build.productionGzip) { |
||||||
|
const CompressionWebpackPlugin = require('compression-webpack-plugin') |
||||||
|
|
||||||
|
webpackConfig.plugins.push( |
||||||
|
new CompressionWebpackPlugin({ |
||||||
|
asset: '[path].gz[query]', |
||||||
|
algorithm: 'gzip', |
||||||
|
test: new RegExp( |
||||||
|
'\\.(' + |
||||||
|
config.build.productionGzipExtensions.join('|') + |
||||||
|
')$' |
||||||
|
), |
||||||
|
threshold: 10240, |
||||||
|
minRatio: 0.8 |
||||||
|
}) |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
if (config.build.bundleAnalyzerReport) { |
||||||
|
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin |
||||||
|
webpackConfig.plugins.push(new BundleAnalyzerPlugin({ analyzerMode: 'static' })) |
||||||
|
} |
||||||
|
|
||||||
|
module.exports = webpackConfig |
@ -0,0 +1,32 @@ |
|||||||
|
'use strict' |
||||||
|
// This is the webpack config used for unit tests.
|
||||||
|
|
||||||
|
const utils = require('./utils') |
||||||
|
const webpack = require('webpack') |
||||||
|
const merge = require('webpack-merge') |
||||||
|
const baseWebpackConfig = require('./webpack.base.conf') |
||||||
|
|
||||||
|
const webpackConfig = merge(baseWebpackConfig, { |
||||||
|
// use inline sourcemap for karma-sourcemap-loader
|
||||||
|
module: { |
||||||
|
rules: utils.styleLoaders() |
||||||
|
}, |
||||||
|
devtool: '#inline-source-map', |
||||||
|
resolveLoader: { |
||||||
|
alias: { |
||||||
|
// necessary to to make lang="scss" work in test when using vue-loader's ?inject option
|
||||||
|
// see discussion at https://github.com/vuejs/vue-loader/issues/724
|
||||||
|
'scss-loader': 'sass-loader' |
||||||
|
} |
||||||
|
}, |
||||||
|
plugins: [ |
||||||
|
new webpack.DefinePlugin({ |
||||||
|
'process.env': require('../config/test.env') |
||||||
|
}) |
||||||
|
] |
||||||
|
}) |
||||||
|
|
||||||
|
// no need for app entry during tests
|
||||||
|
delete webpackConfig.entry |
||||||
|
|
||||||
|
module.exports = webpackConfig |
@ -0,0 +1,8 @@ |
|||||||
|
'use strict' |
||||||
|
const merge = require('webpack-merge') |
||||||
|
const prodEnv = require('./prod.env') |
||||||
|
|
||||||
|
module.exports = merge(prodEnv, { |
||||||
|
NODE_ENV: '"development"', |
||||||
|
OPEN_PROXY: true // 是否开启代理, 重置后需重启vue-cli
|
||||||
|
}) |
@ -0,0 +1,100 @@ |
|||||||
|
'use strict' |
||||||
|
// Template version: 1.2.5
|
||||||
|
// see http://vuejs-templates.github.io/webpack for documentation.
|
||||||
|
|
||||||
|
const path = require('path') |
||||||
|
const devEnv = require('./dev.env') |
||||||
|
|
||||||
|
module.exports = { |
||||||
|
dev: { |
||||||
|
|
||||||
|
// Paths
|
||||||
|
assetsSubDirectory: 'static', |
||||||
|
assetsPublicPath: '/', |
||||||
|
// 代理列表, 是否开启代理通过[./dev.env.js]配置
|
||||||
|
proxyTable: devEnv.OPEN_PROXY === false ? {} : { |
||||||
|
'/proxyApi': { |
||||||
|
target: 'http://192.168.1.111:8891/sqx_fast/', |
||||||
|
// target: 'https://admin.canmoujiang.com/sqx_fast/', //admin.canmoujiang.com
|
||||||
|
// target: 'http://waimai.admin.service.cyjyyjy.com/sqx_fast/', //admin.canmoujiang.com
|
||||||
|
changeOrigin: true, |
||||||
|
pathRewrite: { |
||||||
|
'^/proxyApi': '' |
||||||
|
} |
||||||
|
}, |
||||||
|
'/api': { |
||||||
|
target: 'http://v2.api.haodanku.com/', |
||||||
|
changeOrigin: true, |
||||||
|
pathRewrite: { |
||||||
|
'^/api': '' |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
|
||||||
|
// Various Dev Server settings
|
||||||
|
host: '0.0.0.0', // can be overwritten by process.env.HOST
|
||||||
|
port: 8003, // 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-
|
||||||
|
|
||||||
|
// Use Eslint Loader?
|
||||||
|
// If true, your code will be linted during bundling and
|
||||||
|
// linting errors and warnings will be shown in the console.
|
||||||
|
useEslint: true, |
||||||
|
// If true, eslint errors and warnings will also be shown in the error overlay
|
||||||
|
// in the browser.
|
||||||
|
showEslintErrorsInOverlay: false, |
||||||
|
|
||||||
|
/** |
||||||
|
* Source Maps |
||||||
|
*/ |
||||||
|
|
||||||
|
// https://webpack.js.org/configuration/devtool/#development
|
||||||
|
devtool: '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, |
||||||
|
|
||||||
|
// CSS Sourcemaps off by default because relative paths are "buggy"
|
||||||
|
// with this option, according to the CSS-Loader README
|
||||||
|
// (https://github.com/webpack/css-loader#sourcemaps)
|
||||||
|
// In our experience, they generally work as expected,
|
||||||
|
// just be aware of this issue when enabling this option.
|
||||||
|
cssSourceMap: false, |
||||||
|
}, |
||||||
|
|
||||||
|
build: { |
||||||
|
// Template for index.html
|
||||||
|
index: path.resolve(__dirname, '../dist/index.html'), |
||||||
|
|
||||||
|
// Paths
|
||||||
|
assetsRoot: path.resolve(__dirname, '../dist'), |
||||||
|
assetsSubDirectory: 'static', |
||||||
|
assetsPublicPath: './', |
||||||
|
|
||||||
|
/** |
||||||
|
* Source Maps |
||||||
|
*/ |
||||||
|
|
||||||
|
productionSourceMap: false, |
||||||
|
// 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 |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,4 @@ |
|||||||
|
'use strict' |
||||||
|
module.exports = { |
||||||
|
NODE_ENV: '"production"' |
||||||
|
} |
@ -0,0 +1,7 @@ |
|||||||
|
'use strict' |
||||||
|
const merge = require('webpack-merge') |
||||||
|
const devEnv = require('./dev.env') |
||||||
|
|
||||||
|
module.exports = merge(devEnv, { |
||||||
|
NODE_ENV: '"testing"' |
||||||
|
}) |
@ -0,0 +1,5 @@ |
|||||||
|
[1027/092342.976:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||||
|
[1028/134256.775:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||||
|
[1029/092901.009:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||||
|
[1030/092842.753:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||||
|
[1111/134524.693:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
@ -0,0 +1,66 @@ |
|||||||
|
var gulp = require('gulp'); |
||||||
|
var $ = require('gulp-load-plugins')(); |
||||||
|
var path = require('path'); |
||||||
|
var del = require('del'); |
||||||
|
|
||||||
|
var distPath = path.resolve('./dist'); |
||||||
|
var version = ''; // 版本号
|
||||||
|
var versionPath = ''; // 版本号路径
|
||||||
|
var env = process.env.npm_config_qa ? 'qa' : process.env.npm_config_uat ? 'uat' : 'prod'; // 运行环境
|
||||||
|
|
||||||
|
// 创建版本号(年月日时分)
|
||||||
|
(function () { |
||||||
|
var d = new Date(); |
||||||
|
var yy = d.getFullYear(); |
||||||
|
var MM = d.getMonth() + 1 >= 10 ? (d.getMonth() + 1) : '0' + (d.getMonth() + 1); |
||||||
|
var DD = d.getDate() >= 10 ? d.getDate() : '0' + d.getDate(); |
||||||
|
var h = d.getHours() >= 10 ? d.getHours() : '0' + d.getHours(); |
||||||
|
var mm = d.getMinutes() >= 10 ? d.getMinutes() : '0' + d.getMinutes(); |
||||||
|
version = yy + MM + DD + h + mm; |
||||||
|
versionPath = distPath + '/' + version; |
||||||
|
})(); |
||||||
|
|
||||||
|
// 编译
|
||||||
|
gulp.task('build', $.shell.task([ 'node build/build.js' ])); |
||||||
|
|
||||||
|
// 创建版本号目录
|
||||||
|
gulp.task('create:versionCatalog', function () { |
||||||
|
return gulp.src(`${distPath}/static/**/*`) |
||||||
|
.pipe(gulp.dest(`${versionPath}/static/`)) |
||||||
|
}); |
||||||
|
|
||||||
|
// 替换${versionPath}/static/js/manifest.js window.SITE_CONFIG.cdnUrl占位变量
|
||||||
|
gulp.task('replace:cdnUrl', function () { |
||||||
|
return gulp.src(`${versionPath}/static/js/manifest.js`) |
||||||
|
.pipe($.replace(new RegExp(`"${require('./config').build.assetsPublicPath}"`, 'g'), 'window.SITE_CONFIG.cdnUrl + "/"')) |
||||||
|
.pipe(gulp.dest(`${versionPath}/static/js/`)) |
||||||
|
}); |
||||||
|
|
||||||
|
// 替换${versionPath}/static/config/index-${env}.js window.SITE_CONFIG['version']配置变量
|
||||||
|
gulp.task('replace:version', function () { |
||||||
|
return gulp.src(`${versionPath}/static/config/index-${env}.js`) |
||||||
|
.pipe($.replace(/window.SITE_CONFIG\['version'\] = '.*'/g, `window.SITE_CONFIG['version'] = '${version}'`)) |
||||||
|
.pipe(gulp.dest(`${versionPath}/static/config/`)) |
||||||
|
}); |
||||||
|
|
||||||
|
// 合并${versionPath}/static/config/[index-${env}, init].js 至 ${distPath}/config/index.js
|
||||||
|
gulp.task('concat:config', function () { |
||||||
|
return gulp.src([`${versionPath}/static/config/index-${env}.js`, `${versionPath}/static/config/init.js`]) |
||||||
|
.pipe($.concat('index.js')) |
||||||
|
.pipe(gulp.dest(`${distPath}/config/`)) |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
//清除, 编译 / 处理项目中产生的文件
|
||||||
|
gulp.task('cleanBuild', function () { |
||||||
|
return del([`${distPath}/static`, `${versionPath}/static/config`]) |
||||||
|
}); |
||||||
|
// 清空
|
||||||
|
gulp.task('clean', function () { |
||||||
|
return del([versionPath]) |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
//gulp.series|4.0 依赖
|
||||||
|
//gulp.parallel|4.0 多个依赖嵌套
|
||||||
|
gulp.task('default',gulp.series(gulp.series('build','create:versionCatalog','replace:cdnUrl','replace:version','concat:config','cleanBuild'))); |
@ -0,0 +1,39 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="zh-CN"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
||||||
|
<!-- <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=miP4RMG1yZoROVRSqTPghvUaRb68iGUB"></script> --> |
||||||
|
<title>番茄饭团后台系统</title> |
||||||
|
<% if (process.env.NODE_ENV === 'production') { %> |
||||||
|
<!-- 生产环境 --> |
||||||
|
<script>document.write('<script src="./config/index.js?t=' + new Date().getTime() + '"><\/script>');</script> |
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico"> |
||||||
|
<script src="./static/config/index.js"></script> |
||||||
|
<script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script> |
||||||
|
<script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script> |
||||||
|
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.config.js"></script> |
||||||
|
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.all.min.js"></script> |
||||||
|
<script src="./static/plugins/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script> |
||||||
|
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75"></script> |
||||||
|
<script src="https://map.qq.com/api/gljs?v=1.exp&key=ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75"></script> |
||||||
|
<script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script> |
||||||
|
<% }else { %> |
||||||
|
<!-- 开发环境 --> |
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico"> |
||||||
|
<script src="./static/config/index.js"></script> |
||||||
|
<script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script> |
||||||
|
<script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script> |
||||||
|
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.config.js"></script> |
||||||
|
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.all.min.js"></script> |
||||||
|
<script src="./static/plugins/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script> |
||||||
|
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75"></script> |
||||||
|
<script src="https://map.qq.com/api/gljs?v=1.exp&key=ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75"></script> |
||||||
|
<script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script> |
||||||
|
<% } %> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div id="app"></div> |
||||||
|
</body> |
||||||
|
</html> |
@ -0,0 +1,105 @@ |
|||||||
|
{ |
||||||
|
"name": "sz-fast-vue", |
||||||
|
"version": "1.2.2", |
||||||
|
"description": "sz-fast-vue基于vue、element-ui构建开发,实现sz-fast后台管理前端功能,提供一套更优的前端解决方案。", |
||||||
|
"author": "daxiong.yang <daxiong.yang@qq.com>", |
||||||
|
"private": true, |
||||||
|
"scripts": { |
||||||
|
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", |
||||||
|
"start": "npm run dev", |
||||||
|
"unit": "jest --config test/unit/jest.conf.js --coverage", |
||||||
|
"e2e": "node test/e2e/runner.js", |
||||||
|
"test": "npm run unit && npm run e2e", |
||||||
|
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs", |
||||||
|
"build": "gulp" |
||||||
|
}, |
||||||
|
"dependencies": { |
||||||
|
"axios": "^0.21.1", |
||||||
|
"babel-plugin-component": "0.10.1", |
||||||
|
"babel-polyfill": "6.26.0", |
||||||
|
"element-china-area-data": "^5.0.2", |
||||||
|
"element-ui": "2.8.2", |
||||||
|
"fs": "0.0.1-security", |
||||||
|
"gulp-concat": "2.6.1", |
||||||
|
"gulp-load-plugins": "1.5.0", |
||||||
|
"gulp-replace": "0.6.1", |
||||||
|
"gulp-shell": "0.6.5", |
||||||
|
"lodash": "^4.17.21", |
||||||
|
"npm": "^6.9.0", |
||||||
|
"sass-loader": "6.0.6", |
||||||
|
"svg-sprite-loader": "3.7.3", |
||||||
|
"vue": "2.5.16", |
||||||
|
"vue-baidu-map": "^0.21.22", |
||||||
|
"vue-cookie": "1.1.4", |
||||||
|
"vue-jsonp": "^2.0.0", |
||||||
|
"vue-quill-editor": "^3.0.6", |
||||||
|
"vue-router": "3.0.1", |
||||||
|
"vuex": "3.0.1" |
||||||
|
}, |
||||||
|
"devDependencies": { |
||||||
|
"autoprefixer": "7.1.2", |
||||||
|
"babel-core": "6.22.1", |
||||||
|
"babel-eslint": "7.1.1", |
||||||
|
"babel-jest": "21.0.2", |
||||||
|
"babel-loader": "7.1.1", |
||||||
|
"babel-plugin-dynamic-import-node": "1.2.0", |
||||||
|
"babel-plugin-transform-es2015-modules-commonjs": "6.26.0", |
||||||
|
"babel-plugin-transform-runtime": "6.22.0", |
||||||
|
"babel-preset-env": "1.3.2", |
||||||
|
"babel-preset-stage-2": "6.22.0", |
||||||
|
"babel-register": "6.22.0", |
||||||
|
"chalk": "2.3.0", |
||||||
|
"chromedriver": "2.27.2", |
||||||
|
"copy-webpack-plugin": "4.0.1", |
||||||
|
"cross-spawn": "5.0.1", |
||||||
|
"css-loader": "0.28.0", |
||||||
|
"eslint": "3.19.0", |
||||||
|
"eslint-config-standard": "10.2.1", |
||||||
|
"eslint-friendly-formatter": "3.0.0", |
||||||
|
"eslint-loader": "1.7.1", |
||||||
|
"eslint-plugin-html": "3.0.0", |
||||||
|
"eslint-plugin-import": "2.7.0", |
||||||
|
"eslint-plugin-node": "5.2.0", |
||||||
|
"eslint-plugin-promise": "3.5.0", |
||||||
|
"eslint-plugin-standard": "3.0.1", |
||||||
|
"eventsource-polyfill": "0.9.6", |
||||||
|
"extract-text-webpack-plugin": "3.0.0", |
||||||
|
"file-loader": "1.1.4", |
||||||
|
"friendly-errors-webpack-plugin": "1.6.1", |
||||||
|
"gulp": "^4.0.2", |
||||||
|
"html-webpack-plugin": "2.30.1", |
||||||
|
"jest": "21.2.0", |
||||||
|
"jest-serializer-vue": "0.3.0", |
||||||
|
"nightwatch": "0.9.12", |
||||||
|
"node-notifier": "5.1.2", |
||||||
|
"node-sass": "^4.14.1", |
||||||
|
"optimize-css-assets-webpack-plugin": "3.2.0", |
||||||
|
"ora": "1.2.0", |
||||||
|
"portfinder": "1.0.13", |
||||||
|
"postcss-import": "11.0.0", |
||||||
|
"postcss-loader": "2.0.8", |
||||||
|
"rimraf": "2.6.0", |
||||||
|
"selenium-server": "3.0.1", |
||||||
|
"semver": "5.3.0", |
||||||
|
"shelljs": "0.7.6", |
||||||
|
"uglifyjs-webpack-plugin": "1.1.1", |
||||||
|
"url-loader": "0.5.8", |
||||||
|
"vue-jest": "1.0.2", |
||||||
|
"vue-loader": "13.3.0", |
||||||
|
"vue-style-loader": "3.0.1", |
||||||
|
"vue-template-compiler": "2.5.16", |
||||||
|
"webpack": "3.6.0", |
||||||
|
"webpack-bundle-analyzer": "2.9.0", |
||||||
|
"webpack-dev-server": "2.9.1", |
||||||
|
"webpack-merge": "4.1.0" |
||||||
|
}, |
||||||
|
"engines": { |
||||||
|
"node": ">= 8.11.1", |
||||||
|
"npm": ">= 5.6.0" |
||||||
|
}, |
||||||
|
"browserslist": [ |
||||||
|
"> 1%", |
||||||
|
"last 2 versions", |
||||||
|
"not ie <= 8" |
||||||
|
] |
||||||
|
} |
@ -0,0 +1,10 @@ |
|||||||
|
<template> |
||||||
|
<transition name="fade"> |
||||||
|
<router-view></router-view> |
||||||
|
</transition> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
} |
||||||
|
</script> |
After Width: | Height: | Size: 917 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 60 KiB |
After Width: | Height: | Size: 559 KiB |
After Width: | Height: | Size: 416 KiB |
@ -0,0 +1,364 @@ |
|||||||
|
*, |
||||||
|
*:before, |
||||||
|
*:after { |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
body { |
||||||
|
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; |
||||||
|
font-size: 14px; |
||||||
|
line-height: 1.15; |
||||||
|
color: #303133; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
a { |
||||||
|
color: mix(#fff, $--color-primary, 20%); |
||||||
|
text-decoration: none; |
||||||
|
&:focus, |
||||||
|
&:hover { |
||||||
|
color: $--color-primary; |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
} |
||||||
|
img { |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Utils |
||||||
|
------------------------------ */ |
||||||
|
.clearfix:before, |
||||||
|
.clearfix:after { |
||||||
|
content: " "; |
||||||
|
display: table; |
||||||
|
} |
||||||
|
.clearfix:after { |
||||||
|
clear: both; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Animation |
||||||
|
------------------------------ */ |
||||||
|
.fade-enter-active, |
||||||
|
.fade-leave-active { |
||||||
|
transition: opacity .5s; |
||||||
|
} |
||||||
|
.fade-enter, |
||||||
|
.fade-leave-to { |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Reset element-ui |
||||||
|
------------------------------ */ |
||||||
|
.site-wrapper { |
||||||
|
.el-pagination { |
||||||
|
margin-top: 15px; |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Layout |
||||||
|
------------------------------ */ |
||||||
|
.site-wrapper { |
||||||
|
position: relative; |
||||||
|
min-width: 1180px; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Sidebar fold |
||||||
|
------------------------------ */ |
||||||
|
.site-sidebar--fold { |
||||||
|
.site-navbar__header, |
||||||
|
.site-navbar__brand, |
||||||
|
.site-sidebar, |
||||||
|
.site-sidebar__inner, |
||||||
|
.el-menu.site-sidebar__menu { |
||||||
|
width: 64px; |
||||||
|
} |
||||||
|
.site-navbar__body, |
||||||
|
.site-content__wrapper { |
||||||
|
margin-left: 64px; |
||||||
|
} |
||||||
|
.site-navbar__brand { |
||||||
|
&-lg { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
&-mini { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
} |
||||||
|
.site-sidebar, |
||||||
|
.site-sidebar__inner { |
||||||
|
overflow: initial; |
||||||
|
} |
||||||
|
.site-sidebar__menu-icon { |
||||||
|
margin-right: 0; |
||||||
|
font-size: 20px; |
||||||
|
} |
||||||
|
.site-content--tabs > .el-tabs > .el-tabs__header { |
||||||
|
left: 64px; |
||||||
|
} |
||||||
|
} |
||||||
|
// animation |
||||||
|
.site-navbar__header, |
||||||
|
.site-navbar__brand, |
||||||
|
.site-navbar__body, |
||||||
|
.site-sidebar, |
||||||
|
.site-sidebar__inner, |
||||||
|
.site-sidebar__menu.el-menu, |
||||||
|
.site-sidebar__menu-icon, |
||||||
|
.site-content__wrapper, |
||||||
|
.site-content--tabs > .el-tabs .el-tabs__header { |
||||||
|
transition: inline-block .3s, left .3s, width .3s, margin-left .3s, font-size .3s; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Navbar |
||||||
|
------------------------------ */ |
||||||
|
.site-navbar { |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
left: 0; |
||||||
|
z-index: 1030; |
||||||
|
height: 50px; |
||||||
|
box-shadow: 0 2px 4px rgba(0, 0, 0, .08); |
||||||
|
background-color: $navbar--background-color; |
||||||
|
|
||||||
|
&--inverse { |
||||||
|
.site-navbar__body { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
.el-menu { |
||||||
|
> .el-menu-item, |
||||||
|
> .el-submenu > .el-submenu__title { |
||||||
|
color: #fff; |
||||||
|
&:focus, |
||||||
|
&:hover { |
||||||
|
color: #fff; |
||||||
|
background-color: mix(#000, $navbar--background-color, 15%); |
||||||
|
} |
||||||
|
} |
||||||
|
> .el-menu-item.is-active, |
||||||
|
> .el-submenu.is-active > .el-submenu__title { |
||||||
|
border-bottom-color: mix(#fff, $navbar--background-color, 85%); |
||||||
|
} |
||||||
|
.el-menu-item i, |
||||||
|
.el-submenu__title i, |
||||||
|
.el-dropdown { |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
} |
||||||
|
.el-menu--popup-bottom-start { |
||||||
|
background-color: $navbar--background-color; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&__header { |
||||||
|
position: relative; |
||||||
|
float: left; |
||||||
|
width: 230px; |
||||||
|
height: 50px; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
&__brand { |
||||||
|
display: table-cell; |
||||||
|
vertical-align: middle; |
||||||
|
width: 230px; |
||||||
|
height: 50px; |
||||||
|
margin: 0; |
||||||
|
line-height: 50px; |
||||||
|
font-size: 18px; |
||||||
|
text-align: center; |
||||||
|
text-transform: uppercase; |
||||||
|
white-space: nowrap; |
||||||
|
color: #fff; |
||||||
|
|
||||||
|
&-lg, |
||||||
|
&-mini { |
||||||
|
margin: 0 5px; |
||||||
|
color: #fff; |
||||||
|
&:focus, |
||||||
|
&:hover { |
||||||
|
color: #fff; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
} |
||||||
|
&-mini { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
} |
||||||
|
&__switch { |
||||||
|
font-size: 18px; |
||||||
|
border-bottom: none !important; |
||||||
|
} |
||||||
|
&__avatar { |
||||||
|
border-bottom: none !important; |
||||||
|
* { |
||||||
|
vertical-align: inherit; |
||||||
|
} |
||||||
|
.el-dropdown-link { |
||||||
|
> img { |
||||||
|
width: 36px; |
||||||
|
height: auto; |
||||||
|
margin-right: 5px; |
||||||
|
border-radius: 100%; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
&__body { |
||||||
|
position: relative; |
||||||
|
margin-left: 230px; |
||||||
|
padding-right: 15px; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
&__menu { |
||||||
|
float: left; |
||||||
|
background-color: transparent; |
||||||
|
border-bottom: 0; |
||||||
|
|
||||||
|
&--right { |
||||||
|
float: right; |
||||||
|
} |
||||||
|
a:focus, |
||||||
|
a:hover { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
.el-menu-item, |
||||||
|
.el-submenu > .el-submenu__title { |
||||||
|
height: 50px; |
||||||
|
line-height: 50px; |
||||||
|
} |
||||||
|
.el-submenu > .el-menu { |
||||||
|
top: 55px; |
||||||
|
} |
||||||
|
.el-badge { |
||||||
|
display: inline; |
||||||
|
z-index: 2; |
||||||
|
&__content { |
||||||
|
line-height: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Sidebar |
||||||
|
------------------------------ */ |
||||||
|
.site-sidebar { |
||||||
|
position: fixed; |
||||||
|
top: 50px; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
z-index: 1020; |
||||||
|
width: 230px; |
||||||
|
overflow: hidden; |
||||||
|
|
||||||
|
&--dark, |
||||||
|
&--dark-popper { |
||||||
|
background-color: $sidebar--background-color-dark; |
||||||
|
.site-sidebar__menu.el-menu, |
||||||
|
> .el-menu--popup { |
||||||
|
background-color: $sidebar--background-color-dark; |
||||||
|
.el-menu-item, |
||||||
|
.el-submenu > .el-submenu__title { |
||||||
|
color: $sidebar--color-text-dark; |
||||||
|
&:focus, |
||||||
|
&:hover { |
||||||
|
color: mix(#fff, $sidebar--color-text-dark, 50%); |
||||||
|
background-color: mix(#293749, $sidebar--background-color-dark, 65%); |
||||||
|
} |
||||||
|
} |
||||||
|
.el-menu, |
||||||
|
.el-submenu.is-opened { |
||||||
|
background-color: mix(#000, $sidebar--background-color-dark, 15%); |
||||||
|
} |
||||||
|
.el-menu-item.is-active, |
||||||
|
.el-submenu.is-active > .el-submenu__title { |
||||||
|
color: mix(#4f9dec, $sidebar--color-text-dark, 100%); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
&__inner { |
||||||
|
position: relative; |
||||||
|
z-index: 1; |
||||||
|
width: 250px; |
||||||
|
height: 100%; |
||||||
|
padding-bottom: 15px; |
||||||
|
overflow-y: scroll; |
||||||
|
} |
||||||
|
&__menu.el-menu { |
||||||
|
width: 230px; |
||||||
|
border-right: 0; |
||||||
|
} |
||||||
|
&__menu-icon { |
||||||
|
width: 24px; |
||||||
|
margin-right: 5px; |
||||||
|
text-align: center; |
||||||
|
font-size: 18px; |
||||||
|
color: inherit !important; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* Content |
||||||
|
------------------------------ */ |
||||||
|
.site-content { |
||||||
|
position: relative; |
||||||
|
padding: 15px; |
||||||
|
|
||||||
|
&__wrapper { |
||||||
|
position: relative; |
||||||
|
padding-top: 50px; |
||||||
|
margin-left: 230px; |
||||||
|
min-height: 100%; |
||||||
|
background: $content--background-color; |
||||||
|
} |
||||||
|
&--tabs { |
||||||
|
padding: 55px 0 0; |
||||||
|
} |
||||||
|
> .el-tabs { |
||||||
|
> .el-tabs__header { |
||||||
|
position: fixed; |
||||||
|
top: 50px; |
||||||
|
left: 230px; |
||||||
|
right: 0; |
||||||
|
z-index: 930; |
||||||
|
padding: 0 55px 0 15px; |
||||||
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04); |
||||||
|
background-color: #fff; |
||||||
|
> .el-tabs__nav-wrap { |
||||||
|
margin-bottom: 0; |
||||||
|
&:after { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
> .el-tabs__content { |
||||||
|
padding: 0 15px 15px; |
||||||
|
> .site-tabs__tools { |
||||||
|
position: fixed; |
||||||
|
top: 50px; |
||||||
|
right: 0; |
||||||
|
z-index: 931; |
||||||
|
height: 40px; |
||||||
|
padding: 0 12px; |
||||||
|
font-size: 16px; |
||||||
|
line-height: 40px; |
||||||
|
background-color: $content--background-color; |
||||||
|
cursor: pointer; |
||||||
|
.el-icon--right { |
||||||
|
margin-left: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.el-table__expand-icon { |
||||||
|
display: inline-block; |
||||||
|
width: 14px; |
||||||
|
vertical-align: middle; |
||||||
|
margin-right: 5px; |
||||||
|
} |
@ -0,0 +1,447 @@ |
|||||||
|
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ |
||||||
|
|
||||||
|
/* Document |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Correct the line height in all browsers. |
||||||
|
* 2. Prevent adjustments of font size after orientation changes in |
||||||
|
* IE on Windows Phone and in iOS. |
||||||
|
*/ |
||||||
|
|
||||||
|
html { |
||||||
|
line-height: 1.15; /* 1 */ |
||||||
|
-ms-text-size-adjust: 100%; /* 2 */ |
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/* Sections |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/** |
||||||
|
* Remove the margin in all browsers (opinionated). |
||||||
|
*/ |
||||||
|
|
||||||
|
body { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct display in IE 9-. |
||||||
|
*/ |
||||||
|
|
||||||
|
article, |
||||||
|
aside, |
||||||
|
footer, |
||||||
|
header, |
||||||
|
nav, |
||||||
|
section { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Correct the font size and margin on `h1` elements within `section` and |
||||||
|
* `article` contexts in Chrome, Firefox, and Safari. |
||||||
|
*/ |
||||||
|
|
||||||
|
h1 { |
||||||
|
font-size: 2em; |
||||||
|
margin: 0.67em 0; |
||||||
|
} |
||||||
|
|
||||||
|
/* Grouping content |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct display in IE 9-. |
||||||
|
* 1. Add the correct display in IE. |
||||||
|
*/ |
||||||
|
|
||||||
|
figcaption, |
||||||
|
figure, |
||||||
|
main { /* 1 */ |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct margin in IE 8. |
||||||
|
*/ |
||||||
|
|
||||||
|
figure { |
||||||
|
margin: 1em 40px; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Add the correct box sizing in Firefox. |
||||||
|
* 2. Show the overflow in Edge and IE. |
||||||
|
*/ |
||||||
|
|
||||||
|
hr { |
||||||
|
box-sizing: content-box; /* 1 */ |
||||||
|
height: 0; /* 1 */ |
||||||
|
overflow: visible; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers. |
||||||
|
* 2. Correct the odd `em` font sizing in all browsers. |
||||||
|
*/ |
||||||
|
|
||||||
|
pre { |
||||||
|
font-family: monospace, monospace; /* 1 */ |
||||||
|
font-size: 1em; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/* Text-level semantics |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Remove the gray background on active links in IE 10. |
||||||
|
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+. |
||||||
|
*/ |
||||||
|
|
||||||
|
a { |
||||||
|
background-color: transparent; /* 1 */ |
||||||
|
-webkit-text-decoration-skip: objects; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Remove the bottom border in Chrome 57- and Firefox 39-. |
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
||||||
|
*/ |
||||||
|
|
||||||
|
abbr[title] { |
||||||
|
border-bottom: none; /* 1 */ |
||||||
|
text-decoration: underline; /* 2 */ |
||||||
|
text-decoration: underline dotted; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Prevent the duplicate application of `bolder` by the next rule in Safari 6. |
||||||
|
*/ |
||||||
|
|
||||||
|
b, |
||||||
|
strong { |
||||||
|
font-weight: inherit; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari. |
||||||
|
*/ |
||||||
|
|
||||||
|
b, |
||||||
|
strong { |
||||||
|
font-weight: bolder; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers. |
||||||
|
* 2. Correct the odd `em` font sizing in all browsers. |
||||||
|
*/ |
||||||
|
|
||||||
|
code, |
||||||
|
kbd, |
||||||
|
samp { |
||||||
|
font-family: monospace, monospace; /* 1 */ |
||||||
|
font-size: 1em; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct font style in Android 4.3-. |
||||||
|
*/ |
||||||
|
|
||||||
|
dfn { |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct background and color in IE 9-. |
||||||
|
*/ |
||||||
|
|
||||||
|
mark { |
||||||
|
background-color: #ff0; |
||||||
|
color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct font size in all browsers. |
||||||
|
*/ |
||||||
|
|
||||||
|
small { |
||||||
|
font-size: 80%; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in |
||||||
|
* all browsers. |
||||||
|
*/ |
||||||
|
|
||||||
|
sub, |
||||||
|
sup { |
||||||
|
font-size: 75%; |
||||||
|
line-height: 0; |
||||||
|
position: relative; |
||||||
|
vertical-align: baseline; |
||||||
|
} |
||||||
|
|
||||||
|
sub { |
||||||
|
bottom: -0.25em; |
||||||
|
} |
||||||
|
|
||||||
|
sup { |
||||||
|
top: -0.5em; |
||||||
|
} |
||||||
|
|
||||||
|
/* Embedded content |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct display in IE 9-. |
||||||
|
*/ |
||||||
|
|
||||||
|
audio, |
||||||
|
video { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct display in iOS 4-7. |
||||||
|
*/ |
||||||
|
|
||||||
|
audio:not([controls]) { |
||||||
|
display: none; |
||||||
|
height: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Remove the border on images inside links in IE 10-. |
||||||
|
*/ |
||||||
|
|
||||||
|
img { |
||||||
|
border-style: none; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Hide the overflow in IE. |
||||||
|
*/ |
||||||
|
|
||||||
|
svg:not(:root) { |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
/* Forms |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Change the font styles in all browsers (opinionated). |
||||||
|
* 2. Remove the margin in Firefox and Safari. |
||||||
|
*/ |
||||||
|
|
||||||
|
button, |
||||||
|
input, |
||||||
|
optgroup, |
||||||
|
select, |
||||||
|
textarea { |
||||||
|
font-family: sans-serif; /* 1 */ |
||||||
|
font-size: 100%; /* 1 */ |
||||||
|
line-height: 1.15; /* 1 */ |
||||||
|
margin: 0; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Show the overflow in IE. |
||||||
|
* 1. Show the overflow in Edge. |
||||||
|
*/ |
||||||
|
|
||||||
|
button, |
||||||
|
input { /* 1 */ |
||||||
|
overflow: visible; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE. |
||||||
|
* 1. Remove the inheritance of text transform in Firefox. |
||||||
|
*/ |
||||||
|
|
||||||
|
button, |
||||||
|
select { /* 1 */ |
||||||
|
text-transform: none; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |
||||||
|
* controls in Android 4. |
||||||
|
* 2. Correct the inability to style clickable types in iOS and Safari. |
||||||
|
*/ |
||||||
|
|
||||||
|
button, |
||||||
|
html [type="button"], /* 1 */ |
||||||
|
[type="reset"], |
||||||
|
[type="submit"] { |
||||||
|
-webkit-appearance: button; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Remove the inner border and padding in Firefox. |
||||||
|
*/ |
||||||
|
|
||||||
|
button::-moz-focus-inner, |
||||||
|
[type="button"]::-moz-focus-inner, |
||||||
|
[type="reset"]::-moz-focus-inner, |
||||||
|
[type="submit"]::-moz-focus-inner { |
||||||
|
border-style: none; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Restore the focus styles unset by the previous rule. |
||||||
|
*/ |
||||||
|
|
||||||
|
button:-moz-focusring, |
||||||
|
[type="button"]:-moz-focusring, |
||||||
|
[type="reset"]:-moz-focusring, |
||||||
|
[type="submit"]:-moz-focusring { |
||||||
|
outline: 1px dotted ButtonText; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Correct the padding in Firefox. |
||||||
|
*/ |
||||||
|
|
||||||
|
fieldset { |
||||||
|
padding: 0.35em 0.75em 0.625em; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Correct the text wrapping in Edge and IE. |
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE. |
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out |
||||||
|
* `fieldset` elements in all browsers. |
||||||
|
*/ |
||||||
|
|
||||||
|
legend { |
||||||
|
box-sizing: border-box; /* 1 */ |
||||||
|
color: inherit; /* 2 */ |
||||||
|
display: table; /* 1 */ |
||||||
|
max-width: 100%; /* 1 */ |
||||||
|
padding: 0; /* 3 */ |
||||||
|
white-space: normal; /* 1 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Add the correct display in IE 9-. |
||||||
|
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. |
||||||
|
*/ |
||||||
|
|
||||||
|
progress { |
||||||
|
display: inline-block; /* 1 */ |
||||||
|
vertical-align: baseline; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Remove the default vertical scrollbar in IE. |
||||||
|
*/ |
||||||
|
|
||||||
|
textarea { |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Add the correct box sizing in IE 10-. |
||||||
|
* 2. Remove the padding in IE 10-. |
||||||
|
*/ |
||||||
|
|
||||||
|
[type="checkbox"], |
||||||
|
[type="radio"] { |
||||||
|
box-sizing: border-box; /* 1 */ |
||||||
|
padding: 0; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome. |
||||||
|
*/ |
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button, |
||||||
|
[type="number"]::-webkit-outer-spin-button { |
||||||
|
height: auto; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Correct the odd appearance in Chrome and Safari. |
||||||
|
* 2. Correct the outline style in Safari. |
||||||
|
*/ |
||||||
|
|
||||||
|
[type="search"] { |
||||||
|
-webkit-appearance: textfield; /* 1 */ |
||||||
|
outline-offset: -2px; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS. |
||||||
|
*/ |
||||||
|
|
||||||
|
[type="search"]::-webkit-search-cancel-button, |
||||||
|
[type="search"]::-webkit-search-decoration { |
||||||
|
-webkit-appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari. |
||||||
|
* 2. Change font properties to `inherit` in Safari. |
||||||
|
*/ |
||||||
|
|
||||||
|
::-webkit-file-upload-button { |
||||||
|
-webkit-appearance: button; /* 1 */ |
||||||
|
font: inherit; /* 2 */ |
||||||
|
} |
||||||
|
|
||||||
|
/* Interactive |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/* |
||||||
|
* Add the correct display in IE 9-. |
||||||
|
* 1. Add the correct display in Edge, IE, and Firefox. |
||||||
|
*/ |
||||||
|
|
||||||
|
details, /* 1 */ |
||||||
|
menu { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
/* |
||||||
|
* Add the correct display in all browsers. |
||||||
|
*/ |
||||||
|
|
||||||
|
summary { |
||||||
|
display: list-item; |
||||||
|
} |
||||||
|
|
||||||
|
/* Scripting |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct display in IE 9-. |
||||||
|
*/ |
||||||
|
|
||||||
|
canvas { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct display in IE. |
||||||
|
*/ |
||||||
|
|
||||||
|
template { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
/* Hidden |
||||||
|
========================================================================== */ |
||||||
|
|
||||||
|
/** |
||||||
|
* Add the correct display in IE 10-. |
||||||
|
*/ |
||||||
|
|
||||||
|
[hidden] { |
||||||
|
display: none; |
||||||
|
} |
@ -0,0 +1,13 @@ |
|||||||
|
// 站点主色 |
||||||
|
// tips: 要达到整站主题修改效果, 请确保[$--color-primary]站点主色与[/src/element-ui-theme/index.js]文件中[import './element-[#17B3A3]/index.css']当前主题色一致 |
||||||
|
$--color-primary: #304156; |
||||||
|
|
||||||
|
// Navbar |
||||||
|
$navbar--background-color: $--color-primary; |
||||||
|
|
||||||
|
// Sidebar |
||||||
|
$sidebar--background-color-dark: #304156; |
||||||
|
$sidebar--color-text-dark:#c1cbd9; |
||||||
|
|
||||||
|
// Content |
||||||
|
$content--background-color: #f1f4f5; |
@ -0,0 +1,3 @@ |
|||||||
|
@import "normalize"; // api: https://github.com/necolas/normalize.css/ |
||||||
|
@import "variables"; // 站点变量 |
||||||
|
@import "base"; |
After Width: | Height: | Size: 126 KiB |
After Width: | Height: | Size: 231 B |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,51 @@ |
|||||||
|
<template> |
||||||
|
<svg |
||||||
|
:class="getClassName" |
||||||
|
:width="width" |
||||||
|
:height="height" |
||||||
|
aria-hidden="true"> |
||||||
|
<use :xlink:href="getName"></use> |
||||||
|
</svg> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'icon-svg', |
||||||
|
props: { |
||||||
|
name: { |
||||||
|
type: String, |
||||||
|
required: true |
||||||
|
}, |
||||||
|
className: { |
||||||
|
type: String |
||||||
|
}, |
||||||
|
width: { |
||||||
|
type: String |
||||||
|
}, |
||||||
|
height: { |
||||||
|
type: String |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
getName () { |
||||||
|
return `#icon-${this.name}` |
||||||
|
}, |
||||||
|
getClassName () { |
||||||
|
return [ |
||||||
|
'icon-svg', |
||||||
|
`icon-svg__${this.name}`, |
||||||
|
this.className && /\S/.test(this.className) ? `${this.className}` : '' |
||||||
|
] |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.icon-svg { |
||||||
|
width: 1em; |
||||||
|
height: 1em; |
||||||
|
fill: currentColor; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,84 @@ |
|||||||
|
<template> |
||||||
|
<el-table-column :prop="prop" v-bind="$attrs"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span @click.prevent="toggleHandle(scope.$index, scope.row)" :style="childStyles(scope.row)"> |
||||||
|
<i :class="iconClasses(scope.row)" :style="iconStyles(scope.row)"></i> |
||||||
|
{{ scope.row[prop] }} |
||||||
|
</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import isArray from 'lodash/isArray' |
||||||
|
export default { |
||||||
|
name: 'table-tree-column', |
||||||
|
props: { |
||||||
|
prop: { |
||||||
|
type: String |
||||||
|
}, |
||||||
|
treeKey: { |
||||||
|
type: String, |
||||||
|
default: 'id' |
||||||
|
}, |
||||||
|
parentKey: { |
||||||
|
type: String, |
||||||
|
default: 'parentId' |
||||||
|
}, |
||||||
|
levelKey: { |
||||||
|
type: String, |
||||||
|
default: '_level' |
||||||
|
}, |
||||||
|
childKey: { |
||||||
|
type: String, |
||||||
|
default: 'children' |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
childStyles (row) { |
||||||
|
return { 'padding-left': (row[this.levelKey] > 1 ? row[this.levelKey] * 7 : 0) + 'px' } |
||||||
|
}, |
||||||
|
iconClasses (row) { |
||||||
|
return [ !row._expanded ? 'el-icon-caret-right' : 'el-icon-caret-bottom' ] |
||||||
|
}, |
||||||
|
iconStyles (row) { |
||||||
|
return { 'visibility': this.hasChild(row) ? 'visible' : 'hidden' } |
||||||
|
}, |
||||||
|
hasChild (row) { |
||||||
|
return (isArray(row[this.childKey]) && row[this.childKey].length >= 1) || false |
||||||
|
}, |
||||||
|
// 切换处理 |
||||||
|
toggleHandle (index, row) { |
||||||
|
if (this.hasChild(row)) { |
||||||
|
var data = this.$parent.store.states.data.slice(0) |
||||||
|
data[index]._expanded = !data[index]._expanded |
||||||
|
if (data[index]._expanded) { |
||||||
|
data = data.splice(0, index + 1).concat(row[this.childKey]).concat(data) |
||||||
|
} else { |
||||||
|
data = this.removeChildNode(data, row[this.treeKey]) |
||||||
|
} |
||||||
|
this.$parent.store.commit('setData', data) |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$parent.doLayout() |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
// 移除子节点 |
||||||
|
removeChildNode (data, parentId) { |
||||||
|
var parentIds = isArray(parentId) ? parentId : [parentId] |
||||||
|
if (parentId.length <= 0) { |
||||||
|
return data |
||||||
|
} |
||||||
|
var ids = [] |
||||||
|
for (var i = 0; i < data.length; i++) { |
||||||
|
if (parentIds.indexOf(data[i][this.parentKey]) !== -1 && parentIds.indexOf(data[i][this.treeKey]) === -1) { |
||||||
|
data[i]._expanded = false |
||||||
|
ids.push(data.splice(i, 1)[0][this.treeKey]) |
||||||
|
i-- |
||||||
|
} |
||||||
|
} |
||||||
|
return this.removeChildNode(data, ids) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
@ -0,0 +1,24 @@ |
|||||||
|
/** |
||||||
|
* element-ui组件主题 |
||||||
|
* |
||||||
|
* tips: |
||||||
|
* 1. 此处只包含element-ui组件主题 |
||||||
|
* 2. 要达到整站主题修改效果, 请确保[import './element-[#17B3A3]/index.css']当前主题色与[/src/assets/scss/_variables.scss]文件中[$--color-primary]属性值一致 |
||||||
|
*/ |
||||||
|
import './element-#3E8EF7/index.css' // 当前主题色
|
||||||
|
export default { |
||||||
|
list: [ |
||||||
|
'#0BB2D4', // 青色
|
||||||
|
'#3E8EF7', // 蓝色
|
||||||
|
'#11C26D', // 绿色
|
||||||
|
'#17B3A3', // 蓝绿色
|
||||||
|
'#667AFA', // 靛青色
|
||||||
|
'#997B71', // 棕色
|
||||||
|
'#9463F7', // 紫色
|
||||||
|
'#757575', // 灰色
|
||||||
|
'#EB6709', // 橙色
|
||||||
|
'#F74584', // 粉红色
|
||||||
|
'#FCB900', // 黄色
|
||||||
|
'#FF4C52' // 红色
|
||||||
|
] |
||||||
|
} |
@ -0,0 +1,155 @@ |
|||||||
|
/** |
||||||
|
* UI组件, 统一使用饿了么桌面端组件库(https://github.com/ElemeFE/element)
|
||||||
|
* |
||||||
|
* 使用: |
||||||
|
* 1. 项目中需要的组件进行释放(解开注释) |
||||||
|
* |
||||||
|
* 注意: |
||||||
|
* 1. 打包只会包含释放(解开注释)的组件, 减少打包文件大小 |
||||||
|
*/ |
||||||
|
import Vue from 'vue' |
||||||
|
import { |
||||||
|
Pagination, |
||||||
|
Dialog, |
||||||
|
Autocomplete, |
||||||
|
Dropdown, |
||||||
|
DropdownMenu, |
||||||
|
DropdownItem, |
||||||
|
Menu, |
||||||
|
Submenu, |
||||||
|
MenuItem, |
||||||
|
MenuItemGroup, |
||||||
|
Input, |
||||||
|
InputNumber, |
||||||
|
Radio, |
||||||
|
RadioGroup, |
||||||
|
RadioButton, |
||||||
|
Checkbox, |
||||||
|
CheckboxButton, |
||||||
|
CheckboxGroup, |
||||||
|
Switch, |
||||||
|
Select, |
||||||
|
Option, |
||||||
|
OptionGroup, |
||||||
|
Button, |
||||||
|
ButtonGroup, |
||||||
|
Table, |
||||||
|
TableColumn, |
||||||
|
DatePicker, |
||||||
|
TimeSelect, |
||||||
|
TimePicker, |
||||||
|
Popover, |
||||||
|
Tooltip, |
||||||
|
Breadcrumb, |
||||||
|
BreadcrumbItem, |
||||||
|
Form, |
||||||
|
FormItem, |
||||||
|
Tabs, |
||||||
|
TabPane, |
||||||
|
Tag, |
||||||
|
Tree, |
||||||
|
Alert, |
||||||
|
Slider, |
||||||
|
Icon, |
||||||
|
Row, |
||||||
|
Col, |
||||||
|
Upload, |
||||||
|
Progress, |
||||||
|
Badge, |
||||||
|
Card, |
||||||
|
Rate, |
||||||
|
Steps, |
||||||
|
Step, |
||||||
|
Carousel, |
||||||
|
CarouselItem, |
||||||
|
Collapse, |
||||||
|
CollapseItem, |
||||||
|
Cascader, |
||||||
|
ColorPicker, |
||||||
|
Transfer, |
||||||
|
Container, |
||||||
|
Header, |
||||||
|
Aside, |
||||||
|
Main, |
||||||
|
Footer, |
||||||
|
Loading, |
||||||
|
MessageBox, |
||||||
|
Message, |
||||||
|
Notification |
||||||
|
} from 'element-ui' |
||||||
|
|
||||||
|
Vue.use(Pagination) |
||||||
|
Vue.use(Dialog) |
||||||
|
Vue.use(Autocomplete) |
||||||
|
Vue.use(Dropdown) |
||||||
|
Vue.use(DropdownMenu) |
||||||
|
Vue.use(DropdownItem) |
||||||
|
Vue.use(Menu) |
||||||
|
Vue.use(Submenu) |
||||||
|
Vue.use(MenuItem) |
||||||
|
Vue.use(MenuItemGroup) |
||||||
|
Vue.use(Input) |
||||||
|
Vue.use(InputNumber) |
||||||
|
Vue.use(Radio) |
||||||
|
Vue.use(RadioGroup) |
||||||
|
Vue.use(RadioButton) |
||||||
|
Vue.use(Checkbox) |
||||||
|
Vue.use(CheckboxButton) |
||||||
|
Vue.use(CheckboxGroup) |
||||||
|
Vue.use(Switch) |
||||||
|
Vue.use(Select) |
||||||
|
Vue.use(Option) |
||||||
|
Vue.use(OptionGroup) |
||||||
|
Vue.use(Button) |
||||||
|
Vue.use(ButtonGroup) |
||||||
|
Vue.use(Table) |
||||||
|
Vue.use(TableColumn) |
||||||
|
Vue.use(DatePicker) |
||||||
|
Vue.use(TimeSelect) |
||||||
|
Vue.use(TimePicker) |
||||||
|
Vue.use(Popover) |
||||||
|
Vue.use(Tooltip) |
||||||
|
Vue.use(Breadcrumb) |
||||||
|
Vue.use(BreadcrumbItem) |
||||||
|
Vue.use(Form) |
||||||
|
Vue.use(FormItem) |
||||||
|
Vue.use(Tabs) |
||||||
|
Vue.use(TabPane) |
||||||
|
Vue.use(Tag) |
||||||
|
Vue.use(Tree) |
||||||
|
Vue.use(Alert) |
||||||
|
Vue.use(Slider) |
||||||
|
Vue.use(Icon) |
||||||
|
Vue.use(Row) |
||||||
|
Vue.use(Col) |
||||||
|
Vue.use(Upload) |
||||||
|
Vue.use(Progress) |
||||||
|
Vue.use(Badge) |
||||||
|
Vue.use(Card) |
||||||
|
Vue.use(Rate) |
||||||
|
Vue.use(Steps) |
||||||
|
Vue.use(Step) |
||||||
|
Vue.use(Carousel) |
||||||
|
Vue.use(CarouselItem) |
||||||
|
Vue.use(Collapse) |
||||||
|
Vue.use(CollapseItem) |
||||||
|
Vue.use(Cascader) |
||||||
|
Vue.use(ColorPicker) |
||||||
|
Vue.use(Transfer) |
||||||
|
Vue.use(Container) |
||||||
|
Vue.use(Header) |
||||||
|
Vue.use(Aside) |
||||||
|
Vue.use(Main) |
||||||
|
Vue.use(Footer) |
||||||
|
|
||||||
|
Vue.use(Loading.directive) |
||||||
|
|
||||||
|
Vue.prototype.$loading = Loading.service |
||||||
|
Vue.prototype.$msgbox = MessageBox |
||||||
|
Vue.prototype.$alert = MessageBox.alert |
||||||
|
Vue.prototype.$confirm = MessageBox.confirm |
||||||
|
Vue.prototype.$prompt = MessageBox.prompt |
||||||
|
Vue.prototype.$notify = Notification |
||||||
|
Vue.prototype.$message = Message |
||||||
|
|
||||||
|
Vue.prototype.$ELEMENT = { size: 'medium' } |
@ -0,0 +1,27 @@ |
|||||||
|
/** |
||||||
|
* 字体图标, 统一使用SVG Sprite矢量图标(http://www.iconfont.cn/)
|
||||||
|
* |
||||||
|
* 使用: |
||||||
|
* 1. 在阿里矢量图标站创建一个项目, 并添加图标(这一步非必须, 创建方便项目图标管理) |
||||||
|
* 2-1. 添加icon, 选中新增的icon图标, 复制代码 -> 下载 -> SVG下载 -> 粘贴代码(重命名) |
||||||
|
* 2-2. 添加icons, 下载图标库对应[iconfont.js]文件, 替换项目[./iconfont.js]文件 |
||||||
|
* 3. 组件模版中使用 [<icon-svg name="canyin"></icon-svg>] |
||||||
|
* |
||||||
|
* 注意: |
||||||
|
* 1. 通过2-2 添加icons, getNameList方法无法返回对应数据 |
||||||
|
*/ |
||||||
|
import Vue from 'vue' |
||||||
|
import IconSvg from '@/components/icon-svg' |
||||||
|
import './iconfont.js' |
||||||
|
|
||||||
|
Vue.component('IconSvg', IconSvg) |
||||||
|
|
||||||
|
const svgFiles = require.context('./svg', true, /\.svg$/) |
||||||
|
const iconList = svgFiles.keys().map(item => svgFiles(item)) |
||||||
|
|
||||||
|
export default { |
||||||
|
// 获取图标icon-(*).svg名称列表, 例如[shouye, xitong, zhedie, ...]
|
||||||
|
getNameList () { |
||||||
|
return iconList.map(item => item.default.id.replace('icon-', '')) |
||||||
|
} |
||||||
|
} |