源码提交
0 parents
Showing
141 changed files
with
3853 additions
and
0 deletions
.babelrc
0 → 100644
.editorconfig
0 → 100644
.gitignore
0 → 100644
.postcssrc.js
0 → 100644
README.md
0 → 100644
| 1 | # vue_elementui_framework | ||
| 2 | |||
| 3 | > A Vue.js project | ||
| 4 | |||
| 5 | ## Build Setup | ||
| 6 | |||
| 7 | ``` bash | ||
| 8 | # install dependencies | ||
| 9 | npm install | ||
| 10 | |||
| 11 | # serve with hot reload at localhost:8080 | ||
| 12 | npm run dev | ||
| 13 | |||
| 14 | # build for production with minification | ||
| 15 | npm run build | ||
| 16 | |||
| 17 | # build for production and view the bundle analyzer report | ||
| 18 | npm run build --report | ||
| 19 | ``` | ||
| 20 | |||
| 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). | ||
| 22 |
build/build.js
0 → 100644
| 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 path = require('path') | ||
| 9 | const chalk = require('chalk') | ||
| 10 | const webpack = require('webpack') | ||
| 11 | const config = require('../config') | ||
| 12 | const webpackConfig = require('./webpack.prod.conf') | ||
| 13 | |||
| 14 | const spinner = ora('building for production...') | ||
| 15 | spinner.start() | ||
| 16 | |||
| 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { | ||
| 18 | if (err) throw err | ||
| 19 | webpack(webpackConfig, (err, stats) => { | ||
| 20 | spinner.stop() | ||
| 21 | if (err) throw err | ||
| 22 | process.stdout.write(stats.toString({ | ||
| 23 | colors: true, | ||
| 24 | modules: false, | ||
| 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. | ||
| 26 | chunks: false, | ||
| 27 | chunkModules: false | ||
| 28 | }) + '\n\n') | ||
| 29 | |||
| 30 | if (stats.hasErrors()) { | ||
| 31 | console.log(chalk.red(' Build failed with errors.\n')) | ||
| 32 | process.exit(1) | ||
| 33 | } | ||
| 34 | |||
| 35 | console.log(chalk.cyan(' Build complete.\n')) | ||
| 36 | console.log(chalk.yellow( | ||
| 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + | ||
| 38 | ' Opening index.html over file:// won\'t work.\n' | ||
| 39 | )) | ||
| 40 | }) | ||
| 41 | }) |
build/check-versions.js
0 → 100644
| 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 | } |
build/logo.png
0 → 100644
6.69 KB
build/utils.js
0 → 100644
| 1 | 'use strict' | ||
| 2 | const path = require('path') | ||
| 3 | const config = require('../config') | ||
| 4 | const ExtractTextPlugin = require('extract-text-webpack-plugin') | ||
| 5 | const packageConfig = require('../package.json') | ||
| 6 | |||
| 7 | exports.assetsPath = function (_path) { | ||
| 8 | const assetsSubDirectory = process.env.NODE_ENV === 'production' | ||
| 9 | ? config.build.assetsSubDirectory | ||
| 10 | : config.dev.assetsSubDirectory | ||
| 11 | |||
| 12 | return path.posix.join(assetsSubDirectory, _path) | ||
| 13 | } | ||
| 14 | |||
| 15 | exports.cssLoaders = function (options) { | ||
| 16 | options = options || {} | ||
| 17 | |||
| 18 | const cssLoader = { | ||
| 19 | loader: 'css-loader', | ||
| 20 | options: { | ||
| 21 | sourceMap: options.sourceMap | ||
| 22 | } | ||
| 23 | } | ||
| 24 | |||
| 25 | const postcssLoader = { | ||
| 26 | loader: 'postcss-loader', | ||
| 27 | options: { | ||
| 28 | sourceMap: options.sourceMap | ||
| 29 | } | ||
| 30 | } | ||
| 31 | |||
| 32 | // generate loader string to be used with extract text plugin | ||
| 33 | function generateLoaders (loader, loaderOptions) { | ||
| 34 | const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] | ||
| 35 | |||
| 36 | if (loader) { | ||
| 37 | loaders.push({ | ||
| 38 | loader: loader + '-loader', | ||
| 39 | options: Object.assign({}, loaderOptions, { | ||
| 40 | sourceMap: options.sourceMap | ||
| 41 | }) | ||
| 42 | }) | ||
| 43 | } | ||
| 44 | |||
| 45 | // Extract CSS when that option is specified | ||
| 46 | // (which is the case during production build) | ||
| 47 | if (options.extract) { | ||
| 48 | return ExtractTextPlugin.extract({ | ||
| 49 | use: loaders, | ||
| 50 | fallback: 'vue-style-loader' | ||
| 51 | }) | ||
| 52 | } else { | ||
| 53 | return ['vue-style-loader'].concat(loaders) | ||
| 54 | } | ||
| 55 | } | ||
| 56 | |||
| 57 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html | ||
| 58 | return { | ||
| 59 | css: generateLoaders(), | ||
| 60 | postcss: generateLoaders(), | ||
| 61 | less: generateLoaders('less'), | ||
| 62 | sass: generateLoaders('sass', { indentedSyntax: true }), | ||
| 63 | scss: generateLoaders('sass'), | ||
| 64 | stylus: generateLoaders('stylus'), | ||
| 65 | styl: generateLoaders('stylus') | ||
| 66 | } | ||
| 67 | } | ||
| 68 | |||
| 69 | // Generate loaders for standalone style files (outside of .vue) | ||
| 70 | exports.styleLoaders = function (options) { | ||
| 71 | const output = [] | ||
| 72 | const loaders = exports.cssLoaders(options) | ||
| 73 | |||
| 74 | for (const extension in loaders) { | ||
| 75 | const loader = loaders[extension] | ||
| 76 | output.push({ | ||
| 77 | test: new RegExp('\\.' + extension + '$'), | ||
| 78 | use: loader | ||
| 79 | }) | ||
| 80 | } | ||
| 81 | |||
| 82 | return output | ||
| 83 | } | ||
| 84 | |||
| 85 | exports.createNotifierCallback = () => { | ||
| 86 | const notifier = require('node-notifier') | ||
| 87 | |||
| 88 | return (severity, errors) => { | ||
| 89 | if (severity !== 'error') return | ||
| 90 | |||
| 91 | const error = errors[0] | ||
| 92 | const filename = error.file && error.file.split('!').pop() | ||
| 93 | |||
| 94 | notifier.notify({ | ||
| 95 | title: packageConfig.name, | ||
| 96 | message: severity + ': ' + error.name, | ||
| 97 | subtitle: filename || '', | ||
| 98 | icon: path.join(__dirname, 'logo.png') | ||
| 99 | }) | ||
| 100 | } | ||
| 101 | } |
build/vue-loader.conf.js
0 → 100644
| 1 | 'use strict' | ||
| 2 | const utils = require('./utils') | ||
| 3 | const config = require('../config') | ||
| 4 | const isProduction = process.env.NODE_ENV === 'production' | ||
| 5 | const sourceMapEnabled = isProduction | ||
| 6 | ? config.build.productionSourceMap | ||
| 7 | : config.dev.cssSourceMap | ||
| 8 | |||
| 9 | module.exports = { | ||
| 10 | loaders: utils.cssLoaders({ | ||
| 11 | sourceMap: sourceMapEnabled, | ||
| 12 | extract: isProduction | ||
| 13 | }), | ||
| 14 | cssSourceMap: sourceMapEnabled, | ||
| 15 | cacheBusting: config.dev.cacheBusting, | ||
| 16 | transformToRequire: { | ||
| 17 | video: ['src', 'poster'], | ||
| 18 | source: 'src', | ||
| 19 | img: 'src', | ||
| 20 | image: 'xlink:href' | ||
| 21 | } | ||
| 22 | } |
build/webpack.base.conf.js
0 → 100644
| 1 | 'use strict' | ||
| 2 | const path = require('path') | ||
| 3 | const utils = require('./utils') | ||
| 4 | const config = require('../config') | ||
| 5 | const vueLoaderConfig = require('./vue-loader.conf') | ||
| 6 | |||
| 7 | function resolve (dir) { | ||
| 8 | return path.join(__dirname, '..', dir) | ||
| 9 | } | ||
| 10 | |||
| 11 | |||
| 12 | |||
| 13 | module.exports = { | ||
| 14 | context: path.resolve(__dirname, '../'), | ||
| 15 | entry: { | ||
| 16 | app: './src/main.js' | ||
| 17 | }, | ||
| 18 | output: { | ||
| 19 | path: config.build.assetsRoot, | ||
| 20 | filename: '[name].js', | ||
| 21 | publicPath: process.env.NODE_ENV === 'production' | ||
| 22 | ? config.build.assetsPublicPath | ||
| 23 | : config.dev.assetsPublicPath | ||
| 24 | }, | ||
| 25 | resolve: { | ||
| 26 | extensions: ['.js', '.vue', '.json'], | ||
| 27 | alias: { | ||
| 28 | 'vue$': 'vue/dist/vue.esm.js', | ||
| 29 | '@': resolve('src'), | ||
| 30 | } | ||
| 31 | }, | ||
| 32 | module: { | ||
| 33 | rules: [ | ||
| 34 | { | ||
| 35 | test: /\.vue$/, | ||
| 36 | loader: 'vue-loader', | ||
| 37 | options: vueLoaderConfig | ||
| 38 | }, | ||
| 39 | { | ||
| 40 | test: /\.js$/, | ||
| 41 | loader: 'babel-loader', | ||
| 42 | include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] | ||
| 43 | }, | ||
| 44 | { | ||
| 45 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, | ||
| 46 | loader: 'url-loader', | ||
| 47 | options: { | ||
| 48 | limit: 10000, | ||
| 49 | name: utils.assetsPath('img/[name].[hash:7].[ext]') | ||
| 50 | } | ||
| 51 | }, | ||
| 52 | { | ||
| 53 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, | ||
| 54 | loader: 'url-loader', | ||
| 55 | options: { | ||
| 56 | limit: 10000, | ||
| 57 | name: utils.assetsPath('media/[name].[hash:7].[ext]') | ||
| 58 | } | ||
| 59 | }, | ||
| 60 | { | ||
| 61 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, | ||
| 62 | loader: 'url-loader', | ||
| 63 | // options: { | ||
| 64 | // limit: 10000, | ||
| 65 | // name: utils.assetsPath('fonts/[name].[hash:7].[ext]') | ||
| 66 | // } | ||
| 67 | } | ||
| 68 | ] | ||
| 69 | }, | ||
| 70 | node: { | ||
| 71 | // prevent webpack from injecting useless setImmediate polyfill because Vue | ||
| 72 | // source contains it (although only uses it if it's native). | ||
| 73 | setImmediate: false, | ||
| 74 | // prevent webpack from injecting mocks to Node native modules | ||
| 75 | // that does not make sense for the client | ||
| 76 | dgram: 'empty', | ||
| 77 | fs: 'empty', | ||
| 78 | net: 'empty', | ||
| 79 | tls: 'empty', | ||
| 80 | child_process: 'empty' | ||
| 81 | } | ||
| 82 | } |
build/webpack.dev.conf.js
0 → 100755
| 1 | 'use strict' | ||
| 2 | const utils = require('./utils') | ||
| 3 | const webpack = require('webpack') | ||
| 4 | const config = require('../config') | ||
| 5 | const merge = require('webpack-merge') | ||
| 6 | const path = require('path') | ||
| 7 | const baseWebpackConfig = require('./webpack.base.conf') | ||
| 8 | const CopyWebpackPlugin = require('copy-webpack-plugin') | ||
| 9 | const HtmlWebpackPlugin = require('html-webpack-plugin') | ||
| 10 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') | ||
| 11 | const portfinder = require('portfinder') | ||
| 12 | |||
| 13 | const HOST = process.env.HOST | ||
| 14 | const PORT = process.env.PORT && Number(process.env.PORT) | ||
| 15 | |||
| 16 | const devWebpackConfig = merge(baseWebpackConfig, { | ||
| 17 | module: { | ||
| 18 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) | ||
| 19 | }, | ||
| 20 | // cheap-module-eval-source-map is faster for development | ||
| 21 | devtool: config.dev.devtool, | ||
| 22 | |||
| 23 | // these devServer options should be customized in /config/index.js | ||
| 24 | devServer: { | ||
| 25 | clientLogLevel: 'warning', | ||
| 26 | historyApiFallback: { | ||
| 27 | rewrites: [ | ||
| 28 | { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }, | ||
| 29 | ], | ||
| 30 | }, | ||
| 31 | hot: true, | ||
| 32 | contentBase: false, // since we use CopyWebpackPlugin. | ||
| 33 | compress: true, | ||
| 34 | host: HOST || config.dev.host, | ||
| 35 | port: PORT || config.dev.port, | ||
| 36 | open: config.dev.autoOpenBrowser, | ||
| 37 | overlay: config.dev.errorOverlay | ||
| 38 | ? { warnings: false, errors: true } | ||
| 39 | : false, | ||
| 40 | publicPath: config.dev.assetsPublicPath, | ||
| 41 | proxy: config.dev.proxyTable, | ||
| 42 | quiet: true, // necessary for FriendlyErrorsPlugin | ||
| 43 | watchOptions: { | ||
| 44 | poll: config.dev.poll, | ||
| 45 | } | ||
| 46 | }, | ||
| 47 | plugins: [ | ||
| 48 | new webpack.DefinePlugin({ | ||
| 49 | 'process.env': require('../config/dev.env') | ||
| 50 | }), | ||
| 51 | new webpack.HotModuleReplacementPlugin(), | ||
| 52 | new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update. | ||
| 53 | new webpack.NoEmitOnErrorsPlugin(), | ||
| 54 | // https://github.com/ampedandwired/html-webpack-plugin | ||
| 55 | new HtmlWebpackPlugin({ | ||
| 56 | filename: 'index.html', | ||
| 57 | template: 'index.html', | ||
| 58 | inject: true | ||
| 59 | }), | ||
| 60 | // copy custom static assets | ||
| 61 | new CopyWebpackPlugin([ | ||
| 62 | { | ||
| 63 | from: path.resolve(__dirname, '../static'), | ||
| 64 | to: config.dev.assetsSubDirectory, | ||
| 65 | ignore: ['.*'] | ||
| 66 | } | ||
| 67 | ]) | ||
| 68 | ] | ||
| 69 | }) | ||
| 70 | |||
| 71 | module.exports = new Promise((resolve, reject) => { | ||
| 72 | portfinder.basePort = process.env.PORT || config.dev.port | ||
| 73 | portfinder.getPort((err, port) => { | ||
| 74 | if (err) { | ||
| 75 | reject(err) | ||
| 76 | } else { | ||
| 77 | // publish the new Port, necessary for e2e tests | ||
| 78 | process.env.PORT = port | ||
| 79 | // add port to devServer config | ||
| 80 | devWebpackConfig.devServer.port = port | ||
| 81 | |||
| 82 | // Add FriendlyErrorsPlugin | ||
| 83 | devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ | ||
| 84 | compilationSuccessInfo: { | ||
| 85 | messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], | ||
| 86 | }, | ||
| 87 | onErrors: config.dev.notifyOnErrors | ||
| 88 | ? utils.createNotifierCallback() | ||
| 89 | : undefined | ||
| 90 | })) | ||
| 91 | |||
| 92 | resolve(devWebpackConfig) | ||
| 93 | } | ||
| 94 | }) | ||
| 95 | }) |
build/webpack.prod.conf.js
0 → 100644
| 1 | 'use strict' | ||
| 2 | const path = require('path') | ||
| 3 | const utils = require('./utils') | ||
| 4 | const webpack = require('webpack') | ||
| 5 | const config = require('../config') | ||
| 6 | const merge = require('webpack-merge') | ||
| 7 | const baseWebpackConfig = require('./webpack.base.conf') | ||
| 8 | const CopyWebpackPlugin = require('copy-webpack-plugin') | ||
| 9 | const HtmlWebpackPlugin = require('html-webpack-plugin') | ||
| 10 | const ExtractTextPlugin = require('extract-text-webpack-plugin') | ||
| 11 | const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') | ||
| 12 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin') | ||
| 13 | |||
| 14 | const env = require('../config/prod.env') | ||
| 15 | |||
| 16 | const webpackConfig = merge(baseWebpackConfig, { | ||
| 17 | module: { | ||
| 18 | rules: utils.styleLoaders({ | ||
| 19 | sourceMap: config.build.productionSourceMap, | ||
| 20 | extract: true, | ||
| 21 | usePostCSS: true | ||
| 22 | }) | ||
| 23 | }, | ||
| 24 | devtool: config.build.productionSourceMap ? config.build.devtool : false, | ||
| 25 | output: { | ||
| 26 | path: config.build.assetsRoot, | ||
| 27 | filename: utils.assetsPath('js/[name].[chunkhash].js'), | ||
| 28 | chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') | ||
| 29 | }, | ||
| 30 | plugins: [ | ||
| 31 | // http://vuejs.github.io/vue-loader/en/workflow/production.html | ||
| 32 | new webpack.DefinePlugin({ | ||
| 33 | 'process.env': env | ||
| 34 | }), | ||
| 35 | new UglifyJsPlugin({ | ||
| 36 | uglifyOptions: { | ||
| 37 | compress: { | ||
| 38 | warnings: false | ||
| 39 | } | ||
| 40 | }, | ||
| 41 | sourceMap: config.build.productionSourceMap, | ||
| 42 | parallel: true | ||
| 43 | }), | ||
| 44 | // extract css into its own file | ||
| 45 | new ExtractTextPlugin({ | ||
| 46 | filename: utils.assetsPath('css/[name].[contenthash].css'), | ||
| 47 | // Setting the following option to `false` will not extract CSS from codesplit chunks. | ||
| 48 | // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack. | ||
| 49 | // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, | ||
| 50 | // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110 | ||
| 51 | allChunks: true, | ||
| 52 | }), | ||
| 53 | // Compress extracted CSS. We are using this plugin so that possible | ||
| 54 | // duplicated CSS from different components can be deduped. | ||
| 55 | new OptimizeCSSPlugin({ | ||
| 56 | cssProcessorOptions: config.build.productionSourceMap | ||
| 57 | ? { safe: true, map: { inline: false } } | ||
| 58 | : { safe: true } | ||
| 59 | }), | ||
| 60 | // generate dist index.html with correct asset hash for caching. | ||
| 61 | // you can customize output by editing /index.html | ||
| 62 | // see https://github.com/ampedandwired/html-webpack-plugin | ||
| 63 | new HtmlWebpackPlugin({ | ||
| 64 | filename: config.build.index, | ||
| 65 | template: 'index.html', | ||
| 66 | inject: true, | ||
| 67 | minify: { | ||
| 68 | removeComments: true, | ||
| 69 | collapseWhitespace: true, | ||
| 70 | removeAttributeQuotes: true | ||
| 71 | // more options: | ||
| 72 | // https://github.com/kangax/html-minifier#options-quick-reference | ||
| 73 | }, | ||
| 74 | // necessary to consistently work with multiple chunks via CommonsChunkPlugin | ||
| 75 | chunksSortMode: 'dependency' | ||
| 76 | }), | ||
| 77 | // keep module.id stable when vendor modules does not change | ||
| 78 | new webpack.HashedModuleIdsPlugin(), | ||
| 79 | // enable scope hoisting | ||
| 80 | new webpack.optimize.ModuleConcatenationPlugin(), | ||
| 81 | // split vendor js into its own file | ||
| 82 | new webpack.optimize.CommonsChunkPlugin({ | ||
| 83 | name: 'vendor', | ||
| 84 | minChunks (module) { | ||
| 85 | // any required modules inside node_modules are extracted to vendor | ||
| 86 | return ( | ||
| 87 | module.resource && | ||
| 88 | /\.js$/.test(module.resource) && | ||
| 89 | module.resource.indexOf( | ||
| 90 | path.join(__dirname, '../node_modules') | ||
| 91 | ) === 0 | ||
| 92 | ) | ||
| 93 | } | ||
| 94 | }), | ||
| 95 | // extract webpack runtime and module manifest to its own file in order to | ||
| 96 | // prevent vendor hash from being updated whenever app bundle is updated | ||
| 97 | new webpack.optimize.CommonsChunkPlugin({ | ||
| 98 | name: 'manifest', | ||
| 99 | minChunks: Infinity | ||
| 100 | }), | ||
| 101 | // This instance extracts shared chunks from code splitted chunks and bundles them | ||
| 102 | // in a separate chunk, similar to the vendor chunk | ||
| 103 | // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk | ||
| 104 | new webpack.optimize.CommonsChunkPlugin({ | ||
| 105 | name: 'app', | ||
| 106 | async: 'vendor-async', | ||
| 107 | children: true, | ||
| 108 | minChunks: 3 | ||
| 109 | }), | ||
| 110 | |||
| 111 | // copy custom static assets | ||
| 112 | new CopyWebpackPlugin([ | ||
| 113 | { | ||
| 114 | from: path.resolve(__dirname, '../static'), | ||
| 115 | to: config.build.assetsSubDirectory, | ||
| 116 | ignore: ['.*'] | ||
| 117 | } | ||
| 118 | ]) | ||
| 119 | ] | ||
| 120 | }) | ||
| 121 | |||
| 122 | if (config.build.productionGzip) { | ||
| 123 | const CompressionWebpackPlugin = require('compression-webpack-plugin') | ||
| 124 | |||
| 125 | webpackConfig.plugins.push( | ||
| 126 | new CompressionWebpackPlugin({ | ||
| 127 | asset: '[path].gz[query]', | ||
| 128 | algorithm: 'gzip', | ||
| 129 | test: new RegExp( | ||
| 130 | '\\.(' + | ||
| 131 | config.build.productionGzipExtensions.join('|') + | ||
| 132 | ')$' | ||
| 133 | ), | ||
| 134 | threshold: 10240, | ||
| 135 | minRatio: 0.8 | ||
| 136 | }) | ||
| 137 | ) | ||
| 138 | } | ||
| 139 | |||
| 140 | if (config.build.bundleAnalyzerReport) { | ||
| 141 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin | ||
| 142 | webpackConfig.plugins.push(new BundleAnalyzerPlugin()) | ||
| 143 | } | ||
| 144 | |||
| 145 | module.exports = webpackConfig |
config/dev.env.js
0 → 100644
config/index.js
0 → 100644
| 1 | 'use strict' | ||
| 2 | // Template version: 1.3.1 | ||
| 3 | // see http://vuejs-templates.github.io/webpack for documentation. | ||
| 4 | |||
| 5 | const path = require('path') | ||
| 6 | |||
| 7 | module.exports = { | ||
| 8 | dev: { | ||
| 9 | |||
| 10 | // Paths | ||
| 11 | assetsSubDirectory: 'static', | ||
| 12 | assetsPublicPath: '/', | ||
| 13 | proxyTable: {}, | ||
| 14 | |||
| 15 | // Various Dev Server settings | ||
| 16 | host: 'localhost', // can be overwritten by process.env.HOST | ||
| 17 | port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined | ||
| 18 | autoOpenBrowser: false, | ||
| 19 | errorOverlay: true, | ||
| 20 | notifyOnErrors: true, | ||
| 21 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- | ||
| 22 | |||
| 23 | |||
| 24 | /** | ||
| 25 | * Source Maps | ||
| 26 | */ | ||
| 27 | |||
| 28 | // https://webpack.js.org/configuration/devtool/#development | ||
| 29 | devtool: 'cheap-module-eval-source-map', | ||
| 30 | |||
| 31 | // If you have problems debugging vue-files in devtools, | ||
| 32 | // set this to false - it *may* help | ||
| 33 | // https://vue-loader.vuejs.org/en/options.html#cachebusting | ||
| 34 | cacheBusting: true, | ||
| 35 | |||
| 36 | cssSourceMap: true | ||
| 37 | }, | ||
| 38 | |||
| 39 | build: { | ||
| 40 | // Template for index.html | ||
| 41 | index: path.resolve(__dirname, '../dist/index.html'), | ||
| 42 | |||
| 43 | // Paths | ||
| 44 | assetsRoot: path.resolve(__dirname, '../dist'), | ||
| 45 | assetsSubDirectory: 'static', | ||
| 46 | assetsPublicPath: './', | ||
| 47 | |||
| 48 | /** | ||
| 49 | * Source Maps | ||
| 50 | */ | ||
| 51 | |||
| 52 | productionSourceMap: true, | ||
| 53 | // https://webpack.js.org/configuration/devtool/#production | ||
| 54 | devtool: '#source-map', | ||
| 55 | |||
| 56 | // Gzip off by default as many popular static hosts such as | ||
| 57 | // Surge or Netlify already gzip all static assets for you. | ||
| 58 | // Before setting to `true`, make sure to: | ||
| 59 | // npm install --save-dev compression-webpack-plugin | ||
| 60 | productionGzip: false, | ||
| 61 | productionGzipExtensions: ['js', 'css'], | ||
| 62 | |||
| 63 | // Run the build command with an extra argument to | ||
| 64 | // View the bundle analyzer report after build finishes: | ||
| 65 | // `npm run build --report` | ||
| 66 | // Set to `true` or `false` to always turn it on or off | ||
| 67 | bundleAnalyzerReport: process.env.npm_config_report | ||
| 68 | } | ||
| 69 | } |
config/prod.env.js
0 → 100644
index.html
0 → 100644
| 1 | <!DOCTYPE html> | ||
| 2 | <html> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | <meta charset="utf-8"> | ||
| 6 | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||
| 7 | <title>早产儿管理端</title> | ||
| 8 | <script src="//gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script> | ||
| 9 | </head> | ||
| 10 | |||
| 11 | <body> | ||
| 12 | <div id="app"></div> | ||
| 13 | <!-- built files will be auto injected --> | ||
| 14 | </body> | ||
| 15 | |||
| 16 | </html> |
package-lock.json
0 → 100644
This diff could not be displayed because it is too large.
package.json
0 → 100644
| 1 | { | ||
| 2 | "name": "vue_elementui_framework", | ||
| 3 | "version": "1.0.0", | ||
| 4 | "description": "A Vue.js project", | ||
| 5 | "author": "SimonFung <>", | ||
| 6 | "private": true, | ||
| 7 | "scripts": { | ||
| 8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", | ||
| 9 | "start": "npm run dev", | ||
| 10 | "build": "node build/build.js" | ||
| 11 | }, | ||
| 12 | "dependencies": { | ||
| 13 | "ali-oss": "^6.1.1", | ||
| 14 | "axios": "^0.18.0", | ||
| 15 | "co": "^4.6.0", | ||
| 16 | "deepcopy": "^2.0.0", | ||
| 17 | "element-ui": "^2.4.11", | ||
| 18 | "font-awesome": "^4.7.0", | ||
| 19 | "glob": "^7.1.3", | ||
| 20 | "nprogress": "^0.2.0", | ||
| 21 | "vue": "^2.5.2", | ||
| 22 | "vue-quill-editor": "^3.0.6", | ||
| 23 | "vue-router": "^3.0.1", | ||
| 24 | "vuex": "^3.0.1" | ||
| 25 | }, | ||
| 26 | "devDependencies": { | ||
| 27 | "autoprefixer": "^7.1.2", | ||
| 28 | "axios-mock-adapter": "^1.15.0", | ||
| 29 | "babel-core": "^6.22.1", | ||
| 30 | "babel-helper-vue-jsx-merge-props": "^2.0.3", | ||
| 31 | "babel-loader": "^7.1.1", | ||
| 32 | "babel-plugin-syntax-jsx": "^6.18.0", | ||
| 33 | "babel-plugin-transform-runtime": "^6.22.0", | ||
| 34 | "babel-plugin-transform-vue-jsx": "^3.5.0", | ||
| 35 | "babel-preset-env": "^1.3.2", | ||
| 36 | "babel-preset-stage-2": "^6.22.0", | ||
| 37 | "chalk": "^2.0.1", | ||
| 38 | "copy-webpack-plugin": "^4.0.1", | ||
| 39 | "css-loader": "^0.28.11", | ||
| 40 | "extract-text-webpack-plugin": "^3.0.0", | ||
| 41 | "file-loader": "^1.1.4", | ||
| 42 | "friendly-errors-webpack-plugin": "^1.6.1", | ||
| 43 | "html-webpack-plugin": "^2.30.1", | ||
| 44 | "less": "^3.9.0", | ||
| 45 | "less-loader": "^4.1.0", | ||
| 46 | "mockjs": "^1.0.1-beta3", | ||
| 47 | "node-notifier": "^5.1.2", | ||
| 48 | "optimize-css-assets-webpack-plugin": "^3.2.0", | ||
| 49 | "ora": "^1.2.0", | ||
| 50 | "portfinder": "^1.0.13", | ||
| 51 | "postcss-import": "^11.0.0", | ||
| 52 | "postcss-loader": "^2.0.8", | ||
| 53 | "postcss-url": "^7.2.1", | ||
| 54 | "rimraf": "^2.6.0", | ||
| 55 | "sass": "^1.15.2", | ||
| 56 | "semver": "^5.3.0", | ||
| 57 | "shelljs": "^0.7.6", | ||
| 58 | "style-loader": "^0.23.1", | ||
| 59 | "uglifyjs-webpack-plugin": "^1.1.1", | ||
| 60 | "url-loader": "^0.5.8", | ||
| 61 | "vue-loader": "^13.3.0", | ||
| 62 | "vue-style-loader": "^3.1.2", | ||
| 63 | "vue-template-compiler": "^2.5.2", | ||
| 64 | "webpack": "^3.6.0", | ||
| 65 | "webpack-bundle-analyzer": "^2.9.0", | ||
| 66 | "webpack-dev-server": "^2.9.1", | ||
| 67 | "webpack-merge": "^4.1.0" | ||
| 68 | }, | ||
| 69 | "engines": { | ||
| 70 | "node": ">= 6.0.0", | ||
| 71 | "npm": ">= 3.0.0" | ||
| 72 | }, | ||
| 73 | "browserslist": [ | ||
| 74 | "> 1%", | ||
| 75 | "last 2 versions", | ||
| 76 | "not ie <= 8" | ||
| 77 | ] | ||
| 78 | } |
src/App.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div id="app"> | ||
| 3 | <router-view></router-view> | ||
| 4 | </div> | ||
| 5 | </template> | ||
| 6 | |||
| 7 | <script> | ||
| 8 | export default { | ||
| 9 | name: 'app', | ||
| 10 | components: {} | ||
| 11 | } | ||
| 12 | </script> | ||
| 13 | |||
| 14 | <style lang="less"> | ||
| 15 | @import './styles/common'; | ||
| 16 | @import './styles/vars'; | ||
| 17 | @import './styles/element-ui.less'; | ||
| 18 | |||
| 19 | body { | ||
| 20 | color: #475669; | ||
| 21 | margin: 0px; | ||
| 22 | padding: 0px; | ||
| 23 | background: @color-primary; | ||
| 24 | font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, | ||
| 25 | Microsoft YaHei, SimSun, sans-serif; | ||
| 26 | font-size: 14px; | ||
| 27 | -webkit-font-smoothing: antialiased; | ||
| 28 | } | ||
| 29 | |||
| 30 | #app { | ||
| 31 | position: absolute; | ||
| 32 | top: 0px; | ||
| 33 | bottom: 0px; | ||
| 34 | width: 100%; | ||
| 35 | } | ||
| 36 | |||
| 37 | .toolbar { | ||
| 38 | background: #f2f2f2; | ||
| 39 | padding: 10px; | ||
| 40 | margin: 10px 0px; | ||
| 41 | .el-form-item { | ||
| 42 | margin-bottom: 10px; | ||
| 43 | } | ||
| 44 | } | ||
| 45 | |||
| 46 | .fade-enter-active, | ||
| 47 | .fade-leave-active { | ||
| 48 | transition: all 0.2s ease; | ||
| 49 | } | ||
| 50 | |||
| 51 | .fade-enter, | ||
| 52 | .fade-leave-active { | ||
| 53 | opacity: 0; | ||
| 54 | } | ||
| 55 | |||
| 56 | .ql-editor { | ||
| 57 | min-height: 100px !important; | ||
| 58 | } | ||
| 59 | |||
| 60 | .upload-poster-image { | ||
| 61 | height: 100px; | ||
| 62 | } | ||
| 63 | |||
| 64 | .upload-video-url { | ||
| 65 | width: 100%; | ||
| 66 | } | ||
| 67 | |||
| 68 | .poster { | ||
| 69 | // max-width: 80px; | ||
| 70 | width: 80px; | ||
| 71 | } | ||
| 72 | </style> |
src/api/api.js
0 → 100755
| 1 | import axios from 'axios'; | ||
| 2 | |||
| 3 | let base = 'https://api.k.wxpai.cn/bizproxy'; | ||
| 4 | // let base = 'https://ow.go.qudone.com'; | ||
| 5 | |||
| 6 | |||
| 7 | //formDataHeaders设置 | ||
| 8 | let formDataHeaders = { | ||
| 9 | headers: { | ||
| 10 | "Content-Type": "multipart/form-data" | ||
| 11 | } | ||
| 12 | } | ||
| 13 | |||
| 14 | // get方法demo | ||
| 15 | export const getDemo = params => { | ||
| 16 | return axios.get(`${base}/path1/path2/getdemo`, { | ||
| 17 | params: params | ||
| 18 | }).then(res => res.data); | ||
| 19 | }; | ||
| 20 | |||
| 21 | // post方法demo | ||
| 22 | export const postDemo = params => { | ||
| 23 | return axios.post(`${base}/path1/path2/postdemo`, params).then(res => res.data); | ||
| 24 | }; | ||
| 25 | |||
| 26 | // postformdata | ||
| 27 | export const updatePostformdata = params => { | ||
| 28 | return axios.post(`${base}/path1/path2/postformdata`, params, formDataHeaders).then(res => res.data); | ||
| 29 | }; | ||
| 30 | |||
| 31 | // 获取视频列表 | ||
| 32 | export const getVideoList = params => { | ||
| 33 | return axios.get(`${base}/zcrapi/admin/vedios/list`, { | ||
| 34 | params: params | ||
| 35 | }).then(res => res.data); | ||
| 36 | }; | ||
| 37 | |||
| 38 | // 保存视频 | ||
| 39 | export const saveVideo = params => { | ||
| 40 | return axios.post(`${base}/zcrapi/admin/vedios/save`, params).then(res => res.data); | ||
| 41 | }; | ||
| 42 | |||
| 43 | // 删除视频 | ||
| 44 | export const deleteVideo = params => { | ||
| 45 | return axios.post(`${base}/zcrapi/admin/vedios/delete`, params).then(res => res.data); | ||
| 46 | }; | ||
| 47 | |||
| 48 | |||
| 49 | // 获取文章分类列表 | ||
| 50 | export const getClassifyList = params => { | ||
| 51 | return axios.get(`${base}/zcrapi/admin/article/classify/list`, { | ||
| 52 | params: params | ||
| 53 | }).then(res => res.data); | ||
| 54 | }; | ||
| 55 | |||
| 56 | |||
| 57 | // 获取话题列表 | ||
| 58 | export const getTagList = params => { | ||
| 59 | return axios.get(`${base}/zcrapi/admin/article/tag/list`, { | ||
| 60 | params: params | ||
| 61 | }).then(res => res.data); | ||
| 62 | }; | ||
| 63 | |||
| 64 | // 保存话题 | ||
| 65 | export const saveTag = params => { | ||
| 66 | return axios.post(`${base}/zcrapi/admin/article/tag/save`, params).then(res => res.data); | ||
| 67 | }; | ||
| 68 | |||
| 69 | // 删除话题 | ||
| 70 | export const deleteTag = params => { | ||
| 71 | return axios.post(`${base}/zcrapi/admin/article/tag/delete`, params).then(res => res.data); | ||
| 72 | }; | ||
| 73 | |||
| 74 | // 获取头图列表 | ||
| 75 | export const getBannerList = params => { | ||
| 76 | return axios.get(`${base}/zcrapi/admin/article/banner/list`, { | ||
| 77 | params: params | ||
| 78 | }).then(res => res.data); | ||
| 79 | }; | ||
| 80 | |||
| 81 | // 保存头图 | ||
| 82 | export const saveBanner = params => { | ||
| 83 | return axios.post(`${base}/zcrapi/admin/article/banner/save`, params).then(res => res.data); | ||
| 84 | }; | ||
| 85 | |||
| 86 | // 删除头图 | ||
| 87 | export const deleteBanner = params => { | ||
| 88 | return axios.post(`${base}/zcrapi/admin/article/banner/delete`, params).then(res => res.data); | ||
| 89 | }; | ||
| 90 | |||
| 91 | // 删除头图 | ||
| 92 | export const changeBanner = params => { | ||
| 93 | console.log("params:", params); | ||
| 94 | return axios.post(`${base}/zcrapi/admin/article/banner/change`, params).then(res => res.data); | ||
| 95 | }; | ||
| 96 | |||
| 97 | |||
| 98 | // 获取文章列表 | ||
| 99 | export const getArticleList = params => { | ||
| 100 | return axios.get(`${base}/zcrapi/admin/article/list`, { | ||
| 101 | params: params | ||
| 102 | }).then(res => res.data); | ||
| 103 | }; | ||
| 104 | |||
| 105 | // 保存文章 | ||
| 106 | export const saveArticle = params => { | ||
| 107 | return axios.post(`${base}/zcrapi/admin/article/save`, params).then(res => res.data); | ||
| 108 | }; | ||
| 109 | |||
| 110 | // 删除文章 | ||
| 111 | export const deleteArticle = params => { | ||
| 112 | return axios.post(`${base}/zcrapi/admin/article/delete`, params).then(res => res.data); | ||
| 113 | }; | ||
| 114 | |||
| 115 | |||
| 116 | // 获取门店列表 | ||
| 117 | export const getStoreList = params => { | ||
| 118 | return axios.get(`${base}/zcrapi/admin/store/list`, { | ||
| 119 | params: params | ||
| 120 | }).then(res => res.data); | ||
| 121 | }; | ||
| 122 | |||
| 123 | |||
| 124 | // 文件上传 包含图片 postformdata | ||
| 125 | export const uploadFile = params => { | ||
| 126 | return axios.post(`${base}/zcrapi/admin/file/upload`, params, formDataHeaders).then(res => res.data); | ||
| 127 | }; | ||
| 128 | |||
| 129 | |||
| 130 | // 获取门店列表 | ||
| 131 | export const postDashboard = params => { | ||
| 132 | return axios.get(`${base}/zcrapi/admin/dashboard`, { | ||
| 133 | params: params | ||
| 134 | }).then(res => res.data); | ||
| 135 | }; | ||
| 136 | |||
| 137 | |||
| 138 | |||
| 139 | |||
| 140 | |||
| 141 | |||
| 142 | |||
| 143 | export const requestLogin = params => { | ||
| 144 | return axios.post(`${base}/login`, params).then(res => res.data); | ||
| 145 | }; | ||
| 146 | |||
| 147 | export const getUserList = params => { | ||
| 148 | return axios.get(`${base}/user/list`, { | ||
| 149 | params: params | ||
| 150 | }).then(res => res.data); | ||
| 151 | }; | ||
| 152 | |||
| 153 | export const getUserListPage = params => { | ||
| 154 | return axios.get(`${base}/user/listpage`, { | ||
| 155 | params: params | ||
| 156 | }).then(res => res.data);; | ||
| 157 | }; | ||
| 158 | |||
| 159 | export const removeUser = params => { | ||
| 160 | return axios.get(`${base}/user/remove`, { | ||
| 161 | params: params | ||
| 162 | }).then(res => res.data);; | ||
| 163 | }; | ||
| 164 | |||
| 165 | export const batchRemoveUser = params => { | ||
| 166 | return axios.get(`${base}/user/batchremove`, { | ||
| 167 | params: params | ||
| 168 | }).then(res => res.data); | ||
| 169 | }; | ||
| 170 | |||
| 171 | export const editUser = params => { | ||
| 172 | return axios.get(`${base}/user/edit`, { | ||
| 173 | params: params | ||
| 174 | }).then(res => res.data); | ||
| 175 | }; | ||
| 176 | |||
| 177 | export const addUser = params => { | ||
| 178 | return axios.get(`${base}/user/add`, { | ||
| 179 | params: params | ||
| 180 | }).then(res => res.data); | ||
| 181 | }; | ||
| 182 | |||
| 183 | |||
| 184 | export const dashboardExport = params => { | ||
| 185 | // return axios.get(`${base}/user/add`, { | ||
| 186 | // params: params | ||
| 187 | // }).then(res => res.data); | ||
| 188 | let url = `${base}/zcrapi/admin/dashboard/export` + '?fromDate=' + params.fromDate + '&toDate=' + params.toDate; | ||
| 189 | console.log("url:", url); | ||
| 190 | window.open(url) | ||
| 191 | }; |
src/api/index.js
0 → 100755
src/assets/logo.png
0 → 100644
6.69 KB
src/assets/logo4.png
0 → 100755
1.35 KB
src/assets/user.png
0 → 100755
3.14 KB
src/common/oss-upload.js
0 → 100644
| 1 | // const OSS = require('ali-oss') | ||
| 2 | let Config = require('./ossConfig.json') | ||
| 3 | |||
| 4 | let creds = { | ||
| 5 | region: Config.region, | ||
| 6 | accessKeyId: Config.accessKeyId, | ||
| 7 | accessKeySecret: Config.accessKeySecret, | ||
| 8 | bucket: Config.bucket, | ||
| 9 | secure: true | ||
| 10 | } | ||
| 11 | |||
| 12 | export const client = new OSS.Wrapper(creds) | ||
| 13 | |||
| 14 | export function getAliOSSCreds() { | ||
| 15 | return new Promise((resolve, reject) => { | ||
| 16 | resolve(creds); | ||
| 17 | }); | ||
| 18 | } |
src/common/ossConfig.json
0 → 100644
src/common/utils.js
0 → 100644
| 1 | /** | ||
| 2 | * 获取当前链接参数 | ||
| 3 | * @param {*} name | ||
| 4 | */ | ||
| 5 | export const getLinkParam = name => { | ||
| 6 | return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null; | ||
| 7 | }; | ||
| 8 | |||
| 9 | /** | ||
| 10 | * 去掉字符串两端空格 trim | ||
| 11 | * @param {string} str | ||
| 12 | */ | ||
| 13 | export const trim = str => { | ||
| 14 | return str.replace(/(^\s*)|(\s*$)/g, ''); | ||
| 15 | } | ||
| 16 | |||
| 17 | /** | ||
| 18 | * 验证邮箱 | ||
| 19 | * @param {string} str | ||
| 20 | */ | ||
| 21 | export const checkEmail = str => { | ||
| 22 | let re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/; | ||
| 23 | if (re.test(str)) { | ||
| 24 | return true; | ||
| 25 | } else { | ||
| 26 | return false; | ||
| 27 | } | ||
| 28 | } | ||
| 29 | |||
| 30 | /** | ||
| 31 | * 验证手机 1开头+10位数 | ||
| 32 | * @param {string} str | ||
| 33 | */ | ||
| 34 | export const checkMobile = str => { | ||
| 35 | let re = /^1\d{10}$/; | ||
| 36 | // let re = /^(13[0-9]|14[57]|15[0-9]|17[0-9]|18[0-9])\d{8}$/; //严格模式 | ||
| 37 | if (re.test(str)) { | ||
| 38 | return true; | ||
| 39 | } else { | ||
| 40 | return false; | ||
| 41 | } | ||
| 42 | } | ||
| 43 | |||
| 44 | /** | ||
| 45 | * 获取Uuid | ||
| 46 | */ | ||
| 47 | export const uuid = () => { | ||
| 48 | var s = []; | ||
| 49 | var hexDigits = "0123456789abcdef"; | ||
| 50 | for (var i = 0; i < 36; i++) { | ||
| 51 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
| 52 | } | ||
| 53 | s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010 | ||
| 54 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01 | ||
| 55 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
| 56 | |||
| 57 | var uuid = s.join(""); | ||
| 58 | return uuid; | ||
| 59 | } | ||
| 60 | |||
| 61 | |||
| 62 | /** | ||
| 63 | * 设置cookies | ||
| 64 | * @param {*} name | ||
| 65 | * @param {*} value | ||
| 66 | * @param {*} Days | ||
| 67 | */ | ||
| 68 | export const setCookie = (name, value, Days = 0) => { | ||
| 69 | if (Days <= 0) Days = 30; | ||
| 70 | var exp = new Date(); | ||
| 71 | exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); | ||
| 72 | document.cookie = name + "=" + encodeURI(value) + ";expires=" + exp.toUTCString(); | ||
| 73 | } | ||
| 74 | |||
| 75 | |||
| 76 | /** | ||
| 77 | * 获取cookies | ||
| 78 | * @param {*} name | ||
| 79 | * @param {*} value | ||
| 80 | * @param {*} Days | ||
| 81 | */ | ||
| 82 | export const getCookie = (name) => { | ||
| 83 | var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); | ||
| 84 | if (arr = document.cookie.match(reg)) { | ||
| 85 | return decodeURI(arr[2]); | ||
| 86 | } else { | ||
| 87 | return ""; | ||
| 88 | } | ||
| 89 | } | ||
| 90 | |||
| 91 | /** | ||
| 92 | * 删除cookies | ||
| 93 | * @param {*} name | ||
| 94 | */ | ||
| 95 | export const deleteCookie = (name) => { | ||
| 96 | var exp = new Date(); | ||
| 97 | exp.setTime(exp.getTime() - 1); | ||
| 98 | var cval = getCookie(name); | ||
| 99 | if (cval != null) | ||
| 100 | document.cookie = name + "=" + cval + ";expires=" + exp.toUTCString(); | ||
| 101 | } | ||
| 102 | |||
| 103 | /** | ||
| 104 | * 判断是否微信客户端 | ||
| 105 | * @param {*} name | ||
| 106 | */ | ||
| 107 | export const isWeiXin = () => { | ||
| 108 | var ua = window.navigator.userAgent.toLowerCase(); | ||
| 109 | if (ua.match(/MicroMessenger/i) == 'micromessenger') { | ||
| 110 | return true; | ||
| 111 | } else { | ||
| 112 | return false; | ||
| 113 | } | ||
| 114 | } | ||
| 115 | |||
| 116 | |||
| 117 | /** | ||
| 118 | * 时间戳格式化(yyyy-MM-dd hh:mm:ss) | ||
| 119 | * @param {*} timestamp | ||
| 120 | * @param {*} format | ||
| 121 | */ | ||
| 122 | export const timestampFormat = (timestamp, format) => { | ||
| 123 | Date.prototype.Format = function (fmt) { | ||
| 124 | var o = { | ||
| 125 | "M+": this.getMonth() + 1, //月份 | ||
| 126 | "d+": this.getDate(), //日 | ||
| 127 | "h+": this.getHours(), //小时 | ||
| 128 | "m+": this.getMinutes(), //分 | ||
| 129 | "s+": this.getSeconds(), //秒 | ||
| 130 | "q+": Math.floor((this.getMonth() + 3) / 3), //季度 | ||
| 131 | "S": this.getMilliseconds() //毫秒 | ||
| 132 | }; | ||
| 133 | if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); | ||
| 134 | for (var k in o) { | ||
| 135 | if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); | ||
| 136 | } | ||
| 137 | return fmt; | ||
| 138 | } | ||
| 139 | |||
| 140 | if (timestamp && timestamp.length == 10) timestamp += "000"; | ||
| 141 | |||
| 142 | var date = new Date(); | ||
| 143 | if (timestamp) date.setTime(timestamp); | ||
| 144 | if (format == null || format == "") { | ||
| 145 | format = "yyyy-MM-dd hh:mm:ss"; | ||
| 146 | } | ||
| 147 | return date.Format(format); | ||
| 148 | }; | ||
| 149 | |||
| 150 | /** | ||
| 151 | * 日期转时间戳 | ||
| 152 | * @param {*} stringTime | ||
| 153 | */ | ||
| 154 | export const dateParse = stringTime => { | ||
| 155 | if (stringTime) { | ||
| 156 | var date = new Date(stringTime); | ||
| 157 | } else { | ||
| 158 | var date = new Date(); | ||
| 159 | } | ||
| 160 | return Date.parse(date); | ||
| 161 | }; | ||
| 162 | |||
| 163 | |||
| 164 | /** | ||
| 165 | * 生成指定范围内的随机数 | ||
| 166 | * @param {*} min | ||
| 167 | * @param {*} max | ||
| 168 | */ | ||
| 169 | export const getRandom = (min, max) => { | ||
| 170 | var c = max - min + 1; | ||
| 171 | return Math.floor(Math.random() * c + min); | ||
| 172 | }; | ||
| 173 | |||
| 174 | |||
| 175 | /** | ||
| 176 | * 日期格式化 | ||
| 177 | */ | ||
| 178 | export const formatDate = { | ||
| 179 | SIGN_REGEXP: /([yMdhsm])(\1*)/g, | ||
| 180 | DEFAULT_PATTERN: 'yyyy-MM-dd', | ||
| 181 | padding: function (s, len) { | ||
| 182 | var len = len - (s + '').length; | ||
| 183 | for (var i = 0; i < len; i++) { | ||
| 184 | s = '0' + s; | ||
| 185 | } | ||
| 186 | return s; | ||
| 187 | }, | ||
| 188 | format: function (date, pattern) { | ||
| 189 | pattern = pattern || formatDate.DEFAULT_PATTERN; | ||
| 190 | return pattern.replace(formatDate.SIGN_REGEXP, function ($0) { | ||
| 191 | switch ($0.charAt(0)) { | ||
| 192 | case 'y': | ||
| 193 | return formatDate.padding(date.getFullYear(), $0.length); | ||
| 194 | case 'M': | ||
| 195 | return formatDate.padding(date.getMonth() + 1, $0.length); | ||
| 196 | case 'd': | ||
| 197 | return formatDate.padding(date.getDate(), $0.length); | ||
| 198 | case 'w': | ||
| 199 | return date.getDay() + 1; | ||
| 200 | case 'h': | ||
| 201 | return formatDate.padding(date.getHours(), $0.length); | ||
| 202 | case 'm': | ||
| 203 | return formatDate.padding(date.getMinutes(), $0.length); | ||
| 204 | case 's': | ||
| 205 | return formatDate.padding(date.getSeconds(), $0.length); | ||
| 206 | } | ||
| 207 | }); | ||
| 208 | }, | ||
| 209 | parse: function (dateString, pattern) { | ||
| 210 | var matchs1 = pattern.match(formatDate.SIGN_REGEXP); | ||
| 211 | var matchs2 = dateString.match(/(\d)+/g); | ||
| 212 | if (matchs1.length == matchs2.length) { | ||
| 213 | var _date = new Date(1970, 0, 1); | ||
| 214 | for (var i = 0; i < matchs1.length; i++) { | ||
| 215 | var _int = parseInt(matchs2[i]); | ||
| 216 | var sign = matchs1[i]; | ||
| 217 | switch (sign.charAt(0)) { | ||
| 218 | case 'y': | ||
| 219 | _date.setFullYear(_int); | ||
| 220 | break; | ||
| 221 | case 'M': | ||
| 222 | _date.setMonth(_int - 1); | ||
| 223 | break; | ||
| 224 | case 'd': | ||
| 225 | _date.setDate(_int); | ||
| 226 | break; | ||
| 227 | case 'h': | ||
| 228 | _date.setHours(_int); | ||
| 229 | break; | ||
| 230 | case 'm': | ||
| 231 | _date.setMinutes(_int); | ||
| 232 | break; | ||
| 233 | case 's': | ||
| 234 | _date.setSeconds(_int); | ||
| 235 | break; | ||
| 236 | } | ||
| 237 | } | ||
| 238 | return _date; | ||
| 239 | } | ||
| 240 | return null; | ||
| 241 | } | ||
| 242 | |||
| 243 | } |
src/components/HelloWorld.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="hello"> | ||
| 3 | <h1>{{ msg }}</h1> | ||
| 4 | <h2>Essential Links</h2> | ||
| 5 | <ul> | ||
| 6 | <li> | ||
| 7 | <a | ||
| 8 | href="https://vuejs.org" | ||
| 9 | target="_blank" | ||
| 10 | > | ||
| 11 | Core Docs | ||
| 12 | </a> | ||
| 13 | </li> | ||
| 14 | <li> | ||
| 15 | <a | ||
| 16 | href="https://forum.vuejs.org" | ||
| 17 | target="_blank" | ||
| 18 | > | ||
| 19 | Forum | ||
| 20 | </a> | ||
| 21 | </li> | ||
| 22 | <li> | ||
| 23 | <a | ||
| 24 | href="https://chat.vuejs.org" | ||
| 25 | target="_blank" | ||
| 26 | > | ||
| 27 | Community Chat | ||
| 28 | </a> | ||
| 29 | </li> | ||
| 30 | <li> | ||
| 31 | <a | ||
| 32 | href="https://twitter.com/vuejs" | ||
| 33 | target="_blank" | ||
| 34 | > | ||
| 35 | |||
| 36 | </a> | ||
| 37 | </li> | ||
| 38 | <br> | ||
| 39 | <li> | ||
| 40 | <a | ||
| 41 | href="http://vuejs-templates.github.io/webpack/" | ||
| 42 | target="_blank" | ||
| 43 | > | ||
| 44 | Docs for This Template | ||
| 45 | </a> | ||
| 46 | </li> | ||
| 47 | </ul> | ||
| 48 | <h2>Ecosystem</h2> | ||
| 49 | <ul> | ||
| 50 | <li> | ||
| 51 | <a | ||
| 52 | href="http://router.vuejs.org/" | ||
| 53 | target="_blank" | ||
| 54 | > | ||
| 55 | vue-router | ||
| 56 | </a> | ||
| 57 | </li> | ||
| 58 | <li> | ||
| 59 | <a | ||
| 60 | href="http://vuex.vuejs.org/" | ||
| 61 | target="_blank" | ||
| 62 | > | ||
| 63 | vuex | ||
| 64 | </a> | ||
| 65 | </li> | ||
| 66 | <li> | ||
| 67 | <a | ||
| 68 | href="http://vue-loader.vuejs.org/" | ||
| 69 | target="_blank" | ||
| 70 | > | ||
| 71 | vue-loader | ||
| 72 | </a> | ||
| 73 | </li> | ||
| 74 | <li> | ||
| 75 | <a | ||
| 76 | href="https://github.com/vuejs/awesome-vue" | ||
| 77 | target="_blank" | ||
| 78 | > | ||
| 79 | awesome-vue | ||
| 80 | </a> | ||
| 81 | </li> | ||
| 82 | </ul> | ||
| 83 | </div> | ||
| 84 | </template> | ||
| 85 | |||
| 86 | <script> | ||
| 87 | export default { | ||
| 88 | name: 'HelloWorld', | ||
| 89 | data () { | ||
| 90 | return { | ||
| 91 | msg: 'Welcome to Your Vue.js App' | ||
| 92 | } | ||
| 93 | } | ||
| 94 | } | ||
| 95 | </script> | ||
| 96 | |||
| 97 | <!-- Add "scoped" attribute to limit CSS to this component only --> | ||
| 98 | <style scoped> | ||
| 99 | h1, h2 { | ||
| 100 | font-weight: normal; | ||
| 101 | } | ||
| 102 | ul { | ||
| 103 | list-style-type: none; | ||
| 104 | padding: 0; | ||
| 105 | } | ||
| 106 | li { | ||
| 107 | display: inline-block; | ||
| 108 | margin: 0 10px; | ||
| 109 | } | ||
| 110 | a { | ||
| 111 | color: #42b983; | ||
| 112 | } | ||
| 113 | </style> |
src/components/UploadItem.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- list-type="picture-card" --> | ||
| 3 | <!-- :limit="limit ? limit : 1" --> | ||
| 4 | <el-upload | ||
| 5 | action="''" | ||
| 6 | :multiple="multiple ? true : false" | ||
| 7 | :accept="accept ? accept : 'image/*'" | ||
| 8 | :list-type="listtype ? listtype : 'picture'" | ||
| 9 | :show-file-list="showlist ? true : false" | ||
| 10 | :http-request="upload" | ||
| 11 | :before-upload="beforeAvatarUpload" | ||
| 12 | > | ||
| 13 | <!-- <i class="el-icon-plus"></i> --> | ||
| 14 | <el-button size="small" type="primary" :disabled="uploading">{{uploading? '正在上传':'点击上传'}}</el-button> | ||
| 15 | <div slot="tip" class="el-upload__tip">{{tips}}</div> | ||
| 16 | </el-upload> | ||
| 17 | </template> | ||
| 18 | |||
| 19 | |||
| 20 | <script> | ||
| 21 | import { uploadFile } from '../api/api.js' | ||
| 22 | |||
| 23 | export default { | ||
| 24 | name: 'uploadfile', | ||
| 25 | // 上传多图片 | ||
| 26 | // accept 接受类型 图片:image/* 视频:video/* | ||
| 27 | props: [ | ||
| 28 | 'pid', | ||
| 29 | 'multiple', | ||
| 30 | 'accept', | ||
| 31 | 'limit', | ||
| 32 | 'listtype', | ||
| 33 | 'tips', | ||
| 34 | 'showlist' | ||
| 35 | ], | ||
| 36 | data() { | ||
| 37 | return { | ||
| 38 | config: { | ||
| 39 | maxSizeData: { | ||
| 40 | image: 2, //图片不大于2M | ||
| 41 | video: 20 //视频不大于20M | ||
| 42 | } | ||
| 43 | }, | ||
| 44 | uploading: false, | ||
| 45 | file: {} | ||
| 46 | } | ||
| 47 | }, | ||
| 48 | created() {}, | ||
| 49 | methods: { | ||
| 50 | getMaxSizeByType(file) { | ||
| 51 | let result = 2 | ||
| 52 | if (file && file.type) { | ||
| 53 | let type = file.type | ||
| 54 | if (type.indexOf('image') != -1) { | ||
| 55 | return this.config.maxSizeData.image | ||
| 56 | } else if (type.indexOf('video') != -1) { | ||
| 57 | return this.config.maxSizeData.video | ||
| 58 | } | ||
| 59 | } | ||
| 60 | return result | ||
| 61 | }, | ||
| 62 | // 图片上传前验证 | ||
| 63 | beforeAvatarUpload(file) { | ||
| 64 | let maxSize = this.getMaxSizeByType(file) | ||
| 65 | const isLt = file.size / 1024 / 1024 < maxSize | ||
| 66 | if (!isLt) { | ||
| 67 | this.$message.error(`该文件大小不能超过${maxSize}MB!`) | ||
| 68 | } | ||
| 69 | return isLt | ||
| 70 | }, | ||
| 71 | // 上传图片到OSS 同时派发一个事件给父组件监听 | ||
| 72 | upload(file) { | ||
| 73 | // 返回图片的存储路径 开始上传 | ||
| 74 | this.uploading = true | ||
| 75 | this.file = file | ||
| 76 | let params = new FormData() //使用formData对象 | ||
| 77 | params.append('path', '/pro/mzczcradmin/') | ||
| 78 | params.append('file', file.file) | ||
| 79 | uploadFile(params) | ||
| 80 | .then(result => { | ||
| 81 | let url = result.content | ||
| 82 | // 返回图片的存储路径 | ||
| 83 | this.$emit('upload-success', { | ||
| 84 | pid: this.pid, | ||
| 85 | url: url | ||
| 86 | }) | ||
| 87 | this.uploading = false | ||
| 88 | }) | ||
| 89 | .catch(err => { | ||
| 90 | this.uploading = false | ||
| 91 | }) | ||
| 92 | return | ||
| 93 | } | ||
| 94 | } | ||
| 95 | } | ||
| 96 | </script> | ||
| 97 | |||
| 98 | <style lang="less" scoped> | ||
| 99 | .el-upload-list { | ||
| 100 | } | ||
| 101 | </style> |
src/global/const-data.js
0 → 100644
| 1 | /** | ||
| 2 | * 项目名称 | ||
| 3 | */ | ||
| 4 | export const PROJECT_NAME = "项目名称"; | ||
| 5 | |||
| 6 | /** | ||
| 7 | * cookies 前缀 | ||
| 8 | */ | ||
| 9 | export const COOKIES_EX = "_co_ex"; | ||
| 10 | |||
| 11 | /** | ||
| 12 | * 全局方法示例 | ||
| 13 | */ | ||
| 14 | export const getRemark = () => { | ||
| 15 | let remarkList = [ | ||
| 16 | "你的照片太棒了,为你点赞", | ||
| 17 | "给你一朵小花花", | ||
| 18 | "超给力哦!相信生意一定棒棒棒!" | ||
| 19 | ] | ||
| 20 | return remarkList[Math.floor(Math.random() * remarkList.length)]; | ||
| 21 | } |
src/global/custom-evt.js
0 → 100644
src/global/global-data.js
0 → 100644
src/main.js
0 → 100644
| 1 | // The Vue build version to load with the `import` command | ||
| 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. | ||
| 3 | import Vue from 'vue' | ||
| 4 | import ElementUI from 'element-ui' | ||
| 5 | import 'element-ui/lib/theme-chalk/index.css'; | ||
| 6 | import './styles/element-#324057/index.css'; | ||
| 7 | import 'font-awesome/css/font-awesome.min.css' | ||
| 8 | |||
| 9 | import App from './App' | ||
| 10 | import router from './router' | ||
| 11 | import store from './vuex/store' | ||
| 12 | import Vuex from 'vuex' | ||
| 13 | import NProgress from 'nprogress' | ||
| 14 | import Mock from './mock' | ||
| 15 | Mock.bootstrap(); | ||
| 16 | |||
| 17 | import VueQuillEditor from 'vue-quill-editor' | ||
| 18 | // require styles | ||
| 19 | import 'quill/dist/quill.core.css' | ||
| 20 | import 'quill/dist/quill.snow.css' | ||
| 21 | import 'quill/dist/quill.bubble.css' | ||
| 22 | Vue.use(VueQuillEditor, /* { default global options } */ ) | ||
| 23 | |||
| 24 | Vue.config.productionTip = false | ||
| 25 | NProgress.configure({ | ||
| 26 | showSpinner: false | ||
| 27 | }); | ||
| 28 | |||
| 29 | Vue.use(ElementUI) | ||
| 30 | Vue.use(Vuex) | ||
| 31 | |||
| 32 | /* eslint-disable no-new */ | ||
| 33 | new Vue({ | ||
| 34 | el: '#app', | ||
| 35 | router, | ||
| 36 | store, | ||
| 37 | components: { | ||
| 38 | App | ||
| 39 | }, | ||
| 40 | data: { | ||
| 41 | bus: new Vue() | ||
| 42 | }, | ||
| 43 | template: '<App/>' | ||
| 44 | }) |
src/mock/index.js
0 → 100755
src/mock/mock.js
0 → 100755
| 1 | import axios from 'axios'; | ||
| 2 | import MockAdapter from 'axios-mock-adapter'; | ||
| 3 | import { | ||
| 4 | LoginUsers, | ||
| 5 | Users | ||
| 6 | } from '../mockdata/user'; | ||
| 7 | let _Users = Users; | ||
| 8 | |||
| 9 | export default { | ||
| 10 | /** | ||
| 11 | * mock bootstrap | ||
| 12 | */ | ||
| 13 | bootstrap() { | ||
| 14 | // 紧在dev环境下使用 | ||
| 15 | if (process.env.NODE_ENV !== "development") { | ||
| 16 | |||
| 17 | } | ||
| 18 | return; | ||
| 19 | |||
| 20 | let mock = new MockAdapter(axios); | ||
| 21 | |||
| 22 | // mock success request | ||
| 23 | mock.onGet('/success').reply(200, { | ||
| 24 | msg: 'success' | ||
| 25 | }); | ||
| 26 | |||
| 27 | // mock error request | ||
| 28 | mock.onGet('/error').reply(500, { | ||
| 29 | msg: 'failure' | ||
| 30 | }); | ||
| 31 | |||
| 32 | //登录 | ||
| 33 | mock.onPost('/login').reply(config => { | ||
| 34 | let { | ||
| 35 | username, | ||
| 36 | password | ||
| 37 | } = JSON.parse(config.data); | ||
| 38 | return new Promise((resolve, reject) => { | ||
| 39 | let user = null; | ||
| 40 | setTimeout(() => { | ||
| 41 | let hasUser = LoginUsers.some(u => { | ||
| 42 | if (u.username === username && u.password === password) { | ||
| 43 | user = JSON.parse(JSON.stringify(u)); | ||
| 44 | user.password = undefined; | ||
| 45 | return true; | ||
| 46 | } | ||
| 47 | }); | ||
| 48 | |||
| 49 | if (hasUser) { | ||
| 50 | resolve([200, { | ||
| 51 | code: 200, | ||
| 52 | msg: '请求成功', | ||
| 53 | user | ||
| 54 | }]); | ||
| 55 | } else { | ||
| 56 | resolve([200, { | ||
| 57 | code: 500, | ||
| 58 | msg: '账号或密码错误' | ||
| 59 | }]); | ||
| 60 | } | ||
| 61 | }, 1000); | ||
| 62 | }); | ||
| 63 | }); | ||
| 64 | |||
| 65 | //获取用户列表 | ||
| 66 | mock.onGet('/user/list').reply(config => { | ||
| 67 | let { | ||
| 68 | name | ||
| 69 | } = config.params; | ||
| 70 | let mockUsers = _Users.filter(user => { | ||
| 71 | if (name && user.name.indexOf(name) == -1) return false; | ||
| 72 | return true; | ||
| 73 | }); | ||
| 74 | return new Promise((resolve, reject) => { | ||
| 75 | setTimeout(() => { | ||
| 76 | resolve([200, { | ||
| 77 | users: mockUsers | ||
| 78 | }]); | ||
| 79 | }, 1000); | ||
| 80 | }); | ||
| 81 | }); | ||
| 82 | |||
| 83 | //获取用户列表(分页) | ||
| 84 | mock.onGet('/user/listpage').reply(config => { | ||
| 85 | let { | ||
| 86 | page, | ||
| 87 | name | ||
| 88 | } = config.params; | ||
| 89 | let mockUsers = _Users.filter(user => { | ||
| 90 | if (name && user.name.indexOf(name) == -1) return false; | ||
| 91 | return true; | ||
| 92 | }); | ||
| 93 | let total = mockUsers.length; | ||
| 94 | mockUsers = mockUsers.filter((u, index) => index < 20 * page && index >= 20 * (page - 1)); | ||
| 95 | return new Promise((resolve, reject) => { | ||
| 96 | setTimeout(() => { | ||
| 97 | resolve([200, { | ||
| 98 | total: total, | ||
| 99 | users: mockUsers | ||
| 100 | }]); | ||
| 101 | }, 1000); | ||
| 102 | }); | ||
| 103 | }); | ||
| 104 | |||
| 105 | //删除用户 | ||
| 106 | mock.onGet('/user/remove').reply(config => { | ||
| 107 | let { | ||
| 108 | id | ||
| 109 | } = config.params; | ||
| 110 | _Users = _Users.filter(u => u.id !== id); | ||
| 111 | return new Promise((resolve, reject) => { | ||
| 112 | setTimeout(() => { | ||
| 113 | resolve([200, { | ||
| 114 | code: 200, | ||
| 115 | msg: '删除成功' | ||
| 116 | }]); | ||
| 117 | }, 500); | ||
| 118 | }); | ||
| 119 | }); | ||
| 120 | |||
| 121 | //批量删除用户 | ||
| 122 | mock.onGet('/user/batchremove').reply(config => { | ||
| 123 | let { | ||
| 124 | ids | ||
| 125 | } = config.params; | ||
| 126 | ids = ids.split(','); | ||
| 127 | _Users = _Users.filter(u => !ids.includes(u.id)); | ||
| 128 | return new Promise((resolve, reject) => { | ||
| 129 | setTimeout(() => { | ||
| 130 | resolve([200, { | ||
| 131 | code: 200, | ||
| 132 | msg: '删除成功' | ||
| 133 | }]); | ||
| 134 | }, 500); | ||
| 135 | }); | ||
| 136 | }); | ||
| 137 | |||
| 138 | //编辑用户 | ||
| 139 | mock.onGet('/user/edit').reply(config => { | ||
| 140 | let { | ||
| 141 | id, | ||
| 142 | name, | ||
| 143 | addr, | ||
| 144 | age, | ||
| 145 | birth, | ||
| 146 | sex | ||
| 147 | } = config.params; | ||
| 148 | _Users.some(u => { | ||
| 149 | if (u.id === id) { | ||
| 150 | u.name = name; | ||
| 151 | u.addr = addr; | ||
| 152 | u.age = age; | ||
| 153 | u.birth = birth; | ||
| 154 | u.sex = sex; | ||
| 155 | return true; | ||
| 156 | } | ||
| 157 | }); | ||
| 158 | return new Promise((resolve, reject) => { | ||
| 159 | setTimeout(() => { | ||
| 160 | resolve([200, { | ||
| 161 | code: 200, | ||
| 162 | msg: '编辑成功' | ||
| 163 | }]); | ||
| 164 | }, 500); | ||
| 165 | }); | ||
| 166 | }); | ||
| 167 | |||
| 168 | //新增用户 | ||
| 169 | mock.onGet('/user/add').reply(config => { | ||
| 170 | let { | ||
| 171 | name, | ||
| 172 | addr, | ||
| 173 | age, | ||
| 174 | birth, | ||
| 175 | sex | ||
| 176 | } = config.params; | ||
| 177 | _Users.push({ | ||
| 178 | name: name, | ||
| 179 | addr: addr, | ||
| 180 | age: age, | ||
| 181 | birth: birth, | ||
| 182 | sex: sex | ||
| 183 | }); | ||
| 184 | return new Promise((resolve, reject) => { | ||
| 185 | setTimeout(() => { | ||
| 186 | resolve([200, { | ||
| 187 | code: 200, | ||
| 188 | msg: '新增成功' | ||
| 189 | }]); | ||
| 190 | }, 500); | ||
| 191 | }); | ||
| 192 | }); | ||
| 193 | |||
| 194 | } | ||
| 195 | }; |
src/mockdata/user.js
0 → 100755
| 1 | import Mock from 'mockjs'; | ||
| 2 | const LoginUsers = [ | ||
| 3 | { | ||
| 4 | id: 1, | ||
| 5 | username: 'admin', | ||
| 6 | password: '123456', | ||
| 7 | avatar: 'https://raw.githubusercontent.com/taylorchen709/markdown-images/master/vueadmin/user.png', | ||
| 8 | name: '张某某' | ||
| 9 | } | ||
| 10 | ]; | ||
| 11 | |||
| 12 | const Users = []; | ||
| 13 | |||
| 14 | for (let i = 0; i < 86; i++) { | ||
| 15 | Users.push(Mock.mock( | ||
| 16 | { | ||
| 17 | id: Mock.Random.guid(), | ||
| 18 | name: Mock.Random.cname(), | ||
| 19 | addr: Mock.mock('@county(true)'), | ||
| 20 | 'age|18-60': 1, | ||
| 21 | birth: Mock.Random.date(), | ||
| 22 | sex: Mock.Random.integer(0, 1) | ||
| 23 | })); | ||
| 24 | } | ||
| 25 | |||
| 26 | export { LoginUsers, Users }; |
src/pages/404.vue
0 → 100755
src/pages/Home.vue
0 → 100755
| 1 | <template> | ||
| 2 | <el-row class="container"> | ||
| 3 | <el-col :span="24" class="header"> | ||
| 4 | <el-col :span="10" class="logo" :class="collapsed?'logo-collapse-width':'logo-width'"> | ||
| 5 | {{collapsed?'':sysName}} | ||
| 6 | </el-col> | ||
| 7 | <!-- <el-col :span="20" class="logo"> | ||
| 8 | <img src="../assets/logo4.png" /> | ||
| 9 | <span>VUE | ||
| 10 | <i class="txt">ADMIN</i> | ||
| 11 | </span> | ||
| 12 | </el-col> --> | ||
| 13 | <el-col :span="4" class="userinfo"> | ||
| 14 | <el-col @click.native="logout"> | ||
| 15 | <i class="fa fa-sign-out" aria-hidden="true"></i>退出登录 | ||
| 16 | </el-col> | ||
| 17 | <!-- <el-dropdown trigger="click"> | ||
| 18 | <span class="el-dropdown-link userinfo-inner"> | ||
| 19 | <img :src="this.sysUserAvatar" /> {{sysUserName}} | ||
| 20 | </span> | ||
| 21 | <el-dropdown-menu slot="dropdown"> | ||
| 22 | <el-dropdown-item>我的消息</el-dropdown-item> | ||
| 23 | <el-dropdown-item>设置</el-dropdown-item> | ||
| 24 | <el-dropdown-item divided @click.native="logout">退出登录</el-dropdown-item> | ||
| 25 | </el-dropdown-menu> | ||
| 26 | </el-dropdown> --> | ||
| 27 | </el-col> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="24" class="main"> | ||
| 30 | <aside> | ||
| 31 | <el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleopen" @close="handleclose" @select="handleselect" theme="dark" unique-opened router> | ||
| 32 | <template v-for="(item,index) in $router.options.routes" v-if="!item.hidden"> | ||
| 33 | <el-submenu :index="index+''" :key="index" v-if="!item.leaf"> | ||
| 34 | <template slot="title"> | ||
| 35 | <i :class="item.iconCls"></i>{{item.name}}</template> | ||
| 36 | <el-menu-item v-for="child in item.children" :index="child.path" :key="child.path" v-if="!child.hidden">{{child.name}}</el-menu-item> | ||
| 37 | </el-submenu> | ||
| 38 | <el-menu-item v-if="item.leaf&&item.children.length>0" :index="item.children[0].path" :key="index"> | ||
| 39 | <i :class="item.iconCls"></i>{{item.children[0].name}}</el-menu-item> | ||
| 40 | </template> | ||
| 41 | </el-menu> | ||
| 42 | </aside> | ||
| 43 | <section class="content-container"> | ||
| 44 | <div class="grid-content bg-purple-light"> | ||
| 45 | <el-col :span="24" class="breadcrumb-container"> | ||
| 46 | <strong class="title">{{$route.name}}</strong> | ||
| 47 | <el-breadcrumb separator="/" class="breadcrumb-inner"> | ||
| 48 | <el-breadcrumb-item v-for="(item,index) in $route.matched" :key="index"> | ||
| 49 | {{ item.name }} | ||
| 50 | </el-breadcrumb-item> | ||
| 51 | </el-breadcrumb> | ||
| 52 | </el-col> | ||
| 53 | <el-col :span="24" class="content-wrapper"> | ||
| 54 | <transition> | ||
| 55 | <router-view></router-view> | ||
| 56 | </transition> | ||
| 57 | </el-col> | ||
| 58 | </div> | ||
| 59 | </section> | ||
| 60 | </el-col> | ||
| 61 | </el-row> | ||
| 62 | </template> | ||
| 63 | |||
| 64 | <script> | ||
| 65 | export default { | ||
| 66 | data() { | ||
| 67 | return { | ||
| 68 | sysName: "管理系统", | ||
| 69 | collapsed: false, | ||
| 70 | sysUserName: "", | ||
| 71 | sysUserAvatar: "", | ||
| 72 | form: { | ||
| 73 | name: "", | ||
| 74 | region: "", | ||
| 75 | date1: "", | ||
| 76 | date2: "", | ||
| 77 | delivery: false, | ||
| 78 | type: [], | ||
| 79 | resource: "", | ||
| 80 | desc: "" | ||
| 81 | } | ||
| 82 | }; | ||
| 83 | }, | ||
| 84 | methods: { | ||
| 85 | onSubmit() { | ||
| 86 | console.log("submit!"); | ||
| 87 | }, | ||
| 88 | handleopen() { | ||
| 89 | //console.log('handleopen'); | ||
| 90 | }, | ||
| 91 | handleclose() { | ||
| 92 | //console.log('handleclose'); | ||
| 93 | }, | ||
| 94 | handleselect: function(a, b) {}, | ||
| 95 | //退出登录 | ||
| 96 | logout: function() { | ||
| 97 | var _this = this; | ||
| 98 | this.$confirm("确认退出吗?", "提示", { | ||
| 99 | //type: 'warning' | ||
| 100 | }) | ||
| 101 | .then(() => { | ||
| 102 | sessionStorage.removeItem("user"); | ||
| 103 | _this.$router.push("/login"); | ||
| 104 | }) | ||
| 105 | .catch(() => {}); | ||
| 106 | } | ||
| 107 | }, | ||
| 108 | mounted() { | ||
| 109 | var user = sessionStorage.getItem("user"); | ||
| 110 | if (user) { | ||
| 111 | user = JSON.parse(user); | ||
| 112 | this.sysUserName = user.name || ""; | ||
| 113 | this.sysUserAvatar = user.avatar || ""; | ||
| 114 | } | ||
| 115 | } | ||
| 116 | }; | ||
| 117 | </script> | ||
| 118 | |||
| 119 | <style scoped lang="less"> | ||
| 120 | @import "./../styles/vars.less"; | ||
| 121 | |||
| 122 | .container { | ||
| 123 | position: absolute; | ||
| 124 | top: 0px; | ||
| 125 | bottom: 0px; | ||
| 126 | width: 100%; | ||
| 127 | .header { | ||
| 128 | height: 60px; | ||
| 129 | line-height: 60px; | ||
| 130 | background: @color-primary; | ||
| 131 | color: #fff; | ||
| 132 | .userinfo { | ||
| 133 | cursor: pointer; | ||
| 134 | text-align: right; | ||
| 135 | padding-right: 35px; | ||
| 136 | float: right; | ||
| 137 | .userinfo-inner { | ||
| 138 | cursor: pointer; | ||
| 139 | color: #fff; | ||
| 140 | img { | ||
| 141 | width: 40px; | ||
| 142 | height: 40px; | ||
| 143 | border-radius: 20px; | ||
| 144 | margin: 10px 0px 10px 10px; | ||
| 145 | float: right; | ||
| 146 | } | ||
| 147 | } | ||
| 148 | } | ||
| 149 | .logo { | ||
| 150 | width: 230px; | ||
| 151 | height: 60px; | ||
| 152 | font-size: 24px; | ||
| 153 | font-weight: bold; | ||
| 154 | padding-left: 20px; | ||
| 155 | padding-right: 20px; | ||
| 156 | border-color: rgba(238, 241, 146, 0.3); | ||
| 157 | border-right-width: 1px; | ||
| 158 | border-right-style: solid; | ||
| 159 | img { | ||
| 160 | width: 40px; | ||
| 161 | float: left; | ||
| 162 | margin: 10px 10px 10px 18px; | ||
| 163 | } | ||
| 164 | .txt { | ||
| 165 | color: #fff; | ||
| 166 | } | ||
| 167 | } | ||
| 168 | .logo-width { | ||
| 169 | width: 230px; | ||
| 170 | } | ||
| 171 | .logo-collapse-width { | ||
| 172 | width: 60px; | ||
| 173 | } | ||
| 174 | .tools { | ||
| 175 | padding: 0px 23px; | ||
| 176 | width: 14px; | ||
| 177 | height: 60px; | ||
| 178 | line-height: 60px; | ||
| 179 | cursor: pointer; | ||
| 180 | } | ||
| 181 | } | ||
| 182 | .main { | ||
| 183 | display: flex; | ||
| 184 | // background: #324057; | ||
| 185 | position: absolute; | ||
| 186 | top: 60px; | ||
| 187 | bottom: 0px; | ||
| 188 | overflow: hidden; | ||
| 189 | aside { | ||
| 190 | flex: 0 0 230px; | ||
| 191 | width: 230px; | ||
| 192 | // position: absolute; | ||
| 193 | // top: 0px; | ||
| 194 | // bottom: 0px; | ||
| 195 | .el-menu { | ||
| 196 | height: 100%; | ||
| 197 | } | ||
| 198 | .collapsed { | ||
| 199 | width: 60px; | ||
| 200 | .item { | ||
| 201 | position: relative; | ||
| 202 | } | ||
| 203 | .submenu { | ||
| 204 | position: absolute; | ||
| 205 | top: 0px; | ||
| 206 | left: 60px; | ||
| 207 | z-index: 99999; | ||
| 208 | height: auto; | ||
| 209 | display: none; | ||
| 210 | } | ||
| 211 | } | ||
| 212 | } | ||
| 213 | .menu-collapsed { | ||
| 214 | flex: 0 0 60px; | ||
| 215 | width: 60px; | ||
| 216 | } | ||
| 217 | .menu-expanded { | ||
| 218 | flex: 0 0 230px; | ||
| 219 | width: 230px; | ||
| 220 | } | ||
| 221 | .content-container { | ||
| 222 | background: #ffffff; | ||
| 223 | flex: 1; | ||
| 224 | // position: absolute; | ||
| 225 | // right: 0px; | ||
| 226 | // top: 0px; | ||
| 227 | // bottom: 0px; | ||
| 228 | // left: 230px; | ||
| 229 | overflow-y: scroll; | ||
| 230 | padding: 20px; | ||
| 231 | .breadcrumb-container { | ||
| 232 | //margin-bottom: 15px; | ||
| 233 | .title { | ||
| 234 | width: 200px; | ||
| 235 | float: left; | ||
| 236 | color: #475669; | ||
| 237 | } | ||
| 238 | .breadcrumb-inner { | ||
| 239 | float: right; | ||
| 240 | } | ||
| 241 | } | ||
| 242 | .content-wrapper { | ||
| 243 | background-color: #fff; | ||
| 244 | box-sizing: border-box; | ||
| 245 | } | ||
| 246 | } | ||
| 247 | } | ||
| 248 | } | ||
| 249 | </style> |
src/pages/Login.vue
0 → 100755
| 1 | <template> | ||
| 2 | <el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0px" class="demo-ruleForm login-container"> | ||
| 3 | <h3 class="title">系统登录</h3> | ||
| 4 | <el-form-item prop="account"> | ||
| 5 | <el-input type="text" v-model="ruleForm2.account" auto-complete="off" placeholder="账号"></el-input> | ||
| 6 | </el-form-item> | ||
| 7 | <el-form-item prop="checkPass"> | ||
| 8 | <el-input type="password" v-model="ruleForm2.checkPass" auto-complete="off" placeholder="密码"></el-input> | ||
| 9 | </el-form-item> | ||
| 10 | <el-checkbox v-model="checked" checked class="remember">记住密码</el-checkbox> | ||
| 11 | <el-form-item style="width:100%;"> | ||
| 12 | <el-button type="primary" style="width:100%;" @click.native.prevent="handleSubmit2" :loading="logining">登录</el-button> | ||
| 13 | <!--<el-button @click.native.prevent="handleReset2">重置</el-button>--> | ||
| 14 | </el-form-item> | ||
| 15 | </el-form> | ||
| 16 | </template> | ||
| 17 | |||
| 18 | <script> | ||
| 19 | import { requestLogin } from "../api/api"; | ||
| 20 | import NProgress from "nprogress"; | ||
| 21 | export default { | ||
| 22 | data() { | ||
| 23 | return { | ||
| 24 | logining: false, | ||
| 25 | ruleForm2: { | ||
| 26 | account: "admin", | ||
| 27 | checkPass: "123456" | ||
| 28 | }, | ||
| 29 | rules2: { | ||
| 30 | account: [ | ||
| 31 | { required: true, message: "请输入账号", trigger: "blur" } | ||
| 32 | //{ validator: validaePass } | ||
| 33 | ], | ||
| 34 | checkPass: [ | ||
| 35 | { required: true, message: "请输入密码", trigger: "blur" } | ||
| 36 | //{ validator: validaePass2 } | ||
| 37 | ] | ||
| 38 | }, | ||
| 39 | checked: true | ||
| 40 | }; | ||
| 41 | }, | ||
| 42 | methods: { | ||
| 43 | handleReset2() { | ||
| 44 | this.$refs.ruleForm2.resetFields(); | ||
| 45 | }, | ||
| 46 | handleSubmit2(ev) { | ||
| 47 | var _this = this | ||
| 48 | this.$refs.ruleForm2.validate(valid => { | ||
| 49 | if (valid) { | ||
| 50 | //_this.$router.replace('/table'); | ||
| 51 | // this.logining = true | ||
| 52 | // NProgress.start() | ||
| 53 | var loginParams = { | ||
| 54 | username: this.ruleForm2.account, | ||
| 55 | password: this.ruleForm2.checkPass | ||
| 56 | } | ||
| 57 | if ( | ||
| 58 | loginParams.username == 'admin' && | ||
| 59 | loginParams.password == '123456' | ||
| 60 | ) { | ||
| 61 | let user = loginParams | ||
| 62 | sessionStorage.setItem('user', JSON.stringify(user)) | ||
| 63 | this.$router.push({ path: "/" }) | ||
| 64 | } else { | ||
| 65 | this.$notify({ | ||
| 66 | title: '错误', | ||
| 67 | message: '密码错误', | ||
| 68 | type: 'error' | ||
| 69 | }) | ||
| 70 | } | ||
| 71 | // requestLogin(loginParams).then(data => { | ||
| 72 | // this.logining = false; | ||
| 73 | // NProgress.done(); | ||
| 74 | // let { msg, code, user } = data; | ||
| 75 | // if (code !== 200) { | ||
| 76 | // this.$notify({ | ||
| 77 | // title: "错误", | ||
| 78 | // message: msg, | ||
| 79 | // type: "error" | ||
| 80 | // }); | ||
| 81 | // } else { | ||
| 82 | // sessionStorage.setItem("user", JSON.stringify(user)); | ||
| 83 | // this.$router.push({ path: "/" }); | ||
| 84 | // } | ||
| 85 | // }); | ||
| 86 | } else { | ||
| 87 | console.log('error submit!!') | ||
| 88 | return false | ||
| 89 | } | ||
| 90 | }) | ||
| 91 | } | ||
| 92 | } | ||
| 93 | }; | ||
| 94 | </script> | ||
| 95 | |||
| 96 | <style lang="less" scoped> | ||
| 97 | .login-container { | ||
| 98 | -webkit-border-radius: 5px; | ||
| 99 | border-radius: 5px; | ||
| 100 | -moz-border-radius: 5px; | ||
| 101 | background-clip: padding-box; | ||
| 102 | margin-bottom: 20px; | ||
| 103 | background-color: #f9fafc; | ||
| 104 | margin: 180px auto; | ||
| 105 | border: 2px solid #8492a6; | ||
| 106 | width: 350px; | ||
| 107 | padding: 35px 35px 15px 35px; | ||
| 108 | .title { | ||
| 109 | margin: 0px auto 40px auto; | ||
| 110 | text-align: center; | ||
| 111 | color: #505458; | ||
| 112 | } | ||
| 113 | .remember { | ||
| 114 | margin: 0px 0px 35px 0px; | ||
| 115 | } | ||
| 116 | } | ||
| 117 | </style> |
src/pages/Main.vue
0 → 100755
src/pages/classroom/ArticleManager.vue
0 → 100644
This diff is collapsed.
Click to expand it.
src/pages/classroom/BannerManager.vue
0 → 100644
This diff is collapsed.
Click to expand it.
src/pages/classroom/TagManager.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div> | ||
| 3 | <!--工具条--> | ||
| 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
| 5 | <el-form> | ||
| 6 | <el-form-item> | ||
| 7 | <div class="tool-wrap fl"> | ||
| 8 | <el-select | ||
| 9 | v-model="curClassify" | ||
| 10 | placeholder="请选择" | ||
| 11 | @change="HandleSelectChange" | ||
| 12 | > | ||
| 13 | <el-option | ||
| 14 | v-for="(item,index) in totalData.classifyList" | ||
| 15 | :key="index" | ||
| 16 | :label="item.name" | ||
| 17 | :value="item.classify" | ||
| 18 | ></el-option> | ||
| 19 | </el-select> | ||
| 20 | <el-button @click="handleAdd()" v-if="true" type="primary">新增</el-button> | ||
| 21 | </div> | ||
| 22 | </el-form-item> | ||
| 23 | </el-form> | ||
| 24 | </el-col> | ||
| 25 | |||
| 26 | <!-- 列表 --> | ||
| 27 | <el-table | ||
| 28 | :data="totalData.dataList" | ||
| 29 | highlight-current-row | ||
| 30 | v-loading="listLoading" | ||
| 31 | style="width: 100%;" | ||
| 32 | > | ||
| 33 | <el-table-column prop="tag" label="话题"></el-table-column> | ||
| 34 | <el-table-column label="操作" width="150"> | ||
| 35 | <template slot-scope="scope"> | ||
| 36 | <el-button size="small" @click="modifyHandler(scope.$index, scope.row)">修改</el-button> | ||
| 37 | <el-button | ||
| 38 | size="small" | ||
| 39 | type="danger" | ||
| 40 | @click="deleteHandler(scope.$index, scope.row)" | ||
| 41 | >删除</el-button> | ||
| 42 | </template> | ||
| 43 | </el-table-column> | ||
| 44 | </el-table> | ||
| 45 | |||
| 46 | <!--编辑界面--> | ||
| 47 | <el-dialog | ||
| 48 | :title="dialogTitle" | ||
| 49 | :visible.sync="editFormVisible" | ||
| 50 | :close-on-click-modal="false" | ||
| 51 | > | ||
| 52 | <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> | ||
| 53 | <el-form-item label="分类" prop="classify"> | ||
| 54 | <el-select | ||
| 55 | v-model="editForm.classify" | ||
| 56 | placeholder="请选择" | ||
| 57 | @change="HandleSelectDialogChange" | ||
| 58 | > | ||
| 59 | <el-option | ||
| 60 | v-for="(item,index) in totalData.classifyDialogList" | ||
| 61 | :key="index" | ||
| 62 | :label="item.name" | ||
| 63 | :value="item.classify" | ||
| 64 | ></el-option> | ||
| 65 | </el-select> | ||
| 66 | </el-form-item> | ||
| 67 | |||
| 68 | <el-form-item label="话题" prop="tag"> | ||
| 69 | <el-input v-model="editForm.tag"></el-input> | ||
| 70 | </el-form-item> | ||
| 71 | </el-form> | ||
| 72 | <div slot="footer" class="dialog-footer"> | ||
| 73 | <el-button @click.native="editFormVisible = false">取消</el-button> | ||
| 74 | <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button> | ||
| 75 | </div> | ||
| 76 | </el-dialog> | ||
| 77 | |||
| 78 | <!--分页导航--> | ||
| 79 | <el-col :span="24" class="toolbar fl pagination-wrap"> | ||
| 80 | <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div> | ||
| 81 | <el-pagination | ||
| 82 | layout="prev, pager, next" | ||
| 83 | @current-change="handleCurrentChange" | ||
| 84 | :page-size="pageSize" | ||
| 85 | :total="total" | ||
| 86 | style="float:right;" | ||
| 87 | ></el-pagination> | ||
| 88 | </el-col> | ||
| 89 | </div> | ||
| 90 | </template> | ||
| 91 | |||
| 92 | <script> | ||
| 93 | import { | ||
| 94 | getClassifyList, | ||
| 95 | getTagList, | ||
| 96 | saveTag, | ||
| 97 | deleteTag | ||
| 98 | } from '../../api/api.js' | ||
| 99 | |||
| 100 | export default { | ||
| 101 | data() { | ||
| 102 | return { | ||
| 103 | key: 'value', | ||
| 104 | page: 1, | ||
| 105 | pageSize: 10, | ||
| 106 | total: 0, | ||
| 107 | totalData: { | ||
| 108 | dataList: [], | ||
| 109 | classifyList: [], | ||
| 110 | classifyDialogList: [] | ||
| 111 | }, | ||
| 112 | listLoading: false, | ||
| 113 | editLoading: false, | ||
| 114 | editFormVisible: false, | ||
| 115 | dialogTitle: '编辑', | ||
| 116 | //编辑界面数据 | ||
| 117 | editForm: { | ||
| 118 | tag: '', | ||
| 119 | classify: '' | ||
| 120 | }, | ||
| 121 | editFormRules: { | ||
| 122 | tag: [ | ||
| 123 | { required: true, message: '请输入话题', trigger: 'blur' } | ||
| 124 | ], | ||
| 125 | classify: [ | ||
| 126 | { required: true, message: '请选择分类', trigger: 'blur' } | ||
| 127 | ] | ||
| 128 | }, | ||
| 129 | curClassify: '' | ||
| 130 | } | ||
| 131 | }, | ||
| 132 | computed: { | ||
| 133 | pageNum() { | ||
| 134 | return Math.ceil(this.total / this.pageSize) | ||
| 135 | } | ||
| 136 | }, | ||
| 137 | methods: { | ||
| 138 | name() {}, | ||
| 139 | // 获取列表 | ||
| 140 | reqQuery() { | ||
| 141 | let data = { | ||
| 142 | page: this.page, | ||
| 143 | size: this.pageSize, | ||
| 144 | classify: this.curClassify | ||
| 145 | } | ||
| 146 | getTagList(data).then(result => { | ||
| 147 | let { content, code } = result | ||
| 148 | let { list, total } = content | ||
| 149 | this.total = total | ||
| 150 | this.$set(this.totalData, 'dataList', list) | ||
| 151 | console.log('this.totalData:', this.totalData.dataList) | ||
| 152 | }) | ||
| 153 | }, | ||
| 154 | reqGetClassifyList() { | ||
| 155 | let data = {} | ||
| 156 | getClassifyList(data) | ||
| 157 | .then(result => { | ||
| 158 | let { content, code } = result | ||
| 159 | this.$set(this.totalData, 'classifyDialogList', content) | ||
| 160 | //深复制 | ||
| 161 | let content2 = Object.assign([], content) | ||
| 162 | content2.unshift({ | ||
| 163 | classify: '', | ||
| 164 | dispayType: '', | ||
| 165 | name: '全部' | ||
| 166 | }) | ||
| 167 | this.$set(this.totalData, 'classifyList', content2) | ||
| 168 | this.reqQuery() | ||
| 169 | }) | ||
| 170 | .catch(err => {}) | ||
| 171 | }, | ||
| 172 | // 修改 显示修改对话框 | ||
| 173 | modifyHandler(index, row) { | ||
| 174 | this.dialogTitle = '修改' | ||
| 175 | try { | ||
| 176 | this.$refs['editForm'].resetFields() | ||
| 177 | } catch (error) {} | ||
| 178 | this.editFormVisible = true | ||
| 179 | this.editForm = Object.assign({}, row) | ||
| 180 | }, | ||
| 181 | deleteHandler(index, row) { | ||
| 182 | let data = { | ||
| 183 | tagCode: row.tagCode | ||
| 184 | } | ||
| 185 | this.$confirm('确认删除吗?', '提示', {}).then(() => { | ||
| 186 | deleteTag(data) | ||
| 187 | .then(result => { | ||
| 188 | let { code, content } = result | ||
| 189 | if (code == 200) { | ||
| 190 | this.$notify({ | ||
| 191 | title: '成功', | ||
| 192 | message: '删除成功', | ||
| 193 | type: 'success' | ||
| 194 | }) | ||
| 195 | } else { | ||
| 196 | } | ||
| 197 | this.editFormVisible = false | ||
| 198 | this.reqQuery() | ||
| 199 | }) | ||
| 200 | .catch(err => {}) | ||
| 201 | }) | ||
| 202 | }, | ||
| 203 | // 新增 | ||
| 204 | handleAdd() { | ||
| 205 | this.editForm = { | ||
| 206 | tagCode: '', | ||
| 207 | tag: '', | ||
| 208 | classify: '' | ||
| 209 | } | ||
| 210 | try { | ||
| 211 | this.$refs['editForm'].resetFields() | ||
| 212 | } catch (error) {} | ||
| 213 | this.editFormVisible = true | ||
| 214 | this.dialogTitle = '新增' | ||
| 215 | }, | ||
| 216 | // 提交 新增/修改 | ||
| 217 | editSubmit() { | ||
| 218 | let data = this.editForm | ||
| 219 | this.$refs.editForm.validate(valid => { | ||
| 220 | if (valid) { | ||
| 221 | this.editLoading = true | ||
| 222 | saveTag(data) | ||
| 223 | .then(result => { | ||
| 224 | let { code, content } = result | ||
| 225 | if (code == 200) { | ||
| 226 | this.$notify({ | ||
| 227 | title: '成功', | ||
| 228 | message: '提交成功', | ||
| 229 | type: 'success' | ||
| 230 | }) | ||
| 231 | } else { | ||
| 232 | } | ||
| 233 | this.editLoading = false | ||
| 234 | this.editFormVisible = false | ||
| 235 | this.reqQuery() | ||
| 236 | }) | ||
| 237 | .catch(err => {}) | ||
| 238 | } | ||
| 239 | }) | ||
| 240 | }, | ||
| 241 | // 点击页数 | ||
| 242 | handleCurrentChange(val) { | ||
| 243 | this.page = val | ||
| 244 | this.reqQuery() | ||
| 245 | }, | ||
| 246 | HandleSelectChange() { | ||
| 247 | this.reqQuery() | ||
| 248 | }, | ||
| 249 | // 编辑时选择分类 | ||
| 250 | HandleSelectDialogChange() {} | ||
| 251 | }, | ||
| 252 | |||
| 253 | created() { | ||
| 254 | this.reqGetClassifyList() | ||
| 255 | } | ||
| 256 | } | ||
| 257 | </script> | ||
| 258 | |||
| 259 | <style lang="less" scoped> | ||
| 260 | .tool-wrap { | ||
| 261 | color: #333333; | ||
| 262 | } | ||
| 263 | |||
| 264 | .pagination-wrap { | ||
| 265 | .page-tips { | ||
| 266 | height: 32px; | ||
| 267 | line-height: 32px; | ||
| 268 | color: #333333; | ||
| 269 | } | ||
| 270 | } | ||
| 271 | |||
| 272 | .fl { | ||
| 273 | display: flex; | ||
| 274 | justify-content: space-between; | ||
| 275 | } | ||
| 276 | |||
| 277 | .fle { | ||
| 278 | display: flex; | ||
| 279 | justify-content: flex-end; | ||
| 280 | } | ||
| 281 | |||
| 282 | </style> |
src/pages/dashboard/Dashboard.vue
0 → 100644
This diff is collapsed.
Click to expand it.
src/pages/nav1/Form.vue
0 → 100755
| 1 | <template> | ||
| 2 | <el-form ref="form" :model="form" label-width="80px" @submit.prevent="onSubmit" style="margin:20px;width:60%;min-width:600px;"> | ||
| 3 | <el-form-item label="活动名称"> | ||
| 4 | <el-input v-model="form.name"></el-input> | ||
| 5 | </el-form-item> | ||
| 6 | <el-form-item label="活动区域"> | ||
| 7 | <el-select v-model="form.region" placeholder="请选择活动区域"> | ||
| 8 | <el-option label="区域一" value="shanghai"></el-option> | ||
| 9 | <el-option label="区域二" value="beijing"></el-option> | ||
| 10 | </el-select> | ||
| 11 | </el-form-item> | ||
| 12 | <el-form-item label="活动时间"> | ||
| 13 | <el-col :span="11"> | ||
| 14 | <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker> | ||
| 15 | </el-col> | ||
| 16 | <el-col class="line" :span="2">-</el-col> | ||
| 17 | <el-col :span="11"> | ||
| 18 | <el-time-picker type="fixed-time" placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker> | ||
| 19 | </el-col> | ||
| 20 | </el-form-item> | ||
| 21 | <el-form-item label="即时配送"> | ||
| 22 | <el-switch on-text="" off-text="" v-model="form.delivery"></el-switch> | ||
| 23 | </el-form-item> | ||
| 24 | <el-form-item label="活动性质"> | ||
| 25 | <el-checkbox-group v-model="form.type"> | ||
| 26 | <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox> | ||
| 27 | <el-checkbox label="地推活动" name="type"></el-checkbox> | ||
| 28 | <el-checkbox label="线下主题活动" name="type"></el-checkbox> | ||
| 29 | <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox> | ||
| 30 | </el-checkbox-group> | ||
| 31 | </el-form-item> | ||
| 32 | <el-form-item label="特殊资源"> | ||
| 33 | <el-radio-group v-model="form.resource"> | ||
| 34 | <el-radio label="线上品牌商赞助"></el-radio> | ||
| 35 | <el-radio label="线下场地免费"></el-radio> | ||
| 36 | </el-radio-group> | ||
| 37 | </el-form-item> | ||
| 38 | <el-form-item label="活动形式"> | ||
| 39 | <el-input type="textarea" v-model="form.desc"></el-input> | ||
| 40 | </el-form-item> | ||
| 41 | <el-form-item> | ||
| 42 | <el-button type="primary">立即创建</el-button> | ||
| 43 | <el-button @click.native.prevent>取消</el-button> | ||
| 44 | </el-form-item> | ||
| 45 | </el-form> | ||
| 46 | </template> | ||
| 47 | |||
| 48 | <script> | ||
| 49 | export default { | ||
| 50 | data() { | ||
| 51 | return { | ||
| 52 | form: { | ||
| 53 | name: '', | ||
| 54 | region: '', | ||
| 55 | date1: '', | ||
| 56 | date2: '', | ||
| 57 | delivery: false, | ||
| 58 | type: [], | ||
| 59 | resource: '', | ||
| 60 | desc: '' | ||
| 61 | } | ||
| 62 | } | ||
| 63 | }, | ||
| 64 | methods: { | ||
| 65 | onSubmit() { | ||
| 66 | console.log('submit!'); | ||
| 67 | } | ||
| 68 | } | ||
| 69 | } | ||
| 70 | |||
| 71 | </script> |
src/pages/nav1/Table.vue
0 → 100755
| 1 | <template> | ||
| 2 | <section> | ||
| 3 | <!--工具条--> | ||
| 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
| 5 | <el-form :inline="true" :model="filters"> | ||
| 6 | <el-form-item> | ||
| 7 | <el-input v-model="filters.name" placeholder="姓名"></el-input> | ||
| 8 | </el-form-item> | ||
| 9 | <el-form-item> | ||
| 10 | <el-button type="primary" v-on:click="getUsers">查询</el-button> | ||
| 11 | </el-form-item> | ||
| 12 | <el-form-item> | ||
| 13 | <el-button type="primary" v-on:click="handleAdd">新增</el-button> | ||
| 14 | </el-form-item> | ||
| 15 | </el-form> | ||
| 16 | </el-col> | ||
| 17 | |||
| 18 | <!--列表--> | ||
| 19 | <el-table :data="users" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;"> | ||
| 20 | <el-table-column type="selection" width="55"> | ||
| 21 | </el-table-column> | ||
| 22 | <el-table-column type="index" width="60"> | ||
| 23 | </el-table-column> | ||
| 24 | <el-table-column prop="name" label="姓名" width="120" sortable> | ||
| 25 | </el-table-column> | ||
| 26 | <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable> | ||
| 27 | </el-table-column> | ||
| 28 | <el-table-column prop="age" label="年龄" width="100" sortable> | ||
| 29 | </el-table-column> | ||
| 30 | <el-table-column prop="birth" label="生日" width="120" sortable> | ||
| 31 | </el-table-column> | ||
| 32 | <el-table-column prop="addr" label="地址" min-width="180" sortable> | ||
| 33 | </el-table-column> | ||
| 34 | <el-table-column label="操作" width="150"> | ||
| 35 | <template slot-scope="scope"> | ||
| 36 | <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button> | ||
| 37 | <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button> | ||
| 38 | </template> | ||
| 39 | </el-table-column> | ||
| 40 | </el-table> | ||
| 41 | |||
| 42 | <!--工具条--> | ||
| 43 | <el-col :span="24" class="toolbar"> | ||
| 44 | <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button> | ||
| 45 | <el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="20" :total="total" style="float:right;"> | ||
| 46 | </el-pagination> | ||
| 47 | </el-col> | ||
| 48 | |||
| 49 | <!--编辑界面--> | ||
| 50 | <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false"> | ||
| 51 | <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> | ||
| 52 | <el-form-item label="姓名" prop="name"> | ||
| 53 | <el-input v-model="editForm.name" auto-complete="off"></el-input> | ||
| 54 | </el-form-item> | ||
| 55 | <el-form-item label="性别"> | ||
| 56 | <el-radio-group v-model="editForm.sex"> | ||
| 57 | <el-radio class="radio" :label="1">男</el-radio> | ||
| 58 | <el-radio class="radio" :label="0">女</el-radio> | ||
| 59 | </el-radio-group> | ||
| 60 | </el-form-item> | ||
| 61 | <el-form-item label="年龄"> | ||
| 62 | <el-input-number v-model="editForm.age" :min="0" :max="200"></el-input-number> | ||
| 63 | </el-form-item> | ||
| 64 | <el-form-item label="生日"> | ||
| 65 | <el-date-picker type="date" placeholder="选择日期" v-model="editForm.birth"></el-date-picker> | ||
| 66 | </el-form-item> | ||
| 67 | <el-form-item label="地址"> | ||
| 68 | <el-input type="textarea" v-model="editForm.addr"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-form> | ||
| 71 | <div slot="footer" class="dialog-footer"> | ||
| 72 | <el-button @click.native="editFormVisible = false">取消</el-button> | ||
| 73 | <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button> | ||
| 74 | </div> | ||
| 75 | </el-dialog> | ||
| 76 | |||
| 77 | <!--新增界面--> | ||
| 78 | <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false"> | ||
| 79 | <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm"> | ||
| 80 | <el-form-item label="姓名" prop="name"> | ||
| 81 | <el-input v-model="addForm.name" auto-complete="off"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | <el-form-item label="性别"> | ||
| 84 | <el-radio-group v-model="addForm.sex"> | ||
| 85 | <el-radio class="radio" :label="1">男</el-radio> | ||
| 86 | <el-radio class="radio" :label="0">女</el-radio> | ||
| 87 | </el-radio-group> | ||
| 88 | </el-form-item> | ||
| 89 | <el-form-item label="年龄"> | ||
| 90 | <el-input-number v-model="addForm.age" :min="0" :max="200"></el-input-number> | ||
| 91 | </el-form-item> | ||
| 92 | <el-form-item label="生日"> | ||
| 93 | <el-date-picker type="date" placeholder="选择日期" v-model="addForm.birth"></el-date-picker> | ||
| 94 | </el-form-item> | ||
| 95 | <el-form-item label="地址"> | ||
| 96 | <el-input type="textarea" v-model="addForm.addr"></el-input> | ||
| 97 | </el-form-item> | ||
| 98 | </el-form> | ||
| 99 | <div slot="footer" class="dialog-footer"> | ||
| 100 | <el-button @click.native="addFormVisible = false">取消</el-button> | ||
| 101 | <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button> | ||
| 102 | </div> | ||
| 103 | </el-dialog> | ||
| 104 | |||
| 105 | </section> | ||
| 106 | </template> | ||
| 107 | |||
| 108 | <script> | ||
| 109 | import { formatDate } from "./../../common/utils.js"; | ||
| 110 | import NProgress from "nprogress"; | ||
| 111 | import { | ||
| 112 | getUserListPage, | ||
| 113 | removeUser, | ||
| 114 | batchRemoveUser, | ||
| 115 | editUser, | ||
| 116 | addUser | ||
| 117 | } from "../../api/api"; | ||
| 118 | |||
| 119 | export default { | ||
| 120 | data() { | ||
| 121 | return { | ||
| 122 | filters: { | ||
| 123 | name: "" | ||
| 124 | }, | ||
| 125 | users: [], | ||
| 126 | total: 0, | ||
| 127 | page: 1, | ||
| 128 | listLoading: false, | ||
| 129 | sels: [], //列表选中列 | ||
| 130 | |||
| 131 | editFormVisible: false, //编辑界面是否显示 | ||
| 132 | editLoading: false, | ||
| 133 | editFormRules: { | ||
| 134 | name: [{ required: true, message: "请输入姓名", trigger: "blur" }] | ||
| 135 | }, | ||
| 136 | //编辑界面数据 | ||
| 137 | editForm: { | ||
| 138 | id: 0, | ||
| 139 | name: "", | ||
| 140 | sex: -1, | ||
| 141 | age: 0, | ||
| 142 | birth: "", | ||
| 143 | addr: "" | ||
| 144 | }, | ||
| 145 | |||
| 146 | addFormVisible: false, //新增界面是否显示 | ||
| 147 | addLoading: false, | ||
| 148 | addFormRules: { | ||
| 149 | name: [{ required: true, message: "请输入姓名", trigger: "blur" }] | ||
| 150 | }, | ||
| 151 | //新增界面数据 | ||
| 152 | addForm: { | ||
| 153 | name: "", | ||
| 154 | sex: -1, | ||
| 155 | age: 0, | ||
| 156 | birth: "", | ||
| 157 | addr: "" | ||
| 158 | } | ||
| 159 | }; | ||
| 160 | }, | ||
| 161 | methods: { | ||
| 162 | //性别显示转换 | ||
| 163 | formatSex: function(row, column) { | ||
| 164 | return row.sex == 1 ? "男" : row.sex == 0 ? "女" : "未知"; | ||
| 165 | }, | ||
| 166 | handleCurrentChange(val) { | ||
| 167 | this.page = val; | ||
| 168 | this.getUsers(); | ||
| 169 | }, | ||
| 170 | //获取用户列表 | ||
| 171 | getUsers() { | ||
| 172 | let para = { | ||
| 173 | page: this.page, | ||
| 174 | name: this.filters.name | ||
| 175 | }; | ||
| 176 | this.listLoading = true; | ||
| 177 | NProgress.start(); | ||
| 178 | getUserListPage(para).then(res => { | ||
| 179 | this.total = res.total; | ||
| 180 | this.users = res.users; | ||
| 181 | this.listLoading = false; | ||
| 182 | NProgress.done(); | ||
| 183 | }); | ||
| 184 | }, | ||
| 185 | //删除 | ||
| 186 | handleDel: function(index, row) { | ||
| 187 | this.$confirm("确认删除该记录吗?", "提示", { | ||
| 188 | type: "warning" | ||
| 189 | }) | ||
| 190 | .then(() => { | ||
| 191 | this.listLoading = true; | ||
| 192 | NProgress.start(); | ||
| 193 | let para = { id: row.id }; | ||
| 194 | removeUser(para).then(res => { | ||
| 195 | this.listLoading = false; | ||
| 196 | NProgress.done(); | ||
| 197 | this.$notify({ | ||
| 198 | title: "成功", | ||
| 199 | message: "删除成功", | ||
| 200 | type: "success" | ||
| 201 | }); | ||
| 202 | this.getUsers(); | ||
| 203 | }); | ||
| 204 | }) | ||
| 205 | .catch(() => {}); | ||
| 206 | }, | ||
| 207 | //显示编辑界面 | ||
| 208 | handleEdit: function(index, row) { | ||
| 209 | this.editFormVisible = true; | ||
| 210 | this.editForm = Object.assign({}, row); | ||
| 211 | }, | ||
| 212 | //显示新增界面 | ||
| 213 | handleAdd: function() { | ||
| 214 | this.addFormVisible = true; | ||
| 215 | this.addForm = { | ||
| 216 | name: "", | ||
| 217 | sex: -1, | ||
| 218 | age: 0, | ||
| 219 | birth: "", | ||
| 220 | addr: "" | ||
| 221 | }; | ||
| 222 | }, | ||
| 223 | //编辑 | ||
| 224 | editSubmit: function() { | ||
| 225 | this.$refs.editForm.validate(valid => { | ||
| 226 | if (valid) { | ||
| 227 | this.$confirm("确认提交吗?", "提示", {}).then(() => { | ||
| 228 | this.editLoading = true; | ||
| 229 | NProgress.start(); | ||
| 230 | let para = Object.assign({}, this.editForm); | ||
| 231 | para.birth = | ||
| 232 | !para.birth || para.birth == "" | ||
| 233 | ? "" | ||
| 234 | : formatDate.format(new Date(para.birth), "yyyy-MM-dd"); | ||
| 235 | editUser(para).then(res => { | ||
| 236 | this.editLoading = false; | ||
| 237 | NProgress.done(); | ||
| 238 | this.$notify({ | ||
| 239 | title: "成功", | ||
| 240 | message: "提交成功", | ||
| 241 | type: "success" | ||
| 242 | }); | ||
| 243 | this.$refs["editForm"].resetFields(); | ||
| 244 | this.editFormVisible = false; | ||
| 245 | this.getUsers(); | ||
| 246 | }); | ||
| 247 | }); | ||
| 248 | } | ||
| 249 | }); | ||
| 250 | }, | ||
| 251 | //新增 | ||
| 252 | addSubmit: function() { | ||
| 253 | this.$refs.addForm.validate(valid => { | ||
| 254 | if (valid) { | ||
| 255 | this.$confirm("确认提交吗?", "提示", {}).then(() => { | ||
| 256 | this.addLoading = true; | ||
| 257 | NProgress.start(); | ||
| 258 | let para = Object.assign({}, this.addForm); | ||
| 259 | para.birth = | ||
| 260 | !para.birth || para.birth == "" | ||
| 261 | ? "" | ||
| 262 | : formatDate.format(new Date(para.birth), "yyyy-MM-dd"); | ||
| 263 | addUser(para).then(res => { | ||
| 264 | this.addLoading = false; | ||
| 265 | NProgress.done(); | ||
| 266 | this.$notify({ | ||
| 267 | title: "成功", | ||
| 268 | message: "提交成功", | ||
| 269 | type: "success" | ||
| 270 | }); | ||
| 271 | this.$refs["addForm"].resetFields(); | ||
| 272 | this.addFormVisible = false; | ||
| 273 | this.getUsers(); | ||
| 274 | }); | ||
| 275 | }); | ||
| 276 | } | ||
| 277 | }); | ||
| 278 | }, | ||
| 279 | selsChange: function(sels) { | ||
| 280 | this.sels = sels; | ||
| 281 | }, | ||
| 282 | //批量删除 | ||
| 283 | batchRemove: function() { | ||
| 284 | var ids = this.sels.map(item => item.id).toString(); | ||
| 285 | this.$confirm("确认删除选中记录吗?", "提示", { | ||
| 286 | type: "warning" | ||
| 287 | }) | ||
| 288 | .then(() => { | ||
| 289 | this.listLoading = true; | ||
| 290 | NProgress.start(); | ||
| 291 | let para = { ids: ids }; | ||
| 292 | batchRemoveUser(para).then(res => { | ||
| 293 | this.listLoading = false; | ||
| 294 | NProgress.done(); | ||
| 295 | this.$notify({ | ||
| 296 | title: "成功", | ||
| 297 | message: "删除成功", | ||
| 298 | type: "success" | ||
| 299 | }); | ||
| 300 | this.getUsers(); | ||
| 301 | }); | ||
| 302 | }) | ||
| 303 | .catch(() => {}); | ||
| 304 | } | ||
| 305 | }, | ||
| 306 | mounted() { | ||
| 307 | this.getUsers(); | ||
| 308 | } | ||
| 309 | }; | ||
| 310 | </script> | ||
| 311 | |||
| 312 | <style scoped> | ||
| 313 | </style> |
src/pages/nav1/user.vue
0 → 100755
| 1 | <template> | ||
| 2 | <section> | ||
| 3 | <!--工具条--> | ||
| 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
| 5 | <el-form :inline="true" :model="filters"> | ||
| 6 | <el-form-item> | ||
| 7 | <el-input v-model="filters.name" placeholder="姓名"></el-input> | ||
| 8 | </el-form-item> | ||
| 9 | <el-form-item> | ||
| 10 | <el-button type="primary" v-on:click="getUser">查询</el-button> | ||
| 11 | </el-form-item> | ||
| 12 | </el-form> | ||
| 13 | </el-col> | ||
| 14 | |||
| 15 | <!--列表--> | ||
| 16 | <template> | ||
| 17 | <el-table :data="users" highlight-current-row v-loading="loading" style="width: 100%;"> | ||
| 18 | <el-table-column type="index" width="60"> | ||
| 19 | </el-table-column> | ||
| 20 | <el-table-column prop="name" label="姓名" width="120" sortable> | ||
| 21 | </el-table-column> | ||
| 22 | <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable> | ||
| 23 | </el-table-column> | ||
| 24 | <el-table-column prop="age" label="年龄" width="100" sortable> | ||
| 25 | </el-table-column> | ||
| 26 | <el-table-column prop="birth" label="生日" width="120" sortable> | ||
| 27 | </el-table-column> | ||
| 28 | <el-table-column prop="addr" label="地址" min-width="180" sortable> | ||
| 29 | </el-table-column> | ||
| 30 | </el-table> | ||
| 31 | </template> | ||
| 32 | |||
| 33 | </section> | ||
| 34 | </template> | ||
| 35 | <script> | ||
| 36 | import { getUserList } from '../../api/api'; | ||
| 37 | import NProgress from 'nprogress' | ||
| 38 | export default { | ||
| 39 | data() { | ||
| 40 | return { | ||
| 41 | filters: { | ||
| 42 | name: '' | ||
| 43 | }, | ||
| 44 | loading: false, | ||
| 45 | users: [ | ||
| 46 | ] | ||
| 47 | } | ||
| 48 | }, | ||
| 49 | methods: { | ||
| 50 | //性别显示转换 | ||
| 51 | formatSex: function (row, column) { | ||
| 52 | return row.sex == 1 ? '男' : row.sex == 0 ? '女' : '未知'; | ||
| 53 | }, | ||
| 54 | //获取用户列表 | ||
| 55 | getUser: function () { | ||
| 56 | let para = { | ||
| 57 | name: this.filters.name | ||
| 58 | }; | ||
| 59 | this.loading = true; | ||
| 60 | NProgress.start(); | ||
| 61 | getUserList(para).then((res) => { | ||
| 62 | this.users = res.users; | ||
| 63 | this.loading = false; | ||
| 64 | NProgress.done(); | ||
| 65 | }); | ||
| 66 | } | ||
| 67 | }, | ||
| 68 | mounted() { | ||
| 69 | this.getUser(); | ||
| 70 | } | ||
| 71 | }; | ||
| 72 | |||
| 73 | </script> | ||
| 74 | |||
| 75 | <style scoped> | ||
| 76 | |||
| 77 | </style> |
src/pages/nav2/Page4.vue
0 → 100755
| 1 | <template> | ||
| 2 | <div> | ||
| 3 | <h1>vuex 测试</h1> | ||
| 4 | Clicked: {{ getCount }} times | ||
| 5 | <el-button @click="increment">+</el-button> | ||
| 6 | <el-button @click="decrement">-</el-button> | ||
| 7 | </div> | ||
| 8 | </template> | ||
| 9 | |||
| 10 | <script> | ||
| 11 | import { mapGetters } from "vuex"; | ||
| 12 | import { mapActions } from "vuex"; | ||
| 13 | |||
| 14 | export default { | ||
| 15 | computed: { | ||
| 16 | // 使用对象展开运算符将 getters 混入 computed 对象中 | ||
| 17 | ...mapGetters([ | ||
| 18 | "getCount" | ||
| 19 | // ... | ||
| 20 | ]) | ||
| 21 | }, | ||
| 22 | methods: { | ||
| 23 | ...mapActions([ | ||
| 24 | "increment", // 映射 this.increment() 为 this.$store.dispatch('increment') | ||
| 25 | "decrement" | ||
| 26 | ]) | ||
| 27 | //...mapActions({ | ||
| 28 | // add: 'increment' // 映射 this.add() 为 this.$store.dispatch('increment') | ||
| 29 | //}) | ||
| 30 | } | ||
| 31 | }; | ||
| 32 | </script> |
src/pages/nav2/Page5.vue
0 → 100755
src/pages/nav3/Page6.vue
0 → 100755
| 1 | <template> | ||
| 2 | <el-upload | ||
| 3 | list-type="picture-card" | ||
| 4 | action="''" | ||
| 5 | :http-request="upload" | ||
| 6 | :before-upload="beforeAvatarUpload" | ||
| 7 | > | ||
| 8 | <i class="el-icon-plus"></i> | ||
| 9 | </el-upload> | ||
| 10 | </template> | ||
| 11 | |||
| 12 | <script> | ||
| 13 | // import {getAliOSSCreds} from '@/api/common' // 向后端获取 OSS秘钥信息 | ||
| 14 | // import {createId} from '@/utils' // 一个生产唯一的id的方法 | ||
| 15 | import OSS from 'ali-oss' | ||
| 16 | import { client, getAliOSSCreds } from '../../common/oss-upload.js' | ||
| 17 | |||
| 18 | import { uploadFile } from '../../api/api.js' | ||
| 19 | |||
| 20 | export default { | ||
| 21 | name: 'imgUpload', | ||
| 22 | data() { | ||
| 23 | return {} | ||
| 24 | }, | ||
| 25 | created() { | ||
| 26 | // console.log('client:', client) | ||
| 27 | // console.log('client.list:', client.list()) | ||
| 28 | }, | ||
| 29 | methods: { | ||
| 30 | // 图片上传前验证 | ||
| 31 | beforeAvatarUpload(file) { | ||
| 32 | console.log('file:', file) | ||
| 33 | const isLt2M = file.size / 1024 / 1024 < 2 | ||
| 34 | if (!isLt2M) { | ||
| 35 | this.$message.error('上传头像图片大小不能超过 2MB!') | ||
| 36 | } | ||
| 37 | return isLt2M | ||
| 38 | }, | ||
| 39 | // 上传图片到OSS 同时派发一个事件给父组件监听 | ||
| 40 | upload(item) { | ||
| 41 | let params = new FormData() //使用formData对象 | ||
| 42 | params.append('path', '/pro/mzczcradmin/') | ||
| 43 | params.append('file', item.file) | ||
| 44 | uploadFile(params) | ||
| 45 | .then(result => { | ||
| 46 | console.log('upload result:', result) | ||
| 47 | }) | ||
| 48 | .catch(err => {}) | ||
| 49 | return // OSS上传 | ||
| 50 | client | ||
| 51 | .list() | ||
| 52 | .then(result => { | ||
| 53 | console.log('result222:', result) | ||
| 54 | console.log('objects: %j', result.objects) | ||
| 55 | // return client.put('my-obj', new OSS.Buffer('hello world')) | ||
| 56 | }) | ||
| 57 | .then(result => { | ||
| 58 | console.log('put result: %j', result) | ||
| 59 | // return client.get('my-obj') | ||
| 60 | }) | ||
| 61 | .then(result => { | ||
| 62 | // console.log('get result: %j', result.content.toString()) | ||
| 63 | }) | ||
| 64 | .catch(err => { | ||
| 65 | console.log('err:', err) | ||
| 66 | }) | ||
| 67 | // getAliOSSCreds() | ||
| 68 | // .then(res => { | ||
| 69 | // console.log('getAliOSSCreds res:', res) | ||
| 70 | // // 向后台发请求 拉取OSS相关配置 | ||
| 71 | // let creds = res | ||
| 72 | // let client = new OSS(creds) | ||
| 73 | // // let key = | ||
| 74 | // // 'resource/' + | ||
| 75 | // // localStorage.userId + | ||
| 76 | // // '/images/' + | ||
| 77 | // // createId() + | ||
| 78 | // // '.jpg' // 存储路径,并且给图片改成唯一名字 | ||
| 79 | // let key = '/pro/mzczcradmin/111.png' | ||
| 80 | // return client.put(key, item.file) // OSS上传 | ||
| 81 | // }) | ||
| 82 | // .then(res => { | ||
| 83 | // console.log(res.url) | ||
| 84 | // // this.$emit('on-success', res.url) // 返回图片的存储路径 | ||
| 85 | // }) | ||
| 86 | // .catch(err => { | ||
| 87 | // console.log('err:', err) | ||
| 88 | // }) | ||
| 89 | } | ||
| 90 | } | ||
| 91 | } | ||
| 92 | </script> |
src/pages/store-manager/StoreManager.vue
0 → 100644
| 1 | |||
| 2 | <template> | ||
| 3 | <div> | ||
| 4 | <!-- 列表 --> | ||
| 5 | <el-table | ||
| 6 | :data="totalData.dataList" | ||
| 7 | highlight-current-row | ||
| 8 | v-loading="listLoading" | ||
| 9 | style="width: 100%;" | ||
| 10 | > | ||
| 11 | <el-table-column prop="storeCode" label="门店号码"></el-table-column> | ||
| 12 | <el-table-column prop="title" label="门店名称"></el-table-column> | ||
| 13 | <el-table-column prop="address" label="门店地址"></el-table-column> | ||
| 14 | <el-table-column prop="bankHour" label="营业时间"></el-table-column> | ||
| 15 | <!-- <el-table-column prop="lat" label="经度"> | ||
| 16 | </el-table-column> | ||
| 17 | <el-table-column prop="lng" label="纬度"> | ||
| 18 | </el-table-column>--> | ||
| 19 | <el-table-column prop="loc" label="地理位置"></el-table-column> | ||
| 20 | <el-table-column prop="mobile" label="联系电话"></el-table-column> | ||
| 21 | </el-table> | ||
| 22 | |||
| 23 | <!--分页导航--> | ||
| 24 | <el-col :span="24" class="toolbar fl pagination-wrap"> | ||
| 25 | <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div> | ||
| 26 | <el-pagination | ||
| 27 | layout="prev, pager, next" | ||
| 28 | @current-change="handleCurrentChange" | ||
| 29 | :page-size="pageSize" | ||
| 30 | :total="total" | ||
| 31 | style="float:right;" | ||
| 32 | ></el-pagination> | ||
| 33 | </el-col> | ||
| 34 | </div> | ||
| 35 | </template> | ||
| 36 | |||
| 37 | <script> | ||
| 38 | import { getStoreList } from '../../api/api.js' | ||
| 39 | export default { | ||
| 40 | data() { | ||
| 41 | return { | ||
| 42 | key: 'value', | ||
| 43 | page: 1, | ||
| 44 | pageSize: 10, | ||
| 45 | total: 0, | ||
| 46 | totalData: { | ||
| 47 | dataList: [] | ||
| 48 | }, | ||
| 49 | listLoading: false | ||
| 50 | } | ||
| 51 | }, | ||
| 52 | computed: { | ||
| 53 | pageNum() { | ||
| 54 | return Math.ceil(this.total / this.pageSize) | ||
| 55 | } | ||
| 56 | }, | ||
| 57 | methods: { | ||
| 58 | name() {}, | ||
| 59 | // 点击页数 | ||
| 60 | handleCurrentChange(val) { | ||
| 61 | this.page = val | ||
| 62 | console.log('this.page:', this.page) | ||
| 63 | this.reqQuery() | ||
| 64 | }, | ||
| 65 | reqQuery() { | ||
| 66 | let data = { | ||
| 67 | page: this.page, | ||
| 68 | size: this.pageSize | ||
| 69 | } | ||
| 70 | getStoreList(data).then(result => { | ||
| 71 | let { content, code } = result | ||
| 72 | let { list, total } = content | ||
| 73 | this.total = total | ||
| 74 | list.forEach(element => { | ||
| 75 | element.loc = element.lat + ' , ' + element.lng | ||
| 76 | }) | ||
| 77 | this.$set(this.totalData, 'dataList', list) | ||
| 78 | console.log('this.totalData:', this.totalData.dataList) | ||
| 79 | }) | ||
| 80 | } | ||
| 81 | }, | ||
| 82 | |||
| 83 | created() { | ||
| 84 | this.reqQuery() | ||
| 85 | } | ||
| 86 | } | ||
| 87 | </script> | ||
| 88 | |||
| 89 | <style lang="less" scoped> | ||
| 90 | .tool-wrap { | ||
| 91 | color: #333333; | ||
| 92 | } | ||
| 93 | |||
| 94 | .pagination-wrap { | ||
| 95 | .page-tips { | ||
| 96 | height: 32px; | ||
| 97 | line-height: 32px; | ||
| 98 | color: #333333; | ||
| 99 | } | ||
| 100 | } | ||
| 101 | |||
| 102 | .fl { | ||
| 103 | display: flex; | ||
| 104 | justify-content: space-between; | ||
| 105 | } | ||
| 106 | |||
| 107 | .fle { | ||
| 108 | display: flex; | ||
| 109 | justify-content: flex-end; | ||
| 110 | } | ||
| 111 | |||
| 112 | </style> |
src/pages/video-manager/VideoManager.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div> | ||
| 3 | <!--工具条--> | ||
| 4 | <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
| 5 | <el-form> | ||
| 6 | <el-form-item> | ||
| 7 | <div class="tool-wrap fle"> | ||
| 8 | <el-button @click="handleAdd()" type="primary">新增</el-button> | ||
| 9 | </div> | ||
| 10 | </el-form-item> | ||
| 11 | </el-form> | ||
| 12 | </el-col> | ||
| 13 | |||
| 14 | <!-- 列表 --> | ||
| 15 | <el-table | ||
| 16 | :data="totalData.dataList" | ||
| 17 | highlight-current-row | ||
| 18 | v-loading="listLoading" | ||
| 19 | style="width: 100%;" | ||
| 20 | > | ||
| 21 | <!-- <el-table-column type="index" width="60"> | ||
| 22 | </el-table-column>--> | ||
| 23 | <el-table-column prop="month" label="月龄"></el-table-column> | ||
| 24 | <el-table-column prop="title" label="视频标题"></el-table-column> | ||
| 25 | <!-- <el-table-column prop="pic" label="封面地址"></el-table-column> --> | ||
| 26 | <el-table-column label="封面图"> | ||
| 27 | <template slot-scope="scope"> | ||
| 28 | <img class="poster" :src="scope.row.pic" alt> | ||
| 29 | </template> | ||
| 30 | </el-table-column> | ||
| 31 | <el-table-column prop="vedioUrl" label="视频链接"></el-table-column> | ||
| 32 | <el-table-column label="操作" width="150"> | ||
| 33 | <template slot-scope="scope"> | ||
| 34 | <el-button size="small" @click="modifyHandler(scope.$index, scope.row)">修改</el-button> | ||
| 35 | <el-button | ||
| 36 | size="small" | ||
| 37 | type="danger" | ||
| 38 | @click="deleteHandler(scope.$index, scope.row)" | ||
| 39 | >删除</el-button> | ||
| 40 | </template> | ||
| 41 | </el-table-column> | ||
| 42 | </el-table> | ||
| 43 | |||
| 44 | <!--编辑界面--> | ||
| 45 | <el-dialog | ||
| 46 | :title="dialogTitle" | ||
| 47 | :visible.sync="editFormVisible" | ||
| 48 | :close-on-click-modal="false" | ||
| 49 | > | ||
| 50 | <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm"> | ||
| 51 | <el-form-item label="月龄" prop="month"> | ||
| 52 | <el-input-number v-model="editForm.month" :min="0"></el-input-number> | ||
| 53 | </el-form-item> | ||
| 54 | <el-form-item label="视频标题" prop="title"> | ||
| 55 | <el-input v-model="editForm.title"></el-input> | ||
| 56 | </el-form-item> | ||
| 57 | <el-form-item label="封面图" prop="pic"> | ||
| 58 | <img class="upload-poster-image" v-show="editForm.pic" :src="editForm.pic" alt> | ||
| 59 | <upload-item pid="p1" v-on:upload-success="onUploadSuccess"></upload-item> | ||
| 60 | <!-- <el-input v-model="editForm.pic"></el-input> --> | ||
| 61 | </el-form-item> | ||
| 62 | <el-form-item label="视频链接" prop="vedioUrl"> | ||
| 63 | <!-- <el-input v-model="editForm.vedioUrl"></el-input> --> | ||
| 64 | <!-- <img v-show="editForm.vedioUrl" :src="editForm.vedioUrl" alt> --> | ||
| 65 | <upload-item pid="v1" accept="video/*" v-on:upload-success="onUploadSuccess"></upload-item> | ||
| 66 | <!-- <div class="upload-video-url">{{editForm.vedioUrl}}</div> --> | ||
| 67 | <el-input disabled v-model="editForm.vedioUrl"></el-input> | ||
| 68 | </el-form-item> | ||
| 69 | </el-form> | ||
| 70 | <div slot="footer" class="dialog-footer"> | ||
| 71 | <el-button @click.native="editFormVisible = false">取消</el-button> | ||
| 72 | <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button> | ||
| 73 | </div> | ||
| 74 | </el-dialog> | ||
| 75 | |||
| 76 | <!--分页导航--> | ||
| 77 | <el-col :span="24" class="toolbar fl pagination-wrap"> | ||
| 78 | <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div> | ||
| 79 | <el-pagination | ||
| 80 | layout="prev, pager, next" | ||
| 81 | @current-change="handleCurrentChange" | ||
| 82 | :page-size="pageSize" | ||
| 83 | :total="total" | ||
| 84 | style="float:right;" | ||
| 85 | ></el-pagination> | ||
| 86 | </el-col> | ||
| 87 | </div> | ||
| 88 | </template> | ||
| 89 | |||
| 90 | <script> | ||
| 91 | import { getVideoList, saveVideo, deleteVideo } from '../../api/api.js' | ||
| 92 | import UploadItem from '../../components/UploadItem' | ||
| 93 | |||
| 94 | export default { | ||
| 95 | data() { | ||
| 96 | return { | ||
| 97 | key: 'value', | ||
| 98 | page: 1, | ||
| 99 | pageSize: 10, | ||
| 100 | total: 0, | ||
| 101 | totalData: { | ||
| 102 | dataList: [] | ||
| 103 | }, | ||
| 104 | listLoading: false, | ||
| 105 | editLoading: false, | ||
| 106 | dialogLoading: false, | ||
| 107 | editFormVisible: false, | ||
| 108 | dialogTitle: '编辑', | ||
| 109 | //编辑界面数据 | ||
| 110 | editForm: { | ||
| 111 | month: 0, | ||
| 112 | title: '', | ||
| 113 | pic: '', | ||
| 114 | vedioUrl: '' | ||
| 115 | }, | ||
| 116 | editFormRules: { | ||
| 117 | month: [ | ||
| 118 | { type: 'number', message: '请输入数字', trigger: 'blur' } | ||
| 119 | ], | ||
| 120 | title: [ | ||
| 121 | { required: true, message: '请输入标题', trigger: 'blur' } | ||
| 122 | ], | ||
| 123 | pic: [ | ||
| 124 | { | ||
| 125 | required: true, | ||
| 126 | message: '请上传封面图', | ||
| 127 | trigger: 'blur' | ||
| 128 | } | ||
| 129 | ], | ||
| 130 | vedioUrl: [ | ||
| 131 | { | ||
| 132 | required: true, | ||
| 133 | message: '请上传视频', | ||
| 134 | trigger: 'blur' | ||
| 135 | } | ||
| 136 | ] | ||
| 137 | } | ||
| 138 | // dialogData: { | ||
| 139 | // pic: '', | ||
| 140 | // vedioUrl: '' | ||
| 141 | // } | ||
| 142 | } | ||
| 143 | }, | ||
| 144 | computed: { | ||
| 145 | pageNum() { | ||
| 146 | return Math.ceil(this.total / this.pageSize) | ||
| 147 | } | ||
| 148 | }, | ||
| 149 | methods: { | ||
| 150 | name() {}, | ||
| 151 | // 文件上传完毕 | ||
| 152 | onUploadSuccess(evtAny) { | ||
| 153 | let { pid, url } = evtAny | ||
| 154 | if (pid == 'p1') { | ||
| 155 | this.$set(this.editForm, 'pic', url) | ||
| 156 | } else if (pid == 'v1') { | ||
| 157 | this.$set(this.editForm, 'vedioUrl', url) | ||
| 158 | } | ||
| 159 | }, | ||
| 160 | // 获取视频列表 | ||
| 161 | reqQuery() { | ||
| 162 | let data = { | ||
| 163 | page: this.page, | ||
| 164 | size: this.pageSize | ||
| 165 | } | ||
| 166 | getVideoList(data).then(result => { | ||
| 167 | // this.data. | ||
| 168 | console.log('result:', result) | ||
| 169 | let { content, code } = result | ||
| 170 | let { list, total } = content | ||
| 171 | this.total = total | ||
| 172 | this.$set(this.totalData, 'dataList', list) | ||
| 173 | console.log('this.totalData:', this.totalData.dataList) | ||
| 174 | }) | ||
| 175 | }, | ||
| 176 | // 修改 显示修改对话框 | ||
| 177 | modifyHandler(index, row) { | ||
| 178 | // console.log('row:', row) | ||
| 179 | try { | ||
| 180 | this.$refs['editForm'].resetFields() | ||
| 181 | } catch (error) {} | ||
| 182 | this.dialogTitle = '修改' | ||
| 183 | this.editFormVisible = true | ||
| 184 | this.editForm = Object.assign({}, row) | ||
| 185 | this.dialogImage = this.editForm.pic | ||
| 186 | }, | ||
| 187 | deleteHandler(index, row) { | ||
| 188 | let data = { | ||
| 189 | vedioCode: row.vedioCode | ||
| 190 | } | ||
| 191 | this.$confirm('确认删除吗?', '提示', {}).then(() => { | ||
| 192 | deleteVideo(data) | ||
| 193 | .then(result => { | ||
| 194 | let { code, content } = result | ||
| 195 | if (code == 200) { | ||
| 196 | this.$notify({ | ||
| 197 | title: '成功', | ||
| 198 | message: '删除成功', | ||
| 199 | type: 'success' | ||
| 200 | }) | ||
| 201 | } else { | ||
| 202 | } | ||
| 203 | this.editFormVisible = false | ||
| 204 | this.reqQuery() | ||
| 205 | }) | ||
| 206 | .catch(err => {}) | ||
| 207 | }) | ||
| 208 | }, | ||
| 209 | // 新增视频 | ||
| 210 | handleAdd() { | ||
| 211 | this.editForm = { | ||
| 212 | month: 0, | ||
| 213 | title: '', | ||
| 214 | pic: '', | ||
| 215 | vedioUrl: '' | ||
| 216 | } | ||
| 217 | try { | ||
| 218 | this.$refs['editForm'].resetFields() | ||
| 219 | } catch (error) {} | ||
| 220 | this.editFormVisible = true | ||
| 221 | this.dialogTitle = '新增' | ||
| 222 | }, | ||
| 223 | // 提交视频 新增/修改 | ||
| 224 | editSubmit() { | ||
| 225 | let data = this.editForm | ||
| 226 | this.$refs.editForm.validate(valid => { | ||
| 227 | if (valid) { | ||
| 228 | this.editLoading = true | ||
| 229 | saveVideo(data) | ||
| 230 | .then(result => { | ||
| 231 | let { code, content } = result | ||
| 232 | if (code == 200) { | ||
| 233 | this.$notify({ | ||
| 234 | title: '成功', | ||
| 235 | message: '提交成功', | ||
| 236 | type: 'success' | ||
| 237 | }) | ||
| 238 | } else { | ||
| 239 | } | ||
| 240 | this.editLoading = false | ||
| 241 | this.editFormVisible = false | ||
| 242 | this.reqQuery() | ||
| 243 | }) | ||
| 244 | .catch(err => {}) | ||
| 245 | } else { | ||
| 246 | } | ||
| 247 | }) | ||
| 248 | }, | ||
| 249 | // 点击页数 | ||
| 250 | handleCurrentChange(val) { | ||
| 251 | this.page = val | ||
| 252 | this.reqQuery() | ||
| 253 | } | ||
| 254 | }, | ||
| 255 | created() { | ||
| 256 | this.reqQuery() | ||
| 257 | }, | ||
| 258 | components: { | ||
| 259 | UploadItem | ||
| 260 | } | ||
| 261 | } | ||
| 262 | </script> | ||
| 263 | |||
| 264 | <style lang="less" scoped> | ||
| 265 | .tool-wrap { | ||
| 266 | color: #333333; | ||
| 267 | } | ||
| 268 | |||
| 269 | .pagination-wrap { | ||
| 270 | .page-tips { | ||
| 271 | height: 32px; | ||
| 272 | line-height: 32px; | ||
| 273 | color: #333333; | ||
| 274 | } | ||
| 275 | } | ||
| 276 | |||
| 277 | .fl { | ||
| 278 | display: flex; | ||
| 279 | justify-content: space-between; | ||
| 280 | } | ||
| 281 | |||
| 282 | .fle { | ||
| 283 | display: flex; | ||
| 284 | justify-content: flex-end; | ||
| 285 | } | ||
| 286 | |||
| 287 | </style> |
src/router/index.js
0 → 100644
| 1 | import Vue from 'vue' | ||
| 2 | import Router from 'vue-router' | ||
| 3 | |||
| 4 | import Login from './../pages/Login.vue' | ||
| 5 | import NotFound from './../pages/404.vue' | ||
| 6 | import Home from './../pages/Home.vue' | ||
| 7 | import Main from './../pages/Main.vue' | ||
| 8 | |||
| 9 | // import Table from './../pages/nav1/Table.vue' | ||
| 10 | // import Form from './../pages/nav1/Form.vue' | ||
| 11 | // import user from './../pages/nav1/user.vue' | ||
| 12 | // import Page4 from './../pages/nav2/Page4.vue' | ||
| 13 | // import Page5 from './../pages/nav2/Page5.vue' | ||
| 14 | import Page6 from './../pages/nav3/Page6.vue' | ||
| 15 | |||
| 16 | import Dashboard from './../pages/dashboard/Dashboard.vue' | ||
| 17 | import VideoManager from './../pages/video-manager/VideoManager.vue' | ||
| 18 | import BannerManager from './../pages/classroom/BannerManager.vue' | ||
| 19 | import ArticleManager from './../pages/classroom/ArticleManager.vue' | ||
| 20 | import TagManager from './../pages/classroom/TagManager.vue' | ||
| 21 | import StoreManager from './../pages/store-manager/StoreManager.vue' | ||
| 22 | |||
| 23 | Vue.use(Router) | ||
| 24 | |||
| 25 | const router = new Router({ | ||
| 26 | routes: [{ | ||
| 27 | path: '/login', | ||
| 28 | component: Login, | ||
| 29 | name: '', | ||
| 30 | hidden: true | ||
| 31 | }, | ||
| 32 | { | ||
| 33 | path: '/404', | ||
| 34 | component: NotFound, | ||
| 35 | name: '', | ||
| 36 | hidden: true | ||
| 37 | }, | ||
| 38 | //{ path: '/main', component: Main }, | ||
| 39 | { | ||
| 40 | path: '/', | ||
| 41 | component: Home, | ||
| 42 | name: '', | ||
| 43 | iconCls: 'fa fa-address-card', | ||
| 44 | leaf: true, //只有一个节点 | ||
| 45 | children: [{ | ||
| 46 | path: '/', | ||
| 47 | component: Dashboard, | ||
| 48 | name: 'Dashboard' | ||
| 49 | }] | ||
| 50 | }, | ||
| 51 | { | ||
| 52 | path: '/', | ||
| 53 | component: Home, | ||
| 54 | name: '', | ||
| 55 | iconCls: 'fa fa-address-card', | ||
| 56 | leaf: true, //只有一个节点 | ||
| 57 | children: [{ | ||
| 58 | path: '/video/manager', | ||
| 59 | component: VideoManager, | ||
| 60 | name: '视频管理' | ||
| 61 | }] | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | path: '/', | ||
| 65 | component: Home, | ||
| 66 | name: '爸妈学堂', | ||
| 67 | iconCls: 'fa fa-id-card-o', | ||
| 68 | children: [{ | ||
| 69 | path: '/tag/manager', | ||
| 70 | component: TagManager, | ||
| 71 | name: '话题管理' | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | path: '/banner/manager', | ||
| 75 | component: BannerManager, | ||
| 76 | name: '头图管理' | ||
| 77 | }, | ||
| 78 | { | ||
| 79 | path: '/article/manager', | ||
| 80 | component: ArticleManager, | ||
| 81 | name: '文章管理' | ||
| 82 | } | ||
| 83 | ] | ||
| 84 | }, | ||
| 85 | { | ||
| 86 | path: '/', | ||
| 87 | component: Home, | ||
| 88 | name: '', | ||
| 89 | iconCls: 'fa fa-address-card', | ||
| 90 | leaf: true, //只有一个节点 | ||
| 91 | children: [{ | ||
| 92 | path: '/store/manager', | ||
| 93 | component: StoreManager, | ||
| 94 | name: '呵护到家' | ||
| 95 | }] | ||
| 96 | }, | ||
| 97 | // { | ||
| 98 | // path: '/', | ||
| 99 | // component: Home, | ||
| 100 | // name: '导航一', | ||
| 101 | // iconCls: 'el-icon-message', //图标样式class | ||
| 102 | // children: [{ | ||
| 103 | // path: '/main', | ||
| 104 | // component: Main, | ||
| 105 | // name: '主页', | ||
| 106 | // hidden: true | ||
| 107 | // }, | ||
| 108 | // { | ||
| 109 | // path: '/table', | ||
| 110 | // component: Table, | ||
| 111 | // name: 'Table' | ||
| 112 | // }, | ||
| 113 | // { | ||
| 114 | // path: '/form', | ||
| 115 | // component: Form, | ||
| 116 | // name: 'Form' | ||
| 117 | // }, | ||
| 118 | // { | ||
| 119 | // path: '/user', | ||
| 120 | // component: user, | ||
| 121 | // name: '列表' | ||
| 122 | // }, | ||
| 123 | // ] | ||
| 124 | // }, | ||
| 125 | // { | ||
| 126 | // path: '/', | ||
| 127 | // component: Home, | ||
| 128 | // name: '导航二', | ||
| 129 | // iconCls: 'fa fa-id-card-o', | ||
| 130 | // children: [{ | ||
| 131 | // path: '/page4', | ||
| 132 | // component: Page4, | ||
| 133 | // name: '页面4' | ||
| 134 | // }, | ||
| 135 | // { | ||
| 136 | // path: '/page5', | ||
| 137 | // component: Page5, | ||
| 138 | // name: '页面5' | ||
| 139 | // } | ||
| 140 | // ] | ||
| 141 | // }, | ||
| 142 | // { | ||
| 143 | // path: '/', | ||
| 144 | // component: Home, | ||
| 145 | // name: '', | ||
| 146 | // iconCls: 'fa fa-address-card', | ||
| 147 | // leaf: true, //只有一个节点 | ||
| 148 | // children: [{ | ||
| 149 | // path: '/page6', | ||
| 150 | // component: Page6, | ||
| 151 | // name: '导航三' | ||
| 152 | // }] | ||
| 153 | // }, | ||
| 154 | |||
| 155 | { | ||
| 156 | path: '*', | ||
| 157 | hidden: true, | ||
| 158 | redirect: { | ||
| 159 | path: '/404' | ||
| 160 | } | ||
| 161 | } | ||
| 162 | ] | ||
| 163 | }) | ||
| 164 | |||
| 165 | |||
| 166 | router.beforeEach((to, from, next) => { | ||
| 167 | //NProgress.start(); | ||
| 168 | if (to.path == '/login') { | ||
| 169 | sessionStorage.removeItem('user'); | ||
| 170 | } | ||
| 171 | let user = JSON.parse(sessionStorage.getItem('user')); | ||
| 172 | if (!user && to.path != '/login') { | ||
| 173 | next({ | ||
| 174 | path: '/login' | ||
| 175 | }) | ||
| 176 | } else { | ||
| 177 | next() | ||
| 178 | } | ||
| 179 | }) | ||
| 180 | |||
| 181 | export default router; |
src/styles/common.less
0 → 100644
| 1 | body, | ||
| 2 | div, | ||
| 3 | span, | ||
| 4 | header, | ||
| 5 | footer, | ||
| 6 | nav, | ||
| 7 | section, | ||
| 8 | aside, | ||
| 9 | article, | ||
| 10 | ul, | ||
| 11 | dl, | ||
| 12 | dt, | ||
| 13 | dd, | ||
| 14 | li, | ||
| 15 | a, | ||
| 16 | p, | ||
| 17 | h1, | ||
| 18 | h2, | ||
| 19 | h3, | ||
| 20 | h4, | ||
| 21 | h5, | ||
| 22 | h6, | ||
| 23 | i, | ||
| 24 | b, | ||
| 25 | textarea, | ||
| 26 | button, | ||
| 27 | input, | ||
| 28 | select, | ||
| 29 | figure, | ||
| 30 | figcaption { | ||
| 31 | padding: 0; | ||
| 32 | margin: 0; | ||
| 33 | list-style: none; | ||
| 34 | font-style: normal; | ||
| 35 | text-decoration: none; | ||
| 36 | border: none; | ||
| 37 | font-family: "Microsoft Yahei", sans-serif; | ||
| 38 | -webkit-tap-highlight-color: transparent; | ||
| 39 | -webkit-font-smoothing: antialiased; | ||
| 40 | &:focus { | ||
| 41 | outline: none; | ||
| 42 | } | ||
| 43 | } | ||
| 44 | |||
| 45 | /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ | ||
| 46 | |||
| 47 | ::-webkit-scrollbar { | ||
| 48 | width: 0px; | ||
| 49 | height: 0px; | ||
| 50 | background-color: #F5F5F5; | ||
| 51 | } | ||
| 52 | |||
| 53 | /*定义滚动条轨道 内阴影+圆角*/ | ||
| 54 | |||
| 55 | ::-webkit-scrollbar-track { | ||
| 56 | -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0); | ||
| 57 | border-radius: 10px; | ||
| 58 | background-color: #F5F5F5; | ||
| 59 | } | ||
| 60 | |||
| 61 | /*定义滑块 内阴影+圆角*/ | ||
| 62 | |||
| 63 | ::-webkit-scrollbar-thumb { | ||
| 64 | border-radius: 10px; | ||
| 65 | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); | ||
| 66 | background-color: #555; | ||
| 67 | } | ||
| 68 | |||
| 69 | input[type="button"], | ||
| 70 | input[type="submit"], | ||
| 71 | input[type="search"], | ||
| 72 | input[type="reset"] { | ||
| 73 | -webkit-appearance: none; | ||
| 74 | } | ||
| 75 | |||
| 76 | textarea { | ||
| 77 | -webkit-appearance: none; | ||
| 78 | } | ||
| 79 | |||
| 80 | html, | ||
| 81 | body { | ||
| 82 | height: 100%; | ||
| 83 | width: 100%; // background-color: #F5F5F5; | ||
| 84 | } | ||
| 85 | |||
| 86 | .fillcontain { | ||
| 87 | height: 100%; | ||
| 88 | width: 100%; | ||
| 89 | } | ||
| 90 | |||
| 91 | .clear:after { | ||
| 92 | content: ''; | ||
| 93 | display: block; | ||
| 94 | clear: both; | ||
| 95 | } | ||
| 96 | |||
| 97 | .clear { | ||
| 98 | zoom: 1; | ||
| 99 | } | ||
| 100 | |||
| 101 | .back_img { | ||
| 102 | background-repeat: no-repeat; | ||
| 103 | background-size: 100% 100%; | ||
| 104 | } | ||
| 105 | |||
| 106 | .margin { | ||
| 107 | margin: 0 auto; | ||
| 108 | } | ||
| 109 | |||
| 110 | .left { | ||
| 111 | float: left; | ||
| 112 | } | ||
| 113 | |||
| 114 | .right { | ||
| 115 | float: right; | ||
| 116 | } | ||
| 117 | |||
| 118 | .hide { | ||
| 119 | display: none; | ||
| 120 | } | ||
| 121 | |||
| 122 | .show { | ||
| 123 | display: block; | ||
| 124 | } | ||
| 125 | |||
| 126 | .ellipsis { | ||
| 127 | overflow: hidden; | ||
| 128 | text-overflow: ellipsis; | ||
| 129 | white-space: nowrap; | ||
| 130 | } | ||
| 131 | |||
| 132 | .ta_left { | ||
| 133 | text-align: left; | ||
| 134 | } | ||
| 135 | |||
| 136 | .ta_right { | ||
| 137 | text-align: right; | ||
| 138 | } | ||
| 139 | |||
| 140 | .ta_center { | ||
| 141 | text-align: center; | ||
| 142 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/alert.css
0 → 100755
| 1 | .el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success{background-color:#f0f9eb;color:#67c23a}.el-alert--success .el-alert__description{color:#67c23a}.el-alert--info{background-color:#f4f4f5;color:#909399}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning{background-color:#fdf6ec;color:#e6a23c}.el-alert--warning .el-alert__description{color:#e6a23c}.el-alert--error{background-color:#fef0f0;color:#f56c6c}.el-alert--error .el-alert__description{color:#f56c6c}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;color:#c0c4cc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/aside.css
0 → 100755
| 1 | .el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/autocomplete.css
0 → 100755
| 1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #e4e7ed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:#fff}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/badge.css
0 → 100755
| 1 | .el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#f56c6c;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:#324057}.el-badge__content--success{background-color:#67c23a}.el-badge__content--warning{background-color:#e6a23c}.el-badge__content--info{background-color:#909399}.el-badge__content--danger{background-color:#f56c6c} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/base.css
0 → 100755
| 1 | .el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-info:before{content:"\e61a"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-question:before{content:"\e634"}.el-icon-back:before{content:"\e606"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-minus:before{content:"\e621"}.el-icon-plus:before{content:"\e62b"}.el-icon-remove:before{content:"\e635"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-close:before{content:"\e60f"}.el-icon-check:before{content:"\e611"}.el-icon-circle-close:before{content:"\e607"}.el-icon-circle-check:before{content:"\e639"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-d-caret:before{content:"\e615"}.el-icon-sort:before{content:"\e640"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-tickets:before{content:"\e63f"}.el-icon-document:before{content:"\e614"}.el-icon-goods:before{content:"\e618"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-news:before{content:"\e625"}.el-icon-message:before{content:"\e61b"}.el-icon-date:before{content:"\e608"}.el-icon-printer:before{content:"\e62f"}.el-icon-time:before{content:"\e642"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-service:before{content:"\e63a"}.el-icon-view:before{content:"\e643"}.el-icon-menu:before{content:"\e620"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-star-on:before{content:"\e637"}.el-icon-star-off:before{content:"\e63d"}.el-icon-location:before{content:"\e61d"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-delete:before{content:"\e612"}.el-icon-search:before{content:"\e619"}.el-icon-edit:before{content:"\e61c"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-share:before{content:"\e636"}.el-icon-setting:before{content:"\e638"}.el-icon-upload:before{content:"\e60d"}.el-icon-upload2:before{content:"\e644"}.el-icon-download:before{content:"\e617"}.el-icon-loading:before{content:"\e61e"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
File mode changed
src/styles/element-#324057/breadcrumb.css
0 → 100755
| 1 | .el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#c0c4cc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#324057;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/button-group.css
0 → 100755
File mode changed
src/styles/element-#324057/button.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/card.css
0 → 100755
| 1 | .el-card{border-radius:4px;border:1px solid #ebeef5;background-color:#fff;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/carousel-item.css
0 → 100755
| 1 | .el-carousel__item,.el-carousel__mask{position:absolute;height:100%;top:0;left:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#fff;opacity:.24;-webkit-transition:.2s;transition:.2s} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/carousel.css
0 → 100755
| 1 | .el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#c0c4cc;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/cascader.css
0 → 100755
| 1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader-menu,.el-cascader__label,.el-input__inner{-webkit-box-sizing:border-box}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-cascader-menu,.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input.is-focus .el-input__inner{border-color:#324057}.el-cascader .el-input__icon{-webkit-transition:none;transition:none}.el-cascader .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-icon-circle-close{z-index:2;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader .el-icon-circle-close:hover{color:#909399}.el-cascader__clearIcon{z-index:2;position:relative}.el-cascader__label{position:absolute;left:0;top:0;height:100%;padding:0 25px 0 15px;color:#606266;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;cursor:pointer;text-align:left;font-size:inherit}.el-cascader__label span{color:#000}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#c0c4cc}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid #e4e7ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px #e4e7ed;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:0}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e604";font-size:14px;color:#bfcbd9;position:absolute;right:15px}.el-cascader-menu__item.is-disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-active{color:#324057}.el-cascader-menu__item:focus:not(:active),.el-cascader-menu__item:hover{background-color:#f5f7fa}.el-cascader-menu__item.selected{color:#fff;background-color:#f5f7fa}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
File mode changed
File mode changed
src/styles/element-#324057/checkbox.css
0 → 100755
| 1 | @charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-checkbox-button__inner,.el-checkbox__input{white-space:nowrap;vertical-align:middle;outline:0}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#324057}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;line-height:1}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#324057;border-color:#324057}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#324057}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#324057}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#324057}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#324057}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#324057;border-color:#324057;-webkit-box-shadow:-1px 0 0 0 rgb(132, 140, 154);box-shadow:-1px 0 0 0 rgb(132, 140, 154)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#324057}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#324057}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/col.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/collapse-item.css
0 → 100755
File mode changed
src/styles/element-#324057/collapse.css
0 → 100755
| 1 | .el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.el-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;line-height:48px;background-color:#fff;color:#303133;cursor:pointer;border-bottom:1px solid #ebeef5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#324057}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ebeef5}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/color-picker.css
0 → 100755
| 1 | .el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-webkit-box-shadow:0 0 3px 2px #324057;box-shadow:0 0 3px 2px #324057}.el-color-predefine__color-selector>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(to top,#000,transparent)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#324057;border-color:#324057}.el-color-dropdown__link-btn{cursor:pointer;color:#324057;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(primary,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/container.css
0 → 100755
| 1 | .el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/date-picker.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/dialog.css
0 → 100755
| 1 | .v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#324057}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/display.css
0 → 100755
| 1 | @media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/dropdown-item.css
0 → 100755
File mode changed
src/styles/element-#324057/dropdown-menu.css
0 → 100755
File mode changed
src/styles/element-#324057/dropdown.css
0 → 100755
This diff is collapsed.
Click to expand it.
No preview for this file type
No preview for this file type
src/styles/element-#324057/footer.css
0 → 100755
| 1 | .el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/form-item.css
0 → 100755
File mode changed
src/styles/element-#324057/form.css
0 → 100755
| 1 | .el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form-item__content .el-input-group,.el-form-item__label{vertical-align:middle}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__error{color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#f56c6c;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#f56c6c}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#f56c6c}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/header.css
0 → 100755
| 1 | .el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/icon.css
0 → 100755
| 1 | @font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-info:before{content:"\e61a"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-question:before{content:"\e634"}.el-icon-back:before{content:"\e606"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-minus:before{content:"\e621"}.el-icon-plus:before{content:"\e62b"}.el-icon-remove:before{content:"\e635"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-close:before{content:"\e60f"}.el-icon-check:before{content:"\e611"}.el-icon-circle-close:before{content:"\e607"}.el-icon-circle-check:before{content:"\e639"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-d-caret:before{content:"\e615"}.el-icon-sort:before{content:"\e640"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-tickets:before{content:"\e63f"}.el-icon-document:before{content:"\e614"}.el-icon-goods:before{content:"\e618"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-news:before{content:"\e625"}.el-icon-message:before{content:"\e61b"}.el-icon-date:before{content:"\e608"}.el-icon-printer:before{content:"\e62f"}.el-icon-time:before{content:"\e642"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-service:before{content:"\e63a"}.el-icon-view:before{content:"\e643"}.el-icon-menu:before{content:"\e620"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-star-on:before{content:"\e637"}.el-icon-star-off:before{content:"\e63d"}.el-icon-location:before{content:"\e61d"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-delete:before{content:"\e612"}.el-icon-search:before{content:"\e619"}.el-icon-edit:before{content:"\e61c"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-share:before{content:"\e636"}.el-icon-setting:before{content:"\e638"}.el-icon-upload:before{content:"\e60d"}.el-icon-upload2:before{content:"\e644"}.el-icon-download:before{content:"\e617"}.el-icon-loading:before{content:"\e61e"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/index.css
0 → 100755
This diff could not be displayed because it is too large.
src/styles/element-#324057/input-number.css
0 → 100755
| 1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#324057}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#324057}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #dcdfe6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #dcdfe6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#e4e7ed;color:#e4e7ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#e4e7ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #dcdfe6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #dcdfe6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/input.css
0 → 100755
| 1 | .el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#324057}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#324057;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/loading.css
0 → 100755
| 1 | .el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#324057;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#324057;stroke-linecap:round}.el-loading-spinner i{color:#324057}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/main.css
0 → 100755
| 1 | .el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
File mode changed
src/styles/element-#324057/menu-item.css
0 → 100755
File mode changed
src/styles/element-#324057/menu.css
0 → 100755
| 1 | .el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-menu,.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu--collapse .el-menu .el-submenu,.el-menu--popup{min-width:200px}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #324057;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #324057;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #e4e7ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;list-style:none;position:relative;white-space:nowrap}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:rgb(235, 236, 238)}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#324057}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:rgb(235, 236, 238)}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:rgb(235, 236, 238)}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#324057}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/message-box.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/message.css
0 → 100755
| 1 | .el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#ebeef5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#e6a23c}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#f56c6c}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#f56c6c}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#e6a23c}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/notification.css
0 → 100755
| 1 | .el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#f56c6c}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#e6a23c}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/element-#324057/option-group.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/option.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/pagination.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/popover.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/popper.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/progress.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/radio-button.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/radio-group.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/radio.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/rate.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/reset.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/row.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/scrollbar.css
0 → 100755
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/select.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/slider.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/spinner.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/step.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/steps.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/submenu.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/switch.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/tab-pane.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/table-column.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/table.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/tabs.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/tag.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/time-picker.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/time-select.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/tooltip.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/transfer.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/tree.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-#324057/upload.css
0 → 100755
This diff is collapsed.
Click to expand it.
src/styles/element-ui.css
0 → 100644
This diff is collapsed.
Click to expand it.
src/styles/element-ui.less
0 → 100644
This diff is collapsed.
Click to expand it.
src/styles/mixin.less
0 → 100644
This diff is collapsed.
Click to expand it.
src/styles/table-item.less
0 → 100644
This diff is collapsed.
Click to expand it.
src/styles/vars.less
0 → 100755
This diff is collapsed.
Click to expand it.
src/vuex/actions.js
0 → 100755
This diff is collapsed.
Click to expand it.
src/vuex/getters.js
0 → 100755
This diff is collapsed.
Click to expand it.
src/vuex/store.js
0 → 100755
This diff is collapsed.
Click to expand it.
static/.gitkeep
0 → 100644
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment