2422e4ef by simon

源码提交

0 parents
Showing 141 changed files with 3853 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 # http://editorconfig.org
2 root = true
3
4 [*]
5 charset = utf-8
6 indent_style = space
7 indent_size = 2
8 end_of_line = lf
9 insert_final_newline = true
10 trim_trailing_whitespace = true
11
12 [*.md]
13 insert_final_newline = false
14 trim_trailing_whitespace = false
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 fallback: 'vue-style-loader'
51 })
52 } else {
53 return ['vue-style-loader'].concat(loaders)
54 }
55 }
56
57 // https://vue-loader.vuejs.org/en/configurations/extract-css.html
58 return {
59 css: generateLoaders(),
60 postcss: generateLoaders(),
61 less: generateLoaders('less'),
62 sass: generateLoaders('sass', { indentedSyntax: true }),
63 scss: generateLoaders('sass'),
64 stylus: generateLoaders('stylus'),
65 styl: generateLoaders('stylus')
66 }
67 }
68
69 // Generate loaders for standalone style files (outside of .vue)
70 exports.styleLoaders = function (options) {
71 const output = []
72 const loaders = exports.cssLoaders(options)
73
74 for (const extension in loaders) {
75 const loader = loaders[extension]
76 output.push({
77 test: new RegExp('\\.' + extension + '$'),
78 use: loader
79 })
80 }
81
82 return output
83 }
84
85 exports.createNotifierCallback = () => {
86 const notifier = require('node-notifier')
87
88 return (severity, errors) => {
89 if (severity !== 'error') return
90
91 const error = errors[0]
92 const filename = error.file && error.file.split('!').pop()
93
94 notifier.notify({
95 title: packageConfig.name,
96 message: severity + ': ' + error.name,
97 subtitle: filename || '',
98 icon: path.join(__dirname, 'logo.png')
99 })
100 }
101 }
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: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
18 autoOpenBrowser: false,
19 errorOverlay: true,
20 notifyOnErrors: true,
21 poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
22
23
24 /**
25 * Source Maps
26 */
27
28 // https://webpack.js.org/configuration/devtool/#development
29 devtool: 'cheap-module-eval-source-map',
30
31 // If you have problems debugging vue-files in devtools,
32 // set this to false - it *may* help
33 // https://vue-loader.vuejs.org/en/options.html#cachebusting
34 cacheBusting: true,
35
36 cssSourceMap: true
37 },
38
39 build: {
40 // Template for index.html
41 index: path.resolve(__dirname, '../dist/index.html'),
42
43 // Paths
44 assetsRoot: path.resolve(__dirname, '../dist'),
45 assetsSubDirectory: 'static',
46 assetsPublicPath: './',
47
48 /**
49 * Source Maps
50 */
51
52 productionSourceMap: true,
53 // https://webpack.js.org/configuration/devtool/#production
54 devtool: '#source-map',
55
56 // Gzip off by default as many popular static hosts such as
57 // Surge or Netlify already gzip all static assets for you.
58 // Before setting to `true`, make sure to:
59 // npm install --save-dev compression-webpack-plugin
60 productionGzip: false,
61 productionGzipExtensions: ['js', 'css'],
62
63 // Run the build command with an extra argument to
64 // View the bundle analyzer report after build finishes:
65 // `npm run build --report`
66 // Set to `true` or `false` to always turn it on or off
67 bundleAnalyzerReport: process.env.npm_config_report
68 }
69 }
1 'use strict'
2 module.exports = {
3 NODE_ENV: '"production"'
4 }
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width,initial-scale=1.0">
7 <title>早产儿管理端</title>
8 <script src="//gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
9 </head>
10
11 <body>
12 <div id="app"></div>
13 <!-- built files will be auto injected -->
14 </body>
15
16 </html>
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 "ali-oss": "^6.1.1",
14 "axios": "^0.18.0",
15 "co": "^4.6.0",
16 "deepcopy": "^2.0.0",
17 "element-ui": "^2.4.11",
18 "font-awesome": "^4.7.0",
19 "glob": "^7.1.3",
20 "nprogress": "^0.2.0",
21 "vue": "^2.5.2",
22 "vue-quill-editor": "^3.0.6",
23 "vue-router": "^3.0.1",
24 "vuex": "^3.0.1"
25 },
26 "devDependencies": {
27 "autoprefixer": "^7.1.2",
28 "axios-mock-adapter": "^1.15.0",
29 "babel-core": "^6.22.1",
30 "babel-helper-vue-jsx-merge-props": "^2.0.3",
31 "babel-loader": "^7.1.1",
32 "babel-plugin-syntax-jsx": "^6.18.0",
33 "babel-plugin-transform-runtime": "^6.22.0",
34 "babel-plugin-transform-vue-jsx": "^3.5.0",
35 "babel-preset-env": "^1.3.2",
36 "babel-preset-stage-2": "^6.22.0",
37 "chalk": "^2.0.1",
38 "copy-webpack-plugin": "^4.0.1",
39 "css-loader": "^0.28.11",
40 "extract-text-webpack-plugin": "^3.0.0",
41 "file-loader": "^1.1.4",
42 "friendly-errors-webpack-plugin": "^1.6.1",
43 "html-webpack-plugin": "^2.30.1",
44 "less": "^3.9.0",
45 "less-loader": "^4.1.0",
46 "mockjs": "^1.0.1-beta3",
47 "node-notifier": "^5.1.2",
48 "optimize-css-assets-webpack-plugin": "^3.2.0",
49 "ora": "^1.2.0",
50 "portfinder": "^1.0.13",
51 "postcss-import": "^11.0.0",
52 "postcss-loader": "^2.0.8",
53 "postcss-url": "^7.2.1",
54 "rimraf": "^2.6.0",
55 "sass": "^1.15.2",
56 "semver": "^5.3.0",
57 "shelljs": "^0.7.6",
58 "style-loader": "^0.23.1",
59 "uglifyjs-webpack-plugin": "^1.1.1",
60 "url-loader": "^0.5.8",
61 "vue-loader": "^13.3.0",
62 "vue-style-loader": "^3.1.2",
63 "vue-template-compiler": "^2.5.2",
64 "webpack": "^3.6.0",
65 "webpack-bundle-analyzer": "^2.9.0",
66 "webpack-dev-server": "^2.9.1",
67 "webpack-merge": "^4.1.0"
68 },
69 "engines": {
70 "node": ">= 6.0.0",
71 "npm": ">= 3.0.0"
72 },
73 "browserslist": [
74 "> 1%",
75 "last 2 versions",
76 "not ie <= 8"
77 ]
78 }
1 <template>
2 <div id="app">
3 <router-view></router-view>
4 </div>
5 </template>
6
7 <script>
8 export default {
9 name: 'app',
10 components: {}
11 }
12 </script>
13
14 <style lang="less">
15 @import './styles/common';
16 @import './styles/vars';
17 @import './styles/element-ui.less';
18
19 body {
20 color: #475669;
21 margin: 0px;
22 padding: 0px;
23 background: @color-primary;
24 font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
25 Microsoft YaHei, SimSun, sans-serif;
26 font-size: 14px;
27 -webkit-font-smoothing: antialiased;
28 }
29
30 #app {
31 position: absolute;
32 top: 0px;
33 bottom: 0px;
34 width: 100%;
35 }
36
37 .toolbar {
38 background: #f2f2f2;
39 padding: 10px;
40 margin: 10px 0px;
41 .el-form-item {
42 margin-bottom: 10px;
43 }
44 }
45
46 .fade-enter-active,
47 .fade-leave-active {
48 transition: all 0.2s ease;
49 }
50
51 .fade-enter,
52 .fade-leave-active {
53 opacity: 0;
54 }
55
56 .ql-editor {
57 min-height: 100px !important;
58 }
59
60 .upload-poster-image {
61 height: 100px;
62 }
63
64 .upload-video-url {
65 width: 100%;
66 }
67
68 .poster {
69 // max-width: 80px;
70 width: 80px;
71 }
72 </style>
1 import axios from 'axios';
2
3 let base = 'https://api.k.wxpai.cn/bizproxy';
4 // let base = 'https://ow.go.qudone.com';
5
6
7 //formDataHeaders设置
8 let formDataHeaders = {
9 headers: {
10 "Content-Type": "multipart/form-data"
11 }
12 }
13
14 // get方法demo
15 export const getDemo = params => {
16 return axios.get(`${base}/path1/path2/getdemo`, {
17 params: params
18 }).then(res => res.data);
19 };
20
21 // post方法demo
22 export const postDemo = params => {
23 return axios.post(`${base}/path1/path2/postdemo`, params).then(res => res.data);
24 };
25
26 // postformdata
27 export const updatePostformdata = params => {
28 return axios.post(`${base}/path1/path2/postformdata`, params, formDataHeaders).then(res => res.data);
29 };
30
31 // 获取视频列表
32 export const getVideoList = params => {
33 return axios.get(`${base}/zcrapi/admin/vedios/list`, {
34 params: params
35 }).then(res => res.data);
36 };
37
38 // 保存视频
39 export const saveVideo = params => {
40 return axios.post(`${base}/zcrapi/admin/vedios/save`, params).then(res => res.data);
41 };
42
43 // 删除视频
44 export const deleteVideo = params => {
45 return axios.post(`${base}/zcrapi/admin/vedios/delete`, params).then(res => res.data);
46 };
47
48
49 // 获取文章分类列表
50 export const getClassifyList = params => {
51 return axios.get(`${base}/zcrapi/admin/article/classify/list`, {
52 params: params
53 }).then(res => res.data);
54 };
55
56
57 // 获取话题列表
58 export const getTagList = params => {
59 return axios.get(`${base}/zcrapi/admin/article/tag/list`, {
60 params: params
61 }).then(res => res.data);
62 };
63
64 // 保存话题
65 export const saveTag = params => {
66 return axios.post(`${base}/zcrapi/admin/article/tag/save`, params).then(res => res.data);
67 };
68
69 // 删除话题
70 export const deleteTag = params => {
71 return axios.post(`${base}/zcrapi/admin/article/tag/delete`, params).then(res => res.data);
72 };
73
74 // 获取头图列表
75 export const getBannerList = params => {
76 return axios.get(`${base}/zcrapi/admin/article/banner/list`, {
77 params: params
78 }).then(res => res.data);
79 };
80
81 // 保存头图
82 export const saveBanner = params => {
83 return axios.post(`${base}/zcrapi/admin/article/banner/save`, params).then(res => res.data);
84 };
85
86 // 删除头图
87 export const deleteBanner = params => {
88 return axios.post(`${base}/zcrapi/admin/article/banner/delete`, params).then(res => res.data);
89 };
90
91 // 删除头图
92 export const changeBanner = params => {
93 console.log("params:", params);
94 return axios.post(`${base}/zcrapi/admin/article/banner/change`, params).then(res => res.data);
95 };
96
97
98 // 获取文章列表
99 export const getArticleList = params => {
100 return axios.get(`${base}/zcrapi/admin/article/list`, {
101 params: params
102 }).then(res => res.data);
103 };
104
105 // 保存文章
106 export const saveArticle = params => {
107 return axios.post(`${base}/zcrapi/admin/article/save`, params).then(res => res.data);
108 };
109
110 // 删除文章
111 export const deleteArticle = params => {
112 return axios.post(`${base}/zcrapi/admin/article/delete`, params).then(res => res.data);
113 };
114
115
116 // 获取门店列表
117 export const getStoreList = params => {
118 return axios.get(`${base}/zcrapi/admin/store/list`, {
119 params: params
120 }).then(res => res.data);
121 };
122
123
124 // 文件上传 包含图片 postformdata
125 export const uploadFile = params => {
126 return axios.post(`${base}/zcrapi/admin/file/upload`, params, formDataHeaders).then(res => res.data);
127 };
128
129
130 // 获取门店列表
131 export const postDashboard = params => {
132 return axios.get(`${base}/zcrapi/admin/dashboard`, {
133 params: params
134 }).then(res => res.data);
135 };
136
137
138
139
140
141
142
143 export const requestLogin = params => {
144 return axios.post(`${base}/login`, params).then(res => res.data);
145 };
146
147 export const getUserList = params => {
148 return axios.get(`${base}/user/list`, {
149 params: params
150 }).then(res => res.data);
151 };
152
153 export const getUserListPage = params => {
154 return axios.get(`${base}/user/listpage`, {
155 params: params
156 }).then(res => res.data);;
157 };
158
159 export const removeUser = params => {
160 return axios.get(`${base}/user/remove`, {
161 params: params
162 }).then(res => res.data);;
163 };
164
165 export const batchRemoveUser = params => {
166 return axios.get(`${base}/user/batchremove`, {
167 params: params
168 }).then(res => res.data);
169 };
170
171 export const editUser = params => {
172 return axios.get(`${base}/user/edit`, {
173 params: params
174 }).then(res => res.data);
175 };
176
177 export const addUser = params => {
178 return axios.get(`${base}/user/add`, {
179 params: params
180 }).then(res => res.data);
181 };
182
183
184 export const dashboardExport = params => {
185 // return axios.get(`${base}/user/add`, {
186 // params: params
187 // }).then(res => res.data);
188 let url = `${base}/zcrapi/admin/dashboard/export` + '?fromDate=' + params.fromDate + '&toDate=' + params.toDate;
189 console.log("url:", url);
190 window.open(url)
191 };
1 import * as api from './api';
2
3 export default api;
1 // const OSS = require('ali-oss')
2 let Config = require('./ossConfig.json')
3
4 let creds = {
5 region: Config.region,
6 accessKeyId: Config.accessKeyId,
7 accessKeySecret: Config.accessKeySecret,
8 bucket: Config.bucket,
9 secure: true
10 }
11
12 export const client = new OSS.Wrapper(creds)
13
14 export function getAliOSSCreds() {
15 return new Promise((resolve, reject) => {
16 resolve(creds);
17 });
18 }
1 {
2 "region": "oss-cn-shenzhen",
3 "accessKeyId": "LTAIhDZsL5yCN90c",
4 "accessKeySecret": "LIj3OEJ8cMCQeRlUVVznJpMek2dPD2",
5 "bucket": "kdcdn",
6 "ossPath": "/pro/mzczcradmin/"
7 }
1 /**
2 * 获取当前链接参数
3 * @param {*} name
4 */
5 export const getLinkParam = name => {
6 return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
7 };
8
9 /**
10 * 去掉字符串两端空格 trim
11 * @param {string} str
12 */
13 export const trim = str => {
14 return str.replace(/(^\s*)|(\s*$)/g, '');
15 }
16
17 /**
18 * 验证邮箱
19 * @param {string} str
20 */
21 export const checkEmail = str => {
22 let re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;
23 if (re.test(str)) {
24 return true;
25 } else {
26 return false;
27 }
28 }
29
30 /**
31 * 验证手机 1开头+10位数
32 * @param {string} str
33 */
34 export const checkMobile = str => {
35 let re = /^1\d{10}$/;
36 // let re = /^(13[0-9]|14[57]|15[0-9]|17[0-9]|18[0-9])\d{8}$/; //严格模式
37 if (re.test(str)) {
38 return true;
39 } else {
40 return false;
41 }
42 }
43
44 /**
45 * 获取Uuid
46 */
47 export const uuid = () => {
48 var s = [];
49 var hexDigits = "0123456789abcdef";
50 for (var i = 0; i < 36; i++) {
51 s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
52 }
53 s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
54 s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
55 s[8] = s[13] = s[18] = s[23] = "-";
56
57 var uuid = s.join("");
58 return uuid;
59 }
60
61
62 /**
63 * 设置cookies
64 * @param {*} name
65 * @param {*} value
66 * @param {*} Days
67 */
68 export const setCookie = (name, value, Days = 0) => {
69 if (Days <= 0) Days = 30;
70 var exp = new Date();
71 exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
72 document.cookie = name + "=" + encodeURI(value) + ";expires=" + exp.toUTCString();
73 }
74
75
76 /**
77 * 获取cookies
78 * @param {*} name
79 * @param {*} value
80 * @param {*} Days
81 */
82 export const getCookie = (name) => {
83 var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
84 if (arr = document.cookie.match(reg)) {
85 return decodeURI(arr[2]);
86 } else {
87 return "";
88 }
89 }
90
91 /**
92 * 删除cookies
93 * @param {*} name
94 */
95 export const deleteCookie = (name) => {
96 var exp = new Date();
97 exp.setTime(exp.getTime() - 1);
98 var cval = getCookie(name);
99 if (cval != null)
100 document.cookie = name + "=" + cval + ";expires=" + exp.toUTCString();
101 }
102
103 /**
104 * 判断是否微信客户端
105 * @param {*} name
106 */
107 export const isWeiXin = () => {
108 var ua = window.navigator.userAgent.toLowerCase();
109 if (ua.match(/MicroMessenger/i) == 'micromessenger') {
110 return true;
111 } else {
112 return false;
113 }
114 }
115
116
117 /**
118 * 时间戳格式化(yyyy-MM-dd hh:mm:ss)
119 * @param {*} timestamp
120 * @param {*} format
121 */
122 export const timestampFormat = (timestamp, format) => {
123 Date.prototype.Format = function (fmt) {
124 var o = {
125 "M+": this.getMonth() + 1, //月份
126 "d+": this.getDate(), //日
127 "h+": this.getHours(), //小时
128 "m+": this.getMinutes(), //分
129 "s+": this.getSeconds(), //秒
130 "q+": Math.floor((this.getMonth() + 3) / 3), //季度
131 "S": this.getMilliseconds() //毫秒
132 };
133 if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
134 for (var k in o) {
135 if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
136 }
137 return fmt;
138 }
139
140 if (timestamp && timestamp.length == 10) timestamp += "000";
141
142 var date = new Date();
143 if (timestamp) date.setTime(timestamp);
144 if (format == null || format == "") {
145 format = "yyyy-MM-dd hh:mm:ss";
146 }
147 return date.Format(format);
148 };
149
150 /**
151 * 日期转时间戳
152 * @param {*} stringTime
153 */
154 export const dateParse = stringTime => {
155 if (stringTime) {
156 var date = new Date(stringTime);
157 } else {
158 var date = new Date();
159 }
160 return Date.parse(date);
161 };
162
163
164 /**
165 * 生成指定范围内的随机数
166 * @param {*} min
167 * @param {*} max
168 */
169 export const getRandom = (min, max) => {
170 var c = max - min + 1;
171 return Math.floor(Math.random() * c + min);
172 };
173
174
175 /**
176 * 日期格式化
177 */
178 export const formatDate = {
179 SIGN_REGEXP: /([yMdhsm])(\1*)/g,
180 DEFAULT_PATTERN: 'yyyy-MM-dd',
181 padding: function (s, len) {
182 var len = len - (s + '').length;
183 for (var i = 0; i < len; i++) {
184 s = '0' + s;
185 }
186 return s;
187 },
188 format: function (date, pattern) {
189 pattern = pattern || formatDate.DEFAULT_PATTERN;
190 return pattern.replace(formatDate.SIGN_REGEXP, function ($0) {
191 switch ($0.charAt(0)) {
192 case 'y':
193 return formatDate.padding(date.getFullYear(), $0.length);
194 case 'M':
195 return formatDate.padding(date.getMonth() + 1, $0.length);
196 case 'd':
197 return formatDate.padding(date.getDate(), $0.length);
198 case 'w':
199 return date.getDay() + 1;
200 case 'h':
201 return formatDate.padding(date.getHours(), $0.length);
202 case 'm':
203 return formatDate.padding(date.getMinutes(), $0.length);
204 case 's':
205 return formatDate.padding(date.getSeconds(), $0.length);
206 }
207 });
208 },
209 parse: function (dateString, pattern) {
210 var matchs1 = pattern.match(formatDate.SIGN_REGEXP);
211 var matchs2 = dateString.match(/(\d)+/g);
212 if (matchs1.length == matchs2.length) {
213 var _date = new Date(1970, 0, 1);
214 for (var i = 0; i < matchs1.length; i++) {
215 var _int = parseInt(matchs2[i]);
216 var sign = matchs1[i];
217 switch (sign.charAt(0)) {
218 case 'y':
219 _date.setFullYear(_int);
220 break;
221 case 'M':
222 _date.setMonth(_int - 1);
223 break;
224 case 'd':
225 _date.setDate(_int);
226 break;
227 case 'h':
228 _date.setHours(_int);
229 break;
230 case 'm':
231 _date.setMinutes(_int);
232 break;
233 case 's':
234 _date.setSeconds(_int);
235 break;
236 }
237 }
238 return _date;
239 }
240 return null;
241 }
242
243 }
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 <template>
2 <!-- list-type="picture-card" -->
3 <!-- :limit="limit ? limit : 1" -->
4 <el-upload
5 action="''"
6 :multiple="multiple ? true : false"
7 :accept="accept ? accept : 'image/*'"
8 :list-type="listtype ? listtype : 'picture'"
9 :show-file-list="showlist ? true : false"
10 :http-request="upload"
11 :before-upload="beforeAvatarUpload"
12 >
13 <!-- <i class="el-icon-plus"></i> -->
14 <el-button size="small" type="primary" :disabled="uploading">{{uploading? '正在上传':'点击上传'}}</el-button>
15 <div slot="tip" class="el-upload__tip">{{tips}}</div>
16 </el-upload>
17 </template>
18
19
20 <script>
21 import { uploadFile } from '../api/api.js'
22
23 export default {
24 name: 'uploadfile',
25 // 上传多图片
26 // accept 接受类型 图片:image/* 视频:video/*
27 props: [
28 'pid',
29 'multiple',
30 'accept',
31 'limit',
32 'listtype',
33 'tips',
34 'showlist'
35 ],
36 data() {
37 return {
38 config: {
39 maxSizeData: {
40 image: 2, //图片不大于2M
41 video: 20 //视频不大于20M
42 }
43 },
44 uploading: false,
45 file: {}
46 }
47 },
48 created() {},
49 methods: {
50 getMaxSizeByType(file) {
51 let result = 2
52 if (file && file.type) {
53 let type = file.type
54 if (type.indexOf('image') != -1) {
55 return this.config.maxSizeData.image
56 } else if (type.indexOf('video') != -1) {
57 return this.config.maxSizeData.video
58 }
59 }
60 return result
61 },
62 // 图片上传前验证
63 beforeAvatarUpload(file) {
64 let maxSize = this.getMaxSizeByType(file)
65 const isLt = file.size / 1024 / 1024 < maxSize
66 if (!isLt) {
67 this.$message.error(`该文件大小不能超过${maxSize}MB!`)
68 }
69 return isLt
70 },
71 // 上传图片到OSS 同时派发一个事件给父组件监听
72 upload(file) {
73 // 返回图片的存储路径 开始上传
74 this.uploading = true
75 this.file = file
76 let params = new FormData() //使用formData对象
77 params.append('path', '/pro/mzczcradmin/')
78 params.append('file', file.file)
79 uploadFile(params)
80 .then(result => {
81 let url = result.content
82 // 返回图片的存储路径
83 this.$emit('upload-success', {
84 pid: this.pid,
85 url: url
86 })
87 this.uploading = false
88 })
89 .catch(err => {
90 this.uploading = false
91 })
92 return
93 }
94 }
95 }
96 </script>
97
98 <style lang="less" scoped>
99 .el-upload-list {
100 }
101 </style>
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 }
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 ElementUI from 'element-ui'
5 import 'element-ui/lib/theme-chalk/index.css';
6 import './styles/element-#324057/index.css';
7 import 'font-awesome/css/font-awesome.min.css'
8
9 import App from './App'
10 import router from './router'
11 import store from './vuex/store'
12 import Vuex from 'vuex'
13 import NProgress from 'nprogress'
14 import Mock from './mock'
15 Mock.bootstrap();
16
17 import VueQuillEditor from 'vue-quill-editor'
18 // require styles
19 import 'quill/dist/quill.core.css'
20 import 'quill/dist/quill.snow.css'
21 import 'quill/dist/quill.bubble.css'
22 Vue.use(VueQuillEditor, /* { default global options } */ )
23
24 Vue.config.productionTip = false
25 NProgress.configure({
26 showSpinner: false
27 });
28
29 Vue.use(ElementUI)
30 Vue.use(Vuex)
31
32 /* eslint-disable no-new */
33 new Vue({
34 el: '#app',
35 router,
36 store,
37 components: {
38 App
39 },
40 data: {
41 bus: new Vue()
42 },
43 template: '<App/>'
44 })
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
17 }
18 return;
19
20 let mock = new MockAdapter(axios);
21
22 // mock success request
23 mock.onGet('/success').reply(200, {
24 msg: 'success'
25 });
26
27 // mock error request
28 mock.onGet('/error').reply(500, {
29 msg: 'failure'
30 });
31
32 //登录
33 mock.onPost('/login').reply(config => {
34 let {
35 username,
36 password
37 } = JSON.parse(config.data);
38 return new Promise((resolve, reject) => {
39 let user = null;
40 setTimeout(() => {
41 let hasUser = LoginUsers.some(u => {
42 if (u.username === username && u.password === password) {
43 user = JSON.parse(JSON.stringify(u));
44 user.password = undefined;
45 return true;
46 }
47 });
48
49 if (hasUser) {
50 resolve([200, {
51 code: 200,
52 msg: '请求成功',
53 user
54 }]);
55 } else {
56 resolve([200, {
57 code: 500,
58 msg: '账号或密码错误'
59 }]);
60 }
61 }, 1000);
62 });
63 });
64
65 //获取用户列表
66 mock.onGet('/user/list').reply(config => {
67 let {
68 name
69 } = config.params;
70 let mockUsers = _Users.filter(user => {
71 if (name && user.name.indexOf(name) == -1) return false;
72 return true;
73 });
74 return new Promise((resolve, reject) => {
75 setTimeout(() => {
76 resolve([200, {
77 users: mockUsers
78 }]);
79 }, 1000);
80 });
81 });
82
83 //获取用户列表(分页)
84 mock.onGet('/user/listpage').reply(config => {
85 let {
86 page,
87 name
88 } = config.params;
89 let mockUsers = _Users.filter(user => {
90 if (name && user.name.indexOf(name) == -1) return false;
91 return true;
92 });
93 let total = mockUsers.length;
94 mockUsers = mockUsers.filter((u, index) => index < 20 * page && index >= 20 * (page - 1));
95 return new Promise((resolve, reject) => {
96 setTimeout(() => {
97 resolve([200, {
98 total: total,
99 users: mockUsers
100 }]);
101 }, 1000);
102 });
103 });
104
105 //删除用户
106 mock.onGet('/user/remove').reply(config => {
107 let {
108 id
109 } = config.params;
110 _Users = _Users.filter(u => u.id !== id);
111 return new Promise((resolve, reject) => {
112 setTimeout(() => {
113 resolve([200, {
114 code: 200,
115 msg: '删除成功'
116 }]);
117 }, 500);
118 });
119 });
120
121 //批量删除用户
122 mock.onGet('/user/batchremove').reply(config => {
123 let {
124 ids
125 } = config.params;
126 ids = ids.split(',');
127 _Users = _Users.filter(u => !ids.includes(u.id));
128 return new Promise((resolve, reject) => {
129 setTimeout(() => {
130 resolve([200, {
131 code: 200,
132 msg: '删除成功'
133 }]);
134 }, 500);
135 });
136 });
137
138 //编辑用户
139 mock.onGet('/user/edit').reply(config => {
140 let {
141 id,
142 name,
143 addr,
144 age,
145 birth,
146 sex
147 } = config.params;
148 _Users.some(u => {
149 if (u.id === id) {
150 u.name = name;
151 u.addr = addr;
152 u.age = age;
153 u.birth = birth;
154 u.sex = sex;
155 return true;
156 }
157 });
158 return new Promise((resolve, reject) => {
159 setTimeout(() => {
160 resolve([200, {
161 code: 200,
162 msg: '编辑成功'
163 }]);
164 }, 500);
165 });
166 });
167
168 //新增用户
169 mock.onGet('/user/add').reply(config => {
170 let {
171 name,
172 addr,
173 age,
174 birth,
175 sex
176 } = config.params;
177 _Users.push({
178 name: name,
179 addr: addr,
180 age: age,
181 birth: birth,
182 sex: sex
183 });
184 return new Promise((resolve, reject) => {
185 setTimeout(() => {
186 resolve([200, {
187 code: 200,
188 msg: '新增成功'
189 }]);
190 }, 500);
191 });
192 });
193
194 }
195 };
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 :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0px" class="demo-ruleForm login-container">
3 <h3 class="title">系统登录</h3>
4 <el-form-item prop="account">
5 <el-input type="text" v-model="ruleForm2.account" auto-complete="off" placeholder="账号"></el-input>
6 </el-form-item>
7 <el-form-item prop="checkPass">
8 <el-input type="password" v-model="ruleForm2.checkPass" auto-complete="off" placeholder="密码"></el-input>
9 </el-form-item>
10 <el-checkbox v-model="checked" checked class="remember">记住密码</el-checkbox>
11 <el-form-item style="width:100%;">
12 <el-button type="primary" style="width:100%;" @click.native.prevent="handleSubmit2" :loading="logining">登录</el-button>
13 <!--<el-button @click.native.prevent="handleReset2">重置</el-button>-->
14 </el-form-item>
15 </el-form>
16 </template>
17
18 <script>
19 import { requestLogin } from "../api/api";
20 import NProgress from "nprogress";
21 export default {
22 data() {
23 return {
24 logining: false,
25 ruleForm2: {
26 account: "admin",
27 checkPass: "123456"
28 },
29 rules2: {
30 account: [
31 { required: true, message: "请输入账号", trigger: "blur" }
32 //{ validator: validaePass }
33 ],
34 checkPass: [
35 { required: true, message: "请输入密码", trigger: "blur" }
36 //{ validator: validaePass2 }
37 ]
38 },
39 checked: true
40 };
41 },
42 methods: {
43 handleReset2() {
44 this.$refs.ruleForm2.resetFields();
45 },
46 handleSubmit2(ev) {
47 var _this = this
48 this.$refs.ruleForm2.validate(valid => {
49 if (valid) {
50 //_this.$router.replace('/table');
51 // this.logining = true
52 // NProgress.start()
53 var loginParams = {
54 username: this.ruleForm2.account,
55 password: this.ruleForm2.checkPass
56 }
57 if (
58 loginParams.username == 'admin' &&
59 loginParams.password == '123456'
60 ) {
61 let user = loginParams
62 sessionStorage.setItem('user', JSON.stringify(user))
63 this.$router.push({ path: "/" })
64 } else {
65 this.$notify({
66 title: '错误',
67 message: '密码错误',
68 type: 'error'
69 })
70 }
71 // requestLogin(loginParams).then(data => {
72 // this.logining = false;
73 // NProgress.done();
74 // let { msg, code, user } = data;
75 // if (code !== 200) {
76 // this.$notify({
77 // title: "错误",
78 // message: msg,
79 // type: "error"
80 // });
81 // } else {
82 // sessionStorage.setItem("user", JSON.stringify(user));
83 // this.$router.push({ path: "/" });
84 // }
85 // });
86 } else {
87 console.log('error submit!!')
88 return false
89 }
90 })
91 }
92 }
93 };
94 </script>
95
96 <style lang="less" scoped>
97 .login-container {
98 -webkit-border-radius: 5px;
99 border-radius: 5px;
100 -moz-border-radius: 5px;
101 background-clip: padding-box;
102 margin-bottom: 20px;
103 background-color: #f9fafc;
104 margin: 180px auto;
105 border: 2px solid #8492a6;
106 width: 350px;
107 padding: 35px 35px 15px 35px;
108 .title {
109 margin: 0px auto 40px auto;
110 text-align: center;
111 color: #505458;
112 }
113 .remember {
114 margin: 0px 0px 35px 0px;
115 }
116 }
117 </style>
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 <div>
3 <!--工具条-->
4 <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
5 <el-form>
6 <el-form-item>
7 <div class="tool-wrap fl">
8 <el-select
9 v-model="curClassify"
10 placeholder="请选择"
11 @change="HandleSelectChange"
12 >
13 <el-option
14 v-for="(item,index) in totalData.classifyList"
15 :key="index"
16 :label="item.name"
17 :value="item.classify"
18 ></el-option>
19 </el-select>
20 <el-button @click="handleAdd()" v-if="true" type="primary">新增</el-button>
21 </div>
22 </el-form-item>
23 </el-form>
24 </el-col>
25
26 <!-- 列表 -->
27 <el-table
28 :data="totalData.dataList"
29 highlight-current-row
30 v-loading="listLoading"
31 style="width: 100%;"
32 >
33 <el-table-column prop="tag" label="话题"></el-table-column>
34 <el-table-column label="操作" width="150">
35 <template slot-scope="scope">
36 <el-button size="small" @click="modifyHandler(scope.$index, scope.row)">修改</el-button>
37 <el-button
38 size="small"
39 type="danger"
40 @click="deleteHandler(scope.$index, scope.row)"
41 >删除</el-button>
42 </template>
43 </el-table-column>
44 </el-table>
45
46 <!--编辑界面-->
47 <el-dialog
48 :title="dialogTitle"
49 :visible.sync="editFormVisible"
50 :close-on-click-modal="false"
51 >
52 <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
53 <el-form-item label="分类" prop="classify">
54 <el-select
55 v-model="editForm.classify"
56 placeholder="请选择"
57 @change="HandleSelectDialogChange"
58 >
59 <el-option
60 v-for="(item,index) in totalData.classifyDialogList"
61 :key="index"
62 :label="item.name"
63 :value="item.classify"
64 ></el-option>
65 </el-select>
66 </el-form-item>
67
68 <el-form-item label="话题" prop="tag">
69 <el-input v-model="editForm.tag"></el-input>
70 </el-form-item>
71 </el-form>
72 <div slot="footer" class="dialog-footer">
73 <el-button @click.native="editFormVisible = false">取消</el-button>
74 <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
75 </div>
76 </el-dialog>
77
78 <!--分页导航-->
79 <el-col :span="24" class="toolbar fl pagination-wrap">
80 <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div>
81 <el-pagination
82 layout="prev, pager, next"
83 @current-change="handleCurrentChange"
84 :page-size="pageSize"
85 :total="total"
86 style="float:right;"
87 ></el-pagination>
88 </el-col>
89 </div>
90 </template>
91
92 <script>
93 import {
94 getClassifyList,
95 getTagList,
96 saveTag,
97 deleteTag
98 } from '../../api/api.js'
99
100 export default {
101 data() {
102 return {
103 key: 'value',
104 page: 1,
105 pageSize: 10,
106 total: 0,
107 totalData: {
108 dataList: [],
109 classifyList: [],
110 classifyDialogList: []
111 },
112 listLoading: false,
113 editLoading: false,
114 editFormVisible: false,
115 dialogTitle: '编辑',
116 //编辑界面数据
117 editForm: {
118 tag: '',
119 classify: ''
120 },
121 editFormRules: {
122 tag: [
123 { required: true, message: '请输入话题', trigger: 'blur' }
124 ],
125 classify: [
126 { required: true, message: '请选择分类', trigger: 'blur' }
127 ]
128 },
129 curClassify: ''
130 }
131 },
132 computed: {
133 pageNum() {
134 return Math.ceil(this.total / this.pageSize)
135 }
136 },
137 methods: {
138 name() {},
139 // 获取列表
140 reqQuery() {
141 let data = {
142 page: this.page,
143 size: this.pageSize,
144 classify: this.curClassify
145 }
146 getTagList(data).then(result => {
147 let { content, code } = result
148 let { list, total } = content
149 this.total = total
150 this.$set(this.totalData, 'dataList', list)
151 console.log('this.totalData:', this.totalData.dataList)
152 })
153 },
154 reqGetClassifyList() {
155 let data = {}
156 getClassifyList(data)
157 .then(result => {
158 let { content, code } = result
159 this.$set(this.totalData, 'classifyDialogList', content)
160 //深复制
161 let content2 = Object.assign([], content)
162 content2.unshift({
163 classify: '',
164 dispayType: '',
165 name: '全部'
166 })
167 this.$set(this.totalData, 'classifyList', content2)
168 this.reqQuery()
169 })
170 .catch(err => {})
171 },
172 // 修改 显示修改对话框
173 modifyHandler(index, row) {
174 this.dialogTitle = '修改'
175 try {
176 this.$refs['editForm'].resetFields()
177 } catch (error) {}
178 this.editFormVisible = true
179 this.editForm = Object.assign({}, row)
180 },
181 deleteHandler(index, row) {
182 let data = {
183 tagCode: row.tagCode
184 }
185 this.$confirm('确认删除吗?', '提示', {}).then(() => {
186 deleteTag(data)
187 .then(result => {
188 let { code, content } = result
189 if (code == 200) {
190 this.$notify({
191 title: '成功',
192 message: '删除成功',
193 type: 'success'
194 })
195 } else {
196 }
197 this.editFormVisible = false
198 this.reqQuery()
199 })
200 .catch(err => {})
201 })
202 },
203 // 新增
204 handleAdd() {
205 this.editForm = {
206 tagCode: '',
207 tag: '',
208 classify: ''
209 }
210 try {
211 this.$refs['editForm'].resetFields()
212 } catch (error) {}
213 this.editFormVisible = true
214 this.dialogTitle = '新增'
215 },
216 // 提交 新增/修改
217 editSubmit() {
218 let data = this.editForm
219 this.$refs.editForm.validate(valid => {
220 if (valid) {
221 this.editLoading = true
222 saveTag(data)
223 .then(result => {
224 let { code, content } = result
225 if (code == 200) {
226 this.$notify({
227 title: '成功',
228 message: '提交成功',
229 type: 'success'
230 })
231 } else {
232 }
233 this.editLoading = false
234 this.editFormVisible = false
235 this.reqQuery()
236 })
237 .catch(err => {})
238 }
239 })
240 },
241 // 点击页数
242 handleCurrentChange(val) {
243 this.page = val
244 this.reqQuery()
245 },
246 HandleSelectChange() {
247 this.reqQuery()
248 },
249 // 编辑时选择分类
250 HandleSelectDialogChange() {}
251 },
252
253 created() {
254 this.reqGetClassifyList()
255 }
256 }
257 </script>
258
259 <style lang="less" scoped>
260 .tool-wrap {
261 color: #333333;
262 }
263
264 .pagination-wrap {
265 .page-tips {
266 height: 32px;
267 line-height: 32px;
268 color: #333333;
269 }
270 }
271
272 .fl {
273 display: flex;
274 justify-content: space-between;
275 }
276
277 .fle {
278 display: flex;
279 justify-content: flex-end;
280 }
281
282 </style>
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>
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 <el-upload
3 list-type="picture-card"
4 action="''"
5 :http-request="upload"
6 :before-upload="beforeAvatarUpload"
7 >
8 <i class="el-icon-plus"></i>
9 </el-upload>
10 </template>
11
12 <script>
13 // import {getAliOSSCreds} from '@/api/common' // 向后端获取 OSS秘钥信息
14 // import {createId} from '@/utils' // 一个生产唯一的id的方法
15 import OSS from 'ali-oss'
16 import { client, getAliOSSCreds } from '../../common/oss-upload.js'
17
18 import { uploadFile } from '../../api/api.js'
19
20 export default {
21 name: 'imgUpload',
22 data() {
23 return {}
24 },
25 created() {
26 // console.log('client:', client)
27 // console.log('client.list:', client.list())
28 },
29 methods: {
30 // 图片上传前验证
31 beforeAvatarUpload(file) {
32 console.log('file:', file)
33 const isLt2M = file.size / 1024 / 1024 < 2
34 if (!isLt2M) {
35 this.$message.error('上传头像图片大小不能超过 2MB!')
36 }
37 return isLt2M
38 },
39 // 上传图片到OSS 同时派发一个事件给父组件监听
40 upload(item) {
41 let params = new FormData() //使用formData对象
42 params.append('path', '/pro/mzczcradmin/')
43 params.append('file', item.file)
44 uploadFile(params)
45 .then(result => {
46 console.log('upload result:', result)
47 })
48 .catch(err => {})
49 return // OSS上传
50 client
51 .list()
52 .then(result => {
53 console.log('result222:', result)
54 console.log('objects: %j', result.objects)
55 // return client.put('my-obj', new OSS.Buffer('hello world'))
56 })
57 .then(result => {
58 console.log('put result: %j', result)
59 // return client.get('my-obj')
60 })
61 .then(result => {
62 // console.log('get result: %j', result.content.toString())
63 })
64 .catch(err => {
65 console.log('err:', err)
66 })
67 // getAliOSSCreds()
68 // .then(res => {
69 // console.log('getAliOSSCreds res:', res)
70 // // 向后台发请求 拉取OSS相关配置
71 // let creds = res
72 // let client = new OSS(creds)
73 // // let key =
74 // // 'resource/' +
75 // // localStorage.userId +
76 // // '/images/' +
77 // // createId() +
78 // // '.jpg' // 存储路径,并且给图片改成唯一名字
79 // let key = '/pro/mzczcradmin/111.png'
80 // return client.put(key, item.file) // OSS上传
81 // })
82 // .then(res => {
83 // console.log(res.url)
84 // // this.$emit('on-success', res.url) // 返回图片的存储路径
85 // })
86 // .catch(err => {
87 // console.log('err:', err)
88 // })
89 }
90 }
91 }
92 </script>
1
2 <template>
3 <div>
4 <!-- 列表 -->
5 <el-table
6 :data="totalData.dataList"
7 highlight-current-row
8 v-loading="listLoading"
9 style="width: 100%;"
10 >
11 <el-table-column prop="storeCode" label="门店号码"></el-table-column>
12 <el-table-column prop="title" label="门店名称"></el-table-column>
13 <el-table-column prop="address" label="门店地址"></el-table-column>
14 <el-table-column prop="bankHour" label="营业时间"></el-table-column>
15 <!-- <el-table-column prop="lat" label="经度">
16 </el-table-column>
17 <el-table-column prop="lng" label="纬度">
18 </el-table-column>-->
19 <el-table-column prop="loc" label="地理位置"></el-table-column>
20 <el-table-column prop="mobile" label="联系电话"></el-table-column>
21 </el-table>
22
23 <!--分页导航-->
24 <el-col :span="24" class="toolbar fl pagination-wrap">
25 <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}</div>
26 <el-pagination
27 layout="prev, pager, next"
28 @current-change="handleCurrentChange"
29 :page-size="pageSize"
30 :total="total"
31 style="float:right;"
32 ></el-pagination>
33 </el-col>
34 </div>
35 </template>
36
37 <script>
38 import { getStoreList } from '../../api/api.js'
39 export default {
40 data() {
41 return {
42 key: 'value',
43 page: 1,
44 pageSize: 10,
45 total: 0,
46 totalData: {
47 dataList: []
48 },
49 listLoading: false
50 }
51 },
52 computed: {
53 pageNum() {
54 return Math.ceil(this.total / this.pageSize)
55 }
56 },
57 methods: {
58 name() {},
59 // 点击页数
60 handleCurrentChange(val) {
61 this.page = val
62 console.log('this.page:', this.page)
63 this.reqQuery()
64 },
65 reqQuery() {
66 let data = {
67 page: this.page,
68 size: this.pageSize
69 }
70 getStoreList(data).then(result => {
71 let { content, code } = result
72 let { list, total } = content
73 this.total = total
74 list.forEach(element => {
75 element.loc = element.lat + ' , ' + element.lng
76 })
77 this.$set(this.totalData, 'dataList', list)
78 console.log('this.totalData:', this.totalData.dataList)
79 })
80 }
81 },
82
83 created() {
84 this.reqQuery()
85 }
86 }
87 </script>
88
89 <style lang="less" scoped>
90 .tool-wrap {
91 color: #333333;
92 }
93
94 .pagination-wrap {
95 .page-tips {
96 height: 32px;
97 line-height: 32px;
98 color: #333333;
99 }
100 }
101
102 .fl {
103 display: flex;
104 justify-content: space-between;
105 }
106
107 .fle {
108 display: flex;
109 justify-content: flex-end;
110 }
111
112 </style>
1 <template>
2 <div>
3 <!--工具条-->
4 <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
5 <el-form>
6 <el-form-item>
7 <div class="tool-wrap fle">
8 <el-button @click="handleAdd()" type="primary">新增</el-button>
9 </div>
10 </el-form-item>
11 </el-form>
12 </el-col>
13
14 <!-- 列表 -->
15 <el-table
16 :data="totalData.dataList"
17 highlight-current-row
18 v-loading="listLoading"
19 style="width: 100%;"
20 >
21 <!-- <el-table-column type="index" width="60">
22 </el-table-column>-->
23 <el-table-column prop="month" label="月龄"></el-table-column>
24 <el-table-column prop="title" label="视频标题"></el-table-column>
25 <!-- <el-table-column prop="pic" label="封面地址"></el-table-column> -->
26 <el-table-column label="封面图">
27 <template slot-scope="scope">
28 <img class="poster" :src="scope.row.pic" alt>
29 </template>
30 </el-table-column>
31 <el-table-column prop="vedioUrl" label="视频链接"></el-table-column>
32 <el-table-column label="操作" width="150">
33 <template slot-scope="scope">
34 <el-button size="small" @click="modifyHandler(scope.$index, scope.row)">修改</el-button>
35 <el-button
36 size="small"
37 type="danger"
38 @click="deleteHandler(scope.$index, scope.row)"
39 >删除</el-button>
40 </template>
41 </el-table-column>
42 </el-table>
43
44 <!--编辑界面-->
45 <el-dialog
46 :title="dialogTitle"
47 :visible.sync="editFormVisible"
48 :close-on-click-modal="false"
49 >
50 <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
51 <el-form-item label="月龄" prop="month">
52 <el-input-number v-model="editForm.month" :min="0"></el-input-number>
53 </el-form-item>
54 <el-form-item label="视频标题" prop="title">
55 <el-input v-model="editForm.title"></el-input>
56 </el-form-item>
57 <el-form-item label="封面图" prop="pic">
58 <img class="upload-poster-image" v-show="editForm.pic" :src="editForm.pic" alt>
59 <upload-item pid="p1" v-on:upload-success="onUploadSuccess"></upload-item>
60 <!-- <el-input v-model="editForm.pic"></el-input> -->
61 </el-form-item>
62 <el-form-item label="视频链接" prop="vedioUrl">
63 <!-- <el-input v-model="editForm.vedioUrl"></el-input> -->
64 <!-- <img v-show="editForm.vedioUrl" :src="editForm.vedioUrl" alt> -->
65 <upload-item pid="v1" accept="video/*" v-on:upload-success="onUploadSuccess"></upload-item>
66 <!-- <div class="upload-video-url">{{editForm.vedioUrl}}</div> -->
67 <el-input disabled v-model="editForm.vedioUrl"></el-input>
68 </el-form-item>
69 </el-form>
70 <div slot="footer" class="dialog-footer">
71 <el-button @click.native="editFormVisible = false">取消</el-button>
72 <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
73 </div>
74 </el-dialog>
75
76 <!--分页导航-->
77 <el-col :span="24" class="toolbar fl pagination-wrap">
78 <div class="page-tips">总共{{total}}条记录,每页{{pageSize}}条,总共{{pageNum}}页</div>
79 <el-pagination
80 layout="prev, pager, next"
81 @current-change="handleCurrentChange"
82 :page-size="pageSize"
83 :total="total"
84 style="float:right;"
85 ></el-pagination>
86 </el-col>
87 </div>
88 </template>
89
90 <script>
91 import { getVideoList, saveVideo, deleteVideo } from '../../api/api.js'
92 import UploadItem from '../../components/UploadItem'
93
94 export default {
95 data() {
96 return {
97 key: 'value',
98 page: 1,
99 pageSize: 10,
100 total: 0,
101 totalData: {
102 dataList: []
103 },
104 listLoading: false,
105 editLoading: false,
106 dialogLoading: false,
107 editFormVisible: false,
108 dialogTitle: '编辑',
109 //编辑界面数据
110 editForm: {
111 month: 0,
112 title: '',
113 pic: '',
114 vedioUrl: ''
115 },
116 editFormRules: {
117 month: [
118 { type: 'number', message: '请输入数字', trigger: 'blur' }
119 ],
120 title: [
121 { required: true, message: '请输入标题', trigger: 'blur' }
122 ],
123 pic: [
124 {
125 required: true,
126 message: '请上传封面图',
127 trigger: 'blur'
128 }
129 ],
130 vedioUrl: [
131 {
132 required: true,
133 message: '请上传视频',
134 trigger: 'blur'
135 }
136 ]
137 }
138 // dialogData: {
139 // pic: '',
140 // vedioUrl: ''
141 // }
142 }
143 },
144 computed: {
145 pageNum() {
146 return Math.ceil(this.total / this.pageSize)
147 }
148 },
149 methods: {
150 name() {},
151 // 文件上传完毕
152 onUploadSuccess(evtAny) {
153 let { pid, url } = evtAny
154 if (pid == 'p1') {
155 this.$set(this.editForm, 'pic', url)
156 } else if (pid == 'v1') {
157 this.$set(this.editForm, 'vedioUrl', url)
158 }
159 },
160 // 获取视频列表
161 reqQuery() {
162 let data = {
163 page: this.page,
164 size: this.pageSize
165 }
166 getVideoList(data).then(result => {
167 // this.data.
168 console.log('result:', result)
169 let { content, code } = result
170 let { list, total } = content
171 this.total = total
172 this.$set(this.totalData, 'dataList', list)
173 console.log('this.totalData:', this.totalData.dataList)
174 })
175 },
176 // 修改 显示修改对话框
177 modifyHandler(index, row) {
178 // console.log('row:', row)
179 try {
180 this.$refs['editForm'].resetFields()
181 } catch (error) {}
182 this.dialogTitle = '修改'
183 this.editFormVisible = true
184 this.editForm = Object.assign({}, row)
185 this.dialogImage = this.editForm.pic
186 },
187 deleteHandler(index, row) {
188 let data = {
189 vedioCode: row.vedioCode
190 }
191 this.$confirm('确认删除吗?', '提示', {}).then(() => {
192 deleteVideo(data)
193 .then(result => {
194 let { code, content } = result
195 if (code == 200) {
196 this.$notify({
197 title: '成功',
198 message: '删除成功',
199 type: 'success'
200 })
201 } else {
202 }
203 this.editFormVisible = false
204 this.reqQuery()
205 })
206 .catch(err => {})
207 })
208 },
209 // 新增视频
210 handleAdd() {
211 this.editForm = {
212 month: 0,
213 title: '',
214 pic: '',
215 vedioUrl: ''
216 }
217 try {
218 this.$refs['editForm'].resetFields()
219 } catch (error) {}
220 this.editFormVisible = true
221 this.dialogTitle = '新增'
222 },
223 // 提交视频 新增/修改
224 editSubmit() {
225 let data = this.editForm
226 this.$refs.editForm.validate(valid => {
227 if (valid) {
228 this.editLoading = true
229 saveVideo(data)
230 .then(result => {
231 let { code, content } = result
232 if (code == 200) {
233 this.$notify({
234 title: '成功',
235 message: '提交成功',
236 type: 'success'
237 })
238 } else {
239 }
240 this.editLoading = false
241 this.editFormVisible = false
242 this.reqQuery()
243 })
244 .catch(err => {})
245 } else {
246 }
247 })
248 },
249 // 点击页数
250 handleCurrentChange(val) {
251 this.page = val
252 this.reqQuery()
253 }
254 },
255 created() {
256 this.reqQuery()
257 },
258 components: {
259 UploadItem
260 }
261 }
262 </script>
263
264 <style lang="less" scoped>
265 .tool-wrap {
266 color: #333333;
267 }
268
269 .pagination-wrap {
270 .page-tips {
271 height: 32px;
272 line-height: 32px;
273 color: #333333;
274 }
275 }
276
277 .fl {
278 display: flex;
279 justify-content: space-between;
280 }
281
282 .fle {
283 display: flex;
284 justify-content: flex-end;
285 }
286
287 </style>
1 import Vue from 'vue'
2 import Router from 'vue-router'
3
4 import Login from './../pages/Login.vue'
5 import NotFound from './../pages/404.vue'
6 import Home from './../pages/Home.vue'
7 import Main from './../pages/Main.vue'
8
9 // import Table from './../pages/nav1/Table.vue'
10 // import Form from './../pages/nav1/Form.vue'
11 // import user from './../pages/nav1/user.vue'
12 // import Page4 from './../pages/nav2/Page4.vue'
13 // import Page5 from './../pages/nav2/Page5.vue'
14 import Page6 from './../pages/nav3/Page6.vue'
15
16 import Dashboard from './../pages/dashboard/Dashboard.vue'
17 import VideoManager from './../pages/video-manager/VideoManager.vue'
18 import BannerManager from './../pages/classroom/BannerManager.vue'
19 import ArticleManager from './../pages/classroom/ArticleManager.vue'
20 import TagManager from './../pages/classroom/TagManager.vue'
21 import StoreManager from './../pages/store-manager/StoreManager.vue'
22
23 Vue.use(Router)
24
25 const router = new Router({
26 routes: [{
27 path: '/login',
28 component: Login,
29 name: '',
30 hidden: true
31 },
32 {
33 path: '/404',
34 component: NotFound,
35 name: '',
36 hidden: true
37 },
38 //{ path: '/main', component: Main },
39 {
40 path: '/',
41 component: Home,
42 name: '',
43 iconCls: 'fa fa-address-card',
44 leaf: true, //只有一个节点
45 children: [{
46 path: '/',
47 component: Dashboard,
48 name: 'Dashboard'
49 }]
50 },
51 {
52 path: '/',
53 component: Home,
54 name: '',
55 iconCls: 'fa fa-address-card',
56 leaf: true, //只有一个节点
57 children: [{
58 path: '/video/manager',
59 component: VideoManager,
60 name: '视频管理'
61 }]
62 },
63 {
64 path: '/',
65 component: Home,
66 name: '爸妈学堂',
67 iconCls: 'fa fa-id-card-o',
68 children: [{
69 path: '/tag/manager',
70 component: TagManager,
71 name: '话题管理'
72 },
73 {
74 path: '/banner/manager',
75 component: BannerManager,
76 name: '头图管理'
77 },
78 {
79 path: '/article/manager',
80 component: ArticleManager,
81 name: '文章管理'
82 }
83 ]
84 },
85 {
86 path: '/',
87 component: Home,
88 name: '',
89 iconCls: 'fa fa-address-card',
90 leaf: true, //只有一个节点
91 children: [{
92 path: '/store/manager',
93 component: StoreManager,
94 name: '呵护到家'
95 }]
96 },
97 // {
98 // path: '/',
99 // component: Home,
100 // name: '导航一',
101 // iconCls: 'el-icon-message', //图标样式class
102 // children: [{
103 // path: '/main',
104 // component: Main,
105 // name: '主页',
106 // hidden: true
107 // },
108 // {
109 // path: '/table',
110 // component: Table,
111 // name: 'Table'
112 // },
113 // {
114 // path: '/form',
115 // component: Form,
116 // name: 'Form'
117 // },
118 // {
119 // path: '/user',
120 // component: user,
121 // name: '列表'
122 // },
123 // ]
124 // },
125 // {
126 // path: '/',
127 // component: Home,
128 // name: '导航二',
129 // iconCls: 'fa fa-id-card-o',
130 // children: [{
131 // path: '/page4',
132 // component: Page4,
133 // name: '页面4'
134 // },
135 // {
136 // path: '/page5',
137 // component: Page5,
138 // name: '页面5'
139 // }
140 // ]
141 // },
142 // {
143 // path: '/',
144 // component: Home,
145 // name: '',
146 // iconCls: 'fa fa-address-card',
147 // leaf: true, //只有一个节点
148 // children: [{
149 // path: '/page6',
150 // component: Page6,
151 // name: '导航三'
152 // }]
153 // },
154
155 {
156 path: '*',
157 hidden: true,
158 redirect: {
159 path: '/404'
160 }
161 }
162 ]
163 })
164
165
166 router.beforeEach((to, from, next) => {
167 //NProgress.start();
168 if (to.path == '/login') {
169 sessionStorage.removeItem('user');
170 }
171 let user = JSON.parse(sessionStorage.getItem('user'));
172 if (!user && to.path != '/login') {
173 next({
174 path: '/login'
175 })
176 } else {
177 next()
178 }
179 })
180
181 export default router;
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