├── .babelrc ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .postcssrc.js ├── README.md ├── build ├── build.js ├── check-versions.js ├── utils.js ├── webpack.base.conf.js ├── webpack.dev.conf.js └── webpack.prod.conf.js ├── config ├── dev.env.js ├── index.js └── prod.env.js ├── data ├── index.js ├── menuData.js └── token.json ├── element-variables.scss ├── index.html ├── jsconfig.json ├── package.json ├── src ├── App.vue ├── apiUrl │ └── index.js ├── assets │ └── publicImg │ │ └── defaultImg.png ├── components │ ├── layoutIndex │ │ └── index.vue │ └── publicComponent │ │ ├── custom-menu │ │ └── custom-menu.vue │ │ └── discreteness │ │ ├── haeDer.vue │ │ ├── pageTabs.vue │ │ ├── pl-menu.vue │ │ └── pl-menu2.vue ├── config │ ├── http │ │ └── index.js │ ├── index.js │ └── router │ │ └── index.js ├── index.js ├── module │ ├── accountModule │ │ ├── README.md │ │ ├── index.js │ │ ├── router │ │ │ └── index.js │ │ ├── viewPage │ │ │ └── login.vue │ │ └── vuex │ │ │ └── index.js │ ├── homeModule │ │ ├── README.md │ │ ├── component │ │ │ └── texts.vue │ │ ├── index.js │ │ ├── router │ │ │ └── index.js │ │ ├── viewPage │ │ │ ├── dayAdd.vue │ │ │ ├── dayAu.vue │ │ │ ├── flushRate │ │ │ │ ├── firstFlushRate.vue │ │ │ │ ├── orderLine.vue │ │ │ │ └── recoilRate.vue │ │ │ ├── fourteen.vue │ │ │ ├── homeIndex.vue │ │ │ ├── mauLine.vue │ │ │ ├── nextDay.vue │ │ │ ├── sevenDays.vue │ │ │ └── weekAu.vue │ │ └── vuex │ │ │ └── index.js │ └── index.js ├── permission.js ├── plugins │ └── ajax-plugin.js ├── themes │ ├── amendEleTheme │ │ ├── element-style │ │ │ └── index.less │ │ └── theme │ │ │ ├── alert.css │ │ │ ├── aside.css │ │ │ ├── autocomplete.css │ │ │ ├── badge.css │ │ │ ├── base.css │ │ │ ├── breadcrumb-item.css │ │ │ ├── breadcrumb.css │ │ │ ├── button-group.css │ │ │ ├── button.css │ │ │ ├── card.css │ │ │ ├── carousel-item.css │ │ │ ├── carousel.css │ │ │ ├── cascader.css │ │ │ ├── checkbox-button.css │ │ │ ├── checkbox-group.css │ │ │ ├── checkbox.css │ │ │ ├── col.css │ │ │ ├── collapse-item.css │ │ │ ├── collapse.css │ │ │ ├── color-picker.css │ │ │ ├── container.css │ │ │ ├── date-picker.css │ │ │ ├── dialog.css │ │ │ ├── display.css │ │ │ ├── dropdown-item.css │ │ │ ├── dropdown-menu.css │ │ │ ├── dropdown.css │ │ │ ├── element-variables.css │ │ │ ├── fonts │ │ │ ├── element-icons.ttf │ │ │ └── element-icons.woff │ │ │ ├── footer.css │ │ │ ├── form-item.css │ │ │ ├── form.css │ │ │ ├── header.css │ │ │ ├── icon.css │ │ │ ├── index.css │ │ │ ├── input-number.css │ │ │ ├── input.css │ │ │ ├── loading.css │ │ │ ├── main.css │ │ │ ├── menu-item-group.css │ │ │ ├── menu-item.css │ │ │ ├── menu.css │ │ │ ├── message-box.css │ │ │ ├── message.css │ │ │ ├── notification.css │ │ │ ├── option-group.css │ │ │ ├── option.css │ │ │ ├── pagination.css │ │ │ ├── popover.css │ │ │ ├── popper.css │ │ │ ├── progress.css │ │ │ ├── radio-button.css │ │ │ ├── radio-group.css │ │ │ ├── radio.css │ │ │ ├── rate.css │ │ │ ├── reset.css │ │ │ ├── row.css │ │ │ ├── scrollbar.css │ │ │ ├── select-dropdown.css │ │ │ ├── select.css │ │ │ ├── slider.css │ │ │ ├── spinner.css │ │ │ ├── step.css │ │ │ ├── steps.css │ │ │ ├── submenu.css │ │ │ ├── switch.css │ │ │ ├── tab-pane.css │ │ │ ├── table-column.css │ │ │ ├── table.css │ │ │ ├── tabs.css │ │ │ ├── tag.css │ │ │ ├── time-picker.css │ │ │ ├── time-select.css │ │ │ ├── timeline-item.css │ │ │ ├── timeline.css │ │ │ ├── tooltip.css │ │ │ ├── transfer.css │ │ │ ├── tree.css │ │ │ └── upload.css │ └── publicStyle │ │ ├── common.less │ │ └── default.less ├── utils │ ├── bus.js │ ├── cycleDate.js │ └── store.js └── vuex │ └── index.js ├── static ├── .gitkeep └── icon.ico └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | [ 4 | "env", 5 | { 6 | "modules": false, 7 | "targets": { 8 | "browsers": [ 9 | "> 1%", 10 | "last 2 versions", 11 | "not ie <= 8" 12 | ] 13 | } 14 | } 15 | ], 16 | "stage-2" 17 | ], 18 | "plugins": [ 19 | "transform-vue-jsx", 20 | "transform-runtime", 21 | "transform-decorators-legacy" 22 | ] 23 | } 24 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | /build/ 2 | /config/ 3 | /dist/ 4 | /*.js 5 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | // https://eslint.org/docs/user-guide/configuring 2 | 3 | module.exports = { 4 | root: true, 5 | parserOptions: { 6 | parser: 'babel-eslint' 7 | }, 8 | env: { 9 | browser: true, 10 | }, 11 | extends: [ 12 | // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention 13 | // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules. 14 | 'plugin:vue/strongly-recommended', 15 | // https://github.com/standard/standard/blob/master/docs/RULES-en.md 16 | 'standard' 17 | ], 18 | // required to lint *.vue files 19 | plugins: [ 20 | 'vue' 21 | ], 22 | globals: { 23 | CONTEXT_PATH: true 24 | }, 25 | // add your custom rules here 26 | rules: { 27 | // allow async-await 28 | 'generator-star-spacing': 'off', 29 | // allow debugger during development 30 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 31 | 'vue/max-attributes-per-line': ['error', { 32 | 'singleline': 3, 33 | 'multiline': { 34 | 'max': 1, 35 | 'allowFirstLine': true 36 | } 37 | }], 38 | 'vue/script-indent': ['error', 2, {'baseIndent': 1}], 39 | 'indent': 'off' 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/README.md -------------------------------------------------------------------------------- /build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const chalk = require('chalk') 9 | const webpack = require('webpack') 10 | const config = require('../config') 11 | const webpackConfig = require('./webpack.prod.conf') 12 | 13 | const spinner = ora('building for production...') 14 | spinner.start() 15 | 16 | rm(config.build.assetsRoot, err => { 17 | if (err) throw err 18 | webpack(webpackConfig, (err, stats) => { 19 | spinner.stop() 20 | if (err) throw err 21 | process.stdout.write(stats.toString({ 22 | colors: true, 23 | modules: false, 24 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 25 | chunks: false, 26 | chunkModules: false 27 | }) + '\n\n') 28 | 29 | if (stats.hasErrors()) { 30 | console.log(chalk.red(' Build failed with errors.\n')) 31 | process.exit(1) 32 | } 33 | 34 | console.log(chalk.cyan(' Build complete.\n')) 35 | console.log(chalk.yellow( 36 | ' Tip: built files are meant to be served over an HTTP server.\n' + 37 | ' Opening index.html over file:// won\'t work.\n' 38 | )) 39 | }) 40 | }) 41 | -------------------------------------------------------------------------------- /build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /build/utils.js: -------------------------------------------------------------------------------- 1 | const path = require('path') 2 | const config = require('../config') 3 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 4 | const packageConfig = require('../package.json') 5 | /** 6 | * 解析路径 7 | * @param path 8 | * 路径名称，从项目的根开始 9 | * @returns {*|string} 10 | */ 11 | exports.resolve = (path__) => { 12 | return path.resolve(__dirname, '..', path__) 13 | } 14 | 15 | /** 16 | * 解析静态文件路径 17 | * @param _path 18 | */ 19 | exports.assetsPath = (_path) => { 20 | const assetsSubDirectory = process.env.NODE_ENV === 'production' 21 | ? config.build.assetsSubDirectory 22 | : config.dev.assetsSubDirectory 23 | return path.posix.join(assetsSubDirectory, _path) 24 | } 25 | /** 26 | * 创建操作系统通知 27 | * @returns {function(*, *)} 28 | */ 29 | exports.createNotifierCallback = () => { 30 | const notifier = require('node-notifier') 31 | 32 | return (severity, errors) => { 33 | if (severity !== 'error') return 34 | 35 | const error = errors[0] 36 | const filename = error.file && error.file.split('!').pop() 37 | 38 | notifier.notify({ 39 | title: packageConfig.name, 40 | message: severity + ': ' + error.name, 41 | subtitle: filename || '', 42 | icon: path.join(__dirname, 'logo.png') 43 | }) 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /build/webpack.base.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const path = require('path') 3 | const utils = require('./utils') 4 | const VueLoaderPlugin = require('vue-loader/lib/plugin') 5 | const config = require('../config') 6 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 7 | const CopyWebpackPlugin = require('copy-webpack-plugin') 8 | 9 | const cssSourceMap = process.env.NODE_ENV === 'production' ? config.build.productionSourceMap : config.dev.cssSourceMap 10 | // 创建eslint规则 11 | const createLintingRule = () => ({ 12 | test: /\.(js|vue)$/, 13 | loader: 'eslint-loader', 14 | enforce: 'pre', 15 | include: [utils.resolve('src'), utils.resolve('test')], 16 | options: { 17 | formatter: require('eslint-friendly-formatter'), 18 | emitWarning: !config.dev.showEslintErrorsInOverlay 19 | } 20 | }) 21 | 22 | module.exports = { 23 | resolve: { 24 | extensions: ['.ts', '.js', '.vue', '.json'], 25 | alias: { 26 | // 'vue$': 'vue/dist/vue.esm.js', 27 | '@': utils.resolve('src') 28 | } 29 | }, 30 | externals: { 31 | 'vue': 'Vue', 32 | "echarts": "echarts", 33 | 'vuex': 'Vuex', 34 | 'element-ui': 'ELEMENT', 35 | 'moment': 'moment' 36 | }, 37 | module: { 38 | rules: [ 39 | ...(config.dev.useEslint ? [createLintingRule()] : []), 40 | { 41 | test: /\.vue$/, 42 | loader: 'vue-loader', 43 | options: { 44 | transformAssetUrls: { 45 | video: ['src', 'poster'], 46 | source: 'src', 47 | img: 'src', 48 | image: 'xlink:href' 49 | } 50 | } 51 | }, { 52 | test: /\.js$/, 53 | loader: 'babel-loader', 54 | exclude: file => /node_modules/.test(file) && !/\.vue\.js/.test(file) && !/element-ui(\\|\/)(src|packages)/.test(file) && !/pl-table/.test(file) 55 | }, { 56 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 57 | loader: 'url-loader', 58 | options: { 59 | limit: 10000, 60 | name: utils.assetsPath('img/[name].[hash].[ext]') 61 | } 62 | }, { 63 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, 64 | loader: 'url-loader', 65 | options: { 66 | limit: 10000, 67 | name: utils.assetsPath('media/[name].[hash].[ext]') 68 | } 69 | }, { 70 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 71 | loader: 'url-loader', 72 | options: { 73 | limit: 10000, 74 | name: utils.assetsPath('fonts/[name].[hash].[ext]') 75 | } 76 | }, { 77 | test: /\.less$/, 78 | use: [{ 79 | loader: process.env.NODE_ENV === 'production' ? MiniCssExtractPlugin.loader : 'vue-style-loader' 80 | }, { 81 | loader: 'css-loader', 82 | options: { 83 | sourceMap: cssSourceMap 84 | } 85 | }, { 86 | loader: 'less-loader', 87 | options: { 88 | sourceMap: cssSourceMap 89 | } 90 | }, { 91 | loader: 'sass-resources-loader', 92 | options: { 93 | resources: [ 94 | path.resolve(__dirname, '../src/themes/publicStyle/common.less') 95 | ] 96 | } 97 | }] 98 | }, { 99 | test: /\.css$/, 100 | use: [{ 101 | loader: process.env.NODE_ENV === 'production' ? MiniCssExtractPlugin.loader : 'vue-style-loader', 102 | }, { 103 | loader: 'css-loader', 104 | options: { 105 | sourceMap: cssSourceMap 106 | } 107 | }] 108 | }] 109 | }, 110 | plugins: [ 111 | new VueLoaderPlugin(), 112 | 113 | // 复制静态资源到目录中，如果有更多需要复制的资源，请在这里添加 114 | new CopyWebpackPlugin([{ 115 | from: utils.resolve('static'), 116 | to: config.build.assetsSubDirectory, 117 | ignore: ['.*'] 118 | }]) 119 | ] 120 | } 121 | -------------------------------------------------------------------------------- /build/webpack.dev.conf.js: -------------------------------------------------------------------------------- 1 | const merge = require('webpack-merge') 2 | const HtmlWebpackPlugin = require('html-webpack-plugin') 3 | const baseWebpackConfig = require('./webpack.base.conf') 4 | const utils = require('./utils') 5 | const config = require('../config') 6 | const webpack = require('webpack') 7 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') 8 | const portfinder = require('portfinder') 9 | 10 | const devWebpackConfig = merge(baseWebpackConfig, { 11 | mode: 'development', // 模式 12 | output: { 13 | publicPath: config.dev.assetsPublicPath, // 发布路径 14 | filename: '[name].js' // 输出文件命名规则 15 | }, 16 | devtool: config.dev.devtool, 17 | devServer: { 18 | hot: true, 19 | contentBase: false, 20 | publicPath: config.dev.assetsPublicPath, 21 | historyApiFallback: { 22 | rewrites: [{ 23 | from: /./, 24 | to: config.dev.assetsPublicPath 25 | }] 26 | }, 27 | overlay: config.dev.errorOverlay 28 | ? {warnings: false, errors: true} 29 | : false, 30 | host: config.dev.host, 31 | port: config.dev.port, 32 | proxy: config.dev.proxyTable, 33 | quiet: true // necessary for FriendlyErrorsPlugin 34 | }, 35 | plugins: [ 36 | new webpack.DefinePlugin({ 37 | 'process.env': require('../config/dev.env'), 38 | 'CONTEXT_PATH': JSON.stringify(config.dev.assetsPublicPath) 39 | }), 40 | new webpack.HotModuleReplacementPlugin(), 41 | new webpack.NamedModulesPlugin(), 42 | new HtmlWebpackPlugin({ 43 | filename: 'index.html', 44 | template: utils.resolve('index.html'), 45 | inject: true, 46 | favicon: './static/icon.ico' 47 | }) 48 | ] 49 | }) 50 | 51 | module.exports = new Promise((resolve, reject) => { 52 | portfinder.basePort = process.env.PORT || config.dev.port 53 | // 使用portfinder查找可用的端口 54 | portfinder.getPort((err, port) => { 55 | if (err) { 56 | reject(err) 57 | } else { 58 | // publish the new Port, necessary for e2e tests 59 | process.env.PORT = port 60 | // add port to devServer http 61 | devWebpackConfig.devServer.port = port 62 | 63 | // Add FriendlyErrorsPlugin 64 | devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ 65 | compilationSuccessInfo: { 66 | messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`] 67 | }, 68 | onErrors: config.dev.notifyOnErrors 69 | ? utils.createNotifierCallback() 70 | : undefined 71 | })) 72 | resolve(devWebpackConfig) 73 | } 74 | }) 75 | }) 76 | -------------------------------------------------------------------------------- /build/webpack.prod.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const webpack = require('webpack') 3 | const merge = require('webpack-merge') 4 | const HtmlWebpackPlugin = require('html-webpack-plugin') 5 | // const UglifyJsPlugin = require('uglifyjs-webpack-plugin') 6 | const TerserPlugin = require('terser-webpack-plugin') 7 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 8 | const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin') 9 | const baseWebpackConfig = require('./webpack.base.conf') 10 | const config = require('../config') 11 | const utils = require('./utils') 12 | 13 | module.exports = merge(baseWebpackConfig, { 14 | mode: 'production',//模式 15 | output: { 16 | path: config.build.assetsRoot,//输出文件夹 17 | publicPath: config.build.assetsPublicPath,// 发布路径,可以是/ 或者是http://yourdomain/的形式 18 | filename: utils.assetsPath('js/[name].js?_=[chunkhash]'),//输出文件命名规则 19 | chunkFilename: utils.assetsPath('js/[id].js?_=[chunkhash]') 20 | }, 21 | optimization: { 22 | minimize: true, 23 | runtimeChunk: true, 24 | splitChunks: { // 模块分割的选项， 25 | chunks: 'all', 26 | // minSize: 30000, //默认只有当模块大小大于30Kb的时候才会启用模块分割，可以通过指定一个极小值强制对所有模块进行分割 27 | }, 28 | minimizer: [ 29 | // 对js文件进行压缩,在output之中设置了filename和chunkFilename之后，webpack4的默认压缩就无效了 30 | // new UglifyJsPlugin({ 31 | // test: /\.js($|\?)/i, 32 | // uglifyOptions: { 33 | // sourceMap: config.build.productionSourceMap, 34 | // mangle: false // 启用代码混淆 35 | // } 36 | // }), 37 | new TerserPlugin({ // 压缩js 38 | test: /\.js($|\?)/i, 39 | cache: true, 40 | parallel: true 41 | }), 42 | new OptimizeCSSAssetsPlugin({ 43 | cssProcessor: require('cssnano'), 44 | cssProcessorOptions: { 45 | discardComments: {removeAll: true}, 46 | // 避免 cssnano 重新计算 z-index 47 | safe: true, 48 | //所以这里选择关闭，使用postcss的autoprefixer功能 49 | autoprefixer: false 50 | }, 51 | assetNameRegExp: /\.css\?_=[a-z0-9]*$/g 52 | }) 53 | ] 54 | }, 55 | externals: {}, 56 | plugins: [ 57 | new HtmlWebpackPlugin({ 58 | filename: config.build.index, 59 | template: utils.resolve('index.html'), 60 | inject: true, 61 | minify: { 62 | removeComments: true,//移除注释 63 | collapseWhitespace: true, //合并多余空格 64 | removeAttributeQuotes: true//移除分号 65 | // 更多选项请参见: 66 | // https://github.com/kangax/html-minifier#options-quick-reference 67 | }, 68 | // necessary to consistently work with multiple chunks via CommonsChunkPlugin 69 | chunksSortMode: 'dependency' 70 | }), 71 | new webpack.DefinePlugin({ 72 | 'process.env': require('../config/prod.env'), 73 | 'CONTEXT_PATH': JSON.stringify(config.build.assetsPublicPath) 74 | }), 75 | new MiniCssExtractPlugin({ 76 | path: utils.assetsPath('css'), 77 | filename: '[name].css?_=[chunkhash]', 78 | chunkFilename: utils.assetsPath('css/[id].css?_=[chunkhash]') 79 | }), 80 | new webpack.NoEmitOnErrorsPlugin() 81 | ] 82 | }) 83 | -------------------------------------------------------------------------------- /config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /config/index.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | const path = require('path') 4 | const CONTEXT_PATH = '/' 5 | module.exports = { 6 | dev: { 7 | // Paths 8 | assetsSubDirectory: "static", // 静态资源的路径 9 | assetsPublicPath: CONTEXT_PATH, // 项目发布路径 10 | proxyTable: { 11 | "/yupao": { 12 | target: "http://8.140.142.130:29501", 13 | changeOrigin: true, 14 | pathRewrite: { "^/yupao": "" } 15 | } 16 | }, // devServer反向代理列表 172.22.10.104:8888 17 | 18 | // Various Dev Server settings 19 | host: '192.168.1.17', // can be overwritten by process.env.HOST 20 | port: 82, // 服务端口 21 | autoOpenBrowser: false, //编译完成后是否自动打开浏览器 22 | errorOverlay: true, //在devServer中，是否启用错误输出层 23 | notifyOnErrors: false, //是否在系统通知区域提示错误 24 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- 25 | 26 | // 是否使用 Eslint Loader 在编译过程中检查书写错误? 27 | // 格式错误会在控制台显示出来 28 | useEslint: true, // 29 | // 是否在devServer中用一个单独的层显示格式错误 30 | showEslintErrorsInOverlay: false, 31 | 32 | /** 33 | * Source Maps 34 | */ 35 | 36 | // https://webpack.js.org/configuration/devtool/#development 37 | devtool: "source-map", 38 | 39 | // If you have problems debugging vue-files in devtools, 40 | // set this to false - it *may* help 41 | // https://vue-loader.vuejs.org/en/options.html#cachebusting 42 | cacheBusting: true, 43 | 44 | cssSourceMap: true 45 | }, 46 | 47 | build: { 48 | // Template for index.html 49 | index: path.resolve(__dirname, "../dist/index.html"), 50 | 51 | // Paths 52 | assetsRoot: path.resolve(__dirname, "../dist"), 53 | assetsSubDirectory: "static", // 静态资源的路径 54 | assetsPublicPath: '/', // 项目的的发布路径，必须以'/'结尾,建议使用 '/CONTEXT_PATH'的模式 55 | 56 | /** 57 | * Source Maps 58 | */ 59 | 60 | productionSourceMap: true, 61 | // https://webpack.js.org/configuration/devtool/#production 62 | devtool: "#source-map", 63 | 64 | // Gzip off by default as many popular static hosts such as 65 | // Surge or Netlify already gzip all static assets for you. 66 | // Before setting to `true`, make sure to: 67 | // npm install --save-dev compression-webpack-plugin 68 | productionGzip: false, //是否启用Gzip压缩，如果使用nginx发布，必须选择false 69 | productionGzipExtensions: ["js", "css"], 70 | 71 | // Run the build command with an extra argument to 72 | // View the bundle analyzer report after build finishes: 73 | // `npm run build --report` 74 | // Set to `true` or `false` to always turn it on or off 75 | bundleAnalyzerReport: process.env.npm_config_report 76 | } 77 | }; 78 | -------------------------------------------------------------------------------- /config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /data/index.js: -------------------------------------------------------------------------------- 1 | // 使用mockjs模拟数据，mockjs的相关文档请参考 http://mockjs.com/ 2 | import Mock from 'mockjs' 3 | import token from './token' 4 | Mock.mock('/token', options => { 5 | return token 6 | }) 7 | -------------------------------------------------------------------------------- /data/menuData.js: -------------------------------------------------------------------------------- 1 | let homeMenu = [{ 2 | 'sort': 1, 3 | 'href': '/wel/mauLine', 4 | 'title': '统计', 5 | 'icon': 'iconorder_icon', 6 | 'submenu': [{ 7 | 'title': '用户相关统计', 8 | 'list': [ 9 | {'href': '/wel/mauLine', 'title': '月活统计'}, 10 | {'href': '/wel/weekAu', 'title': '周活统计'}, 11 | {'href': '/wel/dayAu', 'title': '日活统计'}, 12 | {'href': '/wel/dayAdd', 'title': '每日新增'}, 13 | {'href': '/wel/nextDay', 'title': '次日留存'}, 14 | {'href': '/wel/sevenDays', 'title': '七日留存'}, 15 | {'href': '/wel/fourteen', 'title': '十四日留存'} 16 | ] 17 | }, { 18 | 'title': '充值相关统计', 19 | 'list': [ 20 | {'href': '/wel/firstFlushRate', 'title': '首冲率'}, 21 | {'href': '/wel/recoilRate', 'title': '复冲率'}, 22 | {'href': '/wel/orderLine', 'title': '订单统计'} 23 | ] 24 | }] 25 | }] 26 | // 合并 27 | let menuDatas = [...homeMenu] 28 | // 排序 29 | menuDatas.sort((a, b) => { 30 | return a.sort - b.sort 31 | }) 32 | export default menuDatas 33 | -------------------------------------------------------------------------------- /data/token.json: -------------------------------------------------------------------------------- 1 | { 2 | "token": "123456", 3 | "type": "String" 4 | } 5 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 鱼泡运营系统 26 | 33 | 34 | 35 |
36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "experimentalDecorators": true 4 | } 5 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "element-seed", 3 | "version": "1.0.1", 4 | "description": "A Vue.js project", 5 | "author": "penglei", 6 | "private": true, 7 | "scripts": { 8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", 9 | "start": "npm run dev", 10 | "lint": "eslint --ext .js,.vue src", 11 | "build": "node build/build.js", 12 | "fix": "eslint --fix --ext .js,.vue src", 13 | "reinstall": "npm i --no-optional --registry=https://registry.npm.taobao.org" 14 | }, 15 | "dependencies": { 16 | "@riophae/vue-treeselect": "0.0.38", 17 | "axios": "^0.18.0", 18 | "babel-polyfill": "^6.26.0", 19 | "echarts": "^5.0.2", 20 | "element-datatables": "^0.1.3", 21 | "element-ui": "^2.10.0", 22 | "moment": "^2.22.1", 23 | "qs": "^6.5.1", 24 | "vue": "^2.5.15", 25 | "vue-property-decorator": "^7.2.0", 26 | "vue-router": "^3.0.1", 27 | "vuedraggable": "^2.20.0", 28 | "vuex": "^3.0.1", 29 | "vuex-class": "^0.3.1", 30 | "wangeditor": "^3.1.1", 31 | "xe-utils": "^2.2.4" 32 | }, 33 | "devDependencies": { 34 | "autoprefixer": "^8.6.4", 35 | "babel-core": "^6.22.1", 36 | "babel-eslint": "^8.2.1", 37 | "babel-helper-vue-jsx-merge-props": "^2.0.3", 38 | "babel-loader": "^7.1.4", 39 | "babel-plugin-syntax-jsx": "^6.18.0", 40 | "babel-plugin-transform-decorators-legacy": "^1.3.4", 41 | "babel-plugin-transform-runtime": "^6.22.0", 42 | "babel-plugin-transform-vue-jsx": "^3.5.0", 43 | "babel-preset-env": "^1.3.2", 44 | "babel-preset-stage-2": "^6.22.0", 45 | "chalk": "^2.0.1", 46 | "copy-webpack-plugin": "^4.5.1", 47 | "css-loader": "^0.28.11", 48 | "element-theme-chalk": "^2.7.0", 49 | "eslint": "^5.0.0", 50 | "eslint-config-standard": "^11.0.0", 51 | "eslint-friendly-formatter": "^4.0.0", 52 | "eslint-loader": "^2.0.0", 53 | "eslint-plugin-import": "^2.7.0", 54 | "eslint-plugin-node": "^6.0.1", 55 | "eslint-plugin-promise": "^3.7.0", 56 | "eslint-plugin-standard": "^3.0.1", 57 | "eslint-plugin-vue": "^4.0.0", 58 | "file-loader": "^1.1.4", 59 | "friendly-errors-webpack-plugin": "^1.6.1", 60 | "html-webpack-plugin": "^3.0.6", 61 | "less": "~3.0.1", 62 | "less-loader": "^4.1.0", 63 | "mini-css-extract-plugin": "^0.4.0", 64 | "mockjs": "^1.0.1-beta3", 65 | "node-notifier": "^5.1.2", 66 | "optimize-css-assets-webpack-plugin": "^4.0.0", 67 | "ora": "^2.0.0", 68 | "portfinder": "^1.0.13", 69 | "postcss-import": "^11.0.0", 70 | "postcss-loader": "^2.0.8", 71 | "postcss-url": "^7.2.1", 72 | "rimraf": "^2.6.0", 73 | "sass-resources-loader": "^2.0.0", 74 | "script-loader": "^0.7.2", 75 | "semver": "^5.3.0", 76 | "shelljs": "^0.8.1", 77 | "terser-webpack-plugin": "^1.3.0", 78 | "url-loader": "^1.0.1", 79 | "vue-loader": "^15.2.1", 80 | "vue-style-loader": "^4.0.2", 81 | "vue-template-compiler": "^2.5.15", 82 | "webpack": "^4.1.1", 83 | "webpack-bundle-analyzer": "^2.9.0", 84 | "webpack-cli": "^3.0.0", 85 | "webpack-dev-server": "^3.1.1", 86 | "webpack-merge": "^4.1.0" 87 | }, 88 | "engines": { 89 | "node": ">= 6.0.0", 90 | "npm": ">= 3.0.0" 91 | }, 92 | "browserslist": [ 93 | "> 1%", 94 | "last 2 versions", 95 | "not ie <= 8" 96 | ] 97 | } 98 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 46 | 47 | 54 | -------------------------------------------------------------------------------- /src/apiUrl/index.js: -------------------------------------------------------------------------------- 1 | const publics = { 2 | uploadImg: '/abc', // 图片上传地址 3 | login: '/user/login', // 登陆 4 | yuehuo: '/user/mau', // 月活 5 | dayHuo: '/user/dau', // 日活 6 | weekHuo: '/user/wau', // 周活 7 | dayAddu: '/user/new-incr', // 每日新增 8 | retentionOne: '/retention/one', // 次日存留 9 | retentionSeven: '/retention/seven', // 7日存留 10 | retentionFourteen: '/retention/fourteen', // 14日存留 11 | payRate: '/pay/fresh-payer-rate', // 首冲率 12 | payPayerRate: '/pay/repeat-payer-rate', // 复冲率 13 | orderCount: '/order/count', // 订单统计 14 | menus: '/sys/menu/listForUser' // 菜单数据地址 15 | } 16 | 17 | export default Object.assign({}, publics) 18 | -------------------------------------------------------------------------------- /src/assets/publicImg/defaultImg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/assets/publicImg/defaultImg.png -------------------------------------------------------------------------------- /src/components/layoutIndex/index.vue: -------------------------------------------------------------------------------- 1 | 44 | 82 | 83 | 173 | -------------------------------------------------------------------------------- /src/components/publicComponent/custom-menu/custom-menu.vue: -------------------------------------------------------------------------------- 1 | 45 | 46 | 143 | 144 | 163 | -------------------------------------------------------------------------------- /src/components/publicComponent/discreteness/haeDer.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 84 | 85 | 159 | -------------------------------------------------------------------------------- /src/components/publicComponent/discreteness/pl-menu.vue: -------------------------------------------------------------------------------- 1 | 39 | 40 | 92 | 93 | 158 | -------------------------------------------------------------------------------- /src/components/publicComponent/discreteness/pl-menu2.vue: -------------------------------------------------------------------------------- 1 | 38 | 39 | 107 | 108 | 173 | -------------------------------------------------------------------------------- /src/config/http/index.js: -------------------------------------------------------------------------------- 1 | import store from '@/vuex' 2 | import axios from 'axios' 3 | import { router } from '@/config' 4 | 5 | const httpConfig = { 6 | baseURL: '/yupao', 7 | timeout: 6 * 60 * 1000 8 | } 9 | 10 | if (process.env.NODE_ENV === 'production') { 11 | httpConfig.baseURL = '' 12 | } 13 | 14 | const http = axios.create(httpConfig) 15 | 16 | http.interceptors.request.use(config => { 17 | let tokenInfo = store.state.token.token 18 | config.headers['X-Token'] = tokenInfo 19 | store.commit('loading') 20 | return config 21 | }, error => { 22 | return Promise.reject(error) 23 | }) 24 | 25 | http.interceptors.response.use(response => { 26 | store.commit('loadingComplete') 27 | if (response.status >= 200 && response.status <= 300) { 28 | if (response.data.code === '401') { 29 | store.commit('REMOVETOKEN') 30 | router.push({path: '/login'}) 31 | } 32 | if (response.data) { 33 | return response 34 | } else { 35 | return response 36 | } 37 | } 38 | }, error => { 39 | store.commit('loadingComplete') 40 | return Promise.reject(error) 41 | }) 42 | 43 | export default http 44 | -------------------------------------------------------------------------------- /src/config/index.js: -------------------------------------------------------------------------------- 1 | export { default as router } from './router' 2 | -------------------------------------------------------------------------------- /src/config/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | Vue.use(Router) 4 | 5 | const router = new Router({ 6 | base: CONTEXT_PATH, 7 | mode: 'history', 8 | routes: [ 9 | { 10 | path: '/', 11 | redirect: '/wel/index' 12 | } 13 | ] 14 | }) 15 | 16 | export default router 17 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import 'babel-polyfill' // 引入填充库,解决IE不能显示的问题 2 | import Vue from 'vue' 3 | import App from './App' 4 | import Router from 'vue-router' 5 | import ElementUi from 'element-ui' 6 | import 'element-ui/lib/theme-chalk/index.css' 7 | import './themes/amendEleTheme/theme/index.css' // 引入element-ui样式 8 | import store from './vuex' 9 | import Bus from './utils/bus' // 引入bus，用于组件通信 10 | import AjaxPlugin from './plugins/ajax-plugin' 11 | import './permission' // 权限 12 | import {router} from './config' // 路由 13 | import {Component} from 'vue-property-decorator' 14 | import * as echarts from 'echarts' 15 | import moment from 'moment' 16 | 17 | // 载入模拟数据，在对接后端服务器接口时，取消掉 18 | // import '../data' 19 | 20 | // 引入頁面模块 21 | import moduleData from './module' 22 | 23 | moduleData.forEach(item => { 24 | // 注入模块 25 | Vue.use(item, {store, router}) 26 | }) 27 | 28 | Vue.config.productionTip = false 29 | Vue.use(ElementUi) 30 | Vue.use(Bus) 31 | // http请求 32 | Vue.use(AjaxPlugin) 33 | 34 | // 将moment挂载到原型上 35 | Vue.prototype.$moment = moment 36 | Vue.prototype.$echarts = echarts 37 | // Adding Custom Hooks 38 | Component.registerHooks([ 39 | 'beforeRouteEnter', 40 | 'beforeRouteLeave', 41 | 'beforeRouteUpdate' 42 | ]) 43 | 44 | // Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法 45 | const originalPush = Router.prototype.push 46 | Router.prototype.push = function push (location) { 47 | return originalPush.call(this, location).catch(err => err) 48 | } 49 | 50 | // 该项目种子特别注重规范，引入了eslint代码检测，在写法上一定要规范 51 | // eslint代码检测，使用它可以避免低级错误和统一代码的风格 52 | // 种子采用模块化写 53 | 54 | new Vue({ 55 | router, 56 | store, 57 | render: h => h(App) 58 | }).$mount('#app') 59 | -------------------------------------------------------------------------------- /src/module/accountModule/README.md: -------------------------------------------------------------------------------- 1 | 当前账户模块目录结构描述 2 | router: 路由配置表 3 | component: 账户模块的组件 4 | 账户模块页面 5 | viewPage: { 6 | login: 登录首页 7 | } 8 | vuex： 账户模块vuex状态存储 9 | -------------------------------------------------------------------------------- /src/module/accountModule/index.js: -------------------------------------------------------------------------------- 1 | import accountModule from './vuex' 2 | import routes from './router' 3 | /** 4 | * 将不同的业务模块按照module分开, 每个模块将自身公开为一个插件, 在install方法中，负责注册自身的相关资源 5 | * 账户模块 6 | */ 7 | export default { 8 | install (Vue, { store, router }) { 9 | router.addRoutes(routes) 10 | store.registerModule('accountModule', accountModule) 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /src/module/accountModule/router/index.js: -------------------------------------------------------------------------------- 1 | export default [ 2 | { 3 | path: '/login', 4 | name: '登录页', 5 | component: () => import('../viewPage/login') 6 | } 7 | ] 8 | -------------------------------------------------------------------------------- /src/module/accountModule/viewPage/login.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 83 | 84 | 133 | -------------------------------------------------------------------------------- /src/module/accountModule/vuex/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import apiUrl from '../../../apiUrl' 3 | export default { 4 | namespaced: true, 5 | state: {}, 6 | mutations: {}, 7 | actions: { 8 | // 登录请求 9 | login ({ commit }, params) { 10 | return Vue.http.post(apiUrl.login, params).then(({ data }) => { 11 | return data 12 | }) 13 | } 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/module/homeModule/README.md: -------------------------------------------------------------------------------- 1 | 当前首页模块目录结构描述 2 | router: 路由配置表 3 | component: 首页模块的组件 4 | 首页模块页面 5 | viewPage: { 6 | homeIndex: 首页 7 | } 8 | vuex： 首页模块vuex状态存储 9 | -------------------------------------------------------------------------------- /src/module/homeModule/component/texts.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 14 | -------------------------------------------------------------------------------- /src/module/homeModule/index.js: -------------------------------------------------------------------------------- 1 | import homeModule from './vuex' 2 | import routes from './router' 3 | /** 4 | * 将不同的业务模块按照module分开, 每个模块将自身公开为一个插件, 在install方法中，负责注册自身的相关资源 5 | * 首页模块 6 | */ 7 | export default { 8 | install (Vue, { store, router }) { 9 | router.addRoutes(routes) 10 | store.registerModule('homeModule', homeModule) 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /src/module/homeModule/router/index.js: -------------------------------------------------------------------------------- 1 | import Layout from '../../../components/layoutIndex' 2 | export default [ 3 | { 4 | path: '/wel', 5 | component: Layout, 6 | children: [{ 7 | path: 'index', 8 | name: '首页', 9 | component: () => import('../viewPage/homeIndex') 10 | }, { 11 | path: 'mauLine', 12 | name: '月活统计', 13 | component: () => import('../viewPage/mauLine') 14 | }, { 15 | path: 'weekAu', 16 | name: '周活统计', 17 | component: () => import('../viewPage/weekAu') 18 | }, { 19 | path: 'dayAu', 20 | name: '日活统计', 21 | component: () => import('../viewPage/dayAu') 22 | }, { 23 | path: 'dayAdd', 24 | name: '每日新增', 25 | component: () => import('../viewPage/dayAdd') 26 | }, { 27 | path: 'nextDay', 28 | name: '次日留存', 29 | component: () => import('../viewPage/nextDay') 30 | }, { 31 | path: 'sevenDays', 32 | name: '七日留存', 33 | component: () => import('../viewPage/sevenDays') 34 | }, { 35 | path: 'fourteen', 36 | name: '十四日留存', 37 | component: () => import('../viewPage/fourteen') 38 | }, { 39 | path: 'firstFlushRate', 40 | name: '首冲率', 41 | component: () => import('../viewPage/flushRate/firstFlushRate') 42 | }, { 43 | path: 'recoilRate', 44 | name: '复冲率', 45 | component: () => import('../viewPage/flushRate/recoilRate') 46 | }, { 47 | path: 'orderLine', 48 | name: '订单统计', 49 | component: () => import('../viewPage/flushRate/orderLine') 50 | }] 51 | } 52 | ] 53 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/dayAdd.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 100 | 101 | 115 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/dayAu.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 100 | 101 | 115 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/flushRate/firstFlushRate.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 100 | 101 | 115 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/flushRate/orderLine.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 100 | 101 | 115 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/flushRate/recoilRate.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 90 | 91 | 105 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/fourteen.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 90 | 91 | 105 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/homeIndex.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 17 | 18 | 22 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/mauLine.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 101 | 102 | 116 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/nextDay.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 90 | 91 | 105 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/sevenDays.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 90 | 91 | 105 | -------------------------------------------------------------------------------- /src/module/homeModule/viewPage/weekAu.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 100 | 101 | 115 | -------------------------------------------------------------------------------- /src/module/homeModule/vuex/index.js: -------------------------------------------------------------------------------- 1 | import apiUrl from '../../../apiUrl' 2 | import Vue from 'vue' 3 | export default { 4 | namespaced: true, 5 | state: {}, 6 | mutations: {}, 7 | actions: { 8 | // 月活 9 | yuehuoLine ({ commit }, params) { 10 | return Vue.http.get(apiUrl.yuehuo, {params}).then(({ data }) => { 11 | return data 12 | }) 13 | }, 14 | // 日活 15 | dayhuoLine ({ commit }, params) { 16 | return Vue.http.get(apiUrl.dayHuo, {params}).then(({ data }) => { 17 | return data 18 | }) 19 | }, 20 | // 周活 21 | weekHuoLine ({ commit }, params) { 22 | return Vue.http.get(apiUrl.weekHuo, {params}).then(({ data }) => { 23 | return data 24 | }) 25 | }, 26 | // 每日新增 27 | dayAddLine ({ commit }, params) { 28 | return Vue.http.get(apiUrl.dayAddu, {params}).then(({ data }) => { 29 | return data 30 | }) 31 | }, 32 | // 次日存留 33 | retentionOne ({ commit }, params) { 34 | return Vue.http.get(apiUrl.retentionOne, {params}).then(({ data }) => { 35 | return data 36 | }) 37 | }, 38 | // 7日存留 39 | retentionSeven ({ commit }, params) { 40 | return Vue.http.get(apiUrl.retentionSeven, {params}).then(({ data }) => { 41 | return data 42 | }) 43 | }, 44 | // 14日存留 45 | retentionFourteen ({ commit }, params) { 46 | return Vue.http.get(apiUrl.retentionFourteen, {params}).then(({ data }) => { 47 | return data 48 | }) 49 | }, 50 | // 首冲率 51 | payRateLine ({ commit }, params) { 52 | return Vue.http.get(apiUrl.payRate, {params}).then(({ data }) => { 53 | return data 54 | }) 55 | }, 56 | // 复冲率 57 | payPayerRateLine ({ commit }, params) { 58 | return Vue.http.get(apiUrl.payPayerRate, {params}).then(({ data }) => { 59 | return data 60 | }) 61 | }, 62 | // 订单统计 63 | orderCountLine ({ commit }, params) { 64 | return Vue.http.get(apiUrl.orderCount, {params}).then(({ data }) => { 65 | return data 66 | }) 67 | } 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /src/module/index.js: -------------------------------------------------------------------------------- 1 | // 将不同的业务模块导出 2 | import homeModule from './homeModule' // 首页模块 3 | import accountModule from './accountModule' // 登录模块 4 | 5 | export default [ 6 | homeModule, 7 | accountModule 8 | ] 9 | -------------------------------------------------------------------------------- /src/permission.js: -------------------------------------------------------------------------------- 1 | import router from './config/router' 2 | import store from './vuex' 3 | router.beforeEach((to, from, next) => { 4 | store.state.loadingCount = 0 // 如果跳了页面，就把之前页面的请求次数清除为0 5 | store.commit('SETURL', to.path) 6 | store.commit('SETFROMURL', from.path) 7 | 8 | // 设置页面最小宽度值 9 | if (to.meta.minWidth) { 10 | store.commit('setMinWidth', to.meta.minWidth) 11 | } else { 12 | store.commit('resetMinWidth') 13 | } 14 | 15 | // 判断权限 16 | let token = store.state.token.token 17 | if (token) { 18 | // 如果我当前是有权限的，手动输入地址到登录页面或者点击浏览器回退到登录页面， 19 | // 那么不好意思，你就不能去登录页面（你就去跳转前的路径） 20 | if (to.path === '/login') { 21 | next(from.path) 22 | // 如果不是登录页面，那么就把当前路由信息进行保存 23 | } else { 24 | if (!to.meta.noAddTag) { 25 | // 设置缓存页面 26 | if (to.meta.setKeepAlive && to.meta.keepAliveName) { 27 | store.commit('SETKEEPALIVEDATA', [to.meta.keepAliveName]) 28 | } 29 | // 保存当前页面的tab 30 | store.commit('ADD_TAG', { 31 | keepAliveName: to.meta.keepAliveName || '', // 需要缓存页面的名称 32 | label: to.name, 33 | value: to.path, 34 | query: to.query, 35 | params: to.params 36 | }) 37 | } 38 | next() 39 | } 40 | } else { 41 | console.log('无权限') 42 | if (to.path === '/login') { // 如果是登录页面路径，就直接next() 43 | next() 44 | } else { // 不然就跳转到登录 45 | next('/login') 46 | } 47 | } 48 | }) 49 | -------------------------------------------------------------------------------- /src/plugins/ajax-plugin.js: -------------------------------------------------------------------------------- 1 | import axios from '../config/http' 2 | 3 | export default { 4 | install (Vue) { 5 | Vue.prototype.$http = axios 6 | Vue.http = axios 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/aside.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | .el-aside { 120 | overflow: auto; 121 | -webkit-box-sizing: border-box; 122 | box-sizing: border-box; 123 | -ms-flex-negative: 0; 124 | flex-shrink: 0; } 125 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/badge.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-badge { 228 | position: relative; 229 | vertical-align: middle; 230 | display: inline-block; } 231 | .el-badge__content { 232 | background-color: #F56C6C; 233 | border-radius: 10px; 234 | color: #FFFFFF; 235 | display: inline-block; 236 | font-size: 12px; 237 | height: 18px; 238 | line-height: 18px; 239 | padding: 0 6px; 240 | text-align: center; 241 | white-space: nowrap; 242 | border: 1px solid #FFFFFF; } 243 | .el-badge__content.is-fixed { 244 | position: absolute; 245 | top: 0; 246 | right: 10px; 247 | -webkit-transform: translateY(-50%) translateX(100%); 248 | transform: translateY(-50%) translateX(100%); } 249 | .el-badge__content.is-fixed.is-dot { 250 | right: 5px; } 251 | .el-badge__content.is-dot { 252 | height: 8px; 253 | width: 8px; 254 | padding: 0; 255 | right: 0; 256 | border-radius: 50%; } 257 | .el-badge__content--primary { 258 | background-color: #1ab399; } 259 | .el-badge__content--success { 260 | background-color: #67C23A; } 261 | .el-badge__content--warning { 262 | background-color: #E6A23C; } 263 | .el-badge__content--info { 264 | background-color: #909399; } 265 | .el-badge__content--danger { 266 | background-color: #F56C6C; } 267 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/breadcrumb-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/breadcrumb-item.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/button-group.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/button-group.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/card.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-card { 228 | border-radius: 4px; 229 | border: 1px solid #EBEEF5; 230 | background-color: #FFFFFF; 231 | overflow: hidden; 232 | color: #303133; 233 | -webkit-transition: 0.3s; 234 | transition: 0.3s; } 235 | .el-card.is-always-shadow { 236 | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 237 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } 238 | .el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus { 239 | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 240 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } 241 | .el-card__header { 242 | padding: 18px 20px; 243 | border-bottom: 1px solid #EBEEF5; 244 | -webkit-box-sizing: border-box; 245 | box-sizing: border-box; } 246 | .el-card__body { 247 | padding: 20px; } 248 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/checkbox-button.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/checkbox-button.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/checkbox-group.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/checkbox-group.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/collapse-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/collapse-item.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/container.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | .el-container { 120 | display: -webkit-box; 121 | display: -ms-flexbox; 122 | display: flex; 123 | -webkit-box-orient: horizontal; 124 | -webkit-box-direction: normal; 125 | -ms-flex-direction: row; 126 | flex-direction: row; 127 | -webkit-box-flex: 1; 128 | -ms-flex: 1; 129 | flex: 1; 130 | -ms-flex-preferred-size: auto; 131 | flex-basis: auto; 132 | -webkit-box-sizing: border-box; 133 | box-sizing: border-box; 134 | min-width: 0; } 135 | .el-container.is-vertical { 136 | -webkit-box-orient: vertical; 137 | -webkit-box-direction: normal; 138 | -ms-flex-direction: column; 139 | flex-direction: column; } 140 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/display.css: -------------------------------------------------------------------------------- 1 | /* Element Chalk Variables */ 2 | /* Transition 3 | -------------------------- */ 4 | /* Color 5 | -------------------------- */ 6 | /* 53a8ff */ 7 | /* 66b1ff */ 8 | /* 79bbff */ 9 | /* 8cc5ff */ 10 | /* a0cfff */ 11 | /* b3d8ff */ 12 | /* c6e2ff */ 13 | /* d9ecff */ 14 | /* ecf5ff */ 15 | /* Link 16 | -------------------------- */ 17 | /* Border 18 | -------------------------- */ 19 | /* Fill 20 | -------------------------- */ 21 | /* Typography 22 | -------------------------- */ 23 | /* Size 24 | -------------------------- */ 25 | /* z-index 26 | -------------------------- */ 27 | /* Disable base 28 | -------------------------- */ 29 | /* Icon 30 | -------------------------- */ 31 | /* Checkbox 32 | -------------------------- */ 33 | /* Radio 34 | -------------------------- */ 35 | /* Select 36 | -------------------------- */ 37 | /* Alert 38 | -------------------------- */ 39 | /* Message Box 40 | -------------------------- */ 41 | /* Message 42 | -------------------------- */ 43 | /* Notification 44 | -------------------------- */ 45 | /* Input 46 | -------------------------- */ 47 | /* Cascader 48 | -------------------------- */ 49 | /* Group 50 | -------------------------- */ 51 | /* Tab 52 | -------------------------- */ 53 | /* Button 54 | -------------------------- */ 55 | /* cascader 56 | -------------------------- */ 57 | /* Switch 58 | -------------------------- */ 59 | /* Dialog 60 | -------------------------- */ 61 | /* Table 62 | -------------------------- */ 63 | /* Pagination 64 | -------------------------- */ 65 | /* Popover 66 | -------------------------- */ 67 | /* Tooltip 68 | -------------------------- */ 69 | /* Tag 70 | -------------------------- */ 71 | /* Tree 72 | -------------------------- */ 73 | /* Dropdown 74 | -------------------------- */ 75 | /* Badge 76 | -------------------------- */ 77 | /* Card 78 | --------------------------*/ 79 | /* Slider 80 | --------------------------*/ 81 | /* Steps 82 | --------------------------*/ 83 | /* Menu 84 | --------------------------*/ 85 | /* Rate 86 | --------------------------*/ 87 | /* DatePicker 88 | --------------------------*/ 89 | /* Loading 90 | --------------------------*/ 91 | /* Scrollbar 92 | --------------------------*/ 93 | /* Carousel 94 | --------------------------*/ 95 | /* Collapse 96 | --------------------------*/ 97 | /* Transfer 98 | --------------------------*/ 99 | /* Header 100 | --------------------------*/ 101 | /* Footer 102 | --------------------------*/ 103 | /* Main 104 | --------------------------*/ 105 | /* Timeline 106 | --------------------------*/ 107 | /* Break-point 108 | --------------------------*/ 109 | /* BEM support Func 110 | -------------------------- */ 111 | /* Element Chalk Variables */ 112 | /* Transition 113 | -------------------------- */ 114 | /* Color 115 | -------------------------- */ 116 | /* 53a8ff */ 117 | /* 66b1ff */ 118 | /* 79bbff */ 119 | /* 8cc5ff */ 120 | /* a0cfff */ 121 | /* b3d8ff */ 122 | /* c6e2ff */ 123 | /* d9ecff */ 124 | /* ecf5ff */ 125 | /* Link 126 | -------------------------- */ 127 | /* Border 128 | -------------------------- */ 129 | /* Fill 130 | -------------------------- */ 131 | /* Typography 132 | -------------------------- */ 133 | /* Size 134 | -------------------------- */ 135 | /* z-index 136 | -------------------------- */ 137 | /* Disable base 138 | -------------------------- */ 139 | /* Icon 140 | -------------------------- */ 141 | /* Checkbox 142 | -------------------------- */ 143 | /* Radio 144 | -------------------------- */ 145 | /* Select 146 | -------------------------- */ 147 | /* Alert 148 | -------------------------- */ 149 | /* Message Box 150 | -------------------------- */ 151 | /* Message 152 | -------------------------- */ 153 | /* Notification 154 | -------------------------- */ 155 | /* Input 156 | -------------------------- */ 157 | /* Cascader 158 | -------------------------- */ 159 | /* Group 160 | -------------------------- */ 161 | /* Tab 162 | -------------------------- */ 163 | /* Button 164 | -------------------------- */ 165 | /* cascader 166 | -------------------------- */ 167 | /* Switch 168 | -------------------------- */ 169 | /* Dialog 170 | -------------------------- */ 171 | /* Table 172 | -------------------------- */ 173 | /* Pagination 174 | -------------------------- */ 175 | /* Popover 176 | -------------------------- */ 177 | /* Tooltip 178 | -------------------------- */ 179 | /* Tag 180 | -------------------------- */ 181 | /* Tree 182 | -------------------------- */ 183 | /* Dropdown 184 | -------------------------- */ 185 | /* Badge 186 | -------------------------- */ 187 | /* Card 188 | --------------------------*/ 189 | /* Slider 190 | --------------------------*/ 191 | /* Steps 192 | --------------------------*/ 193 | /* Menu 194 | --------------------------*/ 195 | /* Rate 196 | --------------------------*/ 197 | /* DatePicker 198 | --------------------------*/ 199 | /* Loading 200 | --------------------------*/ 201 | /* Scrollbar 202 | --------------------------*/ 203 | /* Carousel 204 | --------------------------*/ 205 | /* Collapse 206 | --------------------------*/ 207 | /* Transfer 208 | --------------------------*/ 209 | /* Header 210 | --------------------------*/ 211 | /* Footer 212 | --------------------------*/ 213 | /* Main 214 | --------------------------*/ 215 | /* Timeline 216 | --------------------------*/ 217 | /* Break-point 218 | --------------------------*/ 219 | /* Break-points 220 | -------------------------- */ 221 | /* Scrollbar 222 | -------------------------- */ 223 | /* Placeholder 224 | -------------------------- */ 225 | /* BEM 226 | -------------------------- */ 227 | @media only screen and (max-width: 767px) { 228 | .hidden-xs-only { 229 | display: none !important; } } 230 | 231 | @media only screen and (min-width: 768px) { 232 | .hidden-sm-and-up { 233 | display: none !important; } } 234 | 235 | @media only screen and (min-width: 768px) and (max-width: 991px) { 236 | .hidden-sm-only { 237 | display: none !important; } } 238 | 239 | @media only screen and (max-width: 991px) { 240 | .hidden-sm-and-down { 241 | display: none !important; } } 242 | 243 | @media only screen and (min-width: 992px) { 244 | .hidden-md-and-up { 245 | display: none !important; } } 246 | 247 | @media only screen and (min-width: 992px) and (max-width: 1199px) { 248 | .hidden-md-only { 249 | display: none !important; } } 250 | 251 | @media only screen and (max-width: 1199px) { 252 | .hidden-md-and-down { 253 | display: none !important; } } 254 | 255 | @media only screen and (min-width: 1200px) { 256 | .hidden-lg-and-up { 257 | display: none !important; } } 258 | 259 | @media only screen and (min-width: 1200px) and (max-width: 1919px) { 260 | .hidden-lg-only { 261 | display: none !important; } } 262 | 263 | @media only screen and (max-width: 1919px) { 264 | .hidden-lg-and-down { 265 | display: none !important; } } 266 | 267 | @media only screen and (min-width: 1920px) { 268 | .hidden-xl-only { 269 | display: none !important; } } 270 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/dropdown-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/dropdown-item.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/dropdown-menu.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/dropdown-menu.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/element-variables.css: -------------------------------------------------------------------------------- 1 | /* Element Chalk Variables */ 2 | /* Transition 3 | -------------------------- */ 4 | /* Color 5 | -------------------------- */ 6 | /* 53a8ff */ 7 | /* 66b1ff */ 8 | /* 79bbff */ 9 | /* 8cc5ff */ 10 | /* a0cfff */ 11 | /* b3d8ff */ 12 | /* c6e2ff */ 13 | /* d9ecff */ 14 | /* ecf5ff */ 15 | /* Link 16 | -------------------------- */ 17 | /* Border 18 | -------------------------- */ 19 | /* Fill 20 | -------------------------- */ 21 | /* Typography 22 | -------------------------- */ 23 | /* Size 24 | -------------------------- */ 25 | /* z-index 26 | -------------------------- */ 27 | /* Disable base 28 | -------------------------- */ 29 | /* Icon 30 | -------------------------- */ 31 | /* Checkbox 32 | -------------------------- */ 33 | /* Radio 34 | -------------------------- */ 35 | /* Select 36 | -------------------------- */ 37 | /* Alert 38 | -------------------------- */ 39 | /* Message Box 40 | -------------------------- */ 41 | /* Message 42 | -------------------------- */ 43 | /* Notification 44 | -------------------------- */ 45 | /* Input 46 | -------------------------- */ 47 | /* Cascader 48 | -------------------------- */ 49 | /* Group 50 | -------------------------- */ 51 | /* Tab 52 | -------------------------- */ 53 | /* Button 54 | -------------------------- */ 55 | /* cascader 56 | -------------------------- */ 57 | /* Switch 58 | -------------------------- */ 59 | /* Dialog 60 | -------------------------- */ 61 | /* Table 62 | -------------------------- */ 63 | /* Pagination 64 | -------------------------- */ 65 | /* Popover 66 | -------------------------- */ 67 | /* Tooltip 68 | -------------------------- */ 69 | /* Tag 70 | -------------------------- */ 71 | /* Tree 72 | -------------------------- */ 73 | /* Dropdown 74 | -------------------------- */ 75 | /* Badge 76 | -------------------------- */ 77 | /* Card 78 | --------------------------*/ 79 | /* Slider 80 | --------------------------*/ 81 | /* Steps 82 | --------------------------*/ 83 | /* Menu 84 | --------------------------*/ 85 | /* Rate 86 | --------------------------*/ 87 | /* DatePicker 88 | --------------------------*/ 89 | /* Loading 90 | --------------------------*/ 91 | /* Scrollbar 92 | --------------------------*/ 93 | /* Carousel 94 | --------------------------*/ 95 | /* Collapse 96 | --------------------------*/ 97 | /* Transfer 98 | --------------------------*/ 99 | /* Header 100 | --------------------------*/ 101 | /* Footer 102 | --------------------------*/ 103 | /* Main 104 | --------------------------*/ 105 | /* Timeline 106 | --------------------------*/ 107 | /* Break-point 108 | --------------------------*/ 109 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/fonts/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/fonts/element-icons.ttf -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/fonts/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/fonts/element-icons.woff -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/footer.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-footer { 228 | padding: 0 20px; 229 | -webkit-box-sizing: border-box; 230 | box-sizing: border-box; 231 | -ms-flex-negative: 0; 232 | flex-shrink: 0; } 233 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/form-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/form-item.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/header.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-header { 228 | padding: 0 20px; 229 | -webkit-box-sizing: border-box; 230 | box-sizing: border-box; 231 | -ms-flex-negative: 0; 232 | flex-shrink: 0; } 233 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/main.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-main { 228 | display: block; 229 | -webkit-box-flex: 1; 230 | -ms-flex: 1; 231 | flex: 1; 232 | -ms-flex-preferred-size: auto; 233 | flex-basis: auto; 234 | overflow: auto; 235 | -webkit-box-sizing: border-box; 236 | box-sizing: border-box; 237 | padding: 20px; } 238 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/menu-item-group.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/menu-item-group.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/menu-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/menu-item.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/option-group.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-select-group { 228 | margin: 0; 229 | padding: 0; } 230 | .el-select-group__wrap { 231 | position: relative; 232 | list-style: none; 233 | margin: 0; 234 | padding: 0; } 235 | .el-select-group__wrap:not(:last-of-type) { 236 | padding-bottom: 24px; } 237 | .el-select-group__wrap:not(:last-of-type)::after { 238 | content: ''; 239 | position: absolute; 240 | display: block; 241 | left: 20px; 242 | right: 20px; 243 | bottom: 12px; 244 | height: 1px; 245 | background: #E4E7ED; } 246 | .el-select-group__title { 247 | padding-left: 20px; 248 | font-size: 12px; 249 | color: #909399; 250 | line-height: 30px; } 251 | .el-select-group .el-select-dropdown__item { 252 | padding-left: 20px; } 253 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/option.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-select-dropdown__item { 228 | font-size: 14px; 229 | padding: 0 20px; 230 | position: relative; 231 | white-space: nowrap; 232 | overflow: hidden; 233 | text-overflow: ellipsis; 234 | color: #606266; 235 | height: 34px; 236 | line-height: 34px; 237 | -webkit-box-sizing: border-box; 238 | box-sizing: border-box; 239 | cursor: pointer; } 240 | .el-select-dropdown__item.is-disabled { 241 | color: #C0C4CC; 242 | cursor: not-allowed; } 243 | .el-select-dropdown__item.is-disabled:hover { 244 | background-color: #FFFFFF; } 245 | .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { 246 | background-color: #f5f7fa; } 247 | .el-select-dropdown__item.selected { 248 | color: #1ab399; 249 | font-weight: bold; } 250 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/radio-group.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-radio-group { 228 | display: inline-block; 229 | line-height: 1; 230 | vertical-align: middle; 231 | font-size: 0; } 232 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/rate.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-rate { 228 | height: 20px; 229 | line-height: 1; } 230 | .el-rate:focus, .el-rate:active { 231 | outline-width: 0; } 232 | .el-rate__item { 233 | display: inline-block; 234 | position: relative; 235 | font-size: 0; 236 | vertical-align: middle; } 237 | .el-rate__icon { 238 | position: relative; 239 | display: inline-block; 240 | font-size: 18px; 241 | margin-right: 6px; 242 | color: #C0C4CC; 243 | -webkit-transition: .3s; 244 | transition: .3s; } 245 | .el-rate__icon.hover { 246 | -webkit-transform: scale(1.15); 247 | transform: scale(1.15); } 248 | .el-rate__icon .path2 { 249 | position: absolute; 250 | left: 0; 251 | top: 0; } 252 | .el-rate__decimal { 253 | position: absolute; 254 | top: 0; 255 | left: 0; 256 | display: inline-block; 257 | overflow: hidden; } 258 | .el-rate__text { 259 | font-size: 14px; 260 | vertical-align: middle; } 261 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/reset.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /* Element Chalk Variables */ 3 | /* Transition 4 | -------------------------- */ 5 | /* Color 6 | -------------------------- */ 7 | /* 53a8ff */ 8 | /* 66b1ff */ 9 | /* 79bbff */ 10 | /* 8cc5ff */ 11 | /* a0cfff */ 12 | /* b3d8ff */ 13 | /* c6e2ff */ 14 | /* d9ecff */ 15 | /* ecf5ff */ 16 | /* Link 17 | -------------------------- */ 18 | /* Border 19 | -------------------------- */ 20 | /* Fill 21 | -------------------------- */ 22 | /* Typography 23 | -------------------------- */ 24 | /* Size 25 | -------------------------- */ 26 | /* z-index 27 | -------------------------- */ 28 | /* Disable base 29 | -------------------------- */ 30 | /* Icon 31 | -------------------------- */ 32 | /* Checkbox 33 | -------------------------- */ 34 | /* Radio 35 | -------------------------- */ 36 | /* Select 37 | -------------------------- */ 38 | /* Alert 39 | -------------------------- */ 40 | /* Message Box 41 | -------------------------- */ 42 | /* Message 43 | -------------------------- */ 44 | /* Notification 45 | -------------------------- */ 46 | /* Input 47 | -------------------------- */ 48 | /* Cascader 49 | -------------------------- */ 50 | /* Group 51 | -------------------------- */ 52 | /* Tab 53 | -------------------------- */ 54 | /* Button 55 | -------------------------- */ 56 | /* cascader 57 | -------------------------- */ 58 | /* Switch 59 | -------------------------- */ 60 | /* Dialog 61 | -------------------------- */ 62 | /* Table 63 | -------------------------- */ 64 | /* Pagination 65 | -------------------------- */ 66 | /* Popover 67 | -------------------------- */ 68 | /* Tooltip 69 | -------------------------- */ 70 | /* Tag 71 | -------------------------- */ 72 | /* Tree 73 | -------------------------- */ 74 | /* Dropdown 75 | -------------------------- */ 76 | /* Badge 77 | -------------------------- */ 78 | /* Card 79 | --------------------------*/ 80 | /* Slider 81 | --------------------------*/ 82 | /* Steps 83 | --------------------------*/ 84 | /* Menu 85 | --------------------------*/ 86 | /* Rate 87 | --------------------------*/ 88 | /* DatePicker 89 | --------------------------*/ 90 | /* Loading 91 | --------------------------*/ 92 | /* Scrollbar 93 | --------------------------*/ 94 | /* Carousel 95 | --------------------------*/ 96 | /* Collapse 97 | --------------------------*/ 98 | /* Transfer 99 | --------------------------*/ 100 | /* Header 101 | --------------------------*/ 102 | /* Footer 103 | --------------------------*/ 104 | /* Main 105 | --------------------------*/ 106 | /* Timeline 107 | --------------------------*/ 108 | /* Break-point 109 | --------------------------*/ 110 | body { 111 | font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; 112 | font-weight: 400; 113 | font-size: 14px; 114 | color: #000000; 115 | -webkit-font-smoothing: antialiased; } 116 | 117 | a { 118 | color: #1ab399; 119 | text-decoration: none; } 120 | a:hover, a:focus { 121 | color: #48c2ad; } 122 | a:active { 123 | color: #17a18a; } 124 | 125 | h1, h2, h3, h4, h5, h6 { 126 | color: #606266; 127 | font-weight: inherit; } 128 | h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { 129 | margin-top: 0; } 130 | h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { 131 | margin-bottom: 0; } 132 | 133 | h1 { 134 | font-size: 20px; } 135 | 136 | h2 { 137 | font-size: 18px; } 138 | 139 | h3 { 140 | font-size: 16px; } 141 | 142 | h4, h5, h6, p { 143 | font-size: inherit; } 144 | 145 | p { 146 | line-height: 1.8; } 147 | p:first-child { 148 | margin-top: 0; } 149 | p:last-child { 150 | margin-bottom: 0; } 151 | 152 | sup, sub { 153 | font-size: 13px; } 154 | 155 | small { 156 | font-size: 12px; } 157 | 158 | hr { 159 | margin-top: 20px; 160 | margin-bottom: 20px; 161 | border: 0; 162 | border-top: 1px solid #eeeeee; } 163 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/row.css: -------------------------------------------------------------------------------- 1 | /* Element Chalk Variables */ 2 | /* Transition 3 | -------------------------- */ 4 | /* Color 5 | -------------------------- */ 6 | /* 53a8ff */ 7 | /* 66b1ff */ 8 | /* 79bbff */ 9 | /* 8cc5ff */ 10 | /* a0cfff */ 11 | /* b3d8ff */ 12 | /* c6e2ff */ 13 | /* d9ecff */ 14 | /* ecf5ff */ 15 | /* Link 16 | -------------------------- */ 17 | /* Border 18 | -------------------------- */ 19 | /* Fill 20 | -------------------------- */ 21 | /* Typography 22 | -------------------------- */ 23 | /* Size 24 | -------------------------- */ 25 | /* z-index 26 | -------------------------- */ 27 | /* Disable base 28 | -------------------------- */ 29 | /* Icon 30 | -------------------------- */ 31 | /* Checkbox 32 | -------------------------- */ 33 | /* Radio 34 | -------------------------- */ 35 | /* Select 36 | -------------------------- */ 37 | /* Alert 38 | -------------------------- */ 39 | /* Message Box 40 | -------------------------- */ 41 | /* Message 42 | -------------------------- */ 43 | /* Notification 44 | -------------------------- */ 45 | /* Input 46 | -------------------------- */ 47 | /* Cascader 48 | -------------------------- */ 49 | /* Group 50 | -------------------------- */ 51 | /* Tab 52 | -------------------------- */ 53 | /* Button 54 | -------------------------- */ 55 | /* cascader 56 | -------------------------- */ 57 | /* Switch 58 | -------------------------- */ 59 | /* Dialog 60 | -------------------------- */ 61 | /* Table 62 | -------------------------- */ 63 | /* Pagination 64 | -------------------------- */ 65 | /* Popover 66 | -------------------------- */ 67 | /* Tooltip 68 | -------------------------- */ 69 | /* Tag 70 | -------------------------- */ 71 | /* Tree 72 | -------------------------- */ 73 | /* Dropdown 74 | -------------------------- */ 75 | /* Badge 76 | -------------------------- */ 77 | /* Card 78 | --------------------------*/ 79 | /* Slider 80 | --------------------------*/ 81 | /* Steps 82 | --------------------------*/ 83 | /* Menu 84 | --------------------------*/ 85 | /* Rate 86 | --------------------------*/ 87 | /* DatePicker 88 | --------------------------*/ 89 | /* Loading 90 | --------------------------*/ 91 | /* Scrollbar 92 | --------------------------*/ 93 | /* Carousel 94 | --------------------------*/ 95 | /* Collapse 96 | --------------------------*/ 97 | /* Transfer 98 | --------------------------*/ 99 | /* Header 100 | --------------------------*/ 101 | /* Footer 102 | --------------------------*/ 103 | /* Main 104 | --------------------------*/ 105 | /* Timeline 106 | --------------------------*/ 107 | /* Break-point 108 | --------------------------*/ 109 | /* BEM support Func 110 | -------------------------- */ 111 | /* Element Chalk Variables */ 112 | /* Transition 113 | -------------------------- */ 114 | /* Color 115 | -------------------------- */ 116 | /* 53a8ff */ 117 | /* 66b1ff */ 118 | /* 79bbff */ 119 | /* 8cc5ff */ 120 | /* a0cfff */ 121 | /* b3d8ff */ 122 | /* c6e2ff */ 123 | /* d9ecff */ 124 | /* ecf5ff */ 125 | /* Link 126 | -------------------------- */ 127 | /* Border 128 | -------------------------- */ 129 | /* Fill 130 | -------------------------- */ 131 | /* Typography 132 | -------------------------- */ 133 | /* Size 134 | -------------------------- */ 135 | /* z-index 136 | -------------------------- */ 137 | /* Disable base 138 | -------------------------- */ 139 | /* Icon 140 | -------------------------- */ 141 | /* Checkbox 142 | -------------------------- */ 143 | /* Radio 144 | -------------------------- */ 145 | /* Select 146 | -------------------------- */ 147 | /* Alert 148 | -------------------------- */ 149 | /* Message Box 150 | -------------------------- */ 151 | /* Message 152 | -------------------------- */ 153 | /* Notification 154 | -------------------------- */ 155 | /* Input 156 | -------------------------- */ 157 | /* Cascader 158 | -------------------------- */ 159 | /* Group 160 | -------------------------- */ 161 | /* Tab 162 | -------------------------- */ 163 | /* Button 164 | -------------------------- */ 165 | /* cascader 166 | -------------------------- */ 167 | /* Switch 168 | -------------------------- */ 169 | /* Dialog 170 | -------------------------- */ 171 | /* Table 172 | -------------------------- */ 173 | /* Pagination 174 | -------------------------- */ 175 | /* Popover 176 | -------------------------- */ 177 | /* Tooltip 178 | -------------------------- */ 179 | /* Tag 180 | -------------------------- */ 181 | /* Tree 182 | -------------------------- */ 183 | /* Dropdown 184 | -------------------------- */ 185 | /* Badge 186 | -------------------------- */ 187 | /* Card 188 | --------------------------*/ 189 | /* Slider 190 | --------------------------*/ 191 | /* Steps 192 | --------------------------*/ 193 | /* Menu 194 | --------------------------*/ 195 | /* Rate 196 | --------------------------*/ 197 | /* DatePicker 198 | --------------------------*/ 199 | /* Loading 200 | --------------------------*/ 201 | /* Scrollbar 202 | --------------------------*/ 203 | /* Carousel 204 | --------------------------*/ 205 | /* Collapse 206 | --------------------------*/ 207 | /* Transfer 208 | --------------------------*/ 209 | /* Header 210 | --------------------------*/ 211 | /* Footer 212 | --------------------------*/ 213 | /* Main 214 | --------------------------*/ 215 | /* Timeline 216 | --------------------------*/ 217 | /* Break-point 218 | --------------------------*/ 219 | /* Break-points 220 | -------------------------- */ 221 | /* Scrollbar 222 | -------------------------- */ 223 | /* Placeholder 224 | -------------------------- */ 225 | /* BEM 226 | -------------------------- */ 227 | .el-row { 228 | position: relative; 229 | -webkit-box-sizing: border-box; 230 | box-sizing: border-box; } 231 | .el-row::before, 232 | .el-row::after { 233 | display: table; 234 | content: ""; } 235 | .el-row::after { 236 | clear: both; } 237 | .el-row--flex { 238 | display: -webkit-box; 239 | display: -ms-flexbox; 240 | display: flex; } 241 | .el-row--flex:before, .el-row--flex:after { 242 | display: none; } 243 | .el-row--flex.is-justify-center { 244 | -webkit-box-pack: center; 245 | -ms-flex-pack: center; 246 | justify-content: center; } 247 | .el-row--flex.is-justify-end { 248 | -webkit-box-pack: end; 249 | -ms-flex-pack: end; 250 | justify-content: flex-end; } 251 | .el-row--flex.is-justify-space-between { 252 | -webkit-box-pack: justify; 253 | -ms-flex-pack: justify; 254 | justify-content: space-between; } 255 | .el-row--flex.is-justify-space-around { 256 | -ms-flex-pack: distribute; 257 | justify-content: space-around; } 258 | .el-row--flex.is-align-middle { 259 | -webkit-box-align: center; 260 | -ms-flex-align: center; 261 | align-items: center; } 262 | .el-row--flex.is-align-bottom { 263 | -webkit-box-align: end; 264 | -ms-flex-align: end; 265 | align-items: flex-end; } 266 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/spinner.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | .el-time-spinner { 120 | width: 100%; 121 | white-space: nowrap; } 122 | 123 | .el-spinner { 124 | display: inline-block; 125 | vertical-align: middle; } 126 | 127 | .el-spinner-inner { 128 | -webkit-animation: rotate 2s linear infinite; 129 | animation: rotate 2s linear infinite; 130 | width: 50px; 131 | height: 50px; } 132 | .el-spinner-inner .path { 133 | stroke: #ececec; 134 | stroke-linecap: round; 135 | -webkit-animation: dash 1.5s ease-in-out infinite; 136 | animation: dash 1.5s ease-in-out infinite; } 137 | 138 | @-webkit-keyframes rotate { 139 | 100% { 140 | -webkit-transform: rotate(360deg); 141 | transform: rotate(360deg); } } 142 | 143 | @keyframes rotate { 144 | 100% { 145 | -webkit-transform: rotate(360deg); 146 | transform: rotate(360deg); } } 147 | 148 | @-webkit-keyframes dash { 149 | 0% { 150 | stroke-dasharray: 1, 150; 151 | stroke-dashoffset: 0; } 152 | 50% { 153 | stroke-dasharray: 90, 150; 154 | stroke-dashoffset: -35; } 155 | 100% { 156 | stroke-dasharray: 90, 150; 157 | stroke-dashoffset: -124; } } 158 | 159 | @keyframes dash { 160 | 0% { 161 | stroke-dasharray: 1, 150; 162 | stroke-dashoffset: 0; } 163 | 50% { 164 | stroke-dasharray: 90, 150; 165 | stroke-dashoffset: -35; } 166 | 100% { 167 | stroke-dasharray: 90, 150; 168 | stroke-dashoffset: -124; } } 169 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/steps.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | .el-steps { 120 | display: -webkit-box; 121 | display: -ms-flexbox; 122 | display: flex; } 123 | .el-steps--simple { 124 | padding: 13px 8%; 125 | border-radius: 4px; 126 | background: #f5f7fa; } 127 | .el-steps--horizontal { 128 | white-space: nowrap; } 129 | .el-steps--vertical { 130 | height: 100%; 131 | -webkit-box-orient: vertical; 132 | -webkit-box-direction: normal; 133 | -ms-flex-flow: column; 134 | flex-flow: column; } 135 | -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/submenu.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/submenu.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/tab-pane.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/src/themes/amendEleTheme/theme/tab-pane.css -------------------------------------------------------------------------------- /src/themes/amendEleTheme/theme/timeline.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Color 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Fill 22 | -------------------------- */ 23 | /* Typography 24 | -------------------------- */ 25 | /* Size 26 | -------------------------- */ 27 | /* z-index 28 | -------------------------- */ 29 | /* Disable base 30 | -------------------------- */ 31 | /* Icon 32 | -------------------------- */ 33 | /* Checkbox 34 | -------------------------- */ 35 | /* Radio 36 | -------------------------- */ 37 | /* Select 38 | -------------------------- */ 39 | /* Alert 40 | -------------------------- */ 41 | /* Message Box 42 | -------------------------- */ 43 | /* Message 44 | -------------------------- */ 45 | /* Notification 46 | -------------------------- */ 47 | /* Input 48 | -------------------------- */ 49 | /* Cascader 50 | -------------------------- */ 51 | /* Group 52 | -------------------------- */ 53 | /* Tab 54 | -------------------------- */ 55 | /* Button 56 | -------------------------- */ 57 | /* cascader 58 | -------------------------- */ 59 | /* Switch 60 | -------------------------- */ 61 | /* Dialog 62 | -------------------------- */ 63 | /* Table 64 | -------------------------- */ 65 | /* Pagination 66 | -------------------------- */ 67 | /* Popover 68 | -------------------------- */ 69 | /* Tooltip 70 | -------------------------- */ 71 | /* Tag 72 | -------------------------- */ 73 | /* Tree 74 | -------------------------- */ 75 | /* Dropdown 76 | -------------------------- */ 77 | /* Badge 78 | -------------------------- */ 79 | /* Card 80 | --------------------------*/ 81 | /* Slider 82 | --------------------------*/ 83 | /* Steps 84 | --------------------------*/ 85 | /* Menu 86 | --------------------------*/ 87 | /* Rate 88 | --------------------------*/ 89 | /* DatePicker 90 | --------------------------*/ 91 | /* Loading 92 | --------------------------*/ 93 | /* Scrollbar 94 | --------------------------*/ 95 | /* Carousel 96 | --------------------------*/ 97 | /* Collapse 98 | --------------------------*/ 99 | /* Transfer 100 | --------------------------*/ 101 | /* Header 102 | --------------------------*/ 103 | /* Footer 104 | --------------------------*/ 105 | /* Main 106 | --------------------------*/ 107 | /* Timeline 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* Break-points 112 | -------------------------- */ 113 | /* Scrollbar 114 | -------------------------- */ 115 | /* Placeholder 116 | -------------------------- */ 117 | /* BEM 118 | -------------------------- */ 119 | /* Element Chalk Variables */ 120 | /* Transition 121 | -------------------------- */ 122 | /* Color 123 | -------------------------- */ 124 | /* 53a8ff */ 125 | /* 66b1ff */ 126 | /* 79bbff */ 127 | /* 8cc5ff */ 128 | /* a0cfff */ 129 | /* b3d8ff */ 130 | /* c6e2ff */ 131 | /* d9ecff */ 132 | /* ecf5ff */ 133 | /* Link 134 | -------------------------- */ 135 | /* Border 136 | -------------------------- */ 137 | /* Fill 138 | -------------------------- */ 139 | /* Typography 140 | -------------------------- */ 141 | /* Size 142 | -------------------------- */ 143 | /* z-index 144 | -------------------------- */ 145 | /* Disable base 146 | -------------------------- */ 147 | /* Icon 148 | -------------------------- */ 149 | /* Checkbox 150 | -------------------------- */ 151 | /* Radio 152 | -------------------------- */ 153 | /* Select 154 | -------------------------- */ 155 | /* Alert 156 | -------------------------- */ 157 | /* Message Box 158 | -------------------------- */ 159 | /* Message 160 | -------------------------- */ 161 | /* Notification 162 | -------------------------- */ 163 | /* Input 164 | -------------------------- */ 165 | /* Cascader 166 | -------------------------- */ 167 | /* Group 168 | -------------------------- */ 169 | /* Tab 170 | -------------------------- */ 171 | /* Button 172 | -------------------------- */ 173 | /* cascader 174 | -------------------------- */ 175 | /* Switch 176 | -------------------------- */ 177 | /* Dialog 178 | -------------------------- */ 179 | /* Table 180 | -------------------------- */ 181 | /* Pagination 182 | -------------------------- */ 183 | /* Popover 184 | -------------------------- */ 185 | /* Tooltip 186 | -------------------------- */ 187 | /* Tag 188 | -------------------------- */ 189 | /* Tree 190 | -------------------------- */ 191 | /* Dropdown 192 | -------------------------- */ 193 | /* Badge 194 | -------------------------- */ 195 | /* Card 196 | --------------------------*/ 197 | /* Slider 198 | --------------------------*/ 199 | /* Steps 200 | --------------------------*/ 201 | /* Menu 202 | --------------------------*/ 203 | /* Rate 204 | --------------------------*/ 205 | /* DatePicker 206 | --------------------------*/ 207 | /* Loading 208 | --------------------------*/ 209 | /* Scrollbar 210 | --------------------------*/ 211 | /* Carousel 212 | --------------------------*/ 213 | /* Collapse 214 | --------------------------*/ 215 | /* Transfer 216 | --------------------------*/ 217 | /* Header 218 | --------------------------*/ 219 | /* Footer 220 | --------------------------*/ 221 | /* Main 222 | --------------------------*/ 223 | /* Timeline 224 | --------------------------*/ 225 | /* Break-point 226 | --------------------------*/ 227 | .el-timeline { 228 | margin: 0; 229 | font-size: 14px; 230 | list-style: none; } 231 | .el-timeline .el-timeline-item:last-child .el-timeline-item__tail { 232 | display: none; } 233 | -------------------------------------------------------------------------------- /src/themes/publicStyle/common.less: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | // 这里只能写全局变量 3 | @dh-color: #1ab399; // 主题颜色 4 | @dh-bottom-color: #f2f5fa; // 页面底色 5 | @table-header-color:#f2f5fa; //表头的颜色 6 | @table-header-font-color: #909399; // 表头字体颜色 7 | @table-row-hover: rgb(248, 249, 253);// 表格hover颜色 8 | // 颜色 9 | @color555: #555; @color999: #999; @color777: #777; @colorf2f2f2: #f2f2f2; @coloreee: #eee; @color333: #333; 10 | @colorccc:#ccc; @colorc7c9cc:#c7c9cc; 11 | @box-shadow-color: rgba(0,0,0,.1); // 边框阴影色 12 | @box-bgcolor: #fff; // 盒子背景色 13 | // 字体大小 14 | @font-size16: 16px; @font-size14: 14px; @font-size10: 10px; @font-size12: 12px; 15 | @font-size18: 18px; @font-size15: 15px; @font-size20: 20px; 16 | // 表格输入框等的高度 17 | @default-height: 32px; 18 | // 输入框input的宽度 19 | @input-width: 400px; 20 | // 高级搜索的字体颜色 21 | @Advanced-search-color: #415161; 22 | // （页面头部变量） 23 | @haeDerBgColor: @box-bgcolor; // 头部背景色 24 | @border-bottom-color: @coloreee; // 线条颜色 25 | @menuUl-li-color: #787878; // header 选项字体颜色 26 | @header-iconfont-font-size: @font-size20; // header图标大小 27 | @menuUl-hover-bgcolor: #f7f7f7; // 选择获取焦点的背景色 28 | @menu-box-shadow: @box-shadow-color; // 边框的阴影颜色 29 | @menuNewsMsgBgColor: #fa552b; // 消息数量的背景色 30 | @menuNewsMsgColor: @box-bgcolor; // 消息数量的字体颜色 31 | @pageTabsbgColor: #fff; // 导航tab背景色 fbfaf9 32 | @menuBtnhoverbgC: #f2f2f2; // 导航tab菜单收起展开按钮区域的获取焦点背景颜色 33 | @menuBtnhoverC: #1ab399; // tab菜单收起展开按钮区域的获取焦点字体颜色 34 | @menuBtnborder-right: @coloreee; // tab菜单收起展开按钮区域的右边线条颜色 35 | @el-tabs-btn-font-size: @font-size20; // tab左右滑动按钮的字体大小 36 | @el-tabs-btn-color: @color999; // tab左右滑动按钮的字体颜色 37 | @el-tabs-btn-border-right-color: @coloreee; //tab左右滑动按钮的右边边框线颜色 38 | @el-tabs-btn-hover-color: #1ab399; // tab左右滑动按钮获取焦点的字体颜色 39 | @el-tabs-btn-hover-bgcolor: #f2f2f2; // tab左右滑动按钮获取焦点的背景颜色 40 | @el-tabs-item-color: #333; // tab按钮的字体颜色 41 | @el-tabs__item_bgColor: #dfe2e7; // tab初始化按钮背景色 d5dae0 42 | @el-tabs-item-font-size: @font-size14; // tab按钮的字体大小 43 | @el-tabs-item-is-active-color: @dh-color; // tab按钮选中的字体颜色 44 | @el-tabs-item-is-active-bgcolor: @dh-bottom-color; // tab按钮选中的背景色 45 | @el-tabs-item-is-active-border-top-color: @dh-color; // tab按钮选中的上边框线 46 | @el-tabs-item-hover-c: @dh-color; // tab按钮获取焦点的字体颜色 47 | @el-tabs-item-hover-bgc: #ebedf0; // tab按钮获取焦点的背景色 48 | @errorColor: #FF4019; // 危险色 49 | @iconBtnColor: #768696; // icon默认的颜色 50 | 51 | // 左边部分颜色 52 | @avue-logo-bgcolor: @box-bgcolor; // logo背景色 53 | @avue-menu-bgcolor: @box-bgcolor; // 菜单背景色 54 | @submenusBgColor: @box-bgcolor; // 选项的子菜单背景色 55 | @menu-item-hover: #57d4bf; // 菜单项获取焦点颜色 56 | @submenus-hover-color: #1ab399; // 左边子菜单获取焦点的字体颜色 57 | // 内部部分 58 | @avue-main-bgcolor: @box-bgcolor; // 内容部分的背景颜色 59 | @default-color: @color333; // 默认字体颜色 60 | @whiteColor: #fff; 61 | @hint-bordercolor: #F0F0F0; // 提示信息标题底部边框色 62 | @hint-iconcolor: @errorColor; // 提示图标颜色 63 | @input-border-color: #d5dae0; // input边框颜色修改（按钮边框色）重要勿删 64 | 65 | -------------------------------------------------------------------------------- /src/themes/publicStyle/default.less: -------------------------------------------------------------------------------- 1 | // 初始化样式 2 | * {box-sizing: border-box;} 3 | html, body, #app { 4 | height: 100%;width: 100%; 5 | font-size: 16px; overflow: auto;box-sizing: border-box; 6 | margin: 0;padding: 0;background-color: @dh-bottom-color;} 7 | html, body, div, object, iframe, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, dl, 8 | dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 9 | footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, progress {margin: 0;padding: 0;border: 0;vertical-align: baseline} 10 | em, i {font-style: normal} a {text-decoration: none;-webkit-touch-callout: none;background-color: transparent;color: @dh-color} 11 | .card-box {overflow-y: auto;width: 100%;height: 100%;} 12 | ///*!*Div获取焦点滑块样式*!*/ 13 | //.card-box:hover::-webkit-scrollbar-thumb { 14 | // -webkit-border-radius: 9px; 15 | // border-radius: 9px; 16 | // background-color: rgba(144, 147, 153, .5); 17 | //} 18 | ///*!*Div失去焦点滑块样式*!*/ 19 | //.card-box:focus::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.0)} 20 | // 以下是滚动条样式（勿删除） 21 | ::-webkit-scrollbar {width: 9px;height: 9px;background-color: rgba(255, 255, 255, 0);}/*其他样式，比如圆角等*/ 22 | ::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background-color: rgba(144, 147, 153, 0.5);} 23 | //::-webkit-scrollbar {width: 9px;height: 9px;background-color: rgba(255, 255, 255, 0.0)} 24 | //::-webkit-scrollbar-thumb:window-inactive {background-color: rgba(255, 255, 255, 0.0)} 25 | // 公用样式 26 | .clear {clear: both;} 27 | // 禁止复制，选中文本 28 | .user-select {-moz-user-select: none;-khtml-user-select: none;user-select: none;} 29 | // 超出3点 30 | .beyond {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 31 | // 解决文本数字英文换行问题 32 | .textWord {word-break: break-all;word-wrap: break-word;} 33 | img {vertical-align: middle;} li {list-style: none;} 34 | .fl {float: left;} .fr {float: right;} .cursorPointer {cursor: pointer} 35 | .width30 {width: 30%;} .width70 {width: 70%;} .width50 {width: 50%;} .width25 {width: 25%;} .width75 {width: 75%;} 36 | .width20 {width: 20%;} .width80 {width: 80%;} .width10 {width: 10%;} .width90 {width: 90%;} .width40 {width: 40%;} 37 | .width60 {width: 60%;} .width100 {width: 100%} 38 | .displayNone {display: none;} .overflowHidden {overflow: hidden;} .displayIb {display: inline-block;} 39 | .displayBock {display: block;} .boxSizing {box-sizing: border-box;} 40 | -------------------------------------------------------------------------------- /src/utils/bus.js: -------------------------------------------------------------------------------- 1 | // 非父子组件通信的公共汽车 2 | import Bus from 'vue' 3 | export default { 4 | install (Vue) { 5 | Vue.prototype.$bus = new Bus() 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /src/utils/cycleDate.js: -------------------------------------------------------------------------------- 1 | import moment from 'moment' 2 | 3 | export default (val) => { 4 | let startTime = moment() 5 | let endTime = moment() 6 | if (val === '今日') { 7 | startTime = moment().startOf('day') 8 | endTime = moment().endOf('day') 9 | } else if (val === '昨日') { 10 | startTime = moment().subtract(1, 'day').startOf('day') 11 | endTime = moment().subtract(1, 'day').endOf('day') 12 | } else if (val === '本周') { 13 | startTime = moment().startOf('isoWeek') 14 | endTime = moment().endOf('day') 15 | } else if (val === '上周') { 16 | startTime = moment().subtract('1', 'week').startOf('isoWeek') 17 | endTime = moment().subtract('1', 'week').endOf('isoWeek') 18 | } else if (val === '本月') { 19 | startTime = moment().startOf('month') 20 | endTime = moment().endOf('day') 21 | } else if (val === '上月') { 22 | startTime = moment().subtract('1', 'month').startOf('month') 23 | endTime = moment().subtract('1', 'month').endOf('month') 24 | } else if (val === '近7天') { 25 | startTime = moment().subtract(7, 'day').startOf('day') 26 | endTime = moment().endOf('day') 27 | } else if (val === '近90天') { 28 | startTime = moment().subtract(90, 'day').startOf('day') 29 | endTime = moment().endOf('day') 30 | } else if (val === '去年') { 31 | startTime = moment().subtract(1, 'year').startOf('year') 32 | endTime = moment().subtract(1, 'year').endOf('year') 33 | } else if (val === '本年') { 34 | startTime = moment().startOf('year') // 今年年初日期 35 | endTime = moment().endOf('day') 36 | } else if (val === '最近30天' || val === '近30天') { 37 | startTime = moment().subtract(30, 'day').startOf('day') 38 | endTime = moment().endOf('day').endOf('day') 39 | } else if (val === '近3个月') { 40 | startTime = moment().subtract('3', 'month').startOf('month') 41 | endTime = moment().endOf('day').endOf('day') 42 | } else if (val === '近6个月') { 43 | startTime = moment().subtract('6', 'month').startOf('month') 44 | endTime = moment().endOf('day').endOf('day') 45 | } else if (val === '近14天') { 46 | startTime = moment().subtract(14, 'day').startOf('day') 47 | endTime = moment().endOf('day').endOf('day') 48 | } 49 | startTime = startTime.toDate() 50 | endTime = endTime.toDate() 51 | return [startTime, endTime] 52 | } 53 | -------------------------------------------------------------------------------- /src/utils/store.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 存储localStorage 3 | */ 4 | export const setStore = (params) => { 5 | let {name, content, type} = params 6 | let ArrayBoolean = content.constructor === Array 7 | let objBoolean = content.constructor === Object 8 | let obj = { 9 | dataType: ArrayBoolean ? 'Array' : objBoolean ? 'Object' : '', 10 | content: content, 11 | type: type 12 | } 13 | if (type) window.sessionStorage.setItem(name, JSON.stringify(obj)) 14 | else window.localStorage.setItem(name, JSON.stringify(obj)) 15 | } 16 | /** 17 | * 获取localStorage 18 | */ 19 | export const getStore = (params) => { 20 | let {name, type} = params 21 | let obj = '' 22 | if (type === 'session') { 23 | obj = window.sessionStorage.getItem(name) 24 | if (obj === null) { 25 | return null 26 | } else { 27 | let data = JSON.parse(obj).content 28 | return data 29 | } 30 | } else { 31 | obj = window.localStorage.getItem(name) 32 | if (obj === null) { 33 | return null 34 | } else { 35 | let data = JSON.parse(obj).content 36 | return data 37 | } 38 | } 39 | } 40 | /** 41 | * 删除localStorage 42 | */ 43 | export const removeStore = params => { 44 | let { 45 | name 46 | } = params 47 | window.localStorage.removeItem(name) 48 | window.sessionStorage.removeItem(name) 49 | } 50 | -------------------------------------------------------------------------------- /src/vuex/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | import { setStore, getStore, removeStore } from '../utils/store' 4 | Vue.use(Vuex) 5 | export default new Vuex.Store({ 6 | state: { 7 | title: '应用', // title 8 | error: { 9 | count: 0, 10 | message: '' 11 | }, 12 | screenObj: 0, // 窗口的高宽度变化 13 | url: '', // 保存当前url 14 | menus: [], // 菜单 15 | fromUrl: '', // 保存后退的一个路由 16 | keepAliveData: ['layoutIndex'], // 需要缓存的页面的名称 17 | loadingCount: 0, // 判断请求剩余次数 18 | isCollapse: false, // 水平折叠收起菜单 19 | openisCollapse: false, // 管理menu开关动画 20 | plMenuFals: false, 21 | token: getStore({ name: 'token' }) || {token: ''}, 22 | tagList: getStore({ name: 'tagList', type: 'session' }) || [], 23 | tag: getStore({ name: 'tag', type: 'session' }) || {}, 24 | minWidth: '1280px' 25 | }, 26 | mutations: { 27 | // 设置最小宽度 28 | setMinWidth (state, data) { 29 | state.minWidth = data 30 | }, 31 | // 重置最小宽度 32 | resetMinWidth (state) { 33 | state.minWidth = '1280px' 34 | }, 35 | // 设置左边菜单 36 | SETMENU (state, data) { 37 | state.menus = data 38 | }, 39 | // 设置窗口的高宽度 40 | SETscreen (state, data) { 41 | state.screenObj = data 42 | }, 43 | // 设置当前url路径 44 | SETURL (state, data) { 45 | state.url = data 46 | }, 47 | SETFROMURL (state, data) { 48 | state.fromUrl = data 49 | }, 50 | // 设置需要缓存的页面 51 | SETKEEPALIVEDATA (state, data) { 52 | state.keepAliveData = [...new Set([...state.keepAliveData, ...data])] 53 | }, 54 | // 删除需要缓存的页面 55 | REMOVEKEEPALIVEDATA (state, data) { 56 | let datas = JSON.parse(JSON.stringify(state.keepAliveData)) 57 | let das = (arr, val) => { 58 | let datas1 = arr.filter(item => item !== val) 59 | return datas1 60 | } 61 | if (data.length > 0) { 62 | data.forEach(it => { 63 | datas = das(datas, it) 64 | }) 65 | } 66 | state.keepAliveData = JSON.parse(JSON.stringify(datas)) 67 | }, 68 | // 存入token 69 | SET_TOKEN: (state, token) => { 70 | state.token = token 71 | setStore({ name: 'token', content: state.token }) 72 | }, 73 | // 移除token 74 | REMOVETOKEN (state, data) { 75 | state.token = {} 76 | state.userObj = {} 77 | state.tagList = [] 78 | state.tag = {} 79 | removeStore({name: 'token'}) 80 | removeStore({name: 'userObj'}) 81 | removeStore({name: 'tagList'}) 82 | removeStore({name: 'tag'}) 83 | }, 84 | // 存Tab列表数据 85 | ADD_TAG: (state, action) => { 86 | state.tag = action 87 | setStore({ name: 'tag', content: state.tag, type: 'session' }) 88 | if (action.value === '/wel/index' && state.tagList.length <= 0) { 89 | state.tagList.push(action) 90 | setStore({ name: 'tagList', content: state.tagList, type: 'session' }) 91 | } else { 92 | if (action.value !== '/wel/index' && state.tagList.length <= 0) { 93 | let obj = {label: '首页', value: '/wel/index'} 94 | state.tagList.push(obj) 95 | } 96 | let tiaojian = true 97 | state.tagList.forEach(item => { if (item.value === action.value) { tiaojian = false } }) 98 | if (tiaojian) { 99 | state.tagList.push(action) 100 | setStore({ name: 'tagList', content: state.tagList, type: 'session' }) 101 | } 102 | } 103 | }, 104 | // 刪除Tab单个数据 105 | DEL_TAG: (state, action) => { 106 | const key = state.tagList.findIndex(item => item.value === action) 107 | const item = state.tagList.find(item => item.value === action) 108 | if (key >= 0) { 109 | state.tagList.splice(key, 1) 110 | setStore({ name: 'tagList', content: state.tagList, type: 'session' }) 111 | } 112 | // 删除需要缓存的页面 113 | if (item.keepAliveName) { 114 | let data = [item.keepAliveName] 115 | let datas = JSON.parse(JSON.stringify(state.keepAliveData)) 116 | let das = (arr, val) => { 117 | let datas1 = arr.filter(item => item !== val) 118 | return datas1 119 | } 120 | if (data.length > 0) { 121 | data.forEach(it => { 122 | datas = das(datas, it) 123 | }) 124 | } 125 | state.keepAliveData = JSON.parse(JSON.stringify(datas)) 126 | } 127 | }, 128 | // 修改Tab单个数据的名称 129 | // 使用方法 首先（获取当前路由信息let tag = this.$store.state.tag, 130 | // 然后修改tag对象里面的label为你想要的值，然后调用AMEND_TAG 131 | // ，吧tag传进来） 132 | AMEND_TAG (state, obj) { 133 | state.tagList.forEach(item => { 134 | if (item.value === obj.value) { 135 | if (obj.label) { 136 | item.label = obj.label 137 | } 138 | } 139 | }) 140 | // 存入当前被修改的值 141 | state.tag = obj 142 | setStore({ name: 'tag', content: state.tag, type: 'session' }) 143 | setStore({ name: 'tagList', content: state.tagList, type: 'session' }) 144 | }, 145 | updateTitle (state, payload) { 146 | if (payload.title) { 147 | state.title = payload.title 148 | } 149 | }, 150 | addError (state, payload) { 151 | let count = 1 + state.error.count 152 | let message = payload 153 | state.error = { 154 | count, 155 | message 156 | } 157 | }, 158 | loading (state) { 159 | state.loadingCount++ 160 | console.debug('after loading the loading count is ', state.loadingCount) 161 | }, 162 | loadingComplete (state) { 163 | state.loadingCount-- 164 | console.debug('after complete the loading count is ', state.loadingCount) 165 | } 166 | }, 167 | actions: {} 168 | }) 169 | -------------------------------------------------------------------------------- /static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/static/.gitkeep -------------------------------------------------------------------------------- /static/icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/parlay96/vue-seed/606b26a0d7a0ec906da591bd1b9a942da98e8870/static/icon.ico --------------------------------------------------------------------------------