52562072 by simon

项目代码

0 parents
Showing 136 changed files with 3415 additions and 0 deletions
1 {
2 "presets": [
3 ["env", {
4 "modules": false,
5 "targets": {
6 "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 }
8 }],
9 "stage-2"
10 ],
11 "plugins": ["transform-vue-jsx", "transform-runtime"]
12 }
1 root = true
2
3 [*]
4 charset = utf-8
5 indent_style = space
6 indent_size = 2
7 end_of_line = lf
8 insert_final_newline = true
9 trim_trailing_whitespace = true
1 .DS_Store
2 node_modules/
3 /dist/
4 npm-debug.log*
5 yarn-debug.log*
6 yarn-error.log*
7
8 # Editor directories and files
9 .idea
10 .vscode
11 *.suo
12 *.ntvs*
13 *.njsproj
14 *.sln
1 // https://github.com/michael-ciniawsky/postcss-load-config
2
3 module.exports = {
4 "plugins": {
5 "postcss-import": {},
6 "postcss-url": {},
7 // to edit target browsers: use "browserslist" field in package.json
8 "autoprefixer": {}
9 }
10 }
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
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 })
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 }
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 publicPath: '../../',
51 fallback: 'vue-style-loader'
52 })
53 } else {
54 return ['vue-style-loader'].concat(loaders)
55 }
56 }
57
58 // https://vue-loader.vuejs.org/en/configurations/extract-css.html
59 return {
60 css: generateLoaders(),
61 postcss: generateLoaders(),
62 less: generateLoaders('less'),
63 sass: generateLoaders('sass', { indentedSyntax: true }),
64 scss: generateLoaders('sass'),
65 stylus: generateLoaders('stylus'),
66 styl: generateLoaders('stylus')
67 }
68 }
69
70 // Generate loaders for standalone style files (outside of .vue)
71 exports.styleLoaders = function (options) {
72 const output = []
73 const loaders = exports.cssLoaders(options)
74
75 for (const extension in loaders) {
76 const loader = loaders[extension]
77 output.push({
78 test: new RegExp('\\.' + extension + '$'),
79 use: loader
80 })
81 }
82
83 return output
84 }
85
86 exports.createNotifierCallback = () => {
87 const notifier = require('node-notifier')
88
89 return (severity, errors) => {
90 if (severity !== 'error') return
91
92 const error = errors[0]
93 const filename = error.file && error.file.split('!').pop()
94
95 notifier.notify({
96 title: packageConfig.name,
97 message: severity + ': ' + error.name,
98 subtitle: filename || '',
99 icon: path.join(__dirname, 'logo.png')
100 })
101 }
102 }
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 }
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 }
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 })
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
1 'use strict'
2 const merge = require('webpack-merge')
3 const prodEnv = require('./prod.env')
4
5 module.exports = merge(prodEnv, {
6 NODE_ENV: '"development"'
7 })
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: 8088, // 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 }
1 'use strict'
2 module.exports = {
3 NODE_ENV: '"production"'
4 }
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width,initial-scale=1.0">
6 <title>一物一码管理平台</title>
7 </head>
8 <body>
9 <div id="app"></div>
10 <!-- built files will be auto injected -->
11 </body>
12 </html>
This diff could not be displayed because it is too large.
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 "axios": "^0.18.0",
14 "echarts": "^4.2.0-rc.2",
15 "element-ui": "^2.4.11",
16 "font-awesome": "^4.7.0",
17 "nprogress": "^0.2.0",
18 "vue": "^2.5.2",
19 "vue-router": "^3.0.1",
20 "vuex": "^3.0.1"
21 },
22 "devDependencies": {
23 "autoprefixer": "^7.1.2",
24 "axios-mock-adapter": "^1.15.0",
25 "babel-core": "^6.22.1",
26 "babel-helper-vue-jsx-merge-props": "^2.0.3",
27 "babel-loader": "^7.1.1",
28 "babel-plugin-syntax-jsx": "^6.18.0",
29 "babel-plugin-transform-runtime": "^6.22.0",
30 "babel-plugin-transform-vue-jsx": "^3.5.0",
31 "babel-preset-env": "^1.3.2",
32 "babel-preset-stage-2": "^6.22.0",
33 "chalk": "^2.0.1",
34 "copy-webpack-plugin": "^4.0.1",
35 "css-loader": "^0.28.11",
36 "extract-text-webpack-plugin": "^3.0.0",
37 "file-loader": "^1.1.4",
38 "friendly-errors-webpack-plugin": "^1.6.1",
39 "html-webpack-plugin": "^2.30.1",
40 "less": "^3.9.0",
41 "less-loader": "^4.1.0",
42 "mockjs": "^1.0.1-beta3",
43 "node-notifier": "^5.1.2",
44 "optimize-css-assets-webpack-plugin": "^3.2.0",
45 "ora": "^1.2.0",
46 "portfinder": "^1.0.13",
47 "postcss-import": "^11.0.0",
48 "postcss-loader": "^2.0.8",
49 "postcss-url": "^7.2.1",
50 "rimraf": "^2.6.0",
51 "sass": "^1.15.2",
52 "semver": "^5.3.0",
53 "shelljs": "^0.7.6",
54 "style-loader": "^0.23.1",
55 "uglifyjs-webpack-plugin": "^1.1.1",
56 "url-loader": "^0.5.8",
57 "vue-loader": "^13.3.0",
58 "vue-style-loader": "^3.1.2",
59 "vue-template-compiler": "^2.5.2",
60 "webpack": "^3.6.0",
61 "webpack-bundle-analyzer": "^2.9.0",
62 "webpack-dev-server": "^2.9.1",
63 "webpack-merge": "^4.1.0"
64 },
65 "engines": {
66 "node": ">= 6.0.0",
67 "npm": ">= 3.0.0"
68 },
69 "browserslist": [
70 "> 1%",
71 "last 2 versions",
72 "not ie <= 8"
73 ]
74 }
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 body {
18 color: #475669;
19 margin: 0px;
20 padding: 0px;
21 background: @color-primary;
22 font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
23 Microsoft YaHei, SimSun, sans-serif;
24 font-size: 14px;
25 -webkit-font-smoothing: antialiased;
26 }
27
28 #app {
29 position: absolute;
30 top: 0px;
31 bottom: 0px;
32 width: 100%;
33 }
34
35 .el-submenu [class^="fa"] {
36 vertical-align: baseline;
37 margin-right: 10px;
38 }
39
40 .el-menu-item [class^="fa"] {
41 vertical-align: baseline;
42 margin-right: 10px;
43 }
44
45 .toolbar {
46 background: #f2f2f2;
47 padding: 10px;
48 margin: 10px 0px;
49 .el-form-item {
50 margin-bottom: 10px;
51 }
52 }
53
54 .fade-enter-active,
55 .fade-leave-active {
56 transition: all 0.2s ease;
57 }
58
59 .fade-enter,
60 .fade-leave-active {
61 opacity: 0;
62 }
63 </style>
1 import axios from 'axios';
2 import {
3 Message
4 } from 'element-ui'
5 import router from './../router/index';
6 import {
7 HTTP_CODE
8 } from './../global/const-data';
9
10 import {
11 COOKIES_EX
12 } from './../global/const-data';
13
14 let base = "/ocadminapi";
15 if (process.env.NODE_ENV == "development") {
16 base = 'http://admin.k.wxpai.cn/ocadminapi';
17 }
18
19 //获取session
20 function getApiSession() {
21 return sessionStorage.getItem(COOKIES_EX + 'sid');
22 }
23
24 //formDataHeaders设置
25 let formDataHeaders = {
26 headers: {
27 "Content-Type": "multipart/form-data"
28 }
29 }
30
31 // 超时时间
32 axios.defaults.timeout = 30000;
33
34 // http request 拦截器
35 axios.interceptors.request.use(
36 config => {
37 if (config.params) {
38 config.params.adminSessionId = getApiSession();
39 }
40 //从data中传
41 // if (config.data) {
42 // config.data.adminSessionId = getApiSession();
43 // }
44 return config;
45 },
46 err => {
47 Message.error({
48 message: '请求超时'
49 })
50 return Promise.reject(err);
51 }
52 );
53
54 // http response 拦截器
55 axios.interceptors.response.use(
56 response => {
57 // 这个重复代码较多, 在状态码齐全后重新写判断
58 if (response.data.code == HTTP_CODE.IDENTITY_FAILURE) {
59 // 身份失效
60 router.replace({
61 path: '/login',
62 query: {
63 redirect: router.currentRoute.fullPath
64 }
65 });
66 Message.error({
67 message: '身份过期,请重新登录'
68 })
69 return Promise.reject(response.data);
70 } else if (response.data.code == HTTP_CODE.UNAUTHORIZED) {
71 Message.error({
72 message: '没有操作权限'
73 })
74 return Promise.reject(response.data);
75 } else {
76 return response;
77 }
78 },
79 error => {
80 // if (error.response) {
81 // switch (error.response.status) {
82 // case 401:
83 // // 返回 401 清除token信息并跳转到登录页面
84 // // store.commit(types.LOGOUT);
85 // router.replace({
86 // path: '/login',
87 // query: {
88 // redirect: router.currentRoute.fullPath
89 // }
90 // })
91 // }
92 // }
93 // return Promise.reject(error.response.data) // 返回接口返回的错误信息
94 return Promise.reject(); // 返回接口返回的错误信息
95 }
96 );
97
98
99 // get方法demo
100 export const getDemo = params => {
101 return axios.get(`${base}/path1/path2/getdemo`, {
102 params: params
103 }).then(res => res.data);
104 };
105
106 // post方法demo
107 export const postDemo = params => {
108 return axios.post(`${base}/path1/path2/postdemo`, params).then(res => res.data);
109 };
110
111 // postformdata
112 export const updatePostformdata = params => {
113 return axios.post(`${base}/path1/path2/postformdata`, params, formDataHeaders).then(res => res.data);
114 };
115
116
117 // 登陆
118 export const requestLogin = params => {
119 return axios.post(`${base}/admin/kd/login`, params).then(res => res.data);
120 };
121
122 // 检索应用列表
123 export const getApplicationList = params => {
124 // params.adminSessionId = getApiSession();
125 return axios.get(`${base}/admin/kd/application/list`, {
126 params: params
127 }).then(res => res.data);
128 };
129
130
131 // 整体报告
132 export const getStatView = params => {
133 // params.adminSessionId = getApiSession();
134 return axios.get(`${base}/admin/kd/application/stat/view`, {
135 params: params
136 }).then(res => res.data);
137 };
138
139 // 趋势列表
140 export const getStatDashboardList = params => {
141 // params.adminSessionId = getApiSession();
142 return axios.get(`${base}/admin/kd/application/stat/dashboard/list`, {
143 params: params
144 }).then(res => res.data);
145 };
146
147 // 导出报表
148 export const getStatViewDump = params => {
149 return new Promise((resolve, reject) => {
150 params.adminSessionId = getApiSession();
151 let url = `${base}/admin/kd/application/stat/view/dump?adminSessionId=${params.adminSessionId}&appCode=${params.appCode}&start=${params.start}&end=${params.end}`;
152 window.open(url);
153 resolve();
154 });
155 };
156
157 // 查码
158 export const getDrawsnQuery = params => {
159 // params.adminSessionId = getApiSession();
160 return axios.get(`${base}/admin/kd/drawsn/query`, {
161 params: params
162 }).then(res => res.data);
163 };
164
165
166 // ---- 分割线 ----
167
168
169 export const getUserList = params => {
170 return axios.get(`${base}/user/list`, {
171 params: params
172 }).then(res => res.data);
173 };
174
175 export const getUserListPage = params => {
176 return axios.get(`${base}/user/listpage`, {
177 params: params
178 }).then(res => res.data);;
179 };
180
181 export const removeUser = params => {
182 return axios.get(`${base}/user/remove`, {
183 params: params
184 }).then(res => res.data);;
185 };
186
187 export const batchRemoveUser = params => {
188 return axios.get(`${base}/user/batchremove`, {
189 params: params
190 }).then(res => res.data);
191 };
192
193 export const editUser = params => {
194 return axios.get(`${base}/user/edit`, {
195 params: params
196 }).then(res => res.data);
197 };
198
199 export const addUser = params => {
200 return axios.get(`${base}/user/add`, {
201 params: params
202 }).then(res => res.data);
203 };
1 import * as api from './api';
2
3 export default api;
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
119 /**
120 * 时间戳格式化(yyyy-MM-dd hh:mm:ss)
121 * @param {*} timestamp
122 * @param {*} format
123 */
124 export const timestampFormat = (timestamp, format) => {
125 Date.prototype.Format = function (fmt) {
126 var o = {
127 "M+": this.getMonth() + 1, //月份
128 "d+": this.getDate(), //日
129 "h+": this.getHours(), //小时
130 "m+": this.getMinutes(), //分
131 "s+": this.getSeconds(), //秒
132 "q+": Math.floor((this.getMonth() + 3) / 3), //季度
133 "S": this.getMilliseconds() //毫秒
134 };
135 if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
136 for (var k in o) {
137 if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
138 }
139 return fmt;
140 }
141
142 if (timestamp && timestamp.length == 10) timestamp += "000";
143
144 var date = new Date();
145 if (timestamp) date.setTime(timestamp);
146 if (format == null || format == "") {
147 format = "yyyy-MM-dd hh:mm:ss";
148 }
149 return date.Format(format);
150 };
151
152 /**
153 * 日期转时间戳
154 * @param {*} stringTime
155 */
156 export const dateParse = stringTime => {
157 if (stringTime) {
158 var date = new Date(stringTime);
159 } else {
160 var date = new Date();
161 }
162 return Date.parse(date);
163 };
164
165
166 /**
167 * 生成指定范围内的随机数
168 * @param {*} min
169 * @param {*} max
170 */
171 export const getRandom = (min, max) => {
172 var c = max - min + 1;
173 return Math.floor(Math.random() * c + min);
174 };
175
176
177
178
179 /**
180 * 日期格式化
181 */
182 export const formatDate = {
183 SIGN_REGEXP: /([yMdhsm])(\1*)/g,
184 DEFAULT_PATTERN: 'yyyy-MM-dd',
185 // 格林威治时间转时间格式 兼容ios
186 GMTToStr: function (time) {
187 var date = time.substr(0, 10); //年月日
188 var hours = time.substring(11, 13);
189 var minutes = time.substring(14, 16);
190 var seconds = time.substring(17, 19);
191 var timeFlag = date + ' ' + hours + ':' + minutes + ':' + seconds;
192 timeFlag = timeFlag.replace(/-/g, "/");
193 timeFlag = new Date(timeFlag);
194 timeFlag = new Date(timeFlag.getTime() + 8 * 3600 * 1000);
195 timeFlag = timeFlag.getFullYear() + '-' + ((timeFlag.getMonth() + 1) < 10 ? "0" + (timeFlag.getMonth() + 1) : (timeFlag.getMonth() + 1)) + '-' + (timeFlag.getDate() < 10 ? "0" + timeFlag.getDate() : timeFlag.getDate()) + ' ' + timeFlag.getHours() + ':' + timeFlag.getMinutes() + ':' + (timeFlag.getSeconds() < 10 ? "0" + timeFlag.getSeconds() : timeFlag.getSeconds());
196 return timeFlag.replace(/-/g, "/");
197 },
198 padding: function (s, len) {
199 var len = len - (s + '').length;
200 for (var i = 0; i < len; i++) {
201 s = '0' + s;
202 }
203 return s;
204 },
205 // 格林威治时间转时间格式 兼容ios
206 formatGMT: function (time, pattern) {
207 return formatDate.format(new Date(formatDate.GMTToStr(time)), pattern);
208 },
209 format: function (date, pattern) {
210 pattern = pattern || formatDate.DEFAULT_PATTERN;
211 return pattern.replace(formatDate.SIGN_REGEXP, function ($0) {
212 switch ($0.charAt(0)) {
213 case 'y':
214 return formatDate.padding(date.getFullYear(), $0.length);
215 case 'M':
216 return formatDate.padding(date.getMonth() + 1, $0.length);
217 case 'd':
218 return formatDate.padding(date.getDate(), $0.length);
219 case 'w':
220 return date.getDay() + 1;
221 case 'h':
222 return formatDate.padding(date.getHours(), $0.length);
223 case 'm':
224 return formatDate.padding(date.getMinutes(), $0.length);
225 case 's':
226 return formatDate.padding(date.getSeconds(), $0.length);
227 }
228 });
229 },
230 parse: function (dateString, pattern) {
231 var matchs1 = pattern.match(formatDate.SIGN_REGEXP);
232 var matchs2 = dateString.match(/(\d)+/g);
233 if (matchs1.length == matchs2.length) {
234 var _date = new Date(1970, 0, 1);
235 for (var i = 0; i < matchs1.length; i++) {
236 var _int = parseInt(matchs2[i]);
237 var sign = matchs1[i];
238 switch (sign.charAt(0)) {
239 case 'y':
240 _date.setFullYear(_int);
241 break;
242 case 'M':
243 _date.setMonth(_int - 1);
244 break;
245 case 'd':
246 _date.setDate(_int);
247 break;
248 case 'h':
249 _date.setHours(_int);
250 break;
251 case 'm':
252 _date.setMinutes(_int);
253 break;
254 case 's':
255 _date.setSeconds(_int);
256 break;
257 }
258 }
259 return _date;
260 }
261 return null;
262 }
263
264 }
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 Twitter
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>
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 }
22
23 // HTTP状态码
24 export const HTTP_CODE = {
25 IDENTITY_FAILURE: 404, //身份失效
26 UNAUTHORIZED: 501, //无权限,非授权者
27 }
1 // 全局事件
2 export const EVT_GOLBAL = "_evt_golbal";
1 // 方法2
2 let userInfo = {}
3
4 module.exports = {
5 userInfo: userInfo
6 }
7
8
9 /**
10 * 方法1
11 */
12 // export default {
13 // demo: {
14 // "demo": "demo"
15 // }
16 // }
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 App from './App'
5 import ElementUI from 'element-ui'
6 // import 'element-ui/lib/theme-chalk/index.css';
7 import './styles/element-#324057/index.css';
8 import router from './router'
9 import store from './vuex/store'
10 import Vuex from 'vuex'
11 import NProgress from 'nprogress'
12 // import Mock from './mock'
13 // Mock.bootstrap();
14 import 'font-awesome/css/font-awesome.min.css'
15
16 Vue.config.productionTip = false
17 NProgress.configure({
18 showSpinner: false
19 });
20
21 Vue.use(ElementUI)
22 Vue.use(Vuex)
23
24 /* eslint-disable no-new */
25 new Vue({
26 el: '#app',
27 router,
28 store,
29 components: {
30 App
31 },
32 data: {
33 bus: new Vue()
34 },
35 template: '<App/>'
36 })
1 import mock from './mock';
2
3 export default mock;
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 // return;
17 // }
18
19 let mock = new MockAdapter(axios);
20
21 // mock success request
22 mock.onGet('/success').reply(200, {
23 msg: 'success'
24 });
25
26 // mock error request
27 mock.onGet('/error').reply(500, {
28 msg: 'failure'
29 });
30
31 //登录
32 mock.onPost('/login').reply(config => {
33 let {
34 username,
35 password
36 } = JSON.parse(config.data);
37 return new Promise((resolve, reject) => {
38 let user = null;
39 setTimeout(() => {
40 let hasUser = LoginUsers.some(u => {
41 if (u.username === username && u.password === password) {
42 user = JSON.parse(JSON.stringify(u));
43 user.password = undefined;
44 return true;
45 }
46 });
47
48 if (hasUser) {
49 resolve([200, {
50 code: 200,
51 msg: '请求成功',
52 user
53 }]);
54 } else {
55 resolve([200, {
56 code: 500,
57 msg: '账号或密码错误'
58 }]);
59 }
60 }, 1000);
61 });
62 });
63
64 //获取用户列表
65 mock.onGet('/user/list').reply(config => {
66 let {
67 name
68 } = config.params;
69 let mockUsers = _Users.filter(user => {
70 if (name && user.name.indexOf(name) == -1) return false;
71 return true;
72 });
73 return new Promise((resolve, reject) => {
74 setTimeout(() => {
75 resolve([200, {
76 users: mockUsers
77 }]);
78 }, 1000);
79 });
80 });
81
82 //获取用户列表(分页)
83 mock.onGet('/user/listpage').reply(config => {
84 let {
85 page,
86 name
87 } = config.params;
88 let mockUsers = _Users.filter(user => {
89 if (name && user.name.indexOf(name) == -1) return false;
90 return true;
91 });
92 let total = mockUsers.length;
93 mockUsers = mockUsers.filter((u, index) => index < 20 * page && index >= 20 * (page - 1));
94 return new Promise((resolve, reject) => {
95 setTimeout(() => {
96 resolve([200, {
97 total: total,
98 users: mockUsers
99 }]);
100 }, 1000);
101 });
102 });
103
104 //删除用户
105 mock.onGet('/user/remove').reply(config => {
106 let {
107 id
108 } = config.params;
109 _Users = _Users.filter(u => u.id !== id);
110 return new Promise((resolve, reject) => {
111 setTimeout(() => {
112 resolve([200, {
113 code: 200,
114 msg: '删除成功'
115 }]);
116 }, 500);
117 });
118 });
119
120 //批量删除用户
121 mock.onGet('/user/batchremove').reply(config => {
122 let {
123 ids
124 } = config.params;
125 ids = ids.split(',');
126 _Users = _Users.filter(u => !ids.includes(u.id));
127 return new Promise((resolve, reject) => {
128 setTimeout(() => {
129 resolve([200, {
130 code: 200,
131 msg: '删除成功'
132 }]);
133 }, 500);
134 });
135 });
136
137 //编辑用户
138 mock.onGet('/user/edit').reply(config => {
139 let {
140 id,
141 name,
142 addr,
143 age,
144 birth,
145 sex
146 } = config.params;
147 _Users.some(u => {
148 if (u.id === id) {
149 u.name = name;
150 u.addr = addr;
151 u.age = age;
152 u.birth = birth;
153 u.sex = sex;
154 return true;
155 }
156 });
157 return new Promise((resolve, reject) => {
158 setTimeout(() => {
159 resolve([200, {
160 code: 200,
161 msg: '编辑成功'
162 }]);
163 }, 500);
164 });
165 });
166
167 //新增用户
168 mock.onGet('/user/add').reply(config => {
169 let {
170 name,
171 addr,
172 age,
173 birth,
174 sex
175 } = config.params;
176 _Users.push({
177 name: name,
178 addr: addr,
179 age: age,
180 birth: birth,
181 sex: sex
182 });
183 return new Promise((resolve, reject) => {
184 setTimeout(() => {
185 resolve([200, {
186 code: 200,
187 msg: '新增成功'
188 }]);
189 }, 500);
190 });
191 });
192
193 }
194 };
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 };
1 <template>
2 <p class="page-container">404 page not found</p>
3 </template>
4
5 <style lang="less" scoped>
6 .page-container {
7 font-size: 20px;
8 text-align: center;
9 color: rgb(192, 204, 218);
10 }
11 </style>
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>
1 <template>
2 <el-form
3 :model="ruleForm2"
4 :rules="rules2"
5 ref="ruleForm2"
6 label-position="left"
7 label-width="0px"
8 class="demo-ruleForm login-container"
9 >
10 <h3 class="title">一物一码管理平台</h3>
11 <el-form-item prop="account">
12 <el-input type="text" v-model="ruleForm2.account" auto-complete="off" placeholder="账号"></el-input>
13 </el-form-item>
14 <el-form-item prop="checkPass">
15 <el-input type="password" v-model="ruleForm2.checkPass" auto-complete="off" placeholder="密码"></el-input>
16 </el-form-item>
17 <!-- <el-checkbox v-model="checked" checked class="remember">记住密码</el-checkbox> -->
18 <div class="remember"></div>
19 <el-form-item style="width:100%;">
20 <el-button
21 type="primary"
22 style="width:100%;"
23 @click.native.prevent="handleSubmit2"
24 :loading="logining"
25 >登录</el-button>
26 <!--<el-button @click.native.prevent="handleReset2">重置</el-button>-->
27 </el-form-item>
28 </el-form>
29 </template>
30
31 <script>
32 import { requestLogin } from '../api/api.js'
33 import { COOKIES_EX } from './../global/const-data.js'
34
35 import NProgress from 'nprogress'
36 export default {
37 data() {
38 return {
39 logining: false,
40 ruleForm2: {
41 account: '',
42 checkPass: ''
43 },
44 rules2: {
45 account: [
46 { required: true, message: '请输入账号', trigger: 'blur' }
47 //{ validator: validaePass }
48 ],
49 checkPass: [
50 { required: true, message: '请输入密码', trigger: 'blur' }
51 //{ validator: validaePass2 }
52 ]
53 },
54 checked: true
55 }
56 },
57 methods: {
58 handleReset2() {
59 this.$refs.ruleForm2.resetFields()
60 },
61 handleSubmit2(ev) {
62 this.$refs.ruleForm2.validate(valid => {
63 if (valid) {
64 this.logining = true
65 NProgress.start()
66 var loginParams = {
67 account: this.ruleForm2.account,
68 password: this.ruleForm2.checkPass
69 }
70 requestLogin(loginParams)
71 .then(data => {
72 this.logining = false
73 let { errMsg, code, content } = data
74 if (code === 200) {
75 let redirect = this.$route.query.redirect
76 sessionStorage.setItem(COOKIES_EX + 'sid', content)
77 // if (redirect) {
78 // this.$router.push({ path: redirect });
79 // } else {
80 // this.$router.push({ path: "/apps" });
81 // }
82 this.$router.push({ path: '/apps' })
83 } else {
84 this.$message({
85 message: errMsg || '登陆失败',
86 type: 'error'
87 })
88 }
89 })
90 .catch(err => {
91 this.logining = false
92 })
93 } else {
94 return false
95 }
96 })
97 }
98 },
99 mounted() {}
100 }
101 </script>
102
103 <style lang="less" scoped>
104 .login-container {
105 -webkit-border-radius: 5px;
106 border-radius: 5px;
107 -moz-border-radius: 5px;
108 background-clip: padding-box;
109 margin-bottom: 20px;
110 background-color: #f9fafc;
111 margin: 180px auto;
112 border: 2px solid #8492a6;
113 width: 350px;
114 padding: 35px 35px 15px 35px;
115 .title {
116 margin: 0px auto 40px auto;
117 text-align: center;
118 color: #505458;
119 }
120 .remember {
121 margin: 0px 0px 35px 0px;
122 }
123 }
124 </style>
1 <template>
2 <section>
3 main
4 </section>
5 </template>
6
7 <script>
8 export default {
9 }
10
11 </script>
12
13 <style scoped>
14
15 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <section class="apps-container">
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.appName" placeholder="姓名"></el-input>
8 </el-form-item>
9 <el-form-item>
10 <el-button type="primary" v-on:click="reqGetApplicationList">查询</el-button>
11 </el-form-item>
12 </el-form>
13 </el-col>
14
15 <!--列表-->
16 <template>
17 <el-table :data="list" 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="appName" label="应用名称" width="180">
21 </el-table-column>
22 <el-table-column prop="appDir" label="应用短码" width="120">
23 </el-table-column>
24 <el-table-column prop="appDir" label="活动路径" :formatter="formatAppDir" min-width="120">
25 </el-table-column>
26 <el-table-column prop="endTime" label="离线时间" :formatter="formatDateEndTime" min-width="80">
27 </el-table-column>
28 <el-table-column prop="startTime" label="创建时间" :formatter="formatDateStartTime" min-width="80">
29 </el-table-column>
30 <el-table-column label="操作" min-width="150">
31 <template slot-scope="scope">
32 <el-button size="small" @click="toReport(scope.$index, scope.row)">报表</el-button>
33 <el-button size="small" @click="toCheckCode(scope.$index, scope.row)">查码</el-button>
34 <!-- <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button> -->
35 </template>
36 </el-table-column>
37 </el-table>
38 </template>
39
40 <el-col :span="24" class="toolbar">
41 <el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="pageSize" :total="total" style="float:right;">
42 </el-pagination>
43 </el-col>
44 </section>
45 </template>
46
47 <script>
48 import { getApplicationList } from "./../../api/api.js";
49 import { formatDate } from "./../../common/utils.js";
50
51 export default {
52 data() {
53 return {
54 loading: false,
55 filters: {
56 appName: ""
57 },
58 list: [],
59 total: 0,
60 page: 1,
61 pageSize: 20
62 };
63 },
64 methods: {
65 formatDateStartTime: function(row, column) {
66 return formatDate.format(new Date(row.startTime));
67 },
68 formatDateEndTime: function(row, column) {
69 return formatDate.format(new Date(row.endTime));
70 },
71 formatAppDir: function(row, column) {
72 return "https://k.wxpai.cn/" + row.appDir + "/?c=";
73 },
74 handleCurrentChange(val) {
75 this.page = val;
76 this.reqGetApplicationList();
77 },
78 // 去报表页
79 toReport: function(index, row) {
80 console.log("row.appCode", row.appCode);
81 this.$router.push({
82 path: "/report",
83 query: {
84 code: row.appCode
85 }
86 });
87 },
88 // 去查码
89 toCheckCode: function(index, row) {
90 this.$router.push({
91 path: "/checkcode",
92 query: {
93 code: row.appCode
94 }
95 });
96 },
97 reqGetApplicationList() {
98 let parm = {
99 appName: this.filters.appName,
100 page: this.page,
101 size: this.pageSize
102 };
103 getApplicationList(parm).then(res => {
104 let { code, content } = res;
105 if (code == 200 && content) {
106 this.total = content.total;
107 this.list = content.list;
108 }
109 // else if (code == 404) {
110 // this.$router.push({
111 // path: "/login"
112 // });
113 // }
114 });
115 }
116 },
117 mounted() {
118 this.reqGetApplicationList();
119 }
120 };
121 </script>
122
123 <style scoped lang="less">
124 </style>
1 <template>
2 <section class="chart-container">
3 <el-row>
4 <el-col :span="12">
5 <div id="chartColumn" style="width:100%; height:400px;"></div>
6 </el-col>
7 <el-col :span="12">
8 <div id="chartBar" style="width:100%; height:400px;"></div>
9 </el-col>
10 <el-col :span="12">
11 <div id="chartLine" style="width:100%; height:400px;"></div>
12 </el-col>
13 <el-col :span="12">
14 <div id="chartPie" style="width:100%; height:400px;"></div>
15 </el-col>
16 <el-col :span="24">
17 <a href="http://echarts.baidu.com/examples.html" target="_blank" style="float: right;">more>></a>
18 </el-col>
19 </el-row>
20 </section>
21 </template>
22
23 <script>
24 import echarts from 'echarts'
25
26 export default {
27 data() {
28 return {
29 chartColumn: null,
30 chartBar: null,
31 chartLine: null,
32 chartPie: null
33 }
34 },
35 mounted: function () {
36 var _this = this;
37 //基于准备好的dom,初始化echarts实例
38 this.chartColumn = echarts.init(document.getElementById('chartColumn'));
39 this.chartBar = echarts.init(document.getElementById('chartBar'));
40 this.chartLine = echarts.init(document.getElementById('chartLine'));
41 this.chartPie = echarts.init(document.getElementById('chartPie'));
42
43 this.chartColumn.setOption({
44 title: { text: 'Column Chart' },
45 tooltip: {},
46 xAxis: {
47 data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
48 },
49 yAxis: {},
50 series: [{
51 name: '销量',
52 type: 'bar',
53 data: [5, 20, 36, 10, 10, 20]
54 }]
55 });
56
57 this.chartBar.setOption({
58 title: {
59 text: 'Bar Chart',
60 subtext: '数据来自网络'
61 },
62 tooltip: {
63 trigger: 'axis',
64 axisPointer: {
65 type: 'shadow'
66 }
67 },
68 legend: {
69 data: ['2011年', '2012年']
70 },
71 grid: {
72 left: '3%',
73 right: '4%',
74 bottom: '3%',
75 containLabel: true
76 },
77 xAxis: {
78 type: 'value',
79 boundaryGap: [0, 0.01]
80 },
81 yAxis: {
82 type: 'category',
83 data: ['巴西', '印尼', '美国', '印度', '中国', '世界人口(万)']
84 },
85 series: [
86 {
87 name: '2011年',
88 type: 'bar',
89 data: [18203, 23489, 29034, 104970, 131744, 630230]
90 },
91 {
92 name: '2012年',
93 type: 'bar',
94 data: [19325, 23438, 31000, 121594, 134141, 681807]
95 }
96 ]
97 });
98
99 this.chartLine.setOption({
100 title: {
101 text: 'Line Chart'
102 },
103 tooltip: {
104 trigger: 'axis'
105 },
106 legend: {
107 data: ['邮件营销', '联盟广告', '搜索引擎']
108 },
109 grid: {
110 left: '3%',
111 right: '4%',
112 bottom: '3%',
113 containLabel: true
114 },
115 xAxis: {
116 type: 'category',
117 boundaryGap: false,
118 data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
119 },
120 yAxis: {
121 type: 'value'
122 },
123 series: [
124 {
125 name: '邮件营销',
126 type: 'line',
127 stack: '总量',
128 data: [120, 132, 101, 134, 90, 230, 210]
129 },
130 {
131 name: '联盟广告',
132 type: 'line',
133 stack: '总量',
134 data: [220, 182, 191, 234, 290, 330, 310]
135 },
136 {
137 name: '搜索引擎',
138 type: 'line',
139 stack: '总量',
140 data: [820, 932, 901, 934, 1290, 1330, 1320]
141 }
142 ]
143 });
144
145 this.chartPie.setOption({
146 title: {
147 text: 'Pie Chart',
148 subtext: '纯属虚构',
149 x: 'center'
150 },
151 tooltip: {
152 trigger: 'item',
153 formatter: "{a} <br/>{b} : {c} ({d}%)"
154 },
155 legend: {
156 orient: 'vertical',
157 left: 'left',
158 data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
159 },
160 series: [
161 {
162 name: '访问来源',
163 type: 'pie',
164 radius: '55%',
165 center: ['50%', '60%'],
166 data: [
167 { value: 335, name: '直接访问' },
168 { value: 310, name: '邮件营销' },
169 { value: 234, name: '联盟广告' },
170 { value: 135, name: '视频广告' },
171 { value: 1548, name: '搜索引擎' }
172 ],
173 itemStyle: {
174 emphasis: {
175 shadowBlur: 10,
176 shadowOffsetX: 0,
177 shadowColor: 'rgba(0, 0, 0, 0.5)'
178 }
179 }
180 }
181 ]
182 });
183 }
184
185 }
186
187 </script>
188
189 <style scoped>
190 .chart-container {
191 width: 100%;
192 float: left;
193 }
194 /*.chart div {
195 height: 400px;
196 float: left;
197 }*/
198
199 .el-col {
200 padding: 30px 20px;
201 }
202 </style>
1 <template>
2 <section class="checkcode-container">
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 width="600" v-model="filters.drawSn" placeholder="请输入抽奖码,至少三位"></el-input>
8 </el-form-item>
9 <el-form-item>
10 <el-button type="primary" :disabled="filters.drawSn.length < searchNeedMinLength || loading" v-on:click="reqGetDrawsnQuery">查询</el-button>
11 </el-form-item>
12 </el-form>
13 </el-col>
14
15 <!--列表-->
16 <template>
17 <el-table class="table" :data="list" 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="drawSn" label="抽奖码" min-width="110">
21 </el-table-column>
22 <el-table-column prop="prizeName" label="奖品名称" min-width="80">
23 </el-table-column>
24 <el-table-column prop="isUsage" label="是否使用" :formatter="formatIsUse" min-width="80">
25 </el-table-column>
26 <el-table-column prop="openid" label="openid" min-width="120">
27 </el-table-column>
28 <el-table-column prop="nickname" label="昵称">
29 </el-table-column>
30 <el-table-column label="头像">
31 <template slot-scope="scope">
32 <div class="avatar">
33 <img v-show="scope.row.avatar" :src="scope.row.avatar">
34 </div>
35 </template>
36 </el-table-column>
37 <el-table-column prop="winTime" label="中奖时间" :formatter="formatDateWinTime">
38 </el-table-column>
39 </el-table>
40 </template>
41
42 <el-col :span="24" class="toolbar">
43 <el-pagination :disabled="loading" layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="pageSize" :total="total" style="float:right;">
44 </el-pagination>
45 </el-col>
46
47 </section>
48 </template>
49
50 <script>
51 import { getDrawsnQuery } from './../../api/api.js'
52 import { formatDate } from './../../common/utils.js'
53
54 export default {
55 data() {
56 return {
57 loading: false,
58 filters: {
59 drawSn: ''
60 },
61 // list: [
62 // {
63 // drawSn: "463GBBIFEVE32313",
64 // isUsage: 1,
65 // openid: "oCwafjoNqQ0VRgB6NUBRmRX2G7zE",
66 // nickname: "SimonFungC",
67 // avatar:
68 // "http://thirdwx.qlogo.cn/mmopen/vi_32/xIibgickibcyJjdniblX2WhbEU6QHMFIwYUCJxJdW9wIIAbEGkZqJmWK5Koich8UiaCYe4tADlRGlmKhf1hGU8LYkkRQ/132",
69 // winTime: null,
70 // prizeName: "奖品123"
71 // }
72 // ],
73 list: [],
74 total: 0,
75 page: 1,
76 pageSize: 20,
77 searchNeedMinLength: 3
78 }
79 },
80 methods: {
81 formatIsUse: function(row, column) {
82 return row.isUsage == 1 ? '是' : '否'
83 },
84 formatDateWinTime: function(row, column) {
85 return row.winTime
86 ? formatDate.formatGMT(row.winTime, 'yyyy-MM-dd hh:mm:ss')
87 : '-'
88 },
89 handleCurrentChange(val) {
90 this.page = val
91 this.reqGetDrawsnQuery()
92 },
93 // 查码
94 reqGetDrawsnQuery() {
95 let drawSn = this.filters.drawSn
96 let code = this.$route.query.code
97 let parm = {
98 drawSn: drawSn,
99 appCode: code,
100 page: this.page,
101 size: this.pageSize
102 }
103 this.loading = true
104 getDrawsnQuery(parm).then(res => {
105 let { code, content } = res
106 if (code == 200 && content) {
107 this.total = content.total
108 this.list = content.list
109 }
110 this.loading = false
111 })
112 }
113 },
114 created() {
115 // 2019-03-06T03:21:23.000+0000
116 // 2019/03/06T03:21:23.000+0000
117 // var ttt = formatDate.GMTToStr("2019-03-06T03:21:23.000+0000");
118 // alert("33333");
119 // alert(ttt);
120 // var time = new Date(ttt.replace(/-/g, '/'));
121 // alert(time);
122 // var time = new Date('2019/03/06T03:21:23.000+0000'.replace(/-/g, '/'))
123 // alert(time)
124 // alert(time.getFullYear())
125 }
126 }
127 </script>
128
129 <style scoped lang="less">
130 .checkcode-container {
131 .toolbar {
132 .el-input {
133 width: 320px;
134 }
135 }
136 .table {
137 .avatar {
138 @avatarSize: 40px;
139 width: @avatarSize;
140 height: @avatarSize;
141 img {
142 width: @avatarSize;
143 height: @avatarSize;
144 }
145 }
146 }
147 }
148 </style>
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>
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>
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 align="right" header-align="right">
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>
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>
1 <template>
2 <section>page5...
3 </section>
4 </template>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <section>page6...
3 </section>
4 </template>
...\ No newline at end of file ...\ No newline at end of file
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 import Table from './../pages/nav1/Table.vue'
9 import Form from './../pages/nav1/Form.vue'
10 import user from './../pages/nav1/user.vue'
11 // import Page4 from './../pages/nav2/Page4.vue'
12 // import Page5 from './../pages/nav2/Page5.vue'
13 // import Page6 from './../pages/nav3/Page6.vue'
14 // import Echart from './../pages/nav3/Page6.vue'
15 import echarts from './../pages/charts/echarts.vue'
16 import Apps from './../pages/apps/Apps.vue'
17 import Report from './../pages/report/Report.vue'
18 import CheckCode from './../pages/checkcode/CheckCode.vue'
19
20 import {
21 COOKIES_EX
22 } from "./../global/const-data";
23
24 Vue.use(Router)
25
26 const router = new Router({
27 routes: [{
28 path: '/login',
29 component: Login,
30 name: '',
31 hidden: true
32 },
33 {
34 path: '/404',
35 component: NotFound,
36 name: '',
37 hidden: true
38 },
39
40 {
41 path: '/',
42 component: Home,
43 name: '',
44 iconCls: 'fa fa-address-card',
45 leaf: true, //只有一个节点
46 children: [{
47 path: '/apps',
48 component: Apps,
49 name: '应用中心'
50 }]
51 },
52 {
53 path: '/',
54 component: Home,
55 name: '',
56 iconCls: 'fa fa-address-card',
57 leaf: true, //只有一个节点
58 hidden: true,
59 children: [{
60 path: '/report',
61 component: Report,
62 name: '报表'
63 }]
64 },
65 {
66 path: '/',
67 component: Home,
68 name: '',
69 iconCls: 'fa fa-address-card',
70 leaf: true, //只有一个节点
71 hidden: true,
72 children: [{
73 path: '/checkcode',
74 component: CheckCode,
75 name: '查码'
76 }]
77 },
78 //{ path: '/main', component: Main },
79 // {
80 // path: '/',
81 // component: Home,
82 // name: '导航一',
83 // hidden: true,
84 // iconCls: 'el-icon-message', //图标样式class
85 // children: [{
86 // path: '/main',
87 // component: Main,
88 // name: '主页',
89 // hidden: true
90 // },
91 // {
92 // path: '/table',
93 // component: Table,
94 // name: 'Table'
95 // },
96 // {
97 // path: '/form',
98 // component: Form,
99 // name: 'Form'
100 // },
101 // {
102 // path: '/user',
103 // component: user,
104 // name: '列表'
105 // },
106 // ]
107 // },
108 {
109 path: '/',
110 component: Home,
111 name: 'Charts',
112 iconCls: 'fa fa-bar-chart',
113 hidden: true,
114 children: [{
115 path: '/echarts',
116 component: echarts,
117 name: 'echarts'
118 }]
119 },
120 {
121 path: '*',
122 hidden: true,
123 redirect: {
124 path: '/404'
125 }
126 }
127 ]
128 })
129
130
131 router.beforeEach((to, from, next) => {
132 //NProgress.start();
133 if (to.path == '/login') {
134 sessionStorage.removeItem(COOKIES_EX + 'sid');
135 }
136 let user = sessionStorage.getItem(COOKIES_EX + 'sid');
137 if (!user && to.path != '/login') {
138 next({
139 path: '/login'
140 })
141 } else {
142 next()
143 }
144 })
145
146 export default router;
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
This diff could not be displayed because it is too large.
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
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
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
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
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
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
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
1 .el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}
...\ No newline at end of file ...\ No newline at end of file
1 .el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#324057;font-weight:700}
...\ No newline at end of file ...\ No newline at end of file