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