├── .babelrc
├── .editorconfig
├── .gitignore
├── .postcssrc.js
├── .prettierrc
├── README.md
├── build
    ├── build.js
    ├── check-versions.js
    ├── dev-client.js
    ├── dev-server.js
    ├── utils.js
    ├── vue-loader.conf.js
    ├── webpack.base.conf.js
    ├── webpack.dev.conf.js
    └── webpack.prod.conf.js
├── config
    ├── dev.env.js
    ├── index.js
    └── prod.env.js
├── deploy.sh
├── index.html
├── package.json
├── server
    ├── .gitignore
    ├── app.js
    ├── bin
    │   ├── global.js
    │   └── www
    ├── config.js
    ├── controllers
    │   ├── book.js
    │   └── user.js
    ├── data
    │   ├── book.js
    │   └── user.js
    ├── package.json
    ├── public
    │   ├── images
    │   │   ├── apple.jpg
    │   │   └── pic_s_200_1.jpg
    │   └── stylesheets
    │   │   ├── style.css
    │   │   └── style.less
    ├── readme
    ├── routes
    │   ├── api
    │   │   └── v1
    │   │   │   ├── books.js
    │   │   │   ├── index.js
    │   │   │   └── users.js
    │   └── index.js
    └── views
    │   ├── error.ejs
    │   └── index.ejs
├── src
    ├──  drage.json
    ├── App.vue
    ├── api
    │   ├── api_book.js
    │   ├── api_user.js
    │   ├── env.js
    │   └── index.js
    ├── assets
    │   ├── iconfont
    │   │   ├── demo.css
    │   │   ├── demo_fontclass.html
    │   │   ├── demo_symbol.html
    │   │   ├── demo_unicode.html
    │   │   ├── iconfont.css
    │   │   ├── iconfont.eot
    │   │   ├── iconfont.js
    │   │   ├── iconfont.svg
    │   │   ├── iconfont.ttf
    │   │   └── iconfont.woff
    │   ├── images
    │   │   ├── 404.gif
    │   │   ├── book.png
    │   │   ├── cover.jpg
    │   │   ├── forest.png
    │   │   ├── girl.jpg
    │   │   ├── hill.png
    │   │   ├── mainbg.jpg
    │   │   ├── sunrise.png
    │   │   ├── sunshine.png
    │   │   └── user.jpeg
    │   └── styles
    │   │   └── main.scss
    ├── common
    │   └── util.js
    ├── components
    │   ├── Dashboard.vue
    │   ├── Drage.vue
    │   ├── Home.vue
    │   ├── Login.vue
    │   ├── Main.vue
    │   ├── book
    │   │   └── list.vue
    │   ├── bookcategory
    │   │   └── list.vue
    │   ├── govfile
    │   │   ├── AcceptFile.vue
    │   │   ├── AcceptShow.vue
    │   │   └── SendFile.vue
    │   ├── office
    │   │   ├── CarAdd.vue
    │   │   ├── CarList.vue
    │   │   ├── MeetAdd.vue
    │   │   ├── MeetList.vue
    │   │   ├── Supervise.vue
    │   │   └── SuperviseTask.vue
    │   ├── person
    │   │   ├── Timelist.vue
    │   │   └── Todo.vue
    │   └── user
    │   │   ├── changepwd.vue
    │   │   ├── list.vue
    │   │   └── profile.vue
    ├── main.js
    └── router
    │   └── index.js
└── static
    ├── .gitkeep
    └── dagreD3
        ├── dagre-d3.core.js
        ├── dagre-d3.core.min.js
        ├── dagre-d3.core.min.js.map
        ├── dagre-d3.js
        ├── dagre-d3.min.js
        └── dagre-d3.min.js.map


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     ["env", { "modules": false }],
 4 |     "stage-2"
 5 |   ],
 6 |   "plugins": ["transform-runtime"],
 7 |   "comments": false,
 8 |   "env": {
 9 |     "test": {
10 |       "presets": ["env", "stage-2"],
11 |       "plugins": [ "istanbul" ]
12 |     }
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | 


--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 | 
3 | module.exports = {
4 |   "plugins": {
5 |     // to edit target browsers: use "browserlist" field in package.json
6 |     "autoprefixer": {}
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "printWidth": 120,
 3 |   "semi": true,
 4 |   "singleQuote": true,
 5 |   "trailingComma": "none",
 6 |   "bracketSpacing": true,
 7 |   "jsxBracketSameLine": false,
 8 |   "arrowParens": "avoid",
 9 |   "requirePragma": false,
10 |   "proseWrap": "preserve"
11 | }
12 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Vueadmin
 2 | > 一个基于vue2.x编写的后端管理项目
 3 | 
 4 | ## 介绍
 5 | 
 6 | 
 7 | ### 说明
 8 | 
 9 | 　这是一个用vuejs2.0和element-ui 2.x搭建的后台管理界面。
10 |     
11 | ### 项目结构
12 | ```
13 | ├── build  #webpack编译相关文件目录，一般不用动 
14 | ├── config  #配置目录
15 | │   ├────dev.env.js  #开发环境变量
16 | │   ├────index.js    #主配置文件
17 | │   └────prod.env.js #生产环境变量
18 | ├── dist  #生产环境下build后的文件存放目录（发布目录）
19 | ├── src #前端项目源码目录
20 | │   ├───—api  #封装的接口文件目录
21 | │   ├───—assets  #资源目录
22 | │   ├───—common  #公用文件目录
23 | │   ├───—components  #组件及页面文件目录
24 | │   ├───—router  #路由目录
25 | │   ├───—App.vue #项目入口文件
26 | │   └────main.js  #项目的核心文件
27 | ├── static  #开发模式下的静态资源目录
28 | ├── index.html #首页入口文件，你可以添加一些 meta 信息或同统计代码啥的
29 | ├── package.json #项目配置文件
30 | └── README.md #项目的说明文档，markdown 格式
31 | ```
32 | 
33 | ### 相关技术：
34 | 
35 | * vuejs2.0：一套构建用户界面的渐进式框架，易用、灵活、高效。
36 | * element-ui：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。
37 | * vue-router：官方的路由组件，配合vue.js创建单页应用（SPA）非常简单。
38 | * axios: 基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用。
39 | 
40 | ## 项目编译和运行
41 | 
42 | ``` bash
43 | 第一步： 先安装node环境，可以用nvm安装，支持多版本切换
44 | 
45 | 第二步：下载项目
46 | 可以直接在git上下载项目源码。
47 | 或者通过git命令下载
48 | #git命令下载
49 | git clone https://github.com/fanguyun214/VueAdmin
50 | 
51 | 假定项目已经下载下来了。
52 |   
53 |   
54 | 第三步：启动前端
55 | （1）新开一个命令行窗口
56 | （2）定位到项目目录并安装依赖
57 |   > cd 你自己的位置/VueAdmin
58 |   > npm install
59 | （3）依赖安装成功后执行启动命令
60 |   > npm run dev
61 |   # 显示如下内容说明本地启动成功
62 |   # DONE Compiled successfully in 7515ms
63 |   # Listening at http://localhost:8081
64 |    
65 |    
66 | #正式环境编译命令
67 | # build for production with minification
68 | npm run build
69 | 
70 | ```
71 | 
72 | 
73 | 
74 | 
75 | 


--------------------------------------------------------------------------------
/build/build.js:
--------------------------------------------------------------------------------
 1 | require('./check-versions')()
 2 | 
 3 | process.env.NODE_ENV = 'production'
 4 | 
 5 | var ora = require('ora')
 6 | var rm = require('rimraf')
 7 | var path = require('path')
 8 | var chalk = require('chalk')
 9 | var webpack = require('webpack')
10 | var config = require('../config')
11 | var webpackConfig = require('./webpack.prod.conf')
12 | 
13 | var spinner = ora('building for production...')
14 | spinner.start()
15 | 
16 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
17 |   if (err) throw err
18 |   webpack(webpackConfig, function (err, stats) {
19 |     spinner.stop()
20 |     if (err) throw err
21 |     process.stdout.write(stats.toString({
22 |       colors: true,
23 |       modules: false,
24 |       children: false,
25 |       chunks: false,
26 |       chunkModules: false
27 |     }) + '\n\n')
28 | 
29 |     console.log(chalk.cyan('  Build complete.\n'))
30 |     console.log(chalk.yellow(
31 |       '  Tip: built files are meant to be served over an HTTP server.\n' +
32 |       '  Opening index.html over file:// won\'t work.\n'
33 |     ))
34 |   })
35 | })
36 | 


--------------------------------------------------------------------------------
/build/check-versions.js:
--------------------------------------------------------------------------------
 1 | var chalk = require('chalk')
 2 | var semver = require('semver')
 3 | var packageConfig = require('../package.json')
 4 | 
 5 | function exec (cmd) {
 6 |   return require('child_process').execSync(cmd).toString().trim()
 7 | }
 8 | 
 9 | var versionRequirements = [
10 |   {
11 |     name: 'node',
12 |     currentVersion: semver.clean(process.version),
13 |     versionRequirement: packageConfig.engines.node
14 |   },
15 |   {
16 |     name: 'npm',
17 |     currentVersion: exec('npm --version'),
18 |     versionRequirement: packageConfig.engines.npm
19 |   }
20 | ]
21 | 
22 | module.exports = function () {
23 |   var warnings = []
24 |   for (let i = 0; i < versionRequirements.length; i++) {
25 |     var mod = versionRequirements[i]
26 |     if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
27 |       warnings.push(mod.name + ': ' +
28 |         chalk.red(mod.currentVersion) + ' should be ' +
29 |         chalk.green(mod.versionRequirement)
30 |       )
31 |     }
32 |   }
33 | 
34 |   if (warnings.length) {
35 |     console.log('')
36 |     console.log(chalk.yellow('To use this template, you must update following to modules:'))
37 |     console.log()
38 |     for (let i = 0; i < warnings.length; i++) {
39 |       var warning = warnings[i]
40 |       console.log('  ' + warning)
41 |     }
42 |     console.log()
43 |     process.exit(1)
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/build/dev-client.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable */
 2 | require('eventsource-polyfill')
 3 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
 4 | 
 5 | hotClient.subscribe(function (event) {
 6 |   if (event.action === 'reload') {
 7 |     window.location.reload()
 8 |   }
 9 | })
10 | 


--------------------------------------------------------------------------------
/build/dev-server.js:
--------------------------------------------------------------------------------
 1 | require('./check-versions')()
 2 | 
 3 | var config = require('../config')
 4 | if (!process.env.NODE_ENV) {
 5 |   process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
 6 | }
 7 | 
 8 | var opn = require('opn')
 9 | var path = require('path')
10 | var express = require('express')
11 | var webpack = require('webpack')
12 | var proxyMiddleware = require('http-proxy-middleware')
13 | var webpackConfig = require('./webpack.dev.conf')
14 | 
15 | // default port where dev server listens for incoming traffic
16 | var port = process.env.PORT || config.dev.port
17 | // automatically open browser, if not set will be false
18 | var autoOpenBrowser = !!config.dev.autoOpenBrowser
19 | // Define HTTP proxies to your custom API backend
20 | // https://github.com/chimurai/http-proxy-middleware
21 | var proxyTable = config.dev.proxyTable
22 | 
23 | var app = express()
24 | var compiler = webpack(webpackConfig)
25 | 
26 | var devMiddleware = require('webpack-dev-middleware')(compiler, {
27 |   publicPath: webpackConfig.output.publicPath,
28 |   quiet: true
29 | })
30 | 
31 | var hotMiddleware = require('webpack-hot-middleware')(compiler, {
32 |   log: () => {}
33 | })
34 | // force page reload when html-webpack-plugin template changes
35 | compiler.plugin('compilation', function (compilation) {
36 |   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
37 |     hotMiddleware.publish({ action: 'reload' })
38 |     cb()
39 |   })
40 | })
41 | 
42 | // proxy api requests
43 | Object.keys(proxyTable).forEach(function (context) {
44 |   var options = proxyTable[context]
45 |   if (typeof options === 'string') {
46 |     options = { target: options }
47 |   }
48 |   app.use(proxyMiddleware(options.filter || context, options))
49 | })
50 | 
51 | // handle fallback for HTML5 history API
52 | app.use(require('connect-history-api-fallback')())
53 | 
54 | // serve webpack bundle output
55 | app.use(devMiddleware)
56 | 
57 | // enable hot-reload and state-preserving
58 | // compilation error display
59 | app.use(hotMiddleware)
60 | 
61 | // serve pure static assets
62 | var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
63 | app.use(staticPath, express.static('./static'))
64 | 
65 | var uri = 'http://localhost:' + port
66 | 
67 | var _resolve
68 | var readyPromise = new Promise(resolve => {
69 |   _resolve = resolve
70 | })
71 | 
72 | console.log('> Starting dev server...')
73 | devMiddleware.waitUntilValid(() => {
74 |   console.log('> Listening at ' + uri + '\n')
75 |   // when env is testing, don't need open it
76 |   if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
77 |     opn(uri)
78 |   }
79 |   _resolve()
80 | })
81 | 
82 | var server = app.listen(port)
83 | 
84 | module.exports = {
85 |   ready: readyPromise,
86 |   close: () => {
87 |     server.close()
88 |   }
89 | }
90 | 


--------------------------------------------------------------------------------
/build/utils.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var config = require('../config')
 3 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
 4 | 
 5 | exports.assetsPath = function (_path) {
 6 |   var assetsSubDirectory = process.env.NODE_ENV === 'production'
 7 |     ? config.build.assetsSubDirectory
 8 |     : config.dev.assetsSubDirectory
 9 |   return path.posix.join(assetsSubDirectory, _path)
10 | }
11 | 
12 | exports.cssLoaders = function (options) {
13 |   options = options || {}
14 | 
15 |   var cssLoader = {
16 |     loader: 'css-loader',
17 |     options: {
18 |       minimize: process.env.NODE_ENV === 'production',
19 |       sourceMap: options.sourceMap
20 |     }
21 |   }
22 | 
23 |   // generate loader string to be used with extract text plugin
24 |   function generateLoaders (loader, loaderOptions) {
25 |     var loaders = [cssLoader]
26 |     if (loader) {
27 |       loaders.push({
28 |         loader: loader + '-loader',
29 |         options: Object.assign({}, loaderOptions, {
30 |           sourceMap: options.sourceMap
31 |         })
32 |       })
33 |     }
34 | 
35 |     // Extract CSS when that option is specified
36 |     // (which is the case during production build)
37 |     if (options.extract) {
38 |       return ExtractTextPlugin.extract({
39 |         use: loaders,
40 |         fallback: 'vue-style-loader'
41 |       })
42 |     } else {
43 |       return ['vue-style-loader'].concat(loaders)
44 |     }
45 |   }
46 | 
47 |   // https://vue-loader.vuejs.org/en/configurations/extract-css.html
48 |   return {
49 |     css: generateLoaders(),
50 |     postcss: generateLoaders(),
51 |     less: generateLoaders('less'),
52 |     sass: generateLoaders('sass', { indentedSyntax: true }),
53 |     scss: generateLoaders('sass'),
54 |     stylus: generateLoaders('stylus'),
55 |     styl: generateLoaders('stylus')
56 |   }
57 | }
58 | 
59 | // Generate loaders for standalone style files (outside of .vue)
60 | exports.styleLoaders = function (options) {
61 |   var output = []
62 |   var loaders = exports.cssLoaders(options)
63 |   for (var extension in loaders) {
64 |     var loader = loaders[extension]
65 |     output.push({
66 |       test: new RegExp('\\.' + extension + '$'),
67 |       use: loader
68 |     })
69 |   }
70 |   return output
71 | }
72 | 


--------------------------------------------------------------------------------
/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
 1 | var utils = require('./utils')
 2 | var config = require('../config')
 3 | var isProduction = process.env.NODE_ENV === 'production'
 4 | 
 5 | module.exports = {
 6 |   loaders: utils.cssLoaders({
 7 |     sourceMap: isProduction
 8 |       ? config.build.productionSourceMap
 9 |       : config.dev.cssSourceMap,
10 |     extract: isProduction
11 |   })
12 | }
13 | 


--------------------------------------------------------------------------------
/build/webpack.base.conf.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var utils = require('./utils')
 3 | var config = require('../config')
 4 | var vueLoaderConfig = require('./vue-loader.conf')
 5 | 
 6 | function resolve (dir) {
 7 |   return path.join(__dirname, '..', dir)
 8 | }
 9 | 
10 | module.exports = {
11 |   entry: {
12 |     app: './src/main.js'
13 |   },
14 |   output: {
15 |     path: config.build.assetsRoot,
16 |     filename: '[name].js',
17 |     publicPath: process.env.NODE_ENV === 'production'
18 |       ? config.build.assetsPublicPath
19 |       : config.dev.assetsPublicPath
20 |   },
21 |   resolve: {
22 |     extensions: ['.js', '.vue', '.json'],
23 |     alias: {
24 |       'vue$': 'vue/dist/vue.esm.js',
25 |       '@': resolve('src')
26 |     }
27 |   },
28 |   module: {
29 |     rules: [
30 |       {
31 |         test: /\.vue$/,
32 |         loader: 'vue-loader',
33 |         options: vueLoaderConfig
34 |       },
35 |       {
36 |         test: /\.js$/,
37 |         loader: 'babel-loader',
38 |         include: [resolve('src'), resolve('test')]
39 |       },
40 |       {
41 |         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
42 |         loader: 'url-loader',
43 |         options: {
44 |           limit: 10000,
45 |           name: utils.assetsPath('img/[name].[hash:7].[ext]')
46 |         }
47 |       },
48 |       {
49 |         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
50 |         loader: 'url-loader',
51 |         options: {
52 |           limit: 10000,
53 |           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
54 |         }
55 |       }
56 |     ]
57 |   }
58 | }
59 | 


--------------------------------------------------------------------------------
/build/webpack.dev.conf.js:
--------------------------------------------------------------------------------
 1 | var utils = require('./utils')
 2 | var webpack = require('webpack')
 3 | var config = require('../config')
 4 | var merge = require('webpack-merge')
 5 | var baseWebpackConfig = require('./webpack.base.conf')
 6 | var HtmlWebpackPlugin = require('html-webpack-plugin')
 7 | var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 8 | 
 9 | // add hot-reload related code to entry chunks
10 | Object.keys(baseWebpackConfig.entry).forEach(function (name) {
11 |   baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
12 | })
13 | 
14 | module.exports = merge(baseWebpackConfig, {
15 |   module: {
16 |     rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
17 |   },
18 |   // cheap-module-eval-source-map is faster for development
19 |   devtool: '#cheap-module-eval-source-map',
20 |   plugins: [
21 |     new webpack.DefinePlugin({
22 |       'process.env': config.dev.env
23 |     }),
24 |     // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
25 |     new webpack.HotModuleReplacementPlugin(),
26 |     new webpack.NoEmitOnErrorsPlugin(),
27 |     // https://github.com/ampedandwired/html-webpack-plugin
28 |     new HtmlWebpackPlugin({
29 |       filename: 'index.html',
30 |       template: 'index.html',
31 |       inject: true
32 |     }),
33 |     new FriendlyErrorsPlugin()
34 |   ]
35 | })
36 | 


--------------------------------------------------------------------------------
/build/webpack.prod.conf.js:
--------------------------------------------------------------------------------
  1 | var path = require('path')
  2 | var utils = require('./utils')
  3 | var webpack = require('webpack')
  4 | var config = require('../config')
  5 | var merge = require('webpack-merge')
  6 | var baseWebpackConfig = require('./webpack.base.conf')
  7 | var CopyWebpackPlugin = require('copy-webpack-plugin')
  8 | var HtmlWebpackPlugin = require('html-webpack-plugin')
  9 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
 10 | var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
 11 | 
 12 | var env = config.build.env
 13 | 
 14 | var webpackConfig = merge(baseWebpackConfig, {
 15 |   module: {
 16 |     rules: utils.styleLoaders({
 17 |       sourceMap: config.build.productionSourceMap,
 18 |       extract: true
 19 |     })
 20 |   },
 21 |   devtool: config.build.productionSourceMap ? '#source-map' : false,
 22 |   output: {
 23 |     path: config.build.assetsRoot,
 24 |     filename: utils.assetsPath('js/[name].[chunkhash].js'),
 25 |     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
 26 |   },
 27 |   plugins: [
 28 |     // http://vuejs.github.io/vue-loader/en/workflow/production.html
 29 |     new webpack.DefinePlugin({
 30 |       'process.env': env
 31 |     }),
 32 |     new webpack.optimize.UglifyJsPlugin({
 33 |       compress: {
 34 |         warnings: false
 35 |       },
 36 |       sourceMap: true
 37 |     }),
 38 |     // extract css into its own file
 39 |     new ExtractTextPlugin({
 40 |       filename: utils.assetsPath('css/[name].[contenthash].css')
 41 |     }),
 42 |     // Compress extracted CSS. We are using this plugin so that possible
 43 |     // duplicated CSS from different components can be deduped.
 44 |     new OptimizeCSSPlugin({
 45 |       cssProcessorOptions: {
 46 |         safe: true
 47 |       }
 48 |     }),
 49 |     // generate dist index.html with correct asset hash for caching.
 50 |     // you can customize output by editing /index.html
 51 |     // see https://github.com/ampedandwired/html-webpack-plugin
 52 |     new HtmlWebpackPlugin({
 53 |       filename: config.build.index,
 54 |       template: 'index.html',
 55 |       inject: true,
 56 |       minify: {
 57 |         removeComments: true,
 58 |         collapseWhitespace: true,
 59 |         removeAttributeQuotes: true
 60 |         // more options:
 61 |         // https://github.com/kangax/html-minifier#options-quick-reference
 62 |       },
 63 |       // necessary to consistently work with multiple chunks via CommonsChunkPlugin
 64 |       chunksSortMode: 'dependency'
 65 |     }),
 66 |     // split vendor js into its own file
 67 |     new webpack.optimize.CommonsChunkPlugin({
 68 |       name: 'vendor',
 69 |       minChunks: function (module, count) {
 70 |         // any required modules inside node_modules are extracted to vendor
 71 |         return (
 72 |           module.resource &&
 73 |           /\.js$/.test(module.resource) &&
 74 |           module.resource.indexOf(
 75 |             path.join(__dirname, '../node_modules')
 76 |           ) === 0
 77 |         )
 78 |       }
 79 |     }),
 80 |     // extract webpack runtime and module manifest to its own file in order to
 81 |     // prevent vendor hash from being updated whenever app bundle is updated
 82 |     new webpack.optimize.CommonsChunkPlugin({
 83 |       name: 'manifest',
 84 |       chunks: ['vendor']
 85 |     }),
 86 |     // copy custom static assets
 87 |     new CopyWebpackPlugin([
 88 |       {
 89 |         from: path.resolve(__dirname, '../static'),
 90 |         to: config.build.assetsSubDirectory,
 91 |         ignore: ['.*']
 92 |       }
 93 |     ])
 94 |   ]
 95 | })
 96 | 
 97 | if (config.build.productionGzip) {
 98 |   var CompressionWebpackPlugin = require('compression-webpack-plugin')
 99 | 
100 |   webpackConfig.plugins.push(
101 |     new CompressionWebpackPlugin({
102 |       asset: '[path].gz[query]',
103 |       algorithm: 'gzip',
104 |       test: new RegExp(
105 |         '\\.(' +
106 |         config.build.productionGzipExtensions.join('|') +
107 |         ')$'
108 |       ),
109 |       threshold: 10240,
110 |       minRatio: 0.8
111 |     })
112 |   )
113 | }
114 | 
115 | if (config.build.bundleAnalyzerReport) {
116 |   var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
117 |   webpackConfig.plugins.push(new BundleAnalyzerPlugin())
118 | }
119 | 
120 | module.exports = webpackConfig
121 | 


--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var prodEnv = require('./prod.env')
3 | 
4 | module.exports = merge(prodEnv, {
5 |   NODE_ENV: '"development"'
6 | })
7 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | // see http://vuejs-templates.github.io/webpack for documentation.
 2 | var path = require('path');
 3 | 
 4 | module.exports = {
 5 |   build: {
 6 |     env: require('./prod.env'),
 7 |     index: path.resolve(__dirname, '../dist/index.html'),
 8 |     assetsRoot: path.resolve(__dirname, '../dist'),
 9 |     assetsSubDirectory: 'static',
10 |     assetsPublicPath: '/',
11 |     productionSourceMap: true,
12 |     // Gzip off by default as many popular static hosts such as
13 |     // Surge or Netlify already gzip all static assets for you.
14 |     // Before setting to `true`, make sure to:
15 |     // npm install --save-dev compression-webpack-plugin
16 |     productionGzip: false,
17 |     productionGzipExtensions: ['js', 'css'],
18 |     // Run the build command with an extra argument to
19 |     // View the bundle analyzer report after build finishes:
20 |     // `npm run build --report`
21 |     // Set to `true` or `false` to always turn it on or off
22 |     bundleAnalyzerReport: process.env.npm_config_report
23 |   },
24 |   dev: {
25 |     env: require('./dev.env'),
26 |     port: 8081,
27 |     autoOpenBrowser: true,
28 |     assetsSubDirectory: 'static',
29 |     assetsPublicPath: '/',
30 |     proxyTable: {
31 |       // '/api': {
32 |       //   target: 'http://localhost:3000',
33 |       //   changeOrigin: true,
34 |       //   pathRewrite: {
35 |       //     '^/api': '/api'
36 |       //   }
37 |       // }
38 |     },
39 |     // CSS Sourcemaps off by default because relative paths are "buggy"
40 |     // with this option, according to the CSS-Loader README
41 |     // (https://github.com/webpack/css-loader#sourcemaps)
42 |     // In our experience, they generally work as expected,
43 |     // just be aware of this issue when enabling this option.
44 |     cssSourceMap: false,
45 |     showEslintErrorsInOverlay: true
46 |   }
47 | };
48 | 


--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   NODE_ENV: '"production"'
3 | }
4 | 


--------------------------------------------------------------------------------
/deploy.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | # handle=$1;
 4 | # env=$2;
 5 | 
 6 | # 远程部署机 webhook
 7 | # 如果用远程机器部署的话就要用到以下方法
 8 | # preHandle(){
 9 | #     git pull orgin master
10 | #     npm config set registry http://registry.npm.taobao.org/
11 | #     npm install
12 | #     npm run build-prod
13 | # }
14 | # 清空dist目录
15 | emptyRemoteDist(){
16 |   echo "[exec]remove remote:	118.193.189.35 web"
17 |   ssh fanguyun214@118.193.189.35 "rm -rf /web/*"
18 | }
19 | # 发送文件到正式服
20 | transferFileToProSever(){
21 |     echo "[exec]transfer file to product:118.193.189.35 sever"
22 |     scp -r ./dist/* fanguyun214@118.193.189.35:/web/
23 | }
24 | # 发送文件到测试服
25 | # transferFileToTestSever(){
26 | #     echo "[exec]transfer file to development::yourip sever"
27 | #     scp -r ./dist/* root@yourip:/www/jiketoutiao_admin/
28 | # }
29 | 
30 | 
31 | # if [ $handle == "build" ]
32 | # then
33 | #     if [ $env == "prod" ]
34 | #     then
35 | #         env='prod'
36 | #         echo "[exec]build ==> build production"
37 | #         npm run build
38 | #         emptyRemoteDist
39 | #         transferFileToProSever
40 | #     else
41 | #         env='dev'
42 | #         echo "[exec]build ==> build development"
43 | #         npm run build
44 | #         emptyRemoteDist
45 | #         transferFileToTestSever
46 | #     fi
47 | # fi
48 | 
49 | echo "[exec]build ==> build&push"
50 | npm run build
51 | emptyRemoteDist
52 | transferFileToProSever
53 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>武汉教育局OA系统</title>
 6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 7 |     <meta name="renderer" content="webkit">
 8 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 9 |     <script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
10 |     <script src="./static/dagreD3/dagre-d3.js"></script>
11 |   </head>
12 |   <body>
13 |     <div id="app"></div>
14 |     <!-- built files will be auto injected -->
15 |   </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "litadmin",
 3 |   "version": "1.2.0",
 4 |   "description": "A Vue.js project for admin",
 5 |   "author": "jerry9022@qq.com",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "server": "node server/bin/www",
 9 |     "dev": "node build/dev-server.js",
10 |     "build": "node build/build.js",
11 |     "deploy": "deploy.sh"
12 |   },
13 |   "dependencies": {
14 |     "axios": "^0.16.2",
15 |     "echarts": "^3.8.5",
16 |     "element-ui": "^2.4.1",
17 |     "lodash": "^4.17.4",
18 |     "vue": "^2.5.9",
19 |     "vue-fullcalendar": "^1.0.9",
20 |     "vue-router": "^2.8.1",
21 |     "vue-template-compiler": "^2.5.9",
22 |     "vue2-editor": "^2.4.2"
23 |   },
24 |   "devDependencies": {
25 |     "autoprefixer": "^6.7.2",
26 |     "babel-core": "^6.26.0",
27 |     "babel-loader": "^6.2.10",
28 |     "babel-plugin-transform-runtime": "^6.22.0",
29 |     "babel-preset-env": "^1.6.0",
30 |     "babel-preset-stage-2": "^6.24.1",
31 |     "babel-register": "^6.26.0",
32 |     "chalk": "^1.1.3",
33 |     "connect-history-api-fallback": "^1.3.0",
34 |     "copy-webpack-plugin": "^4.0.1",
35 |     "css-loader": "^0.26.4",
36 |     "eventsource-polyfill": "^0.9.6",
37 |     "express": "^4.15.4",
38 |     "extract-text-webpack-plugin": "^2.1.2",
39 |     "file-loader": "^0.10.0",
40 |     "friendly-errors-webpack-plugin": "^1.1.3",
41 |     "function-bind": "^1.1.1",
42 |     "html-webpack-plugin": "^2.30.1",
43 |     "http-proxy-middleware": "^0.17.3",
44 |     "jquery": "^3.3.1",
45 |     "node-sass": "^4.5.3",
46 |     "opn": "^4.0.2",
47 |     "optimize-css-assets-webpack-plugin": "^1.3.2",
48 |     "ora": "^1.3.0",
49 |     "prettier": "1.13.6",
50 |     "rimraf": "^2.6.2",
51 |     "sass-loader": "^6.0.6",
52 |     "semver": "^5.4.1",
53 |     "style-loader": "^0.16.1",
54 |     "url-loader": "^0.5.9",
55 |     "vue-loader": "^11.1.4",
56 |     "vue-particles": "^1.0.9",
57 |     "vue-style-loader": "^2.0.0",
58 |     "webpack": "^2.7.0",
59 |     "webpack-bundle-analyzer": "^2.9.0",
60 |     "webpack-dev-middleware": "^1.12.0",
61 |     "webpack-hot-middleware": "^2.19.1",
62 |     "webpack-merge": "^2.6.1"
63 |   },
64 |   "engines": {
65 |     "node": ">= 4.0.0",
66 |     "npm": ">= 3.0.0"
67 |   },
68 |   "browserslist": [
69 |     "> 1%",
70 |     "last 2 versions",
71 |     "not ie <= 8"
72 |   ]
73 | }
74 | 


--------------------------------------------------------------------------------
/server/.gitignore:
--------------------------------------------------------------------------------
 1 | # Created by .ignore support plugin (hsz.mobi)
 2 | ### Node template
 3 | # Logs
 4 | logs
 5 | *.log
 6 | npm-debug.log*
 7 | yarn-debug.log*
 8 | yarn-error.log*
 9 | 
10 | # Runtime data
11 | pids
12 | *.pid
13 | *.seed
14 | *.pid.lock
15 | 
16 | # Directory for instrumented libs generated by jscoverage/JSCover
17 | lib-cov
18 | 
19 | # Coverage directory used by tools like istanbul
20 | coverage
21 | 
22 | # nyc test coverage
23 | .nyc_output
24 | 
25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26 | .grunt
27 | 
28 | # Bower dependency directory (https://bower.io/)
29 | bower_components
30 | 
31 | # node-waf configuration
32 | .lock-wscript
33 | 
34 | # Compiled binary addons (http://nodejs.org/api/addons.html)
35 | build/Release
36 | 
37 | # Dependency directories
38 | node_modules/
39 | jspm_packages/
40 | 
41 | # Typescript v1 declaration files
42 | typings/
43 | 
44 | # Optional npm cache directory
45 | .npm
46 | 
47 | # Optional eslint cache
48 | .eslintcache
49 | 
50 | # Optional REPL history
51 | .node_repl_history
52 | 
53 | # Output of 'npm pack'
54 | *.tgz
55 | 
56 | # Yarn Integrity file
57 | .yarn-integrity
58 | 
59 | # dotenv environment variables file
60 | .env
61 | 
62 | 
63 | 


--------------------------------------------------------------------------------
/server/app.js:
--------------------------------------------------------------------------------
 1 | var express = require('express');
 2 | var path = require('path');
 3 | var favicon = require('serve-favicon');
 4 | var logger = require('morgan');
 5 | var cookieParser = require('cookie-parser');
 6 | var bodyParser = require('body-parser');
 7 | var lessMiddleware = require('less-middleware');
 8 | var session = require('express-session');
 9 | // var cors = require('cors');
10 | 
11 | var index = require('./routes/index');
12 | 
13 | var app = express();
14 | 
15 | // view engine setup
16 | app.set('views', path.join(__dirname, 'views'));
17 | app.set('view engine', 'ejs');
18 | // uncomment after placing your favicon in /public
19 | //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
20 | app.use(logger('dev'));
21 | app.use(bodyParser.json());
22 | app.use(bodyParser.urlencoded({extended: false}));
23 | app.use(cookieParser());
24 | app.use(session({
25 |   resave: false,
26 |   saveUninitialized: false,
27 |   cookie: {maxAge: 24 * 60 * 60 * 1000},  //设置maxAge是1天，即1天后session和相应的cookie失效过期
28 |   secret: 'love'
29 | }));
30 | app.use(lessMiddleware(path.join(__dirname, 'public')));
31 | app.use(express.static(path.join(__dirname, 'public')));
32 | 
33 | //跨域问题处理
34 | // app.use(cors());
35 | app.all('*', function (req, res, next) {
36 |   res.header('Access-Control-Allow-Origin', "http://localhost:8081");
37 |   res.header('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, PATCH,OPTIONS');
38 |   res.header('Access-Control-Allow-Headers', 'Content-Type');
39 |   res.header('Access-Control-Allow-Credentials','true'); //告诉客户端可以在HTTP请求中带上Cookie
40 |   next();
41 | })
42 | 
43 | app.use('/', index.router);
44 | 
45 | // catch 404 and forward to error handler
46 | app.use(function (req, res, next) {
47 |   var err = new Error('Not Found');
48 |   err.status = 404;
49 |   next(err);
50 | });
51 | 
52 | // error handler
53 | app.use(function (err, req, res, next) {
54 |   // set locals, only providing error in development
55 |   res.locals.message = err.message;
56 |   res.locals.error = req.app.get('env') === 'development' ? err : {};
57 | 
58 |   // render the error page
59 |   res.status(err.status || 500);
60 |   res.render('error');
61 | });
62 | 
63 | module.exports = app;
64 | 


--------------------------------------------------------------------------------
/server/bin/global.js:
--------------------------------------------------------------------------------
1 | global.$fs = require('fs');
2 | global.$path = require('path');
3 | global._ = require('lodash');
4 | 


--------------------------------------------------------------------------------
/server/bin/www:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | /**
 4 |  * Module dependencies.
 5 |  */
 6 | require('./global');
 7 | 
 8 | var app = require('../app');
 9 | var debug = require('debug')('empty:server');
10 | var http = require('http');
11 | 
12 | /**
13 |  * Get port from environment and store in Express.
14 |  */
15 | 
16 | var port = normalizePort(process.env.PORT || '3000');
17 | app.set('port', port);
18 | 
19 | /**
20 |  * Create HTTP server.
21 |  */
22 | 
23 | var server = http.createServer(app);
24 | 
25 | /**
26 |  * Listen on provided port, on all network interfaces.
27 |  */
28 | 
29 | server.listen(port);
30 | server.on('error', onError);
31 | server.on('listening', onListening);
32 | 
33 | /**
34 |  * Normalize a port into a number, string, or false.
35 |  */
36 | 
37 | function normalizePort(val) {
38 |   var port = parseInt(val, 10);
39 | 
40 |   if (isNaN(port)) {
41 |     // named pipe
42 |     return val;
43 |   }
44 | 
45 |   if (port >= 0) {
46 |     // port number
47 |     return port;
48 |   }
49 | 
50 |   return false;
51 | }
52 | 
53 | /**
54 |  * Event listener for HTTP server "error" event.
55 |  */
56 | 
57 | function onError(error) {
58 |   if (error.syscall !== 'listen') {
59 |     throw error;
60 |   }
61 | 
62 |   var bind = typeof port === 'string'
63 |     ? 'Pipe ' + port
64 |     : 'Port ' + port;
65 | 
66 |   // handle specific listen errors with friendly messages
67 |   switch (error.code) {
68 |     case 'EACCES':
69 |       console.error(bind + ' requires elevated privileges');
70 |       process.exit(1);
71 |       break;
72 |     case 'EADDRINUSE':
73 |       console.error(bind + ' is already in use');
74 |       process.exit(1);
75 |       break;
76 |     default:
77 |       throw error;
78 |   }
79 | }
80 | 
81 | /**
82 |  * Event listener for HTTP server "listening" event.
83 |  */
84 | 
85 | function onListening() {
86 |   var addr = server.address();
87 |   var bind = typeof addr === 'string'
88 |     ? 'pipe ' + addr
89 |     : 'port ' + addr.port;
90 |   debug('Listening on ' + bind);
91 |   console.log('server is runing... Listening on ' + bind)
92 |   if (bind.indexOf("port") > -1) {
93 |     var uri = 'http://localhost:' + addr.port;
94 |     console.log('> Listening at ' + uri + '\n')
95 |   }
96 | 
97 | }
98 | 


--------------------------------------------------------------------------------
/server/config.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * Created by jerry on 2017/7/6.
3 |  */
4 | var path = require('path');
5 | module.exports = {
6 |   publicPath: path.join(__dirname, 'public')
7 | }


--------------------------------------------------------------------------------
/server/controllers/book.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * books 控制器
  3 |  * Created by jerry on 2017/11/2.
  4 |  */
  5 | const Mock = require('mockjs');
  6 | const Books = require('../data/book');
  7 | let bookController = {};
  8 | let _Books = Books;
  9 | 
 10 | /**
 11 |  * 通过书名查询，获取图书列表
 12 |  * @param req
 13 |  * @param res
 14 |  */
 15 | bookController.find = function (req, res) {
 16 |   let page = parseInt(req.query.page || 1); //页码（默认第1页）
 17 |   let limit = parseInt(req.query.limit || 10); //每页显示条数（默认10条）
 18 |   let name = req.query.name || ''; //图书名称
 19 |   let total = 0;
 20 |   let rltBooks = [];
 21 |   if (name.length > 0) {
 22 |     let mockBooks = _Books.filter(book => {
 23 |       return book.name.indexOf(name) > -1;
 24 |     });
 25 |     total = mockBooks.length; //总条数
 26 |     rltBooks = mockBooks.filter((u, index) => index < limit * page && index >= limit * (page - 1))
 27 |   } else {
 28 |     total = _Books.length; //总条数
 29 |     rltBooks = _Books.filter((u, index) => index < limit * page && index >= limit * (page - 1))
 30 |   }
 31 |   res.json({
 32 |     total: total,
 33 |     limit: limit,
 34 |     books: rltBooks
 35 |   })
 36 | };
 37 | 
 38 | /**
 39 |  * 通过id获取某一条图书新
 40 |  * @param req
 41 |  * @param res
 42 |  */
 43 | bookController.findById = function (req, res) {
 44 |   let id = _.trim(req.params.id || '');
 45 |   if (!id) {
 46 |     return res.json({"errcode": 40002, "errmsg": "不合法的参数"});
 47 |   }
 48 |   let book = _.find(_Books, function (b) {
 49 |     return b.id === id;
 50 |   });
 51 |   res.json(book || null)
 52 | };
 53 | 
 54 | /**
 55 |  * 添加一条图书信息
 56 |  * @param req
 57 |  * @param res
 58 |  */
 59 | bookController.create = function (req, res) {
 60 |   let name = req.body.name;
 61 |   let author = req.body.author;
 62 |   let description = req.body.description;
 63 |   let publishAt = req.body.publishAt;
 64 |   _Books.push({
 65 |     id: Mock.Random.guid(),
 66 |     name: name,
 67 |     author: author,
 68 |     description: description,
 69 |     publishAt: publishAt
 70 |   });
 71 |   res.json({"errcode": 0, "errmsg": "新增成功"})
 72 | };
 73 | 
 74 | /***
 75 |  * 更新一条图书记录
 76 |  * @param req
 77 |  * @param res
 78 |  */
 79 | bookController.update = function (req, res) {
 80 |   let id = _.trim(req.params.id || '');
 81 |   if (!id) {
 82 |     return res.json({"errcode": 40002, "errmsg": "不合法的参数"});
 83 |   }
 84 |   let name = req.body.name;
 85 |   let author = req.body.author;
 86 |   let description = req.body.description;
 87 |   let publishAt = req.body.publishAt;
 88 | 
 89 |   let i = _.findIndex(_Books, function (u) {
 90 |     return u.id === id
 91 |   })
 92 |   if (i > -1) {
 93 |     _Books[i].name = name;
 94 |     _Books[i].author = author;
 95 |     _Books[i].description = description;
 96 |     _Books[i].publishAt = publishAt;
 97 |     res.json({"errcode": 0, "errmsg": "修改成功"});
 98 |   } else {
 99 |     res.json({"errcode": 40009, "errmsg": "处理失败"});
100 |   }
101 | };
102 | 
103 | /**
104 |  * 更新一条图书记录的部分信息
105 |  * @param req
106 |  * @param res
107 |  */
108 | bookController.patch = function (req, res) {
109 | 
110 | };
111 | 
112 | /**
113 |  * 批量删除
114 |  * @param req
115 |  * @param res
116 |  */
117 | bookController.deleteBatch = function (req, res) {
118 |   let ids = req.params.ids;
119 |   ids = ids.split(',');
120 |   _Books = _Books.filter(b => !ids.includes(b.id))
121 |   res.json({"errcode": 0, "errmsg": "删除成功"});
122 | };
123 | 
124 | /**
125 |  * 单条删除
126 |  * @param req
127 |  * @param res
128 |  */
129 | bookController.delete = function (req, res) {
130 |   let id = _.trim(req.params.id || '');
131 |   if (!id) {
132 |     return res.json({"errcode": 40002, "errmsg": "不合法的参数"});
133 |   }
134 |   let i = _.findIndex(_Books, function (u) {
135 |     return u.id === id
136 |   })
137 |   if (i > -1) {
138 |     _Books.splice(i, 1);
139 |     res.json({"errcode": 0, "errmsg": "修改成功"});
140 |   } else {
141 |     res.json({"errcode": 40009, "errmsg": "处理失败"});
142 |   }
143 | };
144 | 
145 | module.exports = bookController;
146 | 


--------------------------------------------------------------------------------
/server/controllers/user.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * users 控制器
  3 |  *
  4 |  * Created by jerry on 2017/11/2.
  5 |  */
  6 | const Users = require('../data/user');
  7 | let userController = {};
  8 | let _Users = Users;
  9 | 
 10 | /**
 11 |  * 检查用户的登录状态
 12 |  * @param req
 13 |  * @param res
 14 |  * @param next
 15 |  */
 16 | userController.checkLogin = function (req, res, next) {
 17 |   //用户已经登录
 18 |   if (req.session.userId) {
 19 |     next();
 20 |   }
 21 |   else {
 22 |     res.json({"errcode": 40001, "errmsg": "您还没有登录"});
 23 |   }
 24 | };
 25 | 
 26 | /**
 27 |  * 登录
 28 |  * @param req
 29 |  * @param res
 30 |  */
 31 | userController.login = function (req, res) {
 32 |   let username = _.trim(req.query.username || req.body.username || '');
 33 |   let pwd = req.body.pwd;
 34 |   if (!username || !pwd) {
 35 |     return res.json({"errcode": 40002, "errmsg": "不合法的参数"});
 36 |   }
 37 | 
 38 |   // 通过用户名获取到用户信息
 39 |   let user = _.find(_Users, function (u) {
 40 |     return u.username === username;
 41 |   });
 42 |   console.log('---_Users----');
 43 |   console.log(_Users);
 44 |   if (!user) {
 45 |     return res.json({"errcode": 40003, "errmsg": "用户不存在"});
 46 |   }
 47 |   if (user.password === pwd) {
 48 |     //设置session
 49 |     req.session.userId = user.id;
 50 | 
 51 |     return res.json({
 52 |       id: user.id,
 53 |       username: user.username,
 54 |       nickname: user.nickname,
 55 |       name: user.name,
 56 |       email: user.email
 57 |     });
 58 |   } else {
 59 |     return res.json({"errcode": 40004, "errmsg": "密码错误"});
 60 |   }
 61 | };
 62 | 
 63 | /**
 64 |  * 退出登录
 65 |  * @param req
 66 |  * @param res
 67 |  */
 68 | userController.logout = function (req, res) {
 69 |   req.session.destroy();
 70 |   res.json({"errcode": 0, "errmsg": "退出完成"});
 71 | };
 72 | 
 73 | /**
 74 |  * 修改个人部分信息
 75 |  * @param req
 76 |  * @param res
 77 |  */
 78 | userController.profile = function (req, res) {
 79 |   let nickname = req.body.nickname;
 80 |   let email = req.body.email;
 81 |   let name  = req.body.name;
 82 |   let i = _.findIndex(_Users, function (u) {
 83 |     return u.id === req.session.userId
 84 |   })
 85 |   if (i > -1) {
 86 |     _Users[i].nickname = nickname;
 87 |     _Users[i].email = email;
 88 |     _Users[i].name = name;
 89 |     res.json({"errcode": 0, "errmsg": "修改成功"});
 90 |   } else {
 91 |     res.json({"errcode": 40009, "errmsg": "处理失败"});
 92 |   }
 93 | };
 94 | 
 95 | /**
 96 |  * 修改密码
 97 |  * @param req
 98 |  * @param res
 99 |  */
100 | userController.changepwd = function (req, res) {
101 |   //TODO 未开发
102 | };
103 | 
104 | /**
105 |  * 通过书名查询，获取图书列表
106 |  * @param req
107 |  * @param res
108 |  */
109 | userController.find = function (req, res) {
110 |   let page = parseInt(req.query.page || 1); //页码（默认第1页）
111 |   let limit = parseInt(req.query.limit || 10); //每页显示条数（默认10条）
112 |   let name = req.query.name || '';
113 |   let total = 0;
114 |   let rltUsers = [];
115 |   if (name.length > 0) {
116 |     let mockUsers = _Users.filter(user => {
117 |       return (user.username.indexOf(name) > -1 || user.nickname.indexOf(name) > -1 || user.name.indexOf(name) > -1)
118 |     });
119 |     total = mockUsers.length; //总条数
120 |     rltUsers = mockUsers.filter((u, index) => index < limit * page && index >= limit * (page - 1))
121 |   } else {
122 |     total = _Users.length; //总条数
123 |     rltUsers = _Users.filter((u, index) => index < limit * page && index >= limit * (page - 1))
124 |   }
125 |   res.json({
126 |     total: total,
127 |     limit: limit,
128 |     users: rltUsers
129 |   })
130 | };
131 | 
132 | module.exports = userController;
133 | 


--------------------------------------------------------------------------------
/server/data/book.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 初始化图书(book)模拟数据
 3 |  *
 4 |  * Created by jerry on 2017/11/13.
 5 |  */
 6 | const Mock = require('mockjs');
 7 | 
 8 | const Books = [];
 9 | for (let i = 0; i < 100; i++) {
10 |   Books.push(Mock.mock({
11 |     id: Mock.Random.guid(),
12 |     name: Mock.Random.ctitle(2, 12),
13 |     author: Mock.Random.cname(),
14 |     description: Mock.Random.csentence(180, 500),
15 |     publishAt: Mock.Random.date()
16 |   }))
17 | }
18 | 
19 | module.exports = Books;
20 | 


--------------------------------------------------------------------------------
/server/data/user.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by jerry on 2017/11/13.
 3 |  * 初始化用户(user)模拟数据
 4 |  *
 5 |  * Created by jerry on 2017/11/13.
 6 |  */
 7 | const Users = [];
 8 | Users.push({
 9 |   id: 1,
10 |   username: 'admin', //用户名
11 |   name: "风车车", //姓名
12 |   password: '123456', //密码
13 |   email: 'jerry9022@qq.com', //邮箱
14 |   nickname: '超级管理员', //昵称
15 |   sex: 1, //性别
16 |   addr: '北京市海淀区上地七街'
17 | });
18 | 
19 | Users.push({
20 |   id: 2,
21 |   username: 'staff',
22 |   name: "枫叶", //姓名
23 |   password: '123123',
24 |   email: '1642499350@qq.com',
25 |   nickname: '普通管理员',
26 |   sex: 1, //性别
27 |   addr: '北京市海淀区'
28 | });
29 | 
30 | module.exports = Users;
31 | 


--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "LitAdminServer",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "start": "node ./bin/www"
 7 |   },
 8 |   "dependencies": {
 9 |     "async": "^2.5.0",
10 |     "body-parser": "~1.17.1",
11 |     "cookie-parser": "~1.4.3",
12 |     "cors": "^2.8.4",
13 |     "debug": "~2.6.3",
14 |     "ejs": "~2.5.6",
15 |     "express": "~4.15.2",
16 |     "express-session": "^1.15.6",
17 |     "images": "^2.2.1",
18 |     "less-middleware": "~2.2.0",
19 |     "mockjs": "^1.0.1-beta3",
20 |     "morgan": "~1.8.1",
21 |     "request": "^2.81.0",
22 |     "serve-favicon": "~2.4.2"
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/server/public/images/apple.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/server/public/images/apple.jpg


--------------------------------------------------------------------------------
/server/public/images/pic_s_200_1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/server/public/images/pic_s_200_1.jpg


--------------------------------------------------------------------------------
/server/public/stylesheets/style.css:
--------------------------------------------------------------------------------
1 | body{margin:0;padding:0;font-size:13px;min-width:768px}.head-top{background:rgba(18,26,44,0.8);height:60px;color:#ffffff;display:flex;align-items:center}.head-top .logo{padding-left:15px;padding-right:5px}.head-top .logo-title{font-size:20px}.main-content{border:1px solid steelblue;min-height:400px}


--------------------------------------------------------------------------------
/server/public/stylesheets/style.less:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0px;
 3 |   padding: 0px;
 4 |   font-size: 13px;
 5 |   //background: #efefef;
 6 |   min-width: 768px;
 7 | }
 8 | 
 9 | .head-top {
10 |   background: rgba(18, 26, 44, 0.8);
11 |   height: 60px;
12 |   color: #ffffff;
13 |   display: flex;
14 |   align-items: center; //垂直居中
15 | 
16 |   .logo {
17 |     padding-left: 15px;
18 |     padding-right: 5px;
19 |   }
20 | 
21 |   .logo-title {
22 |     font-size: 20px;
23 |   }
24 | }
25 | 
26 | .main-content {
27 |   border: 1px solid steelblue;
28 |   min-height: 400px;
29 | }
30 | 


--------------------------------------------------------------------------------
/server/readme:
--------------------------------------------------------------------------------
1 | 后端提供接口。
2 | 


--------------------------------------------------------------------------------
/server/routes/api/v1/books.js:
--------------------------------------------------------------------------------
 1 | /***
 2 |  * books相关路由
 3 |  * 采用 restful api 风格
 4 |  */
 5 | var express = require('express');
 6 | var router = express.Router();
 7 | var indexRouter = {};
 8 | var userController = require('../../../controllers/user');
 9 | var bookController = require('../../../controllers/book');
10 | 
11 | //先检查登录
12 | router.use(userController.checkLogin);
13 | 
14 | //返回book的集合
15 | router.get('/', bookController.find);
16 | 
17 | //返回指定的book
18 | router.get('/:id', bookController.findById);
19 | 
20 | //创建book
21 | router.post('/', bookController.create);
22 | 
23 | //更新book全部信息
24 | router.put('/:id', bookController.update);
25 | 
26 | //更新book部分信息
27 | router.patch('/:id', bookController.patch);
28 | 
29 | //批量删除
30 | router.delete('/batch/:ids', bookController.deleteBatch);
31 | 
32 | //删除指定的book
33 | router.delete('/:id', bookController.delete);
34 | 
35 | 
36 | 
37 | indexRouter.router = router;
38 | 
39 | module.exports = indexRouter;
40 | 


--------------------------------------------------------------------------------
/server/routes/api/v1/index.js:
--------------------------------------------------------------------------------
 1 | var express = require('express');
 2 | var router = express.Router();
 3 | 
 4 | var indexRouter = {};
 5 | 
 6 | //轮询当前目录下的子模块，并挨个加载其路由配置
 7 | $fs.readdir(__dirname, function (err, files) {
 8 |   files.forEach(function (file) {
 9 |     if (!_.startsWith(file, '.') && file !== 'index.js') {
10 |       try {
11 |         router.use('/' + file.replace('.js', ''), require('./' + file).router);
12 |       } catch (ex) {
13 |         console.error('路由加载错误[' + $path.join(__dirname, file) + ']：' + ex.stack);
14 |       }
15 |     }
16 |   });
17 | });
18 | 
19 | indexRouter.router = router;
20 | module.exports = indexRouter;
21 | 


--------------------------------------------------------------------------------
/server/routes/api/v1/users.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by jerry on 2017/11/13.
 3 |  * users相关路由
 4 |  * 采用 restful api 风格
 5 |  */
 6 | 
 7 | var express = require('express');
 8 | var router = express.Router();
 9 | var indexRouter = {};
10 | var userController = require('../../../controllers/user');
11 | 
12 | //用户登录
13 | router.post('/login', userController.login);
14 | //用户退出
15 | router.get('/logout', userController.logout);
16 | 
17 | //先检查登录
18 | router.use(userController.checkLogin);
19 | 
20 | //更新个人部分信息
21 | router.patch('/profile', userController.profile);
22 | //用户修改个人密码
23 | router.patch('/changepwd', userController.changepwd);
24 | 
25 | //返回user的集合
26 | router.get('/', userController.find);
27 | //
28 | // //返回指定的user
29 | // router.get('/:id', userController.findById);
30 | //
31 | // //创建user
32 | // router.post('/', userController.create);
33 | //
34 | // //更新user全部信息
35 | // router.put('/:id', userController.update);
36 | //
37 | // //更新user部分信息
38 | // router.patch('/:id', userController.patch);
39 | //
40 | // //删除指定的user
41 | // router.delete('/:id', userController.delete);
42 | 
43 | indexRouter.router = router;
44 | 
45 | module.exports = indexRouter;
46 | 
47 | 


--------------------------------------------------------------------------------
/server/routes/index.js:
--------------------------------------------------------------------------------
 1 | var express = require('express');
 2 | var router = express.Router();
 3 | var indexRouter = {};
 4 | 
 5 | //接口访问
 6 | router.use('/api/v1', require('./api/v1/index').router);
 7 | 
 8 | /* 服务端主页 */
 9 | router.get('/', function (req, res) {
10 |   res.render('index');
11 | });
12 | 
13 | indexRouter.router = router;
14 | 
15 | module.exports = indexRouter;
16 | 


--------------------------------------------------------------------------------
/server/views/error.ejs:
--------------------------------------------------------------------------------
1 | <h1><%= message %></h1>
2 | <h2><%= error.status %></h2>
3 | <pre><%= error.stack %></pre>
4 | 


--------------------------------------------------------------------------------
/server/views/index.ejs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>服务端页面</title>
 5 |     <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
 6 |     <script src="https://cdn.bootcss.com/jquery/2.1.2/jquery.min.js"></script>
 7 |     <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 8 |     <script src="https://cdn.bootcss.com/lodash.js/4.17.3/lodash.min.js"></script>
 9 |     <script src="https://use.fontawesome.com/dfbc06ace2.js"></script>
10 |     <link rel="stylesheet" href="/stylesheets/style.css"/>
11 | </head>
12 | <body>
13 | <div class="container">
14 |     <!--头部-->
15 |     <div class="row head-top">
16 |         <div class="top-nav">
17 |             <span class="logo"><i class="fa fa-leaf fa-2x"></i></span>
18 |             <span class="logo-title">这个是服务端页面</span>
19 |         </div>
20 |     </div>
21 | 
22 |     <!--内容区-->
23 |     <div class="row main-content">
24 |         <!--左-->
25 |         <div class="col-md-12 col-sm-12 col-xs-12">
26 |           <h3>提供了如下restful风格接口：</h3>
27 |           <h4>用户登录：POST /api/v1/users/login</h4>
28 |           <h4>用户退出：GET /api/v1/users/logout</h4>
29 |           <h4>修改个人信息：PATCH /api/v1/users/profile</h4>
30 |           <h4>获取用户列表：GET /api/v1/users</h4>
31 | 
32 |           <h4>获取图书列表：GET /api/v1/books</h4>
33 |           <h4>获取一条图书信息：GET /api/v1/books/:id</h4>
34 |           <h4>添加一条图书信息：POST /api/v1/books/</h4>
35 |           <h4>修改一条图书信息：PUT /api/v1/books/:id</h4>
36 |           <h4>删除一条图书信息：DELETE /api/v1/books/:id</h4>
37 |           <h4>批量删除图片信息：DELETE /api/v1/books/batch/:ids</h4>
38 |         </div>
39 |     </div>
40 | 
41 | </div>
42 | </body>
43 | </html>
44 | 


--------------------------------------------------------------------------------
/src/ drage.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   name: '开始'，
 3 |   label: '',
 4 |   state: '',
 5 |   grage:[
 6 |     {
 7 |       name:'',
 8 |       grage: [{}],
 9 |       label: ''
10 |       state: ''
11 |     }
12 |   ]
13 | }


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <router-view></router-view>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | import Vue from 'vue';
 9 | export default {
10 |   name: 'app'
11 | };
12 | </script>
13 | 
14 | <style>
15 | body {
16 |   padding: 0px;
17 |   margin: 0px auto;
18 | }
19 | a {
20 |   text-decoration: none;
21 | }
22 | #app {
23 |   font-family: 'Avenir', Helvetica, Arial, sans-serif;
24 |   -webkit-font-smoothing: antialiased;
25 |   -moz-osx-font-smoothing: grayscale;
26 |   text-align: left;
27 |   color: #2c3e50;
28 | }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/api/api_book.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by jerry on 2017/11/13.
 3 |  * 图书相关api
 4 |  */
 5 | import * as API from './'
 6 | 
 7 | export default {
 8 | 
 9 |   //查询获取book列表(通过page分页)
10 |   findList: params => {
11 |     return API.GET('/api/v1/books', params)
12 |   },
13 | 
14 |   //查询获取一条book信息
15 |   findById: id => {
16 |     return API.GET(`/api/v1/books/${id}`)
17 |   },
18 | 
19 |   add: params => {
20 |     return API.POST(`/api/v1/books`, params)
21 |   },
22 |   update: (id, params) => {
23 |     return API.PUT(`/api/v1/books/${id}`, params)
24 |   },
25 | 
26 |   //单个删除book
27 |   remove: id => {
28 |     return API.DELETE(`/api/v1/books/${id}`)
29 |   },
30 | 
31 |   //批量删除，传ids数组
32 |   removeBatch: (ids) => {
33 |     return API.DELETE(`/api/v1/books/batch/${ids}`)
34 |   }
35 | 
36 | }
37 | 


--------------------------------------------------------------------------------
/src/api/api_user.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by jerry on 2017/11/13.
 3 |  * 用户相关api
 4 |  */
 5 | import * as API from './'
 6 | 
 7 | export default {
 8 |   //登录
 9 |   login: params => {
10 |     return API.POST('/api/v1/users/login', params)
11 |   },
12 |   //登出
13 |   logout: params => {
14 |     return API.GET('/api/v1/users/logout', params)
15 |   },
16 |   //修改个人信息
17 |   changeProfile: params => {
18 |     return API.PATCH('/api/v1/users/profile', params)
19 |   },
20 | 
21 |   //查询获取user列表(通过page分页)
22 |   findList: params => {
23 |     return API.GET('/api/v1/users', params)
24 |   },
25 | }
26 | 


--------------------------------------------------------------------------------
/src/api/env.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by jerry on 2017/11/13
 3 |  * 设置api请求的baseURL
 4 |  * 实际项目中建议该文件不纳入版本管理
 5 |  */
 6 | export default {
 7 |   baseURL: 'http://localhost:3000',
 8 |   // baseURL: '',
 9 |   isDev: true
10 | }
11 | 


--------------------------------------------------------------------------------
/src/api/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by jerry on 2017/6/9.
 3 |  */
 4 | import Env from './env';
 5 | import axios from 'axios';
 6 | 
 7 | axios.defaults.withCredentials = true;
 8 | // axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
 9 | // axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';//配置请求头
10 | 
11 | //添加一个请求拦截器
12 | // axios.interceptors.request.use(function (config) {
13 | //   console.dir(config);
14 | //   return config;
15 | // }, function (error) {
16 | //   // Do something with request error
17 | //   return Promise.reject(error);
18 | // });
19 | 
20 | // 添加一个响应拦截器
21 | axios.interceptors.response.use(
22 |   function(response) {
23 |     if (response.data && response.data.errcode) {
24 |       if (parseInt(response.data.errcode) === 40001) {
25 |         //未登录
26 |         this.$emit('goto', '/login');
27 |       }
28 |     }
29 | 
30 |     return response;
31 |   },
32 |   function(error) {
33 |     // Do something with response error
34 |     return Promise.reject(error);
35 |   }
36 | );
37 | 
38 | //基地址
39 | let base = Env.baseURL;
40 | 
41 | //测试使用
42 | export const ISDEV = Env.isDev;
43 | 
44 | //通用方法
45 | export const POST = (url, params) => {
46 |   return axios.post(`${base}${url}`, params).then(res => res.data);
47 | };
48 | 
49 | export const GET = (url, params) => {
50 |   return axios.get(`${base}${url}`, { params: params }).then(res => res.data);
51 | };
52 | 
53 | export const PUT = (url, params) => {
54 |   return axios.put(`${base}${url}`, params).then(res => res.data);
55 | };
56 | 
57 | export const DELETE = (url, params) => {
58 |   return axios
59 |     .delete(`${base}${url}`, { params: params })
60 |     .then(res => res.data);
61 | };
62 | 
63 | export const PATCH = (url, params) => {
64 |   return axios.patch(`${base}${url}`, params).then(res => res.data);
65 | };
66 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/demo.css:
--------------------------------------------------------------------------------
  1 | *{margin: 0;padding: 0;list-style: none;}
  2 | /*
  3 | KISSY CSS Reset
  4 | 理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
  5 | 2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
  6 | 3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
  7 | 特色：1. 适应中文；2. 基于最新主流浏览器。
  8 | 维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
  9 |  */
 10 | 
 11 | /** 清除内外边距 **/
 12 | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
 13 | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
 14 | pre, /* text formatting elements 文本格式元素 */
 15 | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
 16 | th, td /* table elements 表格元素 */ {
 17 |   margin: 0;
 18 |   padding: 0;
 19 | }
 20 | 
 21 | /** 设置默认字体 **/
 22 | body,
 23 | button, input, select, textarea /* for ie */ {
 24 |   font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
 25 | }
 26 | h1, h2, h3, h4, h5, h6 { font-size: 100%; }
 27 | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
 28 | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
 29 | small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
 30 | 
 31 | /** 重置列表元素 **/
 32 | ul, ol { list-style: none; }
 33 | 
 34 | /** 重置文本格式元素 **/
 35 | a { text-decoration: none; }
 36 | a:hover { text-decoration: underline; }
 37 | 
 38 | 
 39 | /** 重置表单元素 **/
 40 | legend { color: #000; } /* for ie6 */
 41 | fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
 42 | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
 43 | /* 注：optgroup 无法扶正 */
 44 | 
 45 | /** 重置表格元素 **/
 46 | table { border-collapse: collapse; border-spacing: 0; }
 47 | 
 48 | /* 清除浮动 */
 49 | .ks-clear:after, .clear:after {
 50 |   content: '\20';
 51 |   display: block;
 52 |   height: 0;
 53 |   clear: both;
 54 | }
 55 | .ks-clear, .clear {
 56 |   *zoom: 1;
 57 | }
 58 | 
 59 | .main {
 60 |   padding: 30px 100px;
 61 | width: 960px;
 62 | margin: 0 auto;
 63 | }
 64 | .main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
 65 | 
 66 | .helps{margin-top:40px;}
 67 | .helps pre{
 68 |   padding:20px;
 69 |   margin:10px 0;
 70 |   border:solid 1px #e7e1cd;
 71 |   background-color: #fffdef;
 72 |   overflow: auto;
 73 | }
 74 | 
 75 | .icon_lists{
 76 |   width: 100% !important;
 77 | 
 78 | }
 79 | 
 80 | .icon_lists li{
 81 |   float:left;
 82 |   width: 100px;
 83 |   height:180px;
 84 |   text-align: center;
 85 |   list-style: none !important;
 86 | }
 87 | .icon_lists .icon{
 88 |   font-size: 42px;
 89 |   line-height: 100px;
 90 |   margin: 10px 0;
 91 |   color:#333;
 92 |   -webkit-transition: font-size 0.25s ease-out 0s;
 93 |   -moz-transition: font-size 0.25s ease-out 0s;
 94 |   transition: font-size 0.25s ease-out 0s;
 95 | 
 96 | }
 97 | .icon_lists .icon:hover{
 98 |   font-size: 100px;
 99 | }
100 | 
101 | 
102 | 
103 | .markdown {
104 |   color: #666;
105 |   font-size: 14px;
106 |   line-height: 1.8;
107 | }
108 | 
109 | .highlight {
110 |   line-height: 1.5;
111 | }
112 | 
113 | .markdown img {
114 |   vertical-align: middle;
115 |   max-width: 100%;
116 | }
117 | 
118 | .markdown h1 {
119 |   color: #404040;
120 |   font-weight: 500;
121 |   line-height: 40px;
122 |   margin-bottom: 24px;
123 | }
124 | 
125 | .markdown h2,
126 | .markdown h3,
127 | .markdown h4,
128 | .markdown h5,
129 | .markdown h6 {
130 |   color: #404040;
131 |   margin: 1.6em 0 0.6em 0;
132 |   font-weight: 500;
133 |   clear: both;
134 | }
135 | 
136 | .markdown h1 {
137 |   font-size: 28px;
138 | }
139 | 
140 | .markdown h2 {
141 |   font-size: 22px;
142 | }
143 | 
144 | .markdown h3 {
145 |   font-size: 16px;
146 | }
147 | 
148 | .markdown h4 {
149 |   font-size: 14px;
150 | }
151 | 
152 | .markdown h5 {
153 |   font-size: 12px;
154 | }
155 | 
156 | .markdown h6 {
157 |   font-size: 12px;
158 | }
159 | 
160 | .markdown hr {
161 |   height: 1px;
162 |   border: 0;
163 |   background: #e9e9e9;
164 |   margin: 16px 0;
165 |   clear: both;
166 | }
167 | 
168 | .markdown p,
169 | .markdown pre {
170 |   margin: 1em 0;
171 | }
172 | 
173 | .markdown > p,
174 | .markdown > blockquote,
175 | .markdown > .highlight,
176 | .markdown > ol,
177 | .markdown > ul {
178 |   width: 80%;
179 | }
180 | 
181 | .markdown ul > li {
182 |   list-style: circle;
183 | }
184 | 
185 | .markdown > ul li,
186 | .markdown blockquote ul > li {
187 |   margin-left: 20px;
188 |   padding-left: 4px;
189 | }
190 | 
191 | .markdown > ul li p,
192 | .markdown > ol li p {
193 |   margin: 0.6em 0;
194 | }
195 | 
196 | .markdown ol > li {
197 |   list-style: decimal;
198 | }
199 | 
200 | .markdown > ol li,
201 | .markdown blockquote ol > li {
202 |   margin-left: 20px;
203 |   padding-left: 4px;
204 | }
205 | 
206 | .markdown code {
207 |   margin: 0 3px;
208 |   padding: 0 5px;
209 |   background: #eee;
210 |   border-radius: 3px;
211 | }
212 | 
213 | .markdown pre {
214 |   border-radius: 6px;
215 |   background: #f7f7f7;
216 |   padding: 20px;
217 | }
218 | 
219 | .markdown pre code {
220 |   border: none;
221 |   background: #f7f7f7;
222 |   margin: 0;
223 | }
224 | 
225 | .markdown strong,
226 | .markdown b {
227 |   font-weight: 600;
228 | }
229 | 
230 | .markdown > table {
231 |   border-collapse: collapse;
232 |   border-spacing: 0px;
233 |   empty-cells: show;
234 |   border: 1px solid #e9e9e9;
235 |   width: 95%;
236 |   margin-bottom: 24px;
237 | }
238 | 
239 | .markdown > table th {
240 |   white-space: nowrap;
241 |   color: #333;
242 |   font-weight: 600;
243 | 
244 | }
245 | 
246 | .markdown > table th,
247 | .markdown > table td {
248 |   border: 1px solid #e9e9e9;
249 |   padding: 8px 16px;
250 |   text-align: left;
251 | }
252 | 
253 | .markdown > table th {
254 |   background: #F7F7F7;
255 | }
256 | 
257 | .markdown blockquote {
258 |   font-size: 90%;
259 |   color: #999;
260 |   border-left: 4px solid #e9e9e9;
261 |   padding-left: 0.8em;
262 |   margin: 1em 0;
263 |   font-style: italic;
264 | }
265 | 
266 | .markdown blockquote p {
267 |   margin: 0;
268 | }
269 | 
270 | .markdown .anchor {
271 |   opacity: 0;
272 |   transition: opacity 0.3s ease;
273 |   margin-left: 8px;
274 | }
275 | 
276 | .markdown .waiting {
277 |   color: #ccc;
278 | }
279 | 
280 | .markdown h1:hover .anchor,
281 | .markdown h2:hover .anchor,
282 | .markdown h3:hover .anchor,
283 | .markdown h4:hover .anchor,
284 | .markdown h5:hover .anchor,
285 | .markdown h6:hover .anchor {
286 |   opacity: 1;
287 |   display: inline-block;
288 | }
289 | 
290 | .markdown > br,
291 | .markdown > p > br {
292 |   clear: both;
293 | }
294 | 
295 | 
296 | .hljs {
297 |   display: block;
298 |   background: white;
299 |   padding: 0.5em;
300 |   color: #333333;
301 |   overflow-x: auto;
302 | }
303 | 
304 | .hljs-comment,
305 | .hljs-meta {
306 |   color: #969896;
307 | }
308 | 
309 | .hljs-string,
310 | .hljs-variable,
311 | .hljs-template-variable,
312 | .hljs-strong,
313 | .hljs-emphasis,
314 | .hljs-quote {
315 |   color: #df5000;
316 | }
317 | 
318 | .hljs-keyword,
319 | .hljs-selector-tag,
320 | .hljs-type {
321 |   color: #a71d5d;
322 | }
323 | 
324 | .hljs-literal,
325 | .hljs-symbol,
326 | .hljs-bullet,
327 | .hljs-attribute {
328 |   color: #0086b3;
329 | }
330 | 
331 | .hljs-section,
332 | .hljs-name {
333 |   color: #63a35c;
334 | }
335 | 
336 | .hljs-tag {
337 |   color: #333333;
338 | }
339 | 
340 | .hljs-title,
341 | .hljs-attr,
342 | .hljs-selector-id,
343 | .hljs-selector-class,
344 | .hljs-selector-attr,
345 | .hljs-selector-pseudo {
346 |   color: #795da3;
347 | }
348 | 
349 | .hljs-addition {
350 |   color: #55a532;
351 |   background-color: #eaffea;
352 | }
353 | 
354 | .hljs-deletion {
355 |   color: #bd2c00;
356 |   background-color: #ffecec;
357 | }
358 | 
359 | .hljs-link {
360 |   text-decoration: underline;
361 | }
362 | 
363 | pre{
364 |   background: #fff;
365 | }
366 | 
367 | 
368 | 
369 | 
370 | 
371 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/iconfont/iconfont.eot


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/iconfont/iconfont.ttf


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/iconfont/iconfont.woff


--------------------------------------------------------------------------------
/src/assets/images/404.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/404.gif


--------------------------------------------------------------------------------
/src/assets/images/book.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/book.png


--------------------------------------------------------------------------------
/src/assets/images/cover.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/cover.jpg


--------------------------------------------------------------------------------
/src/assets/images/forest.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/forest.png


--------------------------------------------------------------------------------
/src/assets/images/girl.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/girl.jpg


--------------------------------------------------------------------------------
/src/assets/images/hill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/hill.png


--------------------------------------------------------------------------------
/src/assets/images/mainbg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/mainbg.jpg


--------------------------------------------------------------------------------
/src/assets/images/sunrise.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/sunrise.png


--------------------------------------------------------------------------------
/src/assets/images/sunshine.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/sunshine.png


--------------------------------------------------------------------------------
/src/assets/images/user.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/src/assets/images/user.jpeg


--------------------------------------------------------------------------------
/src/assets/styles/main.scss:
--------------------------------------------------------------------------------
  1 | body {
  2 |   padding: 0px;
  3 |   margin: 0px auto;
  4 | }
  5 | 
  6 | a {
  7 |   text-decoration: none;
  8 | }
  9 | 
 10 | #app {
 11 |   font: 14px Helvetica Neue, Helvetica, PingFang SC, \5fae\8f6f\96c5\9ed1,
 12 |     Tahoma, Arial, sans-serif;
 13 |   -webkit-font-smoothing: antialiased;
 14 |   -moz-osx-font-smoothing: grayscale;
 15 |   text-align: left;
 16 |   color: #2c3e50;
 17 | }
 18 | 
 19 | //home.vue
 20 | .el-menu-item,
 21 | .el-submenu__title {
 22 |   color: #fff;
 23 |   background-color: #20262e;
 24 |   font-weight: 800;
 25 | }
 26 | 
 27 | .el-menu .el-menu-item,
 28 | .el-submenu .el-submenu__title {
 29 |   height: 56px;
 30 |   line-height: 56px;
 31 |   background-color: #20262e !important;
 32 |   span {
 33 |     opacity: 0.8;
 34 |   }
 35 | }
 36 | 
 37 | .el-menu--inline {
 38 |   .el-menu-item {
 39 |     line-height: 42px !important;
 40 |     height: 42px !important;
 41 |   }
 42 | }
 43 | .el-menu-item:hover,
 44 | .el-submenu .el-menu-item:hover,
 45 | .el-submenu__title:hover {
 46 |   background-color: rgba(0, 0, 0, 0.3);
 47 | }
 48 | .is-opened {
 49 |   background-color: #20262e !important;
 50 |   .el-menu-item {
 51 |     line-height: 42px !important;
 52 |     height: 42px !important;
 53 |   }
 54 | }
 55 | .el-submenu .el-menu-item {
 56 |   background-color: #20262e;
 57 | }
 58 | 
 59 | .el-submenu .el-menu-item:hover {
 60 |   background-color: #20262e;
 61 | }
 62 | 
 63 | .el-submenu .el-menu-item.is-active,
 64 | .el-menu-item.is-active,
 65 | .el-submenu .el-menu-item.is-active:hover,
 66 | .el-menu-item.is-active:hover {
 67 |   border-left: 3px solid #409eff;
 68 | }
 69 | .el-menu--popup {
 70 |   background-color: #20262e;
 71 |   .el-menu-item {
 72 |     line-height: 42px;
 73 |     height: 42px;
 74 |     font-weight: normal;
 75 |   }
 76 | }
 77 | 
 78 | .el-menu .iconfont {
 79 |   margin-right: 8px;
 80 | }
 81 | 
 82 | .warp-breadcrum {
 83 |   border-left: 3px solid #409eff;
 84 |   margin: 15px 10px 15px 10px;
 85 |   text-indent: 8px;
 86 | }
 87 | .el-table td,
 88 | .el-table th {
 89 |   padding: 6px 0;
 90 | }
 91 | .oa_main {
 92 |   .oa_search {
 93 |     margin: 20px 10px 10px 10px;
 94 |   }
 95 | }
 96 | .ql-toolbar.ql-snow .ql-formats {
 97 |   margin-right: 0 !important;
 98 | }
 99 | .ql-toolbar.ql-snow .ql-formats:nth-child(4),
100 | .ql-toolbar.ql-snow .ql-formats:nth-child(8),
101 | .ql-toolbar.ql-snow .ql-formats:nth-child(9) {
102 |   display: none;
103 | }
104 | .ql-snow .ql-toolbar button svg,
105 | .quillWrapper .ql-snow.ql-toolbar button svg {
106 |   width: 16px !important;
107 |   height: 16px !important;
108 | }
109 | .ql-snow .ql-picker-label:before {
110 |   position: absolute;
111 | }
112 | .editer {
113 |   .ql-picker.ql-color-picker svg {
114 |     width: 16px !important;
115 |     height: 16px !important;
116 |     position: absolute;
117 |   }
118 | }
119 | .quillWrapper .ql-snow.ql-toolbar .ql-formats {
120 |   margin-bottom: 0 !important;
121 | }
122 | .quillWrapper .ql-snow.ql-toolbar {
123 |   padding-top: 10px !important;
124 |   padding-bottom: 0px !important;
125 | }
126 | .ql-picker:not(.ql-background) {
127 |   top: 0 !important;
128 | }
129 | 


--------------------------------------------------------------------------------
/src/common/util.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by jerry on 2017/4/14.
 3 |  */
 4 | var SIGN_REGEXP = /([yMdhsm])(\1*)/g
 5 | var DEFAULT_PATTERN = 'yyyy-MM-dd'
 6 | function padding (s, len) {
 7 |   let l = len - (s + '').length
 8 |   for (var i = 0; i < l; i++) { s = '0' + s }
 9 |   return s
10 | };
11 | 
12 | export default {
13 |   getQueryStringByName: function (name) {
14 |     var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
15 |     var r = window.location.search.substr(1).match(reg)
16 |     var context = ''
17 |     if (r != null) { context = r[2] }
18 |     reg = null
19 |     r = null
20 |     return context === null || context === '' || context === 'undefined' ? '' : context
21 |   },
22 |   formatDate: {
23 | 
24 |     format: function (date, pattern) {
25 |       pattern = pattern || DEFAULT_PATTERN
26 |       return pattern.replace(SIGN_REGEXP, function ($0) {
27 |         switch ($0.charAt(0)) {
28 |           case 'y': return padding(date.getFullYear(), $0.length)
29 |           case 'M': return padding(date.getMonth() + 1, $0.length)
30 |           case 'd': return padding(date.getDate(), $0.length)
31 |           case 'w': return date.getDay() + 1
32 |           case 'h': return padding(date.getHours(), $0.length)
33 |           case 'm': return padding(date.getMinutes(), $0.length)
34 |           case 's': return padding(date.getSeconds(), $0.length)
35 |         }
36 |       })
37 |     },
38 |     parse: function (dateString, pattern) {
39 |       var matchs1 = pattern.match(SIGN_REGEXP)
40 |       var matchs2 = dateString.match(/(\d)+/g)
41 |       if (matchs1.length === matchs2.length) {
42 |         var _date = new Date(1970, 0, 1)
43 |         for (var i = 0; i < matchs1.length; i++) {
44 |           var _int = parseInt(matchs2[i])
45 |           var sign = matchs1[i]
46 |           switch (sign.charAt(0)) {
47 |             case 'y': _date.setFullYear(_int); break
48 |             case 'M': _date.setMonth(_int - 1); break
49 |             case 'd': _date.setDate(_int); break
50 |             case 'h': _date.setHours(_int); break
51 |             case 'm': _date.setMinutes(_int); break
52 |             case 's': _date.setSeconds(_int); break
53 |           }
54 |         }
55 |         return _date
56 |       }
57 |       return null
58 |     }
59 | 
60 |   }
61 | 
62 | }
63 | 


--------------------------------------------------------------------------------
/src/components/Dashboard.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <el-row class="warp">
 3 |     <div style="text-align:center;margin:150px 0;"><img src="../assets/images/404.gif"></div>
 4 |   </el-row>
 5 | </template>
 6 | <style>
 7 | </style>
 8 | 
 9 | <script>
10 | export default {
11 |   data() {
12 |     return {
13 |       currentDate: new Date()
14 |     };
15 |   },
16 |   mounted: function() {}
17 | };
18 | </script>
19 | 


--------------------------------------------------------------------------------
/src/components/Drage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="main" ref="main">
  3 |     <svg width=500 height=1000></svg>
  4 |   </div>
  5 | </template>
  6 | <script>
  7 | // import $ from 'jquery'
  8 | export default {
  9 |   name: 'Main',
 10 |   mounted() {
 11 |     this.drage();
 12 |   },
 13 |   data() {
 14 |     return {}
 15 |   },
 16 |   methods: {
 17 |     drage () {
 18 |       // Create a new directed graph
 19 |       var g = new dagreD3.graphlib.Graph().setGraph({});
 20 | 
 21 |       // States and transitions from RFC 793
 22 |       var states = {
 23 |         开始: {
 24 |           description: "represents no connection state at all.",
 25 |           style: "fill: #f77"
 26 |         },
 27 | 
 28 |         公文发行: {
 29 |           description: "represents waiting for a connection request from any " +
 30 |                        "remote TCP and port."
 31 |         },
 32 |         处长审核: {
 33 |           description: "represents waiting for a connection request from any " +
 34 |                        "remote TCP and port."
 35 |         },
 36 |         办公室修审: {},
 37 |         关联处室审批1: {},
 38 |         关联处室审批2: {},
 39 |         签发: {},
 40 |         登记放号: {},
 41 |         文印室: {},
 42 |         机要员: {},
 43 |         归档: {},
 44 |         结束: {}
 45 |       };
 46 | 
 47 |       // Add states to the graph, set labels, and style
 48 |       Object.keys(states).forEach(function(state) {
 49 |         var value = states[state];
 50 |         value.label = state;
 51 |         value.rx = value.ry = 5;
 52 |         g.setNode(state, value);
 53 |       });
 54 | 
 55 |       // Set up the edges
 56 |       g.setEdge("开始", "公文发行", { label: "" });
 57 |       g.setEdge("公文发行", "处长审核", { label: "" });
 58 |       g.setEdge("处长审核", "公文发行", { label: "驳回" });
 59 |       g.setEdge("处长审核", "关联处室审批1", { label: "会签" });
 60 |       g.setEdge("处长审核", "办公室修审", { label: "不会签" });
 61 |       g.setEdge("办公室修审", "公文发行", { label: "驳回" });
 62 |       g.setEdge("关联处室审批1", "办公室修审", { label: "" });
 63 |       g.setEdge("办公室修审", "签发", { label: "不补充会签" });
 64 |       g.setEdge("办公室修审", "关联处室审批2", { label: "补充会签" });
 65 |       g.setEdge("签发", "办公室修审", { label: "驳回" });
 66 |       g.setEdge("关联处室审批2", "签发", { label: "" });
 67 |       g.setEdge("签发", "登记放号", { label: "" });
 68 |       g.setEdge("登记放号", "文印室", { label: "" });
 69 |       g.setEdge("文印室", "机要员", { label: "" });
 70 |       g.setEdge("机要员", "归档", { label: "" });
 71 |       g.setEdge("归档", "结束", { label: "" });
 72 | 
 73 | 
 74 |       // Create the renderer
 75 |       var render = new dagreD3.render();
 76 | 
 77 |       // Set up an SVG group so that we can translate the final graph.
 78 |       var svg = d3.select("svg"),
 79 |           inner = svg.append("g");
 80 | 
 81 |       // Set up zoom support
 82 |       var zoom = d3.zoom()
 83 |           .on("zoom", function() {
 84 |             inner.attr("transform", d3.event.transform);
 85 |           });
 86 |       svg.call(zoom);
 87 | 
 88 |       // Simple function to style the tooltip for the given node.
 89 |       var styleTooltip = function(name, description) {
 90 |         return "<p class='name'>" + name + "</p><p class='description'>" + description + "</p>";
 91 |       };
 92 |       // Run the renderer. This is what draws the final graph.
 93 |       render(inner, g);
 94 | 
 95 |       // inner.selectAll("g.node")
 96 |       //   .attr("title", function(v) { return styleTooltip(v, g.node(v).description) })
 97 |       //   .each(function(v) { $(this).tipsy({ gravity: "w", opacity: 1, html: true }); });
 98 | 
 99 |       // Center the graph
100 |       var initialScale = 0.75;
101 |       svg.call(zoom.transform, d3.zoomIdentity.translate((svg.attr("width") - g.graph().width * initialScale) / 2, 20).scale(initialScale));
102 | 
103 |       svg.attr('height', g.graph().height * initialScale + 40);
104 |     }
105 |   }
106 | }
107 | </script>
108 | <style lang="scss">
109 | #main{
110 |   width:300px;
111 |   height:1500px;
112 | }
113 | text {
114 |   font-weight: 300;
115 |   font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
116 |   font-size: 14px;
117 | }
118 | 
119 | .node rect {
120 |   stroke: #333;
121 |   fill: #fff;
122 | }
123 | 
124 | .edgePath path {
125 |   stroke: #333;
126 |   fill: #333;
127 |   stroke-width: 1.5px;
128 | }
129 | 
130 | .node text {
131 |   pointer-events: none;
132 | }
133 | 
134 | /* This styles the title of the tooltip */
135 | .tipsy .name {
136 |   font-size: 1.5em;
137 |   font-weight: bold;
138 |   color: #60b1fc;
139 |   margin: 0;
140 | }
141 | 
142 | /* This styles the body of the tooltip */
143 | .tipsy .description {
144 |   font-size: 1.2em;
145 | }
146 | </style>
147 | 


--------------------------------------------------------------------------------
/src/components/Home.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <el-row class="container">
  3 |     <!--头部-->
  4 |     <el-col :span="24" class="topbar-wrap">
  5 |       <!--展开折叠开关-->
  6 |       <div class="menu-toggle" @click.prevent="collapse">
  7 |         <i class="iconfont icon-category" v-show="!collapsed"></i>
  8 |         <i class="iconfont icon-more" v-show="collapsed"></i>
  9 |       </div>
 10 |       <div class="topbar-title">
 11 |         <span class="top_logo">武汉教育局OA管理系统</span>
 12 |       </div>
 13 |       <div class="topbar-account topbar-btn">
 14 |         <el-dropdown trigger="click">
 15 |           <span class="el-dropdown-link userinfo-inner"><img src="../assets/images/user.jpeg" class="user_pic"> 张飒&nbsp;&nbsp;<i
 16 |             class="iconfont icon-code"></i></span>
 17 |           <el-dropdown-menu slot="dropdown">
 18 |             <el-dropdown-item>
 19 |               <div @click="jumpTo('/user/profile')"><span style="color: #555;font-size: 14px;">个人信息</span></div>
 20 |             </el-dropdown-item>
 21 |             <el-dropdown-item>
 22 |               <div @click="jumpTo('/user/changepwd')"><span style="color: #555;font-size: 14px;">修改密码</span></div>
 23 |             </el-dropdown-item>
 24 |             <el-dropdown-item divided @click.native="logout">退出登录</el-dropdown-item>
 25 |           </el-dropdown-menu>
 26 |         </el-dropdown>
 27 |       </div>
 28 |     </el-col>
 29 | 
 30 |     <!--中间-->
 31 |     <el-col :span="24" class="main">
 32 |       <!--左侧导航-->
 33 |       <aside :class="{showSidebar:!collapsed}">
 34 |         <!--导航菜单-->
 35 |         <el-menu :default-active="defaultActiveIndex" router :collapse="collapsed" @select="handleSelect">
 36 |           <template v-for="(item,index) in $router.options.routes" v-if="item.menuShow">
 37 |             <el-submenu v-if="!item.leaf" :index="index+''">
 38 |               <template slot="title"><i :class="item.iconCls"></i><span slot="title">{{item.name}}</span></template>
 39 |               <el-menu-item v-for="term in item.children" :key="term.path" :index="term.path" v-if="term.menuShow"
 40 |                             :class="$route.path==term.path?'is-active':''">
 41 |                 <i :class="term.iconCls"></i><span slot="title">{{term.name}}</span>
 42 |               </el-menu-item>
 43 |             </el-submenu>
 44 |             <el-menu-item v-else-if="item.leaf&&item.children&&item.children.length" :index="item.children[0].path"
 45 |                           :class="$route.path==item.children[0].path?'is-active':''">
 46 |               <i :class="item.iconCls"></i><span slot="title">{{item.children[0].name}}</span>
 47 |             </el-menu-item>
 48 |           </template>
 49 |         </el-menu>
 50 |       </aside>
 51 | 
 52 |       <!--右侧内容区-->
 53 |       <section class="content-container">
 54 |         <div class="grid-content bg-purple-light">
 55 |           <el-row>
 56 |             <el-col :span="24" class="content-wrapper">
 57 |               <transition name="fade" mode="out-in">
 58 |                 <router-view></router-view>
 59 |               </transition>
 60 |             </el-col>
 61 |           </el-row>
 62 |           <el-row :span="24" style="text-align:center;line-height:35px;color:#666;">
 63 |               <el-col>copyright &copy;2018 XXX版权所有</el-col>
 64 |           </el-row>
 65 |         </div>
 66 |       </section>
 67 |     </el-col>
 68 | 
 69 |   </el-row>
 70 | </template>
 71 | 
 72 | <script>
 73 | import API from '../api/api_user';
 74 | 
 75 | export default {
 76 |   name: 'home',
 77 |   created() {
 78 |     this.$on('setNickName', text => {
 79 |       this.nickname = text;
 80 |     });
 81 | 
 82 |     this.$on('goto', url => {
 83 |       if (url === '/login') {
 84 |         localStorage.removeItem('access-user');
 85 |       }
 86 |       this.$router.push(url);
 87 |     });
 88 |   },
 89 |   data() {
 90 |     return {
 91 |       defaultActiveIndex: '0',
 92 |       nickname: '',
 93 |       collapsed: false
 94 |     };
 95 |   },
 96 |   methods: {
 97 |     handleSelect(index) {
 98 |       this.defaultActiveIndex = index;
 99 |     },
100 |     //折叠导航栏
101 |     collapse: function() {
102 |       this.collapsed = !this.collapsed;
103 |     },
104 |     jumpTo(url) {
105 |       this.defaultActiveIndex = url;
106 |       this.$router.push(url); //用go刷新
107 |     },
108 |     logout() {
109 |       let that = this;
110 |       this.$confirm('确认退出吗?', '提示', {
111 |         confirmButtonClass: 'el-button--warning'
112 |       })
113 |         .then(() => {
114 |           //确认
115 |           that.loading = true;
116 |           that.$router.push('/login'); //用go刷新
117 |         })
118 |         .catch(() => {});
119 |     }
120 |   },
121 |   mounted() {
122 |     let user = localStorage.getItem('access-user');
123 |     if (user) {
124 |       user = JSON.parse(user);
125 |       this.nickname = user.nickname || '';
126 |     }
127 |   }
128 | };
129 | </script>
130 | <!-- Add "scoped" attribute to limit CSS to this component only -->
131 | <style scoped lang="scss">
132 | .container {
133 |   position: absolute;
134 |   top: 0px;
135 |   bottom: 0px;
136 |   width: 100%;
137 | 
138 |   .topbar-wrap {
139 |     height: 60px;
140 |     line-height: 60px;
141 |     background: #1c2128;
142 |     padding: 0px;
143 | 
144 |     .topbar-btn {
145 |       color: #fff;
146 |     }
147 |     /*.topbar-btn:hover {*/
148 |     /*background-color: #4A5064;*/
149 |     /*}*/
150 |     .top_logo {
151 |       font-size: 18px;
152 |       color: #fff;
153 |       font-weight: 500;
154 |       opacity: 0.8;
155 |     }
156 |     .topbar-title {
157 |       float: left;
158 |       width: 350px;
159 |       padding-left: 0px;
160 |     }
161 |     .topbar-account {
162 |       float: right;
163 |       padding-right: 12px;
164 |     }
165 |     .userinfo-inner {
166 |       cursor: pointer;
167 |       color: #fff;
168 |       opacity: 0.8;
169 |       padding-left: 10px;
170 |       position: relative;
171 |       .user_pic {
172 |         position: absolute;
173 |         left: -30px;
174 |         top: -8px;
175 |         width: 32px;
176 |         height: 32px;
177 |         border-radius: 50%;
178 |       }
179 |       .iconfont {
180 |         font-weight: 800;
181 |       }
182 |       .iconfont:hover {
183 |         color: #409eff;
184 |       }
185 |     }
186 |   }
187 |   .main {
188 |     display: -webkit-box;
189 |     display: -webkit-flex;
190 |     display: -ms-flexbox;
191 |     display: flex;
192 |     position: absolute;
193 |     top: 60px;
194 |     bottom: 0px;
195 |     overflow: hidden;
196 |   }
197 | 
198 |   aside {
199 |     min-width: 60px;
200 |     background: #20262e;
201 |     &::-webkit-scrollbar {
202 |       display: none;
203 |     }
204 | 
205 |     &.showSidebar {
206 |       overflow-x: hidden;
207 |       overflow-y: auto;
208 |     }
209 | 
210 |     .el-menu {
211 |       height: 100%; /*写给不支持calc()的浏览器*/
212 |       height: -moz-calc(100% - 80px);
213 |       height: -webkit-calc(100% - 80px);
214 |       height: calc(100% - 80px);
215 |       border-radius: 0px;
216 |       background-color: #20262e;
217 |       border-right: 0px;
218 |     }
219 | 
220 |     .el-submenu .el-menu-item {
221 |       min-width: 60px;
222 |       background-color: #20262e;
223 |     }
224 |     .el-menu {
225 |       width: 220px;
226 |     }
227 |     .el-menu--collapse {
228 |       width: 60px;
229 |     }
230 | 
231 |     .el-menu .el-menu-item,
232 |     .el-submenu .el-submenu__title {
233 |       height: 56px;
234 |       line-height: 56px;
235 |     }
236 |     .el-submenu .el-submenu__title .el-menu-item:hover,
237 |     .el-submenu .el-menu-item:hover,
238 |     .el-submenu .el-submenu__title:hover {
239 |       background-color: rgba(0, 0, 0, 0.3);
240 |       color: #409eff;
241 |     }
242 |   }
243 | 
244 |   .menu-toggle {
245 |     float: left;
246 |     text-align: center;
247 |     color: #fff;
248 |     opacity: 0.8;
249 |     font-weight: bold;
250 |     line-height: 60px;
251 |     width: 60px;
252 |   }
253 |   .menu-toggle:hover {
254 |     color: #409eff;
255 |   }
256 |   .menu-toggle:hover {
257 |     cursor: pointer;
258 |     opacity: 0.8;
259 |   }
260 |   .content-container {
261 |     flex: 1;
262 |     overflow-y: auto;
263 |     padding: 10px;
264 |     padding-bottom: 1px;
265 | 
266 |     .content-wrapper {
267 |       box-sizing: border-box;
268 |     }
269 |   }
270 | }
271 | </style>
272 | 


--------------------------------------------------------------------------------
/src/components/Login.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="body_main">
  3 |     <vue-particles
  4 |         color="#dedede"
  5 |         :particleOpacity="0.7"
  6 |         :particlesNumber="80"
  7 |         shapeType="circle"
  8 |         :particleSize="4"
  9 |         linesColor="#dedede"
 10 |         :linesWidth="1"
 11 |         :lineLinked="true"
 12 |         :lineOpacity="0.4"
 13 |         :linesDistance="150"
 14 |         :moveSpeed="3"
 15 |         :hoverEffect="true"
 16 |         hoverMode="grab"
 17 |         :clickEffect="true"
 18 |         clickMode="push"
 19 |         class="main_body"
 20 |       >
 21 |       </vue-particles>
 22 |     <el-form ref="AccountFrom" :model="account" :rules="rules" label-position="left" label-width="0px"
 23 |              class="demo-ruleForm login-container">
 24 |       <h3 class="title">用户登录</h3>
 25 |       <el-form-item prop="username">
 26 |         <el-input type="text" v-model="account.username" auto-complete="off" placeholder="账号"></el-input>
 27 |       </el-form-item>
 28 |       <el-form-item prop="pwd">
 29 |         <el-input type="password" v-model="account.pwd" auto-complete="off" placeholder="密码"></el-input>
 30 |       </el-form-item>
 31 |       <!--<el-checkbox v-model="checked" checked class="remember">记住密码</el-checkbox>-->
 32 |       <el-form-item style="width:100%;">
 33 |         <el-button type="primary" style="width:100%;" @click.native.prevent="handleLogin" :loading="loading">登录</el-button>
 34 |       </el-form-item>
 35 |     </el-form>
 36 |   </div>
 37 | </template>
 38 | 
 39 | <script>
 40 | export default {
 41 |   data() {
 42 |     return {
 43 |       loading: false,
 44 |       account: {
 45 |         username: 'admin',
 46 |         pwd: '123456'
 47 |       },
 48 |       rules: {
 49 |         username: [
 50 |           { required: true, message: '请输入账号', trigger: 'blur' }
 51 |           //{ validator: validaePass }
 52 |         ],
 53 |         pwd: [
 54 |           { required: true, message: '请输入密码', trigger: 'blur' }
 55 |           //{ validator: validaePass2 }
 56 |         ]
 57 |       },
 58 |       checked: true
 59 |     };
 60 |   },
 61 |   methods: {
 62 |     handleLogin() {
 63 |       let that = this;
 64 |       this.$refs.AccountFrom.validate(valid => {
 65 |         if (valid) {
 66 |           this.loading = true;
 67 |           let loginParams = {
 68 |             username: this.account.username,
 69 |             pwd: this.account.pwd
 70 |           };
 71 |           localStorage.setItem('access-user', JSON.stringify('ok'));
 72 |           that.$router.push({ path: '/' });
 73 |         }
 74 |       });
 75 |     }
 76 |   }
 77 | };
 78 | </script>
 79 | <style lang="scss">
 80 | html,
 81 | body {
 82 |   height: 100%;
 83 | }
 84 | #app {
 85 |   height: 100%;
 86 | }
 87 | </style>
 88 | <style lang="scss" scoped>
 89 | .body_main {
 90 |   height: 100%;
 91 |   width: 100%;
 92 |   position: relative;
 93 |   .main_body {
 94 |     left: 0;
 95 |     top: 0;
 96 |     width: 100%;
 97 |     height: 100%;
 98 |     position: absolute;
 99 |     background: #98c3ef;
100 |     background-size: cover;
101 |   }
102 | }
103 | .login-container {
104 |   position: absolute;
105 |   top: 50%;
106 |   left: 50%;
107 |   margin: -150px 0 0 -210px;
108 |   /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);*/
109 |   -webkit-border-radius: 5px;
110 |   border-radius: 5px;
111 |   -moz-border-radius: 5px;
112 |   background-clip: padding-box;
113 |   width: 350px;
114 |   padding: 35px 35px 15px 35px;
115 |   background: #fff;
116 |   border: 1px solid #eaeaea;
117 |   box-shadow: 0 0 25px #cac6c6;
118 | 
119 |   background: -ms-linear-gradient(top, #ace, #00c1de); /* IE 10 */
120 |   background: -moz-linear-gradient(top, #ace, #00c1de); /*火狐*/
121 |   background: -webkit-gradient(
122 |     linear,
123 |     0% 0%,
124 |     0% 100%,
125 |     from(#ace),
126 |     to(#00c1de)
127 |   ); /*谷歌*/
128 |   background: -webkit-linear-gradient(
129 |     top,
130 |     #ace,
131 |     #00c1de
132 |   ); /*Safari5.1 Chrome 10+*/
133 |   background: -o-linear-gradient(top, #ace, #00c1de); /*Opera 11.10+*/
134 | 
135 |   .title {
136 |     margin: 0px auto 40px auto;
137 |     text-align: center;
138 |     color: #505458;
139 |   }
140 |   .remember {
141 |     margin: 0px 0px 35px 0px;
142 |   }
143 | }
144 | </style>
145 | 


--------------------------------------------------------------------------------
/src/components/Main.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb separator="/">
  7 |           <el-breadcrumb-item>首页</el-breadcrumb-item>
  8 |         </el-breadcrumb>
  9 |       </el-col>
 10 |     </el-row>
 11 |     <!--卡片-->
 12 |     <el-row class="oa_main_card">
 13 |       <el-col :span="6">
 14 |         <el-card style="background:#67C23A;">
 15 |           <div class="todo_l">
 16 |             <el-row>
 17 |               <el-col :span="12" class="tl"><span>待办事项</span></el-col>
 18 |               <el-col :span="12" class="tr"><el-button type="text" @click="handleGoUrl('/person/todo')"><i>25</i></el-button></el-col>
 19 |             </el-row>
 20 |           </div>
 21 |         </el-card>
 22 |       </el-col>
 23 |       <el-col :span="6">
 24 |         <el-card style="background:#E6A23C;">
 25 |           <div class="todo_l">
 26 |             <el-row>
 27 |               <el-col :span="12" class="tl"><span>日程安排</span></el-col>
 28 |               <el-col :span="12" class="tr"><el-button type="text" @click="handleGoUrl('/person/timelist')"><i>30</i></el-button></el-col>
 29 |             </el-row>
 30 |           </div>
 31 |         </el-card>
 32 |       </el-col>
 33 |       <el-col :span="6">
 34 |         <el-card style="background:#F56C6C;">
 35 |           <div class="todo_l">
 36 |             <el-row>
 37 |               <el-col :span="12" class="tl"><span>我的督办</span></el-col>
 38 |               <el-col :span="12" class="tr"><el-button type="text" @click="handleGoUrl('/office/supervisetask')"><i>18</i></el-button></el-col>
 39 |             </el-row>
 40 |           </div>
 41 |         </el-card>
 42 |       </el-col>
 43 |       <el-col :span="6">
 44 |         <el-card style="background:#409EFF;">
 45 |           <div class="date_l">
 46 |             <el-row>
 47 |               <el-col :span="12" class="tl">
 48 |                 <p>{{dateList.date}}</p>
 49 |                 <p>{{dateList.weekday}}</p>
 50 |               </el-col>
 51 |               <el-col :span="12" class="tr">
 52 |                 {{dateList.time}}
 53 |               </el-col>
 54 |             </el-row>
 55 |           </div>
 56 |         </el-card>
 57 |       </el-col>
 58 |     </el-row>
 59 |     <!--公文-->
 60 |     <el-row class="oa_doc">
 61 |       <el-col :span="12">
 62 |         <el-card class="box-card">
 63 |           <div slot="header" class="clearfix">
 64 |             <span class="title"><i class="iconfont icon-inquirytemplate"></i> 公开公文</span>
 65 |             <el-tooltip class="item" effect="dark" content="查看更多" placement="top-start">
 66 |               <i class="el-icon-more-outline" style="float: right; padding: 3px 0"></i>
 67 |             </el-tooltip>
 68 |           </div>
 69 |           <div>
 70 |             <!--table-->
 71 |             <el-table
 72 |               :data="tableData"
 73 |               stripe
 74 |               style="width: 100%">
 75 |               <el-table-column
 76 |                 fixed
 77 |                 prop="id"
 78 |                 label="编号"
 79 |                 show-overflow-tooltip
 80 |                 width="90">
 81 |               </el-table-column>
 82 |               <el-table-column
 83 |                 prop="type"
 84 |                 label="公文类型"
 85 |                 align="center"
 86 |                 show-overflow-tooltip
 87 |                 width="100">
 88 |               </el-table-column>
 89 |               <el-table-column
 90 |                 prop="name"
 91 |                 align="center"
 92 |                 min-width="150"
 93 |                 show-overflow-tooltip
 94 |                 label="标题">
 95 |               </el-table-column>
 96 |               <el-table-column
 97 |                 prop="date"
 98 |                 align="center"
 99 |                 label="发文日期"
100 |                 show-overflow-tooltip
101 |                 width="100">
102 |               </el-table-column>
103 |               <el-table-column
104 |                 fixed="right"
105 |                 align="center"
106 |                 label="操作"
107 |                 width="60">
108 |                 <template slot-scope="scope">
109 |                   <el-button type="text" size="small"><i class="iconfont icon-search"></i></el-button>
110 |                 </template>
111 |               </el-table-column>
112 |             </el-table>
113 |           </div>
114 |         </el-card>
115 |       </el-col>
116 |       <el-col :span="12">
117 |         <el-card class="box-card">
118 |           <div slot="header" class="clearfix">
119 |             <span class="title"> <i class="iconfont icon-inquirytemplate"></i> 部门公文</span>
120 |             <el-tooltip class="item" effect="dark" content="查看更多" placement="top-start">
121 |               <i class="el-icon-more-outline" style="float: right; padding: 3px 0"></i>
122 |             </el-tooltip>
123 |           </div>
124 |           <div>
125 |             <!--table-->
126 |             <el-table
127 |               :data="tableData"
128 |               stripe
129 |               style="width: 100%">
130 |               <el-table-column
131 |                 fixed
132 |                 prop="id"
133 |                 label="编号"
134 |                 show-overflow-tooltip
135 |                 width="90">
136 |               </el-table-column>
137 |               <el-table-column
138 |                 prop="type"
139 |                 label="公文类型"
140 |                 show-overflow-tooltip
141 |                 align="center"
142 |                 width="100">
143 |               </el-table-column>
144 |               <el-table-column
145 |                 prop="name"
146 |                 align="center"
147 |                 min-width="150"
148 |                 show-overflow-tooltip
149 |                 label="标题">
150 |               </el-table-column>
151 |               <el-table-column
152 |                 prop="date"
153 |                 align="center"
154 |                 label="发文日期"
155 |                 show-overflow-tooltip
156 |                 width="100">
157 |               </el-table-column>
158 |               <el-table-column
159 |                 fixed="right"
160 |                 align="center"
161 |                 label="操作"
162 |                 width="60">
163 |                 <template slot-scope="scope">
164 |                   <el-button type="text" size="small"><i class="iconfont icon-search"></i></el-button>
165 |                 </template>
166 |               </el-table-column>
167 |             </el-table>
168 |           </div>
169 |         </el-card>
170 |       </el-col>
171 |     </el-row>
172 |     <!--公告&文档-->
173 |     <el-row class="oa_doc">
174 |       <el-col :span="12">
175 |         <el-card class="box-card">
176 |           <div slot="header" class="clearfix">
177 |             <span class="title"><i class="iconfont icon-remind1"></i> 通知公告</span>
178 |             <el-tooltip class="item" effect="dark" content="查看更多" placement="top-start">
179 |               <i class="el-icon-more-outline" style="float: right; padding: 3px 0"></i>
180 |             </el-tooltip>
181 |           </div>
182 |           <div>
183 |             <!--table-->
184 |             <el-table
185 |               :data="tableData"
186 |               stripe
187 |               style="width: 100%">
188 |               <el-table-column
189 |                 prop="name"
190 |                 min-width="250"
191 |                 show-overflow-tooltip
192 |                 label="标题">
193 |               </el-table-column>
194 |               <el-table-column
195 |                 prop="date"
196 |                 align="center"
197 |                 label="日期"
198 |                 show-overflow-tooltip
199 |                 width="120">
200 |               </el-table-column>
201 |               <el-table-column
202 |                 fixed="right"
203 |                 align="center"
204 |                 label="操作"
205 |                 width="90">
206 |                 <template slot-scope="scope">
207 |                   <el-button type="text" size="small"><i class="iconfont icon-search"></i></el-button>
208 |                 </template>
209 |               </el-table-column>
210 |             </el-table>
211 |           </div>
212 |         </el-card>
213 |       </el-col>
214 |       <el-col :span="12">
215 |         <el-card class="box-card">
216 |           <div slot="header" class="clearfix">
217 |             <span class="title"> <i class="iconfont icon-attachment"></i> 部门文档</span>
218 |             <el-tooltip class="item" effect="dark" content="查看更多" placement="top-start">
219 |               <i class="el-icon-more-outline" style="float: right; padding: 3px 0"></i>
220 |             </el-tooltip>
221 |           </div>
222 |           <div>
223 |             <!--table-->
224 |             <el-table
225 |               :data="tableData2"
226 |               stripe
227 |               style="width: 100%">
228 |               <el-table-column
229 |                 prop="name"
230 |                 min-width="250"
231 |                 show-overflow-tooltip
232 |                 label="名称">
233 |               </el-table-column>
234 |               <el-table-column
235 |                 prop="type"
236 |                 label="类型"
237 |                 align="center"
238 |                 show-overflow-tooltip
239 |                 width="120">
240 |               </el-table-column>
241 |               <el-table-column
242 |                 fixed="right"
243 |                 align="center"
244 |                 label="操作"
245 |                 width="90">
246 |                 <template slot-scope="scope">
247 |                   <el-button type="text" size="small"><i class="iconfont icon-icondownload"></i></el-button>
248 |                 </template>
249 |               </el-table-column>
250 |             </el-table>
251 |           </div>
252 |         </el-card>
253 |       </el-col>
254 |     </el-row>
255 |   </div>
256 | </template>
257 | <script>
258 | export default {
259 |   name: 'Main',
260 |   mounted() {
261 |     this.showTime();
262 |   },
263 |   data() {
264 |     return {
265 |       dateList: {
266 |         date: '',
267 |         weekday: '',
268 |         time: ''
269 |       },
270 |       tableData: new Array(5).fill({
271 |         id: 10000,
272 |         type: '决议',
273 |         name: '关于教学改进决议爱上看见哈萨克就暗杀看',
274 |         date: '2017-10-20'
275 |       }),
276 |       tableData2: new Array(5).fill({
277 |         type: 'ZIP',
278 |         name: '全区先进教案模板'
279 |       })
280 |     };
281 |   },
282 |   methods: {
283 |     showTime() {
284 |       var show_day = new Array(
285 |         '星期日',
286 |         '星期一',
287 |         '星期二',
288 |         '星期三',
289 |         '星期四',
290 |         '星期五',
291 |         '星期六'
292 |       );
293 |       var time = new Date();
294 |       var year = time.getFullYear();
295 |       var month = time.getMonth() + 1;
296 |       var date = time.getDate();
297 |       var day = time.getDay();
298 |       var hour = time.getHours();
299 |       var minutes = time.getMinutes();
300 |       var second = time.getSeconds();
301 |       month < 10 ? (month = '0' + month) : month;
302 |       month = month;
303 |       hour < 10 ? (hour = '0' + hour) : hour;
304 |       minutes < 10 ? (minutes = '0' + minutes) : minutes;
305 |       this.dateList.date = year + '年' + month + '月' + date + '日';
306 |       this.dateList.weekday = show_day[day];
307 |       this.dateList.time = hour + ':' + minutes;
308 |       setTimeout(this.showTime, 3000);
309 |     },
310 |     handleGoUrl(url) {
311 |       this.$router.push({ path: url });
312 |     }
313 |   }
314 | };
315 | </script>
316 | <style lang="scss" scoped>
317 | .oa_main_card {
318 |   .el-card {
319 |     margin: 6px;
320 |   }
321 |   .todo_l {
322 |     line-height: 75px;
323 |     color: #fff;
324 |     .tl {
325 |       font-size: 18px;
326 |       font-weight: 500;
327 |       text-align: center;
328 |     }
329 |     .tr {
330 |       .el-button--text {
331 |         font-size: 60px;
332 |         font-weight: 500;
333 |         color: #fff;
334 |         padding: 0;
335 |         line-height: 75px;
336 |       }
337 |       .el-button--text:hover {
338 |         font-size: 62px;
339 |         transition: 0.5;
340 |         text-shadow: 2px 2px 1px #666;
341 |       }
342 |     }
343 |   }
344 |   .date_l {
345 |     color: #fff;
346 |     .tl {
347 |       font-size: 14px;
348 |       font-weight: bold;
349 |     }
350 |     .tr {
351 |       line-height: 75px;
352 |       font-size: 42px;
353 |       text-align: center;
354 |     }
355 |   }
356 | }
357 | .oa_doc {
358 |   margin: 25px 0px;
359 |   .el-card {
360 |     margin: 0 6px;
361 |     .title {
362 |       font-size: 16px;
363 |       font-weight: bold;
364 |       color: #409eff;
365 |     }
366 |     .el-icon-more-outline:hover {
367 |       cursor: pointer;
368 |       color: #409eff;
369 |     }
370 |     .el-icon-search {
371 |       font-weight: bold;
372 |     }
373 |   }
374 | }
375 | </style>
376 | <style lang="scss">
377 | .oa_main_card {
378 |   .el-card__body {
379 |     height: 75px;
380 |   }
381 | }
382 | .el-card__body:hover {
383 |   box-shadow: 3px 3px 3px #ccc;
384 | }
385 | </style>
386 | 


--------------------------------------------------------------------------------
/src/components/book/list.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <el-row class="warp">
  3 |     <el-col :span="24" class="warp-breadcrum">
  4 |       <el-breadcrumb separator="/">
  5 |         <el-breadcrumb-item :to="{ path: '/' }"><b>首页</b></el-breadcrumb-item>
  6 |         <el-breadcrumb-item>图书管理</el-breadcrumb-item>
  7 |         <el-breadcrumb-item>图书列表</el-breadcrumb-item>
  8 |       </el-breadcrumb>
  9 |     </el-col>
 10 | 
 11 |     <el-col :span="24" class="warp-main" v-loading="loading" element-loading-text="拼命加载中">
 12 |       <!--工具条-->
 13 |       <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
 14 |         <el-form :inline="true" :model="filters">
 15 |           <el-form-item>
 16 |             <el-input v-model="filters.name" placeholder="书名" @keyup.enter.native="handleSearch"></el-input>
 17 |           </el-form-item>
 18 |           <el-form-item>
 19 |             <el-button type="primary" v-on:click="handleSearch">查询</el-button>
 20 |           </el-form-item>
 21 |           <el-form-item>
 22 |             <el-button type="primary" @click="showAddDialog">新增</el-button>
 23 |           </el-form-item>
 24 |         </el-form>
 25 |       </el-col>
 26 | 
 27 |       <!--列表-->
 28 |       <el-table :data="books" highlight-current-row @selection-change="selsChange"
 29 |                 style="width: 100%;">
 30 |         <el-table-column type="selection" width="55"></el-table-column>
 31 |         <el-table-column type="index" width="60"></el-table-column>
 32 |         <el-table-column type="expand">
 33 |           <template slot-scope="props">
 34 |             <el-form label-position="left" inline class="demo-table-expand">
 35 |               <el-form-item label="[图书简介]">
 36 |                 <span>{{ props.row.description }}</span>
 37 |               </el-form-item>
 38 |             </el-form>
 39 |           </template>
 40 |         </el-table-column>
 41 |         <el-table-column prop="name" label="书名" sortable></el-table-column>
 42 |         <el-table-column prop="author" label="作者" width="100" sortable></el-table-column>
 43 |         <el-table-column prop="publishAt" label="出版日期" width="150" sortable></el-table-column>
 44 |         <el-table-column label="操作" width="150">
 45 |           <template slot-scope="scope">
 46 |             <el-button size="small" @click="showEditDialog(scope.$index,scope.row)">编辑</el-button>
 47 |             <el-button type="danger" @click="delBook(scope.$index,scope.row)" size="small">删除</el-button>
 48 |           </template>
 49 |         </el-table-column>
 50 |       </el-table>
 51 | 
 52 |       <!--工具条-->
 53 |       <el-col :span="24" class="toolbar">
 54 |         <el-button type="danger" @click="batchDeleteBook" :disabled="this.sels.length===0">批量删除</el-button>
 55 |         <el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="10" :total="total"
 56 |                        style="float:right;">
 57 |         </el-pagination>
 58 |       </el-col>
 59 | 
 60 |       <el-dialog title="编辑" :visible.sync ="editFormVisible" :close-on-click-modal="false">
 61 |         <el-form :model="editForm" label-width="100px" :rules="editFormRules" ref="editForm">
 62 |           <el-form-item label="书名" prop="name">
 63 |             <el-input v-model="editForm.name" auto-complete="off"></el-input>
 64 |           </el-form-item>
 65 |           <el-form-item label="作者" prop="author">
 66 |             <el-input v-model="editForm.author" auto-complete="off"></el-input>
 67 |           </el-form-item>
 68 |           <el-form-item label="出版日期">
 69 |             <el-date-picker type="date" placeholder="选择日期" v-model="editForm.publishAt"></el-date-picker>
 70 |           </el-form-item>
 71 |           <el-form-item label="简介" prop="description">
 72 |             <el-input type="textarea" v-model="editForm.description" :rows="8"></el-input>
 73 |           </el-form-item>
 74 |         </el-form>
 75 |         <div slot="footer" class="dialog-footer">
 76 |           <el-button @click.native="editFormVisible = false">取消</el-button>
 77 |           <el-button type="primary" @click.native="editSubmit">提交</el-button>
 78 |         </div>
 79 |       </el-dialog>
 80 | 
 81 |       <!--新增界面-->
 82 |       <el-dialog title="新增" :visible.sync ="addFormVisible" :close-on-click-modal="false">
 83 |         <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
 84 |           <el-form-item label="书名" prop="name">
 85 |             <el-input v-model="addForm.name" auto-complete="off"></el-input>
 86 |           </el-form-item>
 87 |           <el-form-item label="作者" prop="author">
 88 |             <el-input v-model="addForm.author" auto-complete="off"></el-input>
 89 |           </el-form-item>
 90 |           <el-form-item label="出版日期">
 91 |             <el-date-picker type="date" placeholder="选择日期" v-model="addForm.publishAt"></el-date-picker>
 92 |           </el-form-item>
 93 |           <el-form-item label="简介" prop="description">
 94 |             <el-input type="textarea" v-model="addForm.description" :rows="8"></el-input>
 95 |           </el-form-item>
 96 |         </el-form>
 97 |         <div slot="footer" class="dialog-footer">
 98 |           <el-button @click.native="addFormVisible = false">取消</el-button>
 99 |           <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
100 |         </div>
101 |       </el-dialog>
102 | 
103 |     </el-col>
104 |   </el-row>
105 | </template>
106 | <script>
107 |   import util from '../../common/util'
108 |   import API from '../../api/api_book';
109 | 
110 |   export default{
111 |     data(){
112 |       return {
113 |         filters: {
114 |           name: ''
115 |         },
116 |         books: [],
117 |         total: 0,
118 |         page: 1,
119 |         limit: 10,
120 |         loading: false,
121 |         sels: [], //列表选中列
122 | 
123 |         //编辑相关数据
124 |         editFormVisible: false,//编辑界面是否显示
125 |         editFormRules: {
126 |           name: [
127 |             {required: true, message: '请输入书名', trigger: 'blur'}
128 |           ],
129 |           author: [
130 |             {required: true, message: '请输入作者', trigger: 'blur'}
131 |           ],
132 |           description: [
133 |             {required: true, message: '请输入简介', trigger: 'blur'}
134 |           ]
135 |         },
136 |         editForm: {
137 |           id: 0,
138 |           name: '',
139 |           author: '',
140 |           publishAt: '',
141 |           description: ''
142 |         },
143 | 
144 |         //新增相关数据
145 |         addFormVisible: false,//新增界面是否显示
146 |         addLoading: false,
147 |         addFormRules: {
148 |           name: [
149 |             {required: true, message: '请输入书名', trigger: 'blur'}
150 |           ],
151 |           author: [
152 |             {required: true, message: '请输入作者', trigger: 'blur'}
153 |           ],
154 |           description: [
155 |             {required: true, message: '请输入简介', trigger: 'blur'}
156 |           ]
157 |         },
158 |         addForm: {
159 |           name: '',
160 |           author: '',
161 |           publishAt: '',
162 |           description: ''
163 |         }
164 |       }
165 |     },
166 |     methods: {
167 |       handleCurrentChange(val) {
168 |         this.page = val;
169 |         this.search();
170 |       },
171 |       handleSearch(){
172 |         this.total = 0;
173 |         this.page = 1;
174 |         this.search();
175 |       },
176 |       search(){
177 |         let that = this;
178 |         let params = {
179 |           page: that.page,
180 |           limit: 10,
181 |           name: that.filters.name
182 |         };
183 | 
184 |         that.loading = true;
185 |         API.findList(params).then(function (result) {
186 |           that.loading = false;
187 |           if (result && result.books) {
188 |             that.total = result.total;
189 |             that.books = result.books;
190 |           }
191 |         }, function (err) {
192 |           that.loading = false;
193 |           that.$message.error({showClose: true, message: err.toString(), duration: 2000});
194 |         }).catch(function (error) {
195 |           that.loading = false;
196 |           console.log(error);
197 |           that.$message.error({showClose: true, message: '请求出现异常', duration: 2000});
198 |         });
199 |       },
200 |       selsChange: function (sels) {
201 |         this.sels = sels;
202 |       },
203 |       //删除
204 |       delBook: function (index, row) {
205 |         let that = this;
206 |         this.$confirm('确认删除该记录吗?', '提示', {type: 'warning'}).then(() => {
207 |           that.loading = true;
208 |           API.remove(row.id).then(function (result) {
209 |             that.loading = false;
210 |             if (result && parseInt(result.errcode) === 0) {
211 |               that.$message.success({showClose: true, message: '删除成功', duration: 1500});
212 |               that.search();
213 |             }
214 |           }, function (err) {
215 |             that.loading = false;
216 |             that.$message.error({showClose: true, message: err.toString(), duration: 2000});
217 |           }).catch(function (error) {
218 |             that.loading = false;
219 |             console.log(error);
220 |             that.$message.error({showClose: true, message: '请求出现异常', duration: 2000});
221 |           });
222 |         }).catch(() => {
223 |         });
224 |       },
225 |       //显示编辑界面
226 |       showEditDialog: function (index, row) {
227 |         this.editFormVisible = true;
228 |         this.editForm = Object.assign({}, row);
229 |       },
230 |       //编辑
231 |       editSubmit: function () {
232 |         let that = this;
233 |         this.$refs.editForm.validate((valid) => {
234 |           if (valid) {
235 |             this.loading = true;
236 |             let para = Object.assign({}, this.editForm);
237 |             para.publishAt = (!para.publishAt || para.publishAt == '') ? '' : util.formatDate.format(new Date(para.publishAt), 'yyyy-MM-dd');
238 |             API.update(para.id, para).then(function (result) {
239 |               that.loading = false;
240 |               if (result && parseInt(result.errcode) === 0) {
241 |                 that.$message.success({showClose: true, message: '修改成功', duration: 2000});
242 |                 that.$refs['editForm'].resetFields();
243 |                 that.editFormVisible = false;
244 |                 that.search();
245 |               } else {
246 |                 that.$message.error({showClose: true, message: '修改失败', duration: 2000});
247 |               }
248 |             }, function (err) {
249 |               that.loading = false;
250 |               that.$message.error({showClose: true, message: err.toString(), duration: 2000});
251 |             }).catch(function (error) {
252 |               that.loading = false;
253 |               console.log(error);
254 |               that.$message.error({showClose: true, message: '请求出现异常', duration: 2000});
255 |             });
256 |           }
257 |         });
258 |       },
259 |       showAddDialog: function () {
260 |         this.addFormVisible = true;
261 |         this.addForm = {
262 |           name: '',
263 |           author: '',
264 |           publishAt: '',
265 |           description: ''
266 |         };
267 |       },
268 |       //新增
269 |       addSubmit: function () {
270 |         let that = this;
271 |         this.$refs.addForm.validate((valid) => {
272 |           if (valid) {
273 |             that.loading = true;
274 |             let para = Object.assign({}, this.addForm);
275 |             para.publishAt = (!para.publishAt || para.publishAt === '') ? '' : util.formatDate.format(new Date(para.publishAt), 'yyyy-MM-dd');
276 |             API.add(para).then(function (result) {
277 |               that.loading = false;
278 |               if (result && parseInt(result.errcode) === 0) {
279 |                 that.$message.success({showClose: true, message: '新增成功', duration: 2000});
280 |                 that.$refs['addForm'].resetFields();
281 |                 that.addFormVisible = false;
282 |                 that.search();
283 |               } else {
284 |                 that.$message.error({showClose: true, message: '修改失败', duration: 2000});
285 |               }
286 |             }, function (err) {
287 |               that.loading = false;
288 |               that.$message.error({showClose: true, message: err.toString(), duration: 2000});
289 |             }).catch(function (error) {
290 |               that.loading = false;
291 |               console.log(error);
292 |               that.$message.error({showClose: true, message: '请求出现异常', duration: 2000});
293 |             });
294 | 
295 |           }
296 |         });
297 |       },
298 |       //批量删除
299 |       batchDeleteBook: function () {
300 |         let ids = this.sels.map(item => item.id).toString();
301 |         let that = this;
302 |         this.$confirm('确认删除选中记录吗？', '提示', {
303 |           type: 'warning'
304 |         }).then(() => {
305 |           that.loading = true;
306 |           API.removeBatch(ids).then(function (result) {
307 |             that.loading = false;
308 |             if (result && parseInt(result.errcode) === 0) {
309 |               that.$message.success({showClose: true, message: '删除成功', duration: 1500});
310 |               that.search();
311 |             }
312 |           }, function (err) {
313 |             that.loading = false;
314 |             that.$message.error({showClose: true, message: err.toString(), duration: 2000});
315 |           }).catch(function (error) {
316 |             that.loading = false;
317 |             console.log(error);
318 |             that.$message.error({showClose: true, message: '请求出现异常', duration: 2000});
319 |           });
320 |         }).catch(() => {
321 | 
322 |         });
323 |       }
324 |     },
325 |     mounted() {
326 |       this.handleSearch()
327 |     }
328 |   }
329 | </script>
330 | 
331 | <style>
332 |   .demo-table-expand label {
333 |     font-weight: bold;
334 |   }
335 | </style>
336 | 


--------------------------------------------------------------------------------
/src/components/bookcategory/list.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <el-row class="warp">
 3 |     <el-col :span="24" class="warp-breadcrum">
 4 |       <el-breadcrumb separator="/">
 5 |         <el-breadcrumb-item :to="{ path: '/' }"><b>首页</b></el-breadcrumb-item>
 6 |         <el-breadcrumb-item>图书管理</el-breadcrumb-item>
 7 |         <el-breadcrumb-item>图书分类</el-breadcrumb-item>
 8 |       </el-breadcrumb>
 9 |     </el-col>
10 | 
11 |     <el-col :span="24" class="warp-main">
12 |       <h2>神马也没有！</h2>
13 |     </el-col>
14 |   </el-row>
15 | </template>
16 | <script>
17 |   export default{
18 |     data(){
19 |       return {
20 |         msg: 'hello vue'
21 |       }
22 |     }
23 |   }
24 | </script>
25 | 


--------------------------------------------------------------------------------
/src/components/govfile/AcceptFile.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>公文管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>收文管理</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--serach-->
 14 |     <div class="oa_search">
 15 |       <el-form :inline="true" :model="form" class="demo-form-inline">
 16 |         <el-form-item label="公文名称">
 17 |           <el-input v-model="form.name" placeholder="请输入公文名称"></el-input>
 18 |         </el-form-item>
 19 |         <el-form-item label="拟稿人">
 20 |           <el-input v-model="form.person" placeholder="请输入拟稿人"></el-input>
 21 |         </el-form-item>
 22 |         <el-form-item label="签发时间">
 23 |           <el-date-picker
 24 |             v-model="form.time"
 25 |             type="daterange"
 26 |             range-separator="至"
 27 |             start-placeholder="开始日期"
 28 |             end-placeholder="结束日期">
 29 |           </el-date-picker>
 30 |         </el-form-item>
 31 |         <el-form-item>
 32 |           <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
 33 |         </el-form-item>
 34 |       </el-form>
 35 |     </div>
 36 |     <!--list-->
 37 |     <el-table
 38 |       :data="tableData4"
 39 |       stripe
 40 |       style="width: 100%">
 41 |       <el-table-column
 42 |         fixed
 43 |         prop="id"
 44 |         label="流水号"
 45 |         width="120">
 46 |       </el-table-column>
 47 |       <el-table-column
 48 |         prop="name"
 49 |         label="公文名称"
 50 |         align="center"
 51 |         min-width="220">
 52 |       </el-table-column>
 53 |       <el-table-column
 54 |         prop="subName"
 55 |         align="center"
 56 |         width="160"
 57 |         label="拟稿人">
 58 |       </el-table-column>
 59 |       <el-table-column
 60 |         prop="person"
 61 |         align="center"
 62 |         label="签发时间"
 63 |         width="120">
 64 |       </el-table-column>
 65 |       <el-table-column
 66 |         prop="time"
 67 |         align="center"
 68 |         label="签发部门"
 69 |         width="200">
 70 |       </el-table-column>
 71 |       <el-table-column
 72 |         fixed="right"
 73 |         align="center"
 74 |         label="操作"
 75 |         width="160">
 76 |         <template slot-scope="scope">
 77 |           <el-button type="text" size="small" @click="handleGoUrl('/govfile/acceptshow')"><i class="iconfont icon-search"></i></el-button>
 78 |         </template>
 79 |       </el-table-column>
 80 |     </el-table>
 81 |   </div>
 82 | </template>
 83 | <script>
 84 | export default {
 85 |   data() {
 86 |     return {
 87 |       tableData4: new Array(15).fill({
 88 |         id: 10001,
 89 |         name: '关于表彰先进个人的议案',
 90 |         subName: '张飒',
 91 |         person: '2010-10-12',
 92 |         time: '人事部'
 93 |       }),
 94 |       form: {
 95 |         name: '',
 96 |         person: '',
 97 |         time: []
 98 |       }
 99 |     };
100 |   },
101 |   methods: {
102 |     handleGoUrl(url) {
103 |       this.$router.push({ path: url });
104 |     },
105 |     onSubmit() {
106 |       console.log(this.form);
107 |     }
108 |   }
109 | };
110 | </script>
111 | <style lang="scss" scoped>
112 | </style>
113 | 


--------------------------------------------------------------------------------
/src/components/govfile/AcceptShow.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>公文管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>收文管理</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--list-->
 14 |     <el-row class="send_file">
 15 |       <el-col :span="16">
 16 |         <el-form ref="form" :model="form" label-width="80px">
 17 |           <el-form-item label="公文名称">
 18 |             <el-input v-model="form.name" placeholder="请输入公文名称"></el-input>
 19 |           </el-form-item>
 20 |           <el-row>
 21 |             <el-col :span="12">
 22 |               <el-form-item label="公文类型">
 23 |                 <el-select v-model="form.region" placeholder="请选择公文类型" style="width:100%;">
 24 |                   <el-option label="决议" value="1"></el-option>
 25 |                   <el-option label="命令" value="2"></el-option>
 26 |                   <el-option label="议案" value="3"></el-option>
 27 |                   <el-option label="指示" value="4"></el-option>
 28 |                   <el-option label="通告" value="5"></el-option>
 29 |                 </el-select>
 30 |               </el-form-item>
 31 |             </el-col>
 32 |             <el-col :span="12">
 33 |               <el-form-item label="机密程度">
 34 |                 <el-select v-model="form.region" placeholder="请选择机密程度" style="width:100%;">
 35 |                   <el-option label="公开" value="1"></el-option>
 36 |                   <el-option label="部门" value="2"></el-option>
 37 |                 </el-select>
 38 |               </el-form-item>
 39 |             </el-col>
 40 |           </el-row>
 41 |           <el-form-item label="主送单位">
 42 |             <el-input v-model="form.zsdw" placeholder="请输入主送单位"></el-input>
 43 |           </el-form-item>
 44 |           <el-form-item label="抄送单位">
 45 |             <el-input v-model="form.csdw" placeholder="请输入抄送单位"></el-input>
 46 |           </el-form-item>
 47 |           <el-row>
 48 |             <el-col :span="12">
 49 |               <el-form-item label="拟稿人">
 50 |                 <el-input v-model="form.csdw" placeholder="请输入拟稿人"></el-input>
 51 |               </el-form-item>
 52 |             </el-col>
 53 |             <el-col :span="12">
 54 |               <el-form-item label="拟稿部门">
 55 |                 <el-input v-model="form.csdw" placeholder="请输入拟稿部门"></el-input>
 56 |               </el-form-item>
 57 |             </el-col>
 58 |           </el-row>
 59 |           <el-form-item label="正文" class="editer">
 60 |             <vue-editor v-model="form.content"></vue-editor>
 61 |           </el-form-item>
 62 |           <el-form-item label="附件">
 63 |             <el-upload
 64 |               class="upload-demo"
 65 |               drag
 66 |               action="https://jsonplaceholder.typicode.com/posts/"
 67 |               multiple>
 68 |               <i class="el-icon-upload"></i>
 69 |               <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
 70 |             </el-upload>
 71 |           </el-form-item>
 72 |           <el-form-item>
 73 |             <el-button type="primary" @click="onSubmit">立即创建</el-button>
 74 |             <el-button>取消</el-button>
 75 |           </el-form-item>
 76 |         </el-form>
 77 |       </el-col>
 78 |       <el-col :span="8">
 79 |         <div class="set_tp">
 80 |           <el-steps direction="vertical" :active="1">
 81 |             <el-step title="收文登记"></el-step>
 82 |             <el-step title="步骤 2"></el-step>
 83 |             <el-step title="步骤 3" description="这是一段很长很长很长的描述性文字"></el-step>
 84 |           </el-steps>
 85 |         </div>
 86 |       </el-col>
 87 |     </el-row>
 88 |   </div>
 89 | </template>
 90 | <script>
 91 | import { VueEditor } from 'vue2-editor';
 92 | export default {
 93 |   components: {
 94 |     VueEditor
 95 |   },
 96 |   data() {
 97 |     return {
 98 |       form: {
 99 |         name: '',
100 |         region: '',
101 |         type: '',
102 |         date1: '',
103 |         date2: '',
104 |         delivery: false,
105 |         type: [],
106 |         resource: '',
107 |         desc: '',
108 |         content: '请输入正文内容'
109 |       }
110 |     };
111 |   },
112 |   methods: {
113 |     onSubmit() {
114 |       console.log('submit!');
115 |     }
116 |   }
117 | };
118 | </script>
119 | <style lang="scss" scoped>
120 | .send_file {
121 |   margin: 25px 0;
122 |   .set_tp {
123 |     margin-left: 80px;
124 |     height: 400px;
125 |   }
126 | }
127 | </style>
128 | <style lang="scss">
129 | .send_file {
130 |   margin: 25px 0;
131 | }
132 | </style>
133 | 


--------------------------------------------------------------------------------
/src/components/govfile/SendFile.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>公文管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>发文管理</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--list-->
 14 |     <el-row class="send_file">
 15 |       <el-col :span="16">
 16 |         <el-form ref="form" :model="form" label-width="80px">
 17 |           <el-form-item label="公文名称">
 18 |             <el-input v-model="form.name" placeholder="请输入公文名称"></el-input>
 19 |           </el-form-item>
 20 |           <el-row>
 21 |             <el-col :span="12">
 22 |               <el-form-item label="公文类型">
 23 |                 <el-select v-model="form.region" placeholder="请选择公文类型" style="width:100%;">
 24 |                   <el-option label="决议" value="1"></el-option>
 25 |                   <el-option label="命令" value="2"></el-option>
 26 |                   <el-option label="议案" value="3"></el-option>
 27 |                   <el-option label="指示" value="4"></el-option>
 28 |                   <el-option label="通告" value="5"></el-option>
 29 |                 </el-select>
 30 |               </el-form-item>
 31 |             </el-col>
 32 |             <el-col :span="12">
 33 |               <el-form-item label="机密程度">
 34 |                 <el-select v-model="form.region" placeholder="请选择机密程度" style="width:100%;">
 35 |                   <el-option label="公开" value="1"></el-option>
 36 |                   <el-option label="部门" value="2"></el-option>
 37 |                 </el-select>
 38 |               </el-form-item>
 39 |             </el-col>
 40 |           </el-row>
 41 |           <el-form-item label="主送单位">
 42 |             <el-input v-model="form.zsdw" placeholder="请输入主送单位"></el-input>
 43 |           </el-form-item>
 44 |           <el-form-item label="抄送单位">
 45 |             <el-input v-model="form.csdw" placeholder="请输入抄送单位"></el-input>
 46 |           </el-form-item>
 47 |           <el-row>
 48 |             <el-col :span="12">
 49 |               <el-form-item label="拟稿人">
 50 |                 <el-input v-model="form.csdw" placeholder="请输入拟稿人"></el-input>
 51 |               </el-form-item>
 52 |             </el-col>
 53 |             <el-col :span="12">
 54 |               <el-form-item label="拟稿部门">
 55 |                 <el-input v-model="form.csdw" placeholder="请输入拟稿部门"></el-input>
 56 |               </el-form-item>
 57 |             </el-col>
 58 |           </el-row>
 59 |           <el-form-item label="正文" class="editer">
 60 |             <vue-editor v-model="form.content"></vue-editor>
 61 |           </el-form-item>
 62 |           <el-form-item label="附件">
 63 |             <el-upload
 64 |               class="upload-demo"
 65 |               drag
 66 |               action="https://jsonplaceholder.typicode.com/posts/"
 67 |               multiple>
 68 |               <i class="el-icon-upload"></i>
 69 |               <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
 70 |             </el-upload>
 71 |           </el-form-item>
 72 |           <el-form-item>
 73 |             <el-button type="primary" @click="onSubmit">立即创建</el-button>
 74 |             <el-button>取消</el-button>
 75 |           </el-form-item>
 76 |         </el-form>
 77 |       </el-col>
 78 |       <el-col :span="8">
 79 |         <div class="set_tp">
 80 |           <el-steps direction="vertical" :active="1">
 81 |             <el-step title="拟稿"></el-step>
 82 |             <el-step title="步骤 2"></el-step>
 83 |             <el-step title="步骤 3" description="这是一段很长很长很长的描述性文字"></el-step>
 84 |           </el-steps>
 85 |         </div>
 86 |       </el-col>
 87 |     </el-row>
 88 |   </div>
 89 | </template>
 90 | <script>
 91 | import { VueEditor } from 'vue2-editor';
 92 | export default {
 93 |   components: {
 94 |     VueEditor
 95 |   },
 96 |   data() {
 97 |     return {
 98 |       form: {
 99 |         name: '',
100 |         region: '',
101 |         type: '',
102 |         date1: '',
103 |         date2: '',
104 |         delivery: false,
105 |         type: [],
106 |         resource: '',
107 |         desc: '',
108 |         content: '请输入正文内容'
109 |       }
110 |     };
111 |   },
112 |   methods: {
113 |     onSubmit() {
114 |       console.log('submit!');
115 |     }
116 |   }
117 | };
118 | </script>
119 | <style lang="scss" scoped>
120 | .send_file {
121 |   margin: 25px 0;
122 |   .set_tp {
123 |     margin-left: 80px;
124 |     height: 400px;
125 |   }
126 | }
127 | </style>
128 | <style lang="scss">
129 | .send_file {
130 |   margin: 25px 0;
131 | }
132 | </style>
133 | 


--------------------------------------------------------------------------------
/src/components/office/CarAdd.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>办公管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>车辆管理</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--form-->
 14 |     <el-row class="send_file">
 15 |       <el-col :span="16">
 16 |         <el-form ref="form" :model="form" label-width="80px">
 17 |           <el-row>
 18 |             <el-col :span="12">
 19 |               <el-form-item label="申请人">
 20 |                 <el-input v-model="form.name" placeholder="请输入申请人"></el-input>
 21 |               </el-form-item>
 22 |             </el-col>
 23 |             <el-col :span="12">
 24 |               <el-form-item label="部门">
 25 |                 <el-input v-model="form.bumen" placeholder="请输入部门"></el-input>
 26 |               </el-form-item>
 27 |             </el-col>
 28 |           </el-row>
 29 |           <el-row>
 30 |             <el-col :span="12">
 31 |               <el-form-item label="车辆类型">
 32 |                 <el-select v-model="form.type" placeholder="请选择车辆类型" style="width:100%;">
 33 |                   <el-option label="5座小汽车" value="1"></el-option>
 34 |                   <el-option label="7座MVP" value="2"></el-option>
 35 |                   <el-option label="箱货两用" value="3"></el-option>
 36 |                 </el-select>
 37 |               </el-form-item>
 38 |             </el-col>
 39 |             <el-col :span="12">
 40 |               <el-form-item label="车牌号">
 41 |                 <el-select v-model="form.num" placeholder="请选择车牌号" style="width:100%;">
 42 |                   <el-option label="粤B7897987" value="1"></el-option>
 43 |                   <el-option label="粤B5435464" value="2"></el-option>
 44 |                 </el-select>
 45 |               </el-form-item>
 46 |             </el-col>
 47 |           </el-row>
 48 |           <el-row>
 49 |             <el-col :span="12">
 50 |               <el-form-item label="开始时间">
 51 |                 <el-date-picker
 52 |                   v-model="form.stratTime"
 53 |                   type="date"
 54 |                   style="width:100%;"
 55 |                   placeholder="开始时间">
 56 |                 </el-date-picker>
 57 |               </el-form-item>
 58 |             </el-col>
 59 |             <el-col :span="12">
 60 |               <el-form-item label="结束时间">
 61 |                 <el-date-picker
 62 |                   v-model="form.endTime"
 63 |                   type="date"
 64 |                   style="width:100%;"
 65 |                   placeholder="结束时间">
 66 |                 </el-date-picker>
 67 |               </el-form-item>
 68 |             </el-col>
 69 |           </el-row>
 70 |           <el-form-item label="备注" class="editer">
 71 |             <el-input
 72 |               type="textarea"
 73 |               :rows="8"
 74 |               placeholder="请输入内容"
 75 |               v-model="form.mark">
 76 |             </el-input>
 77 |           </el-form-item>
 78 |           <el-form-item>
 79 |             <el-button type="primary" @click="onSubmit">立即创建</el-button>
 80 |             <el-button>取消</el-button>
 81 |           </el-form-item>
 82 |         </el-form>
 83 |       </el-col>
 84 |       <el-col :span="8">
 85 |         <div class="set_tp">
 86 |           <el-steps direction="vertical" :active="1">
 87 |             <el-step title="发起申请"></el-step>
 88 |             <el-step title="步骤 2"></el-step>
 89 |             <el-step title="步骤 3" description="这是一段很长很长很长的描述性文字"></el-step>
 90 |           </el-steps>
 91 |         </div>
 92 |       </el-col>
 93 |     </el-row>
 94 |   </div>
 95 | </template>
 96 | <script>
 97 | export default {
 98 |   data() {
 99 |     return {
100 |       form: {
101 |         name: '',
102 |         bumen: '',
103 |         type: '',
104 |         num: '',
105 |         stratTime: '',
106 |         endTime: '',
107 |         mark: ''
108 |       }
109 |     };
110 |   },
111 |   methods: {
112 |     onSubmit() {
113 |       console.log(this.form);
114 |     }
115 |   }
116 | };
117 | </script>
118 | <style lang="scss" scoped>
119 | .send_file {
120 |   margin: 25px 0;
121 |   .set_tp {
122 |     margin-left: 80px;
123 |     height: 350px;
124 |   }
125 | }
126 | </style>
127 | 


--------------------------------------------------------------------------------
/src/components/office/CarList.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>办公管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>车辆管理</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--serach-->
 14 |     <div class="oa_search">
 15 |       <el-form :inline="true" :model="form" class="demo-form-inline">
 16 |         <el-form-item label="车辆类型">
 17 |           <el-input v-model="form.name" placeholder="请输入督办事项"></el-input>
 18 |         </el-form-item>
 19 |         <el-form-item label="使用时间">
 20 |           <el-date-picker
 21 |             v-model="form.time"
 22 |             type="daterange"
 23 |             range-separator="至"
 24 |             start-placeholder="开始日期"
 25 |             end-placeholder="结束日期">
 26 |           </el-date-picker>
 27 |         </el-form-item>
 28 |         <el-form-item>
 29 |           <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
 30 |           <el-button type="success" icon="el-icon-circle-plus-outline" @click="handleGoUrl('/office/caradd')">车辆申请</el-button>
 31 |         </el-form-item>
 32 |       </el-form>
 33 |     </div>
 34 |     <!--list-->
 35 |     <el-table
 36 |       :data="tableData4"
 37 |       stripe
 38 |       style="width: 100%">
 39 |       <el-table-column
 40 |         fixed
 41 |         prop="id"
 42 |         label="流水号"
 43 |         width="150">
 44 |       </el-table-column>
 45 |       <el-table-column
 46 |         prop="name"
 47 |         label="车辆类型"
 48 |         align="center"
 49 |         min-width="200">
 50 |       </el-table-column>
 51 |       <el-table-column
 52 |         prop="subName"
 53 |         align="center"
 54 |         width="200"
 55 |         label="车牌号">
 56 |       </el-table-column>
 57 |       <el-table-column
 58 |         prop="state"
 59 |         align="center"
 60 |         width="130"
 61 |         label="状态">
 62 |       </el-table-column>
 63 |       <el-table-column
 64 |         prop="person"
 65 |         align="center"
 66 |         label="开始时间"
 67 |         width="160">
 68 |       </el-table-column>
 69 |       <el-table-column
 70 |         prop="time"
 71 |         align="center"
 72 |         label="结束时间"
 73 |         width="160">
 74 |       </el-table-column>
 75 |       <el-table-column
 76 |         fixed="right"
 77 |         align="center"
 78 |         label="操作"
 79 |         width="80">
 80 |         <template slot-scope="scope">
 81 |           <el-button type="text" size="small"><i class="iconfont icon-search"></i></el-button>
 82 |         </template>
 83 |       </el-table-column>
 84 |     </el-table>
 85 |   </div>
 86 | </template>
 87 | <script>
 88 | export default {
 89 |   data() {
 90 |     return {
 91 |       tableData4: new Array(15).fill({
 92 |         id: 10001,
 93 |         name: '5座小汽车（卡罗拉）',
 94 |         subName: '粤B98988',
 95 |         state: '审批中',
 96 |         person: '2019-02-10',
 97 |         time: '2019-02-15'
 98 |       }),
 99 |       form: {
100 |         name: '',
101 |         time: []
102 |       }
103 |     };
104 |   },
105 |   methods: {
106 |     handleGoUrl(url) {
107 |       this.$router.push({ path: url });
108 |     },
109 |     loadState(num) {
110 |       let state = '';
111 |       if (num <= 50) {
112 |         state = 'exception';
113 |       } else if (num > 50 && num < 100) {
114 |         state = '';
115 |       } else {
116 |         state = 'success';
117 |       }
118 |       return state;
119 |     },
120 |     onSubmit() {
121 |       console.log(this.form);
122 |     }
123 |   }
124 | };
125 | </script>
126 | <style lang="scss" scoped>
127 | </style>
128 | 


--------------------------------------------------------------------------------
/src/components/office/MeetAdd.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>办公管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>会议管理</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--list-->
 14 |     <el-row class="send_file">
 15 |       <el-col :span="23">
 16 |         <el-form ref="form" :model="form" label-width="80px">
 17 |           <el-form-item label="会议主题">
 18 |             <el-input v-model="form.name" placeholder="请输入会议主题"></el-input>
 19 |           </el-form-item>
 20 |           <el-form-item label="会议地点">
 21 |             <el-input v-model="form.address" placeholder="请输入会议地点"></el-input>
 22 |           </el-form-item>
 23 |           <el-form-item label="与会人员">
 24 |             <el-input v-model="form.user" placeholder="请输入与会人员"></el-input>
 25 |           </el-form-item>
 26 |           <el-row>
 27 |             <el-col :span="12">
 28 |               <el-form-item label="会议日期">
 29 |                 <el-date-picker
 30 |                   v-model="form.date"
 31 |                   type="date"
 32 |                   style="width:100%;"
 33 |                   placeholder="选择日期">
 34 |                 </el-date-picker>
 35 |               </el-form-item>
 36 |             </el-col>
 37 |             <el-col :span="12">
 38 |               <el-form-item label="会议时间">
 39 |                 <el-time-picker
 40 |                   is-range
 41 |                   v-model="form.time"
 42 |                   range-separator="至"
 43 |                   start-placeholder="开始时间"
 44 |                   end-placeholder="结束时间"
 45 |                   style="width:100%;"
 46 |                   placeholder="选择时间范围">
 47 |                 </el-time-picker>
 48 |               </el-form-item>
 49 |             </el-col>
 50 |           </el-row>
 51 |           <el-form-item label="备注">
 52 |             <el-input type="textarea" v-model="form.mark" :rows="5"></el-input>
 53 |           </el-form-item>
 54 |           <el-form-item label="会议纪要" class="editer" v-if="$route.query.state=='view'">
 55 |             <vue-editor v-model="form.content"></vue-editor>
 56 |           </el-form-item>
 57 |           <el-form-item label="附件">
 58 |             <el-upload
 59 |               class="upload-demo"
 60 |               drag
 61 |               action="https://jsonplaceholder.typicode.com/posts/"
 62 |               multiple>
 63 |               <i class="el-icon-upload"></i>
 64 |               <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
 65 |             </el-upload>
 66 |           </el-form-item>
 67 |           <el-form-item>
 68 |             <el-button type="primary" @click="onSubmit">立即创建</el-button>
 69 |             <el-button>取消</el-button>
 70 |           </el-form-item>
 71 |         </el-form>
 72 |       </el-col>
 73 |     </el-row>
 74 |   </div>
 75 | </template>
 76 | <script>
 77 | import { VueEditor } from 'vue2-editor';
 78 | export default {
 79 |   components: {
 80 |     VueEditor
 81 |   },
 82 |   data() {
 83 |     return {
 84 |       form: {
 85 |         name: '',
 86 |         address: '',
 87 |         user: '',
 88 |         date: '',
 89 |         content: '',
 90 |         time: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)],
 91 |         content: ''
 92 |       }
 93 |     };
 94 |   },
 95 |   methods: {
 96 |     onSubmit() {
 97 |       console.log(this.form);
 98 |     }
 99 |   }
100 | };
101 | </script>
102 | <style lang="scss" scoped>
103 | </style>
104 | 


--------------------------------------------------------------------------------
/src/components/office/MeetList.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>办公管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>会议管理</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--serach-->
 14 |     <div class="oa_search">
 15 |       <el-form :inline="true" :model="form" class="demo-form-inline">
 16 |         <el-form-item label="会议主题">
 17 |           <el-input v-model="form.name" placeholder="请输入会议主题"></el-input>
 18 |         </el-form-item>
 19 |         <el-form-item label="会议时间">
 20 |           <el-input v-model="form.person" placeholder="请输入会议时间"></el-input>
 21 |         </el-form-item>
 22 |         <el-form-item>
 23 |           <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
 24 |           <el-button type="success" icon="el-icon-circle-plus-outline" @click="handleGoUrl('/office/MeetAdd?state=add')">新增会议</el-button>
 25 |         </el-form-item>
 26 |       </el-form>
 27 |     </div>
 28 |     <!--list-->
 29 |     <el-table
 30 |       :data="tableData4"
 31 |       stripe
 32 |       style="width: 100%">
 33 |       <el-table-column
 34 |         fixed
 35 |         prop="id"
 36 |         label="会议主题"
 37 |         min-width="200">
 38 |       </el-table-column>
 39 |       <el-table-column
 40 |         prop="name"
 41 |         label="会议地方"
 42 |         align="center"
 43 |         width="220"
 44 |         >
 45 |       </el-table-column>
 46 |       <el-table-column
 47 |         prop="subName"
 48 |         align="center"
 49 |         width="150"
 50 |         label="会议日期">
 51 |       </el-table-column>
 52 |       <el-table-column
 53 |         prop="person"
 54 |         align="center"
 55 |         label="开始时间"
 56 |         width="150">
 57 |       </el-table-column>
 58 |       <el-table-column
 59 |         prop="time"
 60 |         align="center"
 61 |         label="结束时间"
 62 |         width="150">
 63 |       </el-table-column>
 64 |       <el-table-column
 65 |         prop="loadDate"
 66 |         align="center"
 67 |         label="状态"
 68 |         width="130">
 69 |       </el-table-column>
 70 |       <el-table-column
 71 |         fixed="right"
 72 |         align="center"
 73 |         label="操作"
 74 |         width="90">
 75 |         <template slot-scope="scope">
 76 |           <el-button type="text" size="small"  @click="handleGoUrl('/office/MeetAdd?state=view')"><i class="iconfont icon-search"></i></el-button>
 77 |         </template>
 78 |       </el-table-column>
 79 |     </el-table>
 80 |   </div>
 81 | </template>
 82 | <script>
 83 | export default {
 84 |   data() {
 85 |     return {
 86 |       tableData4: new Array(15).fill({
 87 |         id: '部门月度会议',
 88 |         name: '会议室203',
 89 |         subName: '2018-10-12',
 90 |         person: '9:00”',
 91 |         time: '12:00',
 92 |         qixian: '每周',
 93 |         loadDate: '未进行'
 94 |       }),
 95 |       form: {
 96 |         name: '',
 97 |         person: '',
 98 |         time: []
 99 |       }
100 |     };
101 |   },
102 |   methods: {
103 |     handleGoUrl(url) {
104 |       this.$router.push({ path: url });
105 |     },
106 |     loadState(num) {
107 |       let state = '';
108 |       if (num <= 50) {
109 |         state = 'exception';
110 |       } else if (num > 50 && num < 100) {
111 |         state = '';
112 |       } else {
113 |         state = 'success';
114 |       }
115 |       return state;
116 |     },
117 |     onSubmit() {
118 |       console.log(this.form);
119 |     }
120 |   }
121 | };
122 | </script>
123 | <style lang="scss" scoped>
124 | </style>
125 | 


--------------------------------------------------------------------------------
/src/components/office/Supervise.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>办公管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>督办通知</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--serach-->
 14 |     <div class="oa_search">
 15 |       <el-form :inline="true" :model="form" class="demo-form-inline">
 16 |         <el-form-item label="督办事项">
 17 |           <el-input v-model="form.name" placeholder="请输入督办事项"></el-input>
 18 |         </el-form-item>
 19 |         <el-form-item label="督办人">
 20 |           <el-input v-model="form.person" placeholder="请输入督办人"></el-input>
 21 |         </el-form-item>
 22 |         <el-form-item label="办结期限">
 23 |           <el-date-picker
 24 |             v-model="form.time"
 25 |             type="daterange"
 26 |             range-separator="至"
 27 |             start-placeholder="开始日期"
 28 |             end-placeholder="结束日期">
 29 |           </el-date-picker>
 30 |         </el-form-item>
 31 |         <el-form-item>
 32 |           <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
 33 |           <el-button type="success" icon="el-icon-circle-plus-outline" @click="handleGoUrl('/office/supervisetask')">新增督办</el-button>
 34 |         </el-form-item>
 35 |       </el-form>
 36 |     </div>
 37 |     <!--list-->
 38 |     <el-table
 39 |       :data="tableData4"
 40 |       stripe
 41 |       style="width: 100%">
 42 |       <el-table-column
 43 |         fixed
 44 |         prop="id"
 45 |         label="督办编号"
 46 |         width="100">
 47 |       </el-table-column>
 48 |       <el-table-column
 49 |         prop="name"
 50 |         label="督办事项"
 51 |         align="center"
 52 |         min-width="180">
 53 |       </el-table-column>
 54 |       <el-table-column
 55 |         prop="subName"
 56 |         align="center"
 57 |         width="120"
 58 |         label="主管领导">
 59 |       </el-table-column>
 60 |       <el-table-column
 61 |         prop="person"
 62 |         align="center"
 63 |         label="督办人"
 64 |         width="120">
 65 |       </el-table-column>
 66 |       <el-table-column
 67 |         prop="time"
 68 |         align="center"
 69 |         label="主办部门"
 70 |         width="160">
 71 |       </el-table-column>
 72 |       <el-table-column
 73 |         prop="qixian"
 74 |         align="center"
 75 |         label="办结期限"
 76 |         width="130">
 77 |       </el-table-column>
 78 |       <el-table-column
 79 |         prop="loadDate"
 80 |         align="center"
 81 |         label="状态"
 82 |         width="180">
 83 |         <template slot-scope="scope">
 84 |           <el-progress :percentage="scope.row.loadDate" :show-text="true" :status="loadState(scope.row.loadDate)"></el-progress>
 85 |         </template>
 86 |       </el-table-column>
 87 |       <el-table-column
 88 |         fixed="right"
 89 |         align="center"
 90 |         label="操作"
 91 |         width="60">
 92 |         <template slot-scope="scope">
 93 |           <el-button type="text" size="small"><i class="iconfont icon-search"></i></el-button>
 94 |         </template>
 95 |       </el-table-column>
 96 |     </el-table>
 97 |   </div>
 98 | </template>
 99 | <script>
100 | export default {
101 |   data() {
102 |     return {
103 |       tableData4: new Array(15).fill({
104 |         id: 10001,
105 |         name: '关于表彰先进个人的议案',
106 |         subName: '张飒',
107 |         person: '罗阿四',
108 |         time: '人事部',
109 |         qixian: '2018-05-20',
110 |         loadDate: parseInt(Math.random() * 100)
111 |       }),
112 |       form: {
113 |         name: '',
114 |         person: '',
115 |         time: []
116 |       }
117 |     };
118 |   },
119 |   methods: {
120 |     handleGoUrl(url) {
121 |       this.$router.push({ path: url });
122 |     },
123 |     loadState(num) {
124 |       let state = '';
125 |       if (num <= 50) {
126 |         state = 'exception';
127 |       } else if (num > 50 && num < 100) {
128 |         state = '';
129 |       } else {
130 |         state = 'success';
131 |       }
132 |       return state;
133 |     },
134 |     onSubmit() {
135 |       console.log(this.form);
136 |     }
137 |   }
138 | };
139 | </script>
140 | <style lang="scss" scoped>
141 | </style>
142 | 


--------------------------------------------------------------------------------
/src/components/office/SuperviseTask.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>办公管理</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>督办通知</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--list-->
 14 |     <el-row class="send_file">
 15 |       <el-col :span="23">
 16 |         <el-form ref="form" :model="form" label-width="120px">
 17 |           <el-form-item label="交办事项">
 18 |             <el-input v-model="form.name" placeholder="请输入交办事项"></el-input>
 19 |           </el-form-item>
 20 |           <el-row>
 21 |             <el-col :span="12">
 22 |               <el-form-item label="督办类型">
 23 |                 <el-select v-model="form.type" placeholder="请选择督办类型" style="width:100%;">
 24 |                   <el-option label="决议" value="1"></el-option>
 25 |                   <el-option label="命令" value="2"></el-option>
 26 |                   <el-option label="议案" value="3"></el-option>
 27 |                   <el-option label="指示" value="4"></el-option>
 28 |                   <el-option label="通告" value="5"></el-option>
 29 |                 </el-select>
 30 |               </el-form-item>
 31 |             </el-col>
 32 |             <el-col :span="12">
 33 |               <el-form-item label="主办部门">
 34 |                 <el-input v-model="form.bumen" placeholder="请输入主办部门"></el-input>
 35 |               </el-form-item>
 36 |             </el-col>
 37 |           </el-row>
 38 |           <el-form-item label="任务及负责人">
 39 |             <el-table
 40 |               :data="form.tasks"
 41 |               border
 42 |               stripe
 43 |               style="width: 100%">
 44 |               <el-table-column
 45 |                 prop="date"
 46 |                 align="center"
 47 |                 label="任务描述">
 48 |                 <template slot-scope="scope">
 49 |                   <el-input v-model="scope.row.title" placeholder="请输入任务描述"></el-input>
 50 |                 </template>
 51 |               </el-table-column>
 52 |               <el-table-column
 53 |                 prop="name"
 54 |                 label="责任人"
 55 |                 align="center"
 56 |                 width="300">
 57 |                 <template slot-scope="scope">
 58 |                   <el-input v-model="scope.row.puser" placeholder="请输入责任人"></el-input>
 59 |                 </template>
 60 |               </el-table-column>
 61 |               <el-table-column
 62 |                 label="操作"
 63 |                 align="center"
 64 |                 width="60">
 65 |                 <template slot-scope="scope">
 66 |                   <el-button size="small" icon="el-icon-plus" @click="handleAddTask" v-if="scope.$index == form.tasks.length - 1" :disabled="form.tasks.length == 10 || !(scope.row.title && scope.row.puser)"></el-button>
 67 |                   <el-button size="small" icon="el-icon-minus" @click="handleRemoveTask(scope.$index)" v-else></el-button>
 68 |                 </template>
 69 |               </el-table-column>
 70 |             </el-table>
 71 |           </el-form-item>
 72 |           <el-form-item label="备注" class="editer">
 73 |             <el-input type="textarea" v-model="form.mark" :rows="5"></el-input>
 74 |           </el-form-item>
 75 |           <el-form-item label="办结期限">
 76 |             <el-date-picker
 77 |               v-model="form.time"
 78 |               type="date"
 79 |               style="width:45%"
 80 |               placeholder="请选择办结期限">
 81 |             </el-date-picker>
 82 |           </el-form-item>
 83 |           <el-form-item label="附件">
 84 |             <el-upload
 85 |               class="upload-demo"
 86 |               drag
 87 |               action="https://jsonplaceholder.typicode.com/posts/"
 88 |               multiple>
 89 |               <i class="el-icon-upload"></i>
 90 |               <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
 91 |             </el-upload>
 92 |           </el-form-item>
 93 |           <el-form-item>
 94 |             <el-button type="primary" @click="onSubmit">立即创建</el-button>
 95 |             <el-button>取消</el-button>
 96 |           </el-form-item>
 97 |         </el-form>
 98 |       </el-col>
 99 |       </el-col>
100 |     </el-row>
101 |   </div>
102 | </template>
103 | <script>
104 | import { VueEditor } from 'vue2-editor';
105 | export default {
106 |   components: {
107 |     VueEditor
108 |   },
109 |   data() {
110 |     return {
111 |       form: {
112 |         name: '',
113 |         type: '',
114 |         bumen: '',
115 |         tasks: [
116 |           {
117 |             title: '',
118 |             puser: ''
119 |           }
120 |         ],
121 |         mark: '',
122 |         time: ''
123 |       }
124 |     };
125 |   },
126 |   methods: {
127 |     handleAddTask() {
128 |       this.form.tasks.push({
129 |         title: '',
130 |         puser: ''
131 |       });
132 |     },
133 |     handleRemoveTask(index) {
134 |       this.form.tasks.splice(index, 1);
135 |     },
136 |     onSubmit() {
137 |       console.log('submit!');
138 |     }
139 |   }
140 | };
141 | </script>
142 | <style lang="scss" scoped>
143 | .send_file {
144 |   margin: 25px 0;
145 |   .set_tp {
146 |     margin-left: 80px;
147 |     height: 400px;
148 |   }
149 | }
150 | </style>
151 | <style lang="scss">
152 | .send_file {
153 |   margin: 25px 0;
154 | }
155 | </style>
156 | 


--------------------------------------------------------------------------------
/src/components/person/Timelist.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb separator="/">
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>个人事务</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>日程安排</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--serach-->
 14 |     <div class="oa_search">
 15 |       <el-form :inline="true" :model="form" class="demo-form-inline">
 16 |         <el-form-item label="标题">
 17 |           <el-input v-model="form.name" placeholder="请输入标题"></el-input>
 18 |         </el-form-item>
 19 |         <el-form-item label="日程类型">
 20 |           <el-select v-model="form.timeType" placeholder="请选择日程类型">
 21 |             <el-option
 22 |               v-for="item in options"
 23 |               :key="item.value"
 24 |               :label="item.label"
 25 |               :value="item.value">
 26 |             </el-option>
 27 |           </el-select>
 28 |         </el-form-item>
 29 |         <el-form-item label="时间">
 30 |           <el-date-picker
 31 |             v-model="form.time"
 32 |             type="month"
 33 |             placeholder="请选择时间">
 34 |           </el-date-picker>
 35 |         </el-form-item>
 36 |         <el-form-item>
 37 |           <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
 38 |           <el-button type="primary" icon="el-icon-circle-plus-outline">新增日程</el-button>
 39 |         </el-form-item>
 40 |       </el-form>
 41 |     </div>
 42 |     <!--list-->
 43 |     <div class="oa_timelist">
 44 |       <full-calendar class="test-fc" :events="fcEvents"
 45 |         first-day='1' locale="zh"
 46 |         ref="timeMain"
 47 |         :current-month="currentMonth"
 48 |         @changeMonth="changeMonth"
 49 |         @eventClick="eventClick"
 50 |         @dayClick="dayClick"
 51 |         @moreClick="moreClick">
 52 |           <template slot="fc-event-card" slot-scope="scope">
 53 |               <p><i class="fa">sadfsd</i> {{ scope.event.title }} test</p>
 54 |           </template>
 55 |       </full-calendar>
 56 |     </div>
 57 |   </div>
 58 | </template>
 59 | <script>
 60 | export default {
 61 |   components: {
 62 |     'full-calendar': require('vue-fullcalendar')
 63 |   },
 64 |   data() {
 65 |     let demoEvents = [
 66 |       {
 67 |         title: 'Sunny 725-727',
 68 |         start: '2017-02-25',
 69 |         end: '2017-02-27',
 70 |         cssClass: 'family'
 71 |       },
 72 |       {
 73 |         title: 'Lunfel 726-727',
 74 |         start: '2017-02-26',
 75 |         end: '2017-02-27',
 76 |         cssClass: ['home', 'work']
 77 |       },
 78 |       {
 79 |         title: 'Lunfel 2/27-2/28',
 80 |         start: '2017-02-27',
 81 |         end: '2017-02-28'
 82 |       },
 83 |       {
 84 |         title: 'Lunfel 2/27-2/28',
 85 |         start: '2017-02-27',
 86 |         end: '2017-02-28'
 87 |       },
 88 |       {
 89 |         title: 'Lunfel 2/27-2/28',
 90 |         start: '2017-02-27',
 91 |         end: '2017-02-28'
 92 |       },
 93 |       {
 94 |         title: 'Lunfel 2/26-3/05',
 95 |         start: '2017-02-26',
 96 |         end: '2017-03-05'
 97 |       },
 98 |       {
 99 |         title: 'Lunfel 1/27-1/28',
100 |         start: '2017-01-27',
101 |         end: '2017-01-28'
102 |       },
103 |       {
104 |         title: 'Lunfel 1/27-2/2',
105 |         start: '2017-01-27',
106 |         end: '2017-02-02'
107 |       },
108 |       {
109 |         title: 'Lunfel 3/27-3/28',
110 |         start: '2017-03-27',
111 |         end: '2017-03-28'
112 |       }
113 |     ];
114 |     return {
115 |       name: 'Sunny!',
116 |       fcEvents: demoEvents,
117 |       currentMonth: '',
118 |       options: [
119 |         {
120 |           value: '1',
121 |           label: '会议'
122 |         },
123 |         {
124 |           value: '2',
125 |           label: '活动'
126 |         },
127 |         {
128 |           value: '3',
129 |           label: '其它'
130 |         }
131 |       ],
132 |       form: {
133 |         name: '',
134 |         timeType: '',
135 |         time: []
136 |       }
137 |     };
138 |   },
139 |   methods: {
140 |     changeMonth(start, end, current) {
141 |       console.log('changeMonth', start, end, current);
142 |     },
143 |     eventClick(event, jsEvent, pos) {
144 |       console.log('eventClick', event, jsEvent, pos);
145 |     },
146 |     dayClick(day, jsEvent) {
147 |       console.log('dayClick', day, jsEvent);
148 |     },
149 |     moreClick(day, events, jsEvent) {
150 |       console.log('moreCLick', day, events, jsEvent);
151 |     },
152 |     onSubmit() {
153 |       console.log(new Date(this.form.time).getMonth() + 1);
154 |       console.log(this.form);
155 |       this.$refs.timeMain.emitChangeMonth(
156 |         new Date(this.form.time).getMonth() + 1 + ' ' + this.form.time
157 |       );
158 |     }
159 |   }
160 | };
161 | </script>
162 | <style lang="scss" scoped>
163 | .comp-full-calendar {
164 |   width: 100%;
165 |   max-width: inherit;
166 |   padding: 0;
167 | }
168 | </style>
169 | <style lang="scss">
170 | .comp-full-calendar {
171 |   .header-center {
172 |     font-size: 16px;
173 |     line-height: 30px;
174 |   }
175 |   .full-calendar-body .weeks {
176 |     height: 30px;
177 |     line-height: 30px;
178 |     border-color: #eee;
179 |   }
180 | }
181 | </style>
182 | 


--------------------------------------------------------------------------------
/src/components/person/Todo.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="oa_main">
  3 |     <!--面包屑-->
  4 |     <el-row>
  5 |       <el-col :span="24" class="warp-breadcrum">
  6 |         <el-breadcrumb>
  7 |           <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  8 |           <el-breadcrumb-item>个人事务</el-breadcrumb-item>
  9 |           <el-breadcrumb-item>待办事项</el-breadcrumb-item>
 10 |         </el-breadcrumb>
 11 |       </el-col>
 12 |     </el-row>
 13 |     <!--serach-->
 14 |     <div class="oa_search">
 15 |       <el-form :inline="true" :model="form" class="demo-form-inline">
 16 |         <el-form-item label="标题">
 17 |           <el-input v-model="form.name" placeholder="请输入标题"></el-input>
 18 |         </el-form-item>
 19 |         <el-form-item label="发起人">
 20 |           <el-input v-model="form.person" placeholder="请输入发起人"></el-input>
 21 |         </el-form-item>
 22 |         <el-form-item label="开始时间">
 23 |           <el-date-picker
 24 |             v-model="form.time"
 25 |             type="daterange"
 26 |             range-separator="至"
 27 |             start-placeholder="开始日期"
 28 |             end-placeholder="结束日期">
 29 |           </el-date-picker>
 30 |         </el-form-item>
 31 |         <el-form-item>
 32 |           <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
 33 |         </el-form-item>
 34 |       </el-form>
 35 |     </div>
 36 |     <!--list-->
 37 |     <el-table
 38 |       :data="tableData4"
 39 |       stripe
 40 |       style="width: 100%">
 41 |       <el-table-column
 42 |         fixed
 43 |         prop="id"
 44 |         label="流水号"
 45 |         width="120">
 46 |       </el-table-column>
 47 |       <el-table-column
 48 |         prop="name"
 49 |         label="流程名称"
 50 |         align="center"
 51 |         width="180">
 52 |       </el-table-column>
 53 |       <el-table-column
 54 |         prop="subName"
 55 |         align="center"
 56 |         min-width="220"
 57 |         label="标题">
 58 |       </el-table-column>
 59 |       <el-table-column
 60 |         prop="person"
 61 |         align="center"
 62 |         label="发起人"
 63 |         width="120">
 64 |       </el-table-column>
 65 |       <el-table-column
 66 |         prop="time"
 67 |         align="center"
 68 |         label="发起时间"
 69 |         width="120">
 70 |       </el-table-column>
 71 |       <el-table-column
 72 |         prop="todoName"
 73 |         align="center"
 74 |         label="任务名称"
 75 |         width="120">
 76 |       </el-table-column>
 77 |       <el-table-column
 78 |         prop="notime"
 79 |         align="center"
 80 |         label="超时时间"
 81 |         width="120">
 82 |       </el-table-column>
 83 |       <el-table-column
 84 |         fixed="right"
 85 |         align="center"
 86 |         label="操作"
 87 |         width="160">
 88 |         <template slot-scope="scope">
 89 |           <el-button type="text" size="small">办理</el-button>
 90 |           <el-button type="text" size="small">查看</el-button>
 91 |           <el-button type="text" size="small">过程</el-button>
 92 |         </template>
 93 |       </el-table-column>
 94 |     </el-table>
 95 |   </div>
 96 | </template>
 97 | <script>
 98 | export default {
 99 |   data() {
100 |     return {
101 |       tableData4: new Array(15).fill({
102 |         id: 10000,
103 |         name: '请假申请单',
104 |         subName: '请假申请单—20150810-张飒',
105 |         person: '张飒',
106 |         time: '2015-10-10',
107 |         todoName: '部门审批',
108 |         notime: '2015-12-10'
109 |       }),
110 |       form: {
111 |         name: '',
112 |         person: '',
113 |         time: []
114 |       }
115 |     };
116 |   },
117 |   methods: {
118 |     onSubmit() {
119 |       console.log(this.form);
120 |     }
121 |   }
122 | };
123 | </script>
124 | <style lang="scss" scoped>
125 | </style>
126 | 


--------------------------------------------------------------------------------
/src/components/user/changepwd.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <el-row class="warp">
 3 |     <el-col :span="24" class="warp-breadcrum">
 4 |       <el-breadcrumb separator="/">
 5 |         <el-breadcrumb-item :to="{ path: '/' }"><b>首页</b></el-breadcrumb-item>
 6 |         <el-breadcrumb-item>设置</el-breadcrumb-item>
 7 |         <el-breadcrumb-item>修改密码</el-breadcrumb-item>
 8 |       </el-breadcrumb>
 9 |     </el-col>
10 | 
11 |     <el-col :span="23" class="warp-main">
12 |       <el-form ref="form" :model="form" label-width="120px">
13 |         <el-form-item label="原密码">
14 |           <el-input v-model="form.oldPwd"></el-input>
15 |         </el-form-item>
16 |         <el-form-item label="新密码">
17 |           <el-input v-model="form.newPwd"></el-input>
18 |         </el-form-item>
19 |         <el-form-item label="确认新密码">
20 |           <el-input v-model="form.confirmPwd"></el-input>
21 |         </el-form-item>
22 |         <el-form-item>
23 |           <el-button type="default" @click="handleChangepwd">提交</el-button>
24 |         </el-form-item>
25 |       </el-form>
26 |     </el-col>
27 |   </el-row>
28 | </template>
29 | <script>
30 | export default {
31 |   data() {
32 |     return {
33 |       form: {
34 |         oldPwd: '',
35 |         newPwd: '',
36 |         confirmPwd: ''
37 |       }
38 |     };
39 |   },
40 |   methods: {
41 |     handleChangepwd() {
42 |       this.$message({
43 |         message: '此功能只是让你看看，不会开发！',
44 |         duration: 2000
45 |       });
46 |     }
47 |   }
48 | };
49 | </script>
50 | 


--------------------------------------------------------------------------------
/src/components/user/list.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <el-row class="warp">
  3 |     <el-col :span="24" class="warp-breadcrum">
  4 |       <el-breadcrumb separator="/">
  5 |         <el-breadcrumb-item :to="{ path: '/' }"><b>首页</b></el-breadcrumb-item>
  6 |         <el-breadcrumb-item>用户列表</el-breadcrumb-item>
  7 |       </el-breadcrumb>
  8 |     </el-col>
  9 | 
 10 |     <el-col :span="24" class="warp-main" v-loading="loading" element-loading-text="拼命加载中">
 11 |         <!--工具条-->
 12 |         <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
 13 |           <el-form :inline="true" :model="filters">
 14 |             <el-form-item>
 15 |               <el-input v-model="filters.name" placeholder="用户名/姓名/昵称" style="min-width: 240px;" @keyup.enter.native="handleSearch"></el-input>
 16 |             </el-form-item>
 17 |             <el-form-item>
 18 |               <el-button type="primary" @click="handleSearch">查询</el-button>
 19 |             </el-form-item>
 20 |           </el-form>
 21 |         </el-col>
 22 | 
 23 |       <!--列表-->
 24 |       <el-table :data="users" highlight-current-row v-loading="loading" style="width: 100%;">
 25 |         <el-table-column type="index" width="60">
 26 |         </el-table-column>
 27 |         <el-table-column prop="name" label="姓名" width="120" sortable>
 28 |         </el-table-column>
 29 |         <el-table-column prop="nickname" label="昵称" width="120" sortable>
 30 |         </el-table-column>
 31 |         <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable>
 32 |         </el-table-column>
 33 |         <el-table-column prop="email" label="邮箱" min-width="160" sortable>
 34 |         </el-table-column>
 35 |         <el-table-column prop="addr" label="地址" sortable>
 36 |         </el-table-column>
 37 |       </el-table>
 38 | 
 39 |     </el-col>
 40 |   </el-row>
 41 | </template>
 42 | 
 43 | <script>
 44 |   import API from '../../api/api_user';
 45 | 
 46 |   export default {
 47 |     data() {
 48 |       return {
 49 |         filters: {
 50 |           name: ''
 51 |         },
 52 |         loading: false,
 53 |         users: [],
 54 |         total: 0,
 55 |         page: 1,
 56 |         limit: 10,
 57 |         loading: false
 58 |       }
 59 |     },
 60 |     methods: {
 61 |       //性别显示转换
 62 |       formatSex: function (row, column) {
 63 |         return row.sex == 1 ? '男' : row.sex == 0 ? '女' : '未知';
 64 |       },
 65 |       handleCurrentChange(val) {
 66 |         this.page = val;
 67 |         this.search();
 68 |       },
 69 |       handleSearch(){
 70 |         this.total = 0;
 71 |         this.page = 1;
 72 |         this.search();
 73 |       },
 74 |       //获取用户列表
 75 |       search: function () {
 76 |         let that = this;
 77 |         let params = {
 78 |           page: that.page,
 79 |           limit: 10,
 80 |           name: that.filters.name
 81 |         };
 82 | 
 83 |         that.loading = true;
 84 |         API.findList(params).then(function (result) {
 85 |           that.loading = false;
 86 |           if (result && result.users) {
 87 |             that.total = result.total;
 88 |             that.users = result.users;
 89 |           }
 90 |         }, function (err) {
 91 |           that.loading = false;
 92 |           that.$message.error({showClose: true, message: err.toString(), duration: 2000});
 93 |         }).catch(function (error) {
 94 |           that.loading = false;
 95 |           console.log(error);
 96 |           that.$message.error({showClose: true, message: '请求出现异常', duration: 2000});
 97 |         });
 98 |       }
 99 |     },
100 |     mounted() {
101 |       this.handleSearch()
102 |     }
103 |   }
104 | </script>
105 | 
106 | <style scoped>
107 | 
108 | </style>
109 | 


--------------------------------------------------------------------------------
/src/components/user/profile.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <el-row class="warp">
  3 |     <el-col :span="24" class="warp-breadcrum" :loading="loading">
  4 |       <el-breadcrumb separator="/">
  5 |         <el-breadcrumb-item :to="{ path: '/' }"><b>首页</b></el-breadcrumb-item>
  6 |         <el-breadcrumb-item>设置</el-breadcrumb-item>
  7 |         <el-breadcrumb-item>个人信息</el-breadcrumb-item>
  8 |       </el-breadcrumb>
  9 |     </el-col>
 10 | 
 11 |     <el-col :span="23" class="warp-main">
 12 |       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
 13 |         <el-form-item label="账号">
 14 |           <el-input v-model="form.useranme" disabled></el-input>
 15 |         </el-form-item>
 16 |         <el-form-item prop="nickname" label="昵称">
 17 |           <el-input v-model="form.nickname"></el-input>
 18 |         </el-form-item>
 19 |         <el-form-item prop="name" label="姓名">
 20 |           <el-input v-model="form.name"></el-input>
 21 |         </el-form-item>
 22 |         <el-form-item prop="email" label="邮箱">
 23 |           <el-input v-model="form.email"></el-input>
 24 |         </el-form-item>
 25 |         <el-form-item>
 26 |           <el-button type="primary" @click="handleSaveProfile">修改并保存</el-button>
 27 |         </el-form-item>
 28 |       </el-form>
 29 |     </el-col>
 30 |   </el-row>
 31 | </template>
 32 | 
 33 | <script>
 34 | import API from '../../api/api_user';
 35 | 
 36 | export default {
 37 |   data() {
 38 |     return {
 39 |       loading: false,
 40 |       form: {
 41 |         useranme: '',
 42 |         nickname: '',
 43 |         name: '',
 44 |         email: ''
 45 |       },
 46 |       rules: {
 47 |         nickname: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
 48 |         email: [
 49 |           { required: true, message: '请输入邮箱', trigger: 'blur' },
 50 |           {
 51 |             type: 'email',
 52 |             message: '请输入正确的邮箱地址',
 53 |             trigger: 'blur,change'
 54 |           }
 55 |         ]
 56 |       }
 57 |     };
 58 |   },
 59 |   methods: {
 60 |     handleSaveProfile() {
 61 |       let that = this;
 62 |       that.$refs.form.validate(valid => {
 63 |         if (valid) {
 64 |           that.loading = true;
 65 |           let args = {
 66 |             nickname: that.form.nickname,
 67 |             name: that.form.name,
 68 |             email: that.form.email
 69 |           };
 70 |           API.changeProfile(args)
 71 |             .then(
 72 |               function(result) {
 73 |                 that.loading = false;
 74 |                 if (result && parseInt(result.errcode) === 0) {
 75 |                   //修改成功
 76 |                   let user = JSON.parse(
 77 |                     window.localStorage.getItem('access-user')
 78 |                   );
 79 |                   user.nickname = that.form.nickname;
 80 |                   user.name = that.form.name;
 81 |                   user.email = that.form.email;
 82 |                   localStorage.setItem('access-user', JSON.stringify(user));
 83 |                   this.$emit('setNickName', that.form.nickname);
 84 |                   that.$message.success({
 85 |                     showClose: true,
 86 |                     message: '修改成功',
 87 |                     duration: 2000
 88 |                   });
 89 |                 } else {
 90 |                   that.$message.error({
 91 |                     showClose: true,
 92 |                     message: result.errmsg,
 93 |                     duration: 2000
 94 |                   });
 95 |                 }
 96 |               },
 97 |               function(err) {
 98 |                 that.loading = false;
 99 |                 that.$message.error({
100 |                   showClose: true,
101 |                   message: err.toString(),
102 |                   duration: 2000
103 |                 });
104 |               }
105 |             )
106 |             .catch(function(error) {
107 |               that.loading = false;
108 |               console.log(error);
109 |               that.$message.error({
110 |                 showClose: true,
111 |                 message: '请求出现异常',
112 |                 duration: 2000
113 |               });
114 |             });
115 |         }
116 |       });
117 |     }
118 |   },
119 |   mounted() {
120 |     let user = localStorage.getItem('access-user');
121 |     if (user) {
122 |       user = JSON.parse(user);
123 |       this.form.useranme = user.username;
124 |       this.form.nickname = user.nickname || '';
125 |       this.form.email = user.email || '';
126 |       this.form.name = user.name || '';
127 |     }
128 |   }
129 | };
130 | </script>
131 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | // The Vue build version to load with the `import` command
 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 3 | import Vue from 'vue';
 4 | import App from './App';
 5 | import router from './router';
 6 | import ElementUI from 'element-ui';
 7 | import fullCalendar from 'vue-fullcalendar';
 8 | import VueParticles from 'vue-particles';
 9 | 
10 | import 'element-ui/lib/theme-chalk/index.css';
11 | import '@/assets/iconfont/iconfont.css';
12 | import '@/assets/styles/main.scss';
13 | 
14 | Vue.config.productionTip = true;
15 | Vue.use(ElementUI);
16 | Vue.use(VueParticles);
17 | Vue.component('full-calendar', fullCalendar);
18 | 
19 | /* eslint-disable no-new */
20 | new Vue({
21 |   el: '#app',
22 |   router,
23 |   template: '<App/>',
24 |   components: { App }
25 | });
26 | 


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
  1 | import Vue from 'vue';
  2 | import Router from 'vue-router';
  3 | import Home from '@/components/Home';
  4 | import Dashboard from '@/components/Dashboard';
  5 | import Main from '@/components/Main';
  6 | 
  7 | // 个人事务
  8 | import Todo from '@/components/person/Todo';
  9 | import Timelist from '@/components/person/Timelist';
 10 | 
 11 | //公文管理
 12 | import SendFile from '@/components/govfile/SendFile';
 13 | import AcceptFile from '@/components/govfile/AcceptFile';
 14 | import AcceptShow from '@/components/govfile/AcceptShow';
 15 | 
 16 | //办公管理
 17 | import Supervise from '@/components/office/Supervise';
 18 | import SuperviseTask from '@/components/office/SuperviseTask';
 19 | import CarList from '@/components/office/CarList';
 20 | import CarAdd from '@/components/office/CarAdd';
 21 | import MeetList from '@/components/office/MeetList';
 22 | import MeetAdd from '@/components/office/MeetAdd';
 23 | 
 24 | import BookList from '@/components/book/list';
 25 | import BookCategoryList from '@/components/bookcategory/list';
 26 | 
 27 | import UserList from '@/components/user/list';
 28 | import UserChangePwd from '@/components/user/changepwd';
 29 | import UserProfile from '@/components/user/profile';
 30 | 
 31 | import Drage from '@/components/Drage'
 32 | 
 33 | // 懒加载方式，当路由被访问的时候才加载对应组件
 34 | const Login = resolve => require(['@/components/Login'], resolve);
 35 | 
 36 | Vue.use(Router);
 37 | 
 38 | let router = new Router({
 39 |   // mode: 'history',
 40 |   routes: [
 41 |     {
 42 |       path: '/login',
 43 |       name: '登录',
 44 |       component: Login
 45 |     },
 46 |     {
 47 |       path: '/D3',
 48 |       name: 'D3',
 49 |       component: Drage
 50 |     },
 51 |     {
 52 |       path: '/',
 53 |       name: '个人事务',
 54 |       component: Home,
 55 |       redirect: '/main',
 56 |       // leaf: true, // 只有一个节点
 57 |       menuShow: true,
 58 |       iconCls: 'iconfont icon-component', // 图标样式class
 59 |       children: [
 60 |         {
 61 |           path: '/main',
 62 |           name: '首页',
 63 |           component: Main
 64 |         },
 65 |         {
 66 |           path: '/person/todo',
 67 |           component: Todo,
 68 |           name: '待办事项',
 69 |           menuShow: true
 70 |         },
 71 |         {
 72 |           path: '/person/timelist',
 73 |           component: Timelist,
 74 |           name: '日程安排',
 75 |           menuShow: true
 76 |         },
 77 |         {
 78 |           path: '/geren',
 79 |           component: Dashboard,
 80 |           name: '个人通讯',
 81 |           menuShow: true
 82 |         },
 83 |         {
 84 |           path: '/jihua',
 85 |           component: Dashboard,
 86 |           name: '工作计划',
 87 |           menuShow: true
 88 |         },
 89 |         {
 90 |           path: '/wendan',
 91 |           component: Dashboard,
 92 |           name: '个人文档',
 93 |           menuShow: true
 94 |         }
 95 |       ]
 96 |     },
 97 |     {
 98 |       path: '/',
 99 |       component: Home,
100 |       name: '公文管理',
101 |       menuShow: true,
102 |       iconCls: 'iconfont icon-survey1', // 图标样式class
103 |       children: [
104 |         {
105 |           path: '/govfile/sendfile',
106 |           component: SendFile,
107 |           name: '发文管理',
108 |           menuShow: true
109 |         },
110 |         {
111 |           path: '/govfile/acceptfile',
112 |           component: AcceptFile,
113 |           name: '收文管理',
114 |           menuShow: true
115 |         },
116 |         {
117 |           path: '/govfile/acceptshow',
118 |           component: AcceptShow,
119 |           name: '收文管理',
120 |           menuShow: false
121 |         },
122 |         {
123 |           path: '/guidan',
124 |           component: Dashboard,
125 |           name: '归档文件',
126 |           menuShow: true
127 |         },
128 |         {
129 |           path: '/chaxun',
130 |           component: Dashboard,
131 |           name: '公文查询',
132 |           menuShow: true
133 |         }
134 |       ]
135 |     },
136 |     {
137 |       path: '/',
138 |       component: Home,
139 |       name: '办公管理',
140 |       menuShow: true,
141 |       iconCls: 'iconfont icon-electronics',
142 |       children: [
143 |         {
144 |           path: '/book/list',
145 |           component: Dashboard,
146 |           name: '部门文件',
147 |           menuShow: true
148 |         },
149 |         {
150 |           path: '/book/category',
151 |           component: Dashboard,
152 |           name: '领导动态',
153 |           menuShow: true
154 |         },
155 |         {
156 |           path: '/book/renshi',
157 |           component: Dashboard,
158 |           name: '人事管理',
159 |           menuShow: true
160 |         },
161 |         {
162 |           path: '/book/kaoqin',
163 |           component: Dashboard,
164 |           name: '考勤管理',
165 |           menuShow: true
166 |         },
167 |         {
168 |           path: '/office/meetlist',
169 |           component: MeetList,
170 |           name: '会议管理',
171 |           menuShow: true
172 |         },
173 |         {
174 |           path: '/office/meetadd',
175 |           component: MeetAdd,
176 |           name: '新增会议',
177 |           menuShow: false
178 |         },
179 |         {
180 |           path: '/book/wupin',
181 |           component: Dashboard,
182 |           name: '物品管理',
183 |           menuShow: true
184 |         },
185 |         {
186 |           path: '/office/supervise',
187 |           component: Supervise,
188 |           name: '督办通知',
189 |           menuShow: true
190 |         },
191 |         {
192 |           path: '/office/supervisetask',
193 |           component: SuperviseTask,
194 |           name: '督办通知表单',
195 |           menuShow: false
196 |         },
197 |         {
198 |           path: '/office/carlist',
199 |           component: CarList,
200 |           name: '车辆管理',
201 |           menuShow: true
202 |         },
203 |         {
204 |           path: '/office/caradd',
205 |           component: CarAdd,
206 |           name: '车辆s申请',
207 |           menuShow: false
208 |         },
209 |         {
210 |           path: '/office/ss',
211 |           component: Dashboard,
212 |           name: '通知公告',
213 |           menuShow: true
214 |         }
215 |       ]
216 |     },
217 |     {
218 |       path: '/',
219 |       component: Home,
220 |       name: '通讯管理',
221 |       menuShow: true,
222 |       iconCls: 'iconfont icon-earth', // 图标样式class
223 |       children: [
224 |         {
225 |           path: '/user/youjian',
226 |           component: Dashboard,
227 |           name: '电子邮件',
228 |           menuShow: true
229 |         },
230 |         {
231 |           path: '/dunxin',
232 |           component: Dashboard,
233 |           name: '手机短信',
234 |           menuShow: true
235 |         },
236 |         {
237 |           path: '/liuchengku',
238 |           component: Dashboard,
239 |           name: '办事流程库',
240 |           menuShow: true
241 |         },
242 |         {
243 |           path: '/minglu',
244 |           component: Dashboard,
245 |           name: '通讯名录',
246 |           menuShow: true
247 |         }
248 |       ]
249 |     },
250 |     {
251 |       path: '/',
252 |       component: Home,
253 |       name: '系统管理',
254 |       menuShow: true,
255 |       iconCls: 'iconfont icon-set', // 图标样式class
256 |       children: [
257 |         {
258 |           path: '/user/ry',
259 |           component: Dashboard,
260 |           name: '人员管理',
261 |           menuShow: true
262 |         },
263 |         {
264 |           path: '/bm',
265 |           component: Dashboard,
266 |           name: '部门管理',
267 |           menuShow: true
268 |         },
269 |         {
270 |           path: '/user/hj',
271 |           component: Dashboard,
272 |           name: '角色管理',
273 |           menuShow: true
274 |         },
275 |         {
276 |           path: '/quanxian',
277 |           component: Dashboard,
278 |           name: '权限管理',
279 |           menuShow: true
280 |         },
281 |         {
282 |           path: '/wh',
283 |           component: Dashboard,
284 |           name: '系统设置',
285 |           menuShow: true
286 |         },
287 |         {
288 |           path: 'user/profile',
289 |           component: UserProfile,
290 |           name: '个人信息',
291 |           menuShow: false
292 |         },
293 |         {
294 |           path: 'user/changepwd',
295 |           component: UserChangePwd,
296 |           name: '修改密码',
297 |           menuShow: false
298 |         }
299 |       ]
300 |     }
301 |   ]
302 | });
303 | 
304 | router.beforeEach((to, from, next) => {
305 |   // console.log('to:' + to.path)
306 |   if (to.path.startsWith('/login')) {
307 |     window.localStorage.removeItem('access-user');
308 |     next();
309 |   } else {
310 |     let user = JSON.parse(window.localStorage.getItem('access-user'));
311 |     if (!user) {
312 |       next({ path: '/login' });
313 |     } else {
314 |       next();
315 |     }
316 |   }
317 | });
318 | 
319 | export default router;
320 | 


--------------------------------------------------------------------------------
/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanguyun/VueAdmin/b8e05c31330feb3cf06cd49734eff4447631bfa6/static/.gitkeep


--------------------------------------------------------------------------------
/static/dagreD3/dagre-d3.core.min.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["build/dist/dagre-d3.core.js"],"names":["f","exports","module","define","amd","g","window","global","self","this","dagreD3","e","t","n","r","s","o","u","a","require","i","Error","code","l","call","length","1","graphlib","dagre","intersect","render","util","version","./lib/dagre","./lib/graphlib","./lib/intersect","./lib/render","./lib/util","./lib/version","2","default","normal","vee","undirected","parent","id","edge","type","marker","append","attr","path","style","applyStyle","./util","3","d3","addLabel","createClusters","selection","clusters","nodes","filter","v","isSubgraph","svgClusters","selectAll","data","remove","enter","node","applyTransition","each","thisGroup","select","labelGroup","clusterLabelPos","c","domCluster","exit","./d3","./label/add-label","4","_","createEdgeLabels","svgEdgeLabels","edges","edgeToId","classed","label","bbox","getBBox","labelId","has","width","height","./lodash","5","intersectNode","createEdgePaths","arrows","svgPaths","domEdge","elem","applyClass","arrowheadId","uniqueId","makeFragmentRef","location","href","calcPoints","arrowhead","url","fragmentId","baseUrl","split","tail","head","w","points","slice","unshift","push","createLine","line","x","d","y","curve","getCoords","matrix","ownerSVGElement","getScreenCTM","inverse","multiply","translate","svgPathsEnter","sourceElem","range","map","svgPathExit","source","getTotalLength","./intersect/intersect-node","6","createNodes","shapes","simpleNodes","svgNodes","labelDom","shape","pick","paddingLeft","paddingRight","paddingTop","paddingBottom","shapeSvg","shapeBBox","7","undefined","8","9","10","circle","ellipse","polygon","rect","./intersect-circle","./intersect-ellipse","./intersect-node","./intersect-polygon","./intersect-rect","11","intersectEllipse","intersectCircle","rx","point","12","ry","cx","cy","px","py","det","Math","sqrt","dx","abs","dy","13","intersectLine","p1","p2","q1","q2","a1","a2","b1","b2","c1","c2","r1","r2","r3","r4","denom","offset","num","sameSign","14","15","intersectPolygon","polyPoints","x1","y1","intersections","minX","Number","POSITIVE_INFINITY","minY","forEach","entry","min","left","top","console","log","sort","p","q","pdx","pdy","distp","qdx","qdy","distq","./intersect-line","16","intersectRect","h","sx","sy","17","addHtmlLabel","root","fo","div","insert","html","labelStyle","client","getBoundingClientRect","../util","18","addTextLabel","addSVGLabel","labelSvg","labelType","labelBBox","./add-html-label","./add-svg-label","./add-text-label","19","domNode","appendChild","20","lines","processEscapeSequences","text","newText","escaped","ch","21","lodash","22","positionClusters","created","23","positionEdgeLabels","24","positionNodes","25","layout","fn","svg","preProcessGraph","outputGroup","createOrSelectGroup","clustersGroup","edgePathsGroup","edgeLabels","postProcessGraph","value","arguments","NODE_DEFAULT_ATTRS","EDGE_DEFAULT_ATTRS","curveLinear","children","defaults","paddingX","paddingY","padding","k","_prevWidth","_prevHeight","name","empty","./arrows","./create-clusters","./create-edge-labels","./create-edge-paths","./create-nodes","./dagre","./position-clusters","./position-edge-labels","./position-nodes","./shapes","26","diamond","max","SQRT2","join","./intersect/intersect-circle","./intersect/intersect-ellipse","./intersect/intersect-polygon","./intersect/intersect-rect","27","escapeId","ID_DELIM","str","String","replace","dom","styleFn","classFn","otherClasses","graph","isPlainObject","transition","isFunction","28"],"mappings":"CAAA,SAAUA,GAAG,UAAUC,UAAU,iBAAiBC,SAAS,YAAY,CAACA,OAAOD,QAAQD,SAAS,UAAUG,SAAS,YAAYA,OAAOC,IAAI,CAACD,UAAUH,OAAO,CAAC,IAAIK,EAAE,UAAUC,SAAS,YAAY,CAACD,EAAEC,YAAY,UAAUC,SAAS,YAAY,CAACF,EAAEE,YAAY,UAAUC,OAAO,YAAY,CAACH,EAAEG,SAAS,CAACH,EAAEI,KAAKJ,EAAEK,QAAUV,MAA5T,CAAmU,WAAW,IAAIG,OAAOD,OAAOD,QAAQ,OAAO,SAAUU,EAAEC,EAAEC,EAAEC,GAAG,SAASC,EAAEC,EAAEC,GAAG,IAAIJ,EAAEG,GAAG,CAAC,IAAIJ,EAAEI,GAAG,CAAC,IAAIE,SAASC,SAAS,YAAYA,QAAQ,IAAIF,GAAGC,EAAE,OAAOA,EAAEF,GAAG,GAAG,GAAGI,EAAE,OAAOA,EAAEJ,GAAG,GAAG,IAAIhB,EAAE,IAAIqB,MAAM,uBAAuBL,EAAE,KAAK,MAAMhB,EAAEsB,KAAK,mBAAmBtB,EAAE,IAAIuB,EAAEV,EAAEG,IAAIf,YAAYW,EAAEI,GAAG,GAAGQ,KAAKD,EAAEtB,QAAQ,SAASU,GAAG,IAAIE,EAAED,EAAEI,GAAG,GAAGL,GAAG,OAAOI,EAAEF,EAAEA,EAAEF,IAAIY,EAAEA,EAAEtB,QAAQU,EAAEC,EAAEC,EAAEC,GAAG,OAAOD,EAAEG,GAAGf,QAAQ,IAAImB,SAASD,SAAS,YAAYA,QAAQ,IAAI,IAAIH,EAAE,EAAEA,EAAEF,EAAEW,OAAOT,IAAID,EAAED,EAAEE,IAAI,OAAOD,EAAvb,EAA4bW,GAAG,SAASP,QAAQjB,OAAOD;;;;;;;;;;;;;;;;;;;;;;;AAuBt0BC,OAAOD,SACL0B,SAAUR,QAAQ,kBAClBS,MAAOT,QAAQ,eACfU,UAAWV,QAAQ,mBACnBW,OAAQX,QAAQ,gBAChBY,KAAMZ,QAAQ,cACda,QAASb,QAAQ,oBAGhBc,cAAc,EAAEC,iBAAiB,EAAEC,kBAAkB,GAAGC,eAAe,GAAGC,aAAa,GAAGC,gBAAgB,KAAKC,GAAG,SAASpB,QAAQjB,OAAOD,SAC7I,IAAI8B,KAAOZ,QAAQ,UAEnBjB,OAAOD,SACLuC,QAAWC,OACXA,OAAUA,OACVC,IAAOA,IACPC,WAAcA,YAGhB,SAASF,OAAOG,OAAQC,GAAIC,KAAMC,MAChC,IAAIC,OAASJ,OAAOK,OAAO,UACxBC,KAAK,KAAML,IACXK,KAAK,UAAW,aAChBA,KAAK,OAAQ,GACbA,KAAK,OAAQ,GACbA,KAAK,cAAe,eACpBA,KAAK,cAAe,GACpBA,KAAK,eAAgB,GACrBA,KAAK,SAAU,QAElB,IAAIC,KAAOH,OAAOC,OAAO,QACtBC,KAAK,IAAK,yBACVE,MAAM,eAAgB,GACtBA,MAAM,mBAAoB,OAC7BrB,KAAKsB,WAAWF,KAAML,KAAKC,KAAO,UAClC,GAAID,KAAKC,KAAO,SAAU,CACxBI,KAAKD,KAAK,QAASJ,KAAKC,KAAO,WAInC,SAASL,IAAIE,OAAQC,GAAIC,KAAMC,MAC7B,IAAIC,OAASJ,OAAOK,OAAO,UACxBC,KAAK,KAAML,IACXK,KAAK,UAAW,aAChBA,KAAK,OAAQ,GACbA,KAAK,OAAQ,GACbA,KAAK,cAAe,eACpBA,KAAK,cAAe,GACpBA,KAAK,eAAgB,GACrBA,KAAK,SAAU,QAElB,IAAIC,KAAOH,OAAOC,OAAO,QACtBC,KAAK,IAAK,+BACVE,MAAM,eAAgB,GACtBA,MAAM,mBAAoB,OAC7BrB,KAAKsB,WAAWF,KAAML,KAAKC,KAAO,UAClC,GAAID,KAAKC,KAAO,SAAU,CACxBI,KAAKD,KAAK,QAASJ,KAAKC,KAAO,WAInC,SAASJ,WAAWC,OAAQC,GAAIC,KAAMC,MACpC,IAAIC,OAASJ,OAAOK,OAAO,UACxBC,KAAK,KAAML,IACXK,KAAK,UAAW,aAChBA,KAAK,OAAQ,GACbA,KAAK,OAAQ,GACbA,KAAK,cAAe,eACpBA,KAAK,cAAe,GACpBA,KAAK,eAAgB,GACrBA,KAAK,SAAU,QAElB,IAAIC,KAAOH,OAAOC,OAAO,QACtBC,KAAK,IAAK,gBACVE,MAAM,eAAgB,GACtBA,MAAM,mBAAoB,OAC7BrB,KAAKsB,WAAWF,KAAML,KAAKC,KAAO,UAClC,GAAID,KAAKC,KAAO,SAAU,CACxBI,KAAKD,KAAK,QAASJ,KAAKC,KAAO,cAIhCO,SAAS,KAAKC,GAAG,SAASpC,QAAQjB,OAAOD,SAC5C,IAAI8B,KAAOZ,QAAQ,UACfqC,GAAKrC,QAAQ,QACbsC,SAAWtC,QAAQ,qBAEvBjB,OAAOD,QAAUyD,eAEjB,SAASA,eAAeC,UAAWtD,GACjC,IAAIuD,SAAWvD,EAAEwD,QAAQC,OAAO,SAASC,GAAK,OAAOhC,KAAKiC,WAAW3D,EAAG0D,KACpEE,YAAcN,UAAUO,UAAU,aAC/BC,KAAKP,SAAU,SAASG,GAAK,OAAOA,IAE3CE,YAAYC,UAAU,KAAKE,SAC3BH,YAAYI,QACTpB,OAAO,KACLC,KAAK,QAAS,WACdA,KAAK,KAAK,SAASa,GAChB,IAAIO,KAAOjE,EAAEiE,KAAKP,GAClB,OAAOO,KAAKzB,KAEfO,MAAM,UAAW,GAEtBa,YAAcN,UAAUO,UAAU,aAElCnC,KAAKwC,gBAAgBN,YAAa5D,GAC/B+C,MAAM,UAAW,GAEpBa,YAAYO,KAAK,SAAST,GACxB,IAAIO,KAAOjE,EAAEiE,KAAKP,GACdU,UAAYjB,GAAGkB,OAAOjE,MAC1B+C,GAAGkB,OAAOjE,MAAMwC,OAAO,QACvB,IAAI0B,WAAaF,UAAUxB,OAAO,KAAKC,KAAK,QAAS,SACrDO,SAASkB,WAAYL,KAAMA,KAAKM,mBAGlCX,YAAYC,UAAU,QAAQM,KAAK,SAASK,GAC1C,IAAIP,KAAOjE,EAAEiE,KAAKO,GAClB,IAAIC,WAAatB,GAAGkB,OAAOjE,MAC3BsB,KAAKsB,WAAWyB,WAAYR,KAAKlB,SAGnCrB,KAAKwC,gBAAgBN,YAAYc,OAAQ1E,GACtC+C,MAAM,UAAW,GACjBgB,SAEH,OAAOH,eAGNe,OAAO,EAAEC,oBAAoB,GAAG3B,SAAS,KAAK4B,GAAG,SAAS/D,QAAQjB,OAAOD,SAC5E,aAEA,IAAIkF,EAAIhE,QAAQ,YACZsC,SAAWtC,QAAQ,qBACnBY,KAAOZ,QAAQ,UACfqC,GAAKrC,QAAQ,QAEjBjB,OAAOD,QAAUmF,iBAEjB,SAASA,iBAAiBzB,UAAWtD,GACnC,IAAIgF,cAAgB1B,UAAUO,UAAU,eACrCC,KAAK9D,EAAEiF,QAAS,SAAS3E,GAAK,OAAOoB,KAAKwD,SAAS5E,KACnD6E,QAAQ,SAAU,MAErBH,cAAcnB,UAAU,KAAKE,SAC7BiB,cAAchB,QACXpB,OAAO,KACLuC,QAAQ,YAAa,MACrBpC,MAAM,UAAW,GAEtBiC,cAAgB1B,UAAUO,UAAU,eAEpCmB,cAAcb,KAAK,SAAS7D,GAC1B,IAAImC,KAAOzC,EAAEyC,KAAKnC,GACd8E,MAAQhC,SAASD,GAAGkB,OAAOjE,MAAOJ,EAAEyC,KAAKnC,GAAI,EAAG,GAAG6E,QAAQ,QAAS,MACpEE,KAAOD,MAAMnB,OAAOqB,UAExB,GAAI7C,KAAK8C,QAAS,CAAEH,MAAMvC,KAAK,KAAMJ,KAAK8C,SAC1C,IAAKT,EAAEU,IAAI/C,KAAM,SAAU,CAAEA,KAAKgD,MAAQJ,KAAKI,MAC/C,IAAKX,EAAEU,IAAI/C,KAAM,UAAW,CAAEA,KAAKiD,OAASL,KAAKK,UAGnDhE,KAAKwC,gBAAgBc,cAAcN,OAAQ1E,GACxC+C,MAAM,UAAW,GACjBgB,SAEH,OAAOiB,iBAGNL,OAAO,EAAEC,oBAAoB,GAAGe,WAAW,GAAG1C,SAAS,KAAK2C,GAAG,SAAS9E,QAAQjB,OAAOD,SAC1F,aAEA,IAAIkF,EAAIhE,QAAQ,YACZ+E,cAAgB/E,QAAQ,8BACxBY,KAAOZ,QAAQ,UACfqC,GAAKrC,QAAQ,QACjBjB,OAAOD,QAAUkG,gBAEjB,SAASA,gBAAgBxC,UAAWtD,EAAG+F,QACrC,IAAIC,SAAW1C,UAAUO,UAAU,cAChCC,KAAK9D,EAAEiF,QAAS,SAAS3E,GAAK,OAAOoB,KAAKwD,SAAS5E,KACnD6E,QAAQ,SAAU,MAErBnB,MAAMgC,SAAUhG,GAChB0E,KAAKsB,SAAUhG,GAEfgG,SAAW1C,UAAUO,UAAU,cAE/BnC,KAAKwC,gBAAgB8B,SAAUhG,GAC5B+C,MAAM,UAAW;2DAGpBiD;SAAS7B,KAAK,SAAS7D,GACrB,IAAI2F,QAAU9C,GAAGkB,OAAOjE,MACxB,IAAIqC,KAAOzC,EAAEyC,KAAKnC,GAClBmC,KAAKyD,KAAO9F,KAEZ,GAAIqC,KAAKD,GAAI,CACXyD,QAAQpD,KAAK,KAAMJ,KAAKD,IAG1Bd,KAAKyE,WAAWF,QAASxD,KAAK,UAC3BwD,QAAQd,QAAQ,UAAY,UAAY,IAAM,cAGnDa,SAASnC,UAAU,aAChBM,KAAK,SAAS7D,GACb,IAAImC,KAAOzC,EAAEyC,KAAKnC,GAClBmC,KAAK2D,YAActB,EAAEuB,SAAS,aAE9B,IAAIJ,QAAU9C,GAAGkB,OAAOjE,MACrByC,KAAK,aAAc,WAChB,MAAO,OAASyD,gBAAgBC,SAASC,KAAM/D,KAAK2D,aAAe,MAEtErD,MAAM,OAAQ,QAEjBrB,KAAKwC,gBAAgB+B,QAASjG,GAC3B6C,KAAK,IAAK,SAASvC,GAAK,OAAOmG,WAAWzG,EAAGM,KAEhDoB,KAAKsB,WAAWiD,QAASxD,KAAKM,SAGlCiD,SAASnC,UAAU,UAAUE,SAC7BiC,SAASnC,UAAU,QAChBM,KAAK,SAAS7D,GACb,IAAImC,KAAOzC,EAAEyC,KAAKnC,GACdoG,UAAYX,OAAOtD,KAAKiE,WAC5BA,UAAUvD,GAAGkB,OAAOjE,MAAOqC,KAAK2D,YAAa3D,KAAM,eAGvD,OAAOuD,SAGT,SAASM,gBAAgBK,IAAKC,YAC5B,IAAIC,QAAUF,IAAIG,MAAM,KAAK,GAC7B,OAAOD,QAAU,IAAMD,WAGzB,SAASH,WAAWzG,EAAGM,GACrB,IAAImC,KAAOzC,EAAEyC,KAAKnC,GACdyG,KAAO/G,EAAEiE,KAAK3D,EAAEoD,GAChBsD,KAAOhH,EAAEiE,KAAK3D,EAAE2G,GAChBC,OAASzE,KAAKyE,OAAOC,MAAM,EAAG1E,KAAKyE,OAAO9F,OAAS,GACvD8F,OAAOE,QAAQvB,cAAckB,KAAMG,OAAO,KAC1CA,OAAOG,KAAKxB,cAAcmB,KAAME,OAAOA,OAAO9F,OAAS,KAEvD,OAAOkG,WAAW7E,KAAMyE,QAG1B,SAASI,WAAW7E,KAAMyE,QACxB,IAAIK,KAAOpE,GAAGoE,OACXC,EAAE,SAASC,GAAK,OAAOA,EAAED,IACzBE,EAAE,SAASD,GAAK,OAAOA,EAAEC,IAE5BH,KAAKI,MAAMlF,KAAKkF,OAEhB,OAAOJ,KAAKL,QAGd,SAASU,UAAU1B,MACjB,IAAIb,KAAOa,KAAKZ,UACZuC,OAAS3B,KAAK4B,gBAAgBC,eAC3BC,UACAC,SAAS/B,KAAK6B,gBACdG,UAAU7C,KAAKI,MAAQ,EAAGJ,KAAKK,OAAS,GAC/C,OAAS8B,EAAGK,OAAOvH,EAAGoH,EAAGG,OAAOlI,GAGlC,SAASqE,MAAMgC,SAAUhG,GACvB,IAAImI,cAAgBnC,SAAShC,QAC1BpB,OAAO,KACLC,KAAK,QAAS,YACdE,MAAM,UAAW,GACtBoF,cAAcvF,OAAO,QAClBC,KAAK,QAAS,QACdA,KAAK,IAAK,SAASvC,GAClB,IAAImC,KAAOzC,EAAEyC,KAAKnC,GACd8H,WAAapI,EAAEiE,KAAK3D,EAAEoD,GAAGwC,KACzBgB,OAASpC,EAAEuD,MAAM5F,KAAKyE,OAAO9F,QAAQkH,IAAI,WAAa,OAAOV,UAAUQ,cAC3E,OAAOd,WAAW7E,KAAMyE,UAE5BiB,cAAcvF,OAAO,QAGvB,SAAS8B,KAAKsB,SAAUhG,GACtB,IAAIuI,YAAcvC,SAAStB,OAC3BhD,KAAKwC,gBAAgBqE,YAAavI,GAC/B+C,MAAM,UAAW,GACjBgB,SAEHrC,KAAKwC,gBAAgBqE,YAAYlE,OAAO,aAAcrE,GACnD6C,KAAK,IAAK,SAASvC,GAClB,IAAIkI,OAASxI,EAAEiE,KAAK3D,EAAEoD,GAEtB,GAAI8E,OAAQ,CACV,IAAItB,OAASpC,EAAEuD,MAAMjI,KAAKqI,kBAAkBH,IAAI,WAAa,OAAOE,SACpE,OAAOlB,cAAeJ,YACjB,CACL,OAAO/D,GAAGkB,OAAOjE,MAAMyC,KAAK,WAKjC8B,OAAO,EAAE+D,6BAA6B,GAAG/C,WAAW,GAAG1C,SAAS,KAAK0F,GAAG,SAAS7H,QAAQjB,OAAOD,SACnG,aAEA,IAAIkF,EAAIhE,QAAQ,YACZsC,SAAWtC,QAAQ,qBACnBY,KAAOZ,QAAQ,UACfqC,GAAKrC,QAAQ,QAEjBjB,OAAOD,QAAUgJ,YAEjB,SAASA,YAAYtF,UAAWtD,EAAG6I,QACjC,IAAIC,YAAc9I,EAAEwD,QAAQC,OAAO,SAASC,GAAK,OAAQhC,KAAKiC,WAAW3D,EAAG0D,KAC5E,IAAIqF,SAAWzF,UAAUO,UAAU,UAChCC,KAAKgF,YAAa,SAASpF,GAAK,OAAOA,IACvCyB,QAAQ,SAAU,MAErB4D,SAASlF,UAAU,KAAKE,SAExBgF,SAAS/E,QACNpB,OAAO,KACLC,KAAK,QAAS,QACdE,MAAM,UAAW,GAEtBgG,SAAWzF,UAAUO,UAAU,UAE/BkF,SAAS5E,KAAK,SAAST,GACrB,IAAIO,KAAOjE,EAAEiE,KAAKP,GACdU,UAAYjB,GAAGkB,OAAOjE,MAC1BsB,KAAKyE,WAAW/B,UAAWH,KAAK,UAC7BG,UAAUe,QAAQ,UAAY,UAAY,IAAM,QACnD,IAAIb,WAAaF,UAAUxB,OAAO,KAAKC,KAAK,QAAS,SACjDmG,SAAW5F,SAASkB,WAAYL,MAChCgF,MAAQJ,OAAO5E,KAAKgF,OACpB5D,KAAOP,EAAEoE,KAAKF,SAAS/E,OAAOqB,UAAW,QAAS,UAEtDrB,KAAKiC,KAAO9F,KAEZ,GAAI6D,KAAKzB,GAAI,CAAE4B,UAAUvB,KAAK,KAAMoB,KAAKzB,IACzC,GAAIyB,KAAKsB,QAAS,CAAEjB,WAAWzB,KAAK,KAAMoB,KAAKsB,SAE/C,GAAIT,EAAEU,IAAIvB,KAAM,SAAU,CAAEoB,KAAKI,MAAQxB,KAAKwB,MAC9C,GAAIX,EAAEU,IAAIvB,KAAM,UAAW,CAAEoB,KAAKK,OAASzB,KAAKyB,OAEhDL,KAAKI,OAASxB,KAAKkF,YAAclF,KAAKmF,aACtC/D,KAAKK,QAAUzB,KAAKoF,WAAapF,KAAKqF,cACtChF,WAAWzB,KAAK,YAAa,cACzBoB,KAAKkF,YAAclF,KAAKmF,cAAgB,EAAK,KAC7CnF,KAAKoF,WAAapF,KAAKqF,eAAiB,EAAK,KAEjD,IAAIC,SAAWN,MAAM9F,GAAGkB,OAAOjE,MAAOiF,KAAMpB,MAC5CvC,KAAKsB,WAAWuG,SAAUtF,KAAKlB,OAE/B,IAAIyG,UAAYD,SAAStF,OAAOqB,UAChCrB,KAAKwB,MAAQ+D,UAAU/D,MACvBxB,KAAKyB,OAAS8D,UAAU9D,SAG1BhE,KAAKwC,gBAAgB6E,SAASrE,OAAQ1E,GACnC+C,MAAM,UAAW,GACjBgB,SAEH,OAAOgF,YAGNpE,OAAO,EAAEC,oBAAoB,GAAGe,WAAW,GAAG1C,SAAS,KAAKwG,GAAG,SAAS3I,QAAQjB,OAAOD;;AAE1F,IAAIuD,GAEJ,IAAKA,GAAI,CACP,GAAIrC,QAAS,CACX,IACEqC,GAAKrC,QAAQ,MAEf,MAAOR,MAKX,IAAK6C,GAAI,CACPA,GAAKlD,OAAOkD,GAGdtD,OAAOD,QAAUuD,KAEdA,GAAKuG,YAAYC,GAAG,SAAS7I,QAAQjB,OAAOD;;AAG/C,IAAI2B,MAEJ,GAAIT,QAAS,CACX,IACES,MAAQT,QAAQ,SAChB,MAAOR,KAGX,IAAKiB,MAAO,CACVA,MAAQtB,OAAOsB,MAGjB1B,OAAOD,QAAU2B,QAEdA,MAAQmI,YAAYE,GAAG,SAAS9I,QAAQjB,OAAOD;;AAGlD,IAAI0B,SAEJ,GAAIR,QAAS,CACX,IACEQ,SAAWR,QAAQ,YACnB,MAAOR,KAGX,IAAKgB,SAAU,CACbA,SAAWrB,OAAOqB,SAGpBzB,OAAOD,QAAU0B,WAEdA,SAAWoI,YAAYG,IAAI,SAAS/I,QAAQjB,OAAOD,SACtDC,OAAOD,SACLqE,KAAMnD,QAAQ,oBACdgJ,OAAQhJ,QAAQ,sBAChBiJ,QAASjJ,QAAQ,uBACjBkJ,QAASlJ,QAAQ,uBACjBmJ,KAAMnJ,QAAQ,uBAGboJ,qBAAqB,GAAGC,sBAAsB,GAAGC,mBAAmB,GAAGC,sBAAsB,GAAGC,mBAAmB,KAAKC,IAAI,SAASzJ,QAAQjB,OAAOD,SACvJ,IAAI4K,iBAAmB1J,QAAQ,uBAE/BjB,OAAOD,QAAU6K,gBAEjB,SAASA,gBAAgBxG,KAAMyG,GAAIC,OACjC,OAAOH,iBAAiBvG,KAAMyG,GAAIA,GAAIC,UAGrCR,sBAAsB,KAAKS,IAAI,SAAS9J,QAAQjB,OAAOD,SAC1DC,OAAOD,QAAU4K,iBAEjB,SAASA,iBAAiBvG,KAAMyG,GAAIG,GAAIF;;AAGtC,IAAIG,GAAK7G,KAAKuD,EACd,IAAIuD,GAAK9G,KAAKyD,EAEd,IAAIsD,GAAKF,GAAKH,MAAMnD,EACpB,IAAIyD,GAAKF,GAAKJ,MAAMjD,EAEpB,IAAIwD,IAAMC,KAAKC,KAAKV,GAAKA,GAAKO,GAAKA,GAAKJ,GAAKA,GAAKG,GAAKA,IAEvD,IAAIK,GAAKF,KAAKG,IAAIZ,GAAKG,GAAKG,GAAKE,KACjC,GAAIP,MAAMnD,EAAIsD,GAAI,CAChBO,IAAMA,GAER,IAAIE,GAAKJ,KAAKG,IAAIZ,GAAKG,GAAKI,GAAKC,KACjC,GAAIP,MAAMjD,EAAIqD,GAAI,CAChBQ,IAAMA,GAGR,OAAQ/D,EAAGsD,GAAKO,GAAI3D,EAAGqD,GAAKQ,UAIxBC,IAAI,SAAS1K,QAAQjB,OAAOD,SAClCC,OAAOD,QAAU6L;;;;GAMjB,SAASA,cAAcC,GAAIC,GAAIC,GAAIC;;;AAIjC,IAAIC,GAAIC,GAAIC,GAAIC,GAAIC,GAAIC,GACxB,IAAIC,GAAIC,GAAKC,GAAIC,GACjB,IAAIC,MAAOC,OAAQC,IACnB,IAAIlF,EAAGE;;iBAIPoE;GAAKH,GAAGjE,EAAIgE,GAAGhE,EACfsE,GAAKN,GAAGlE,EAAImE,GAAGnE,EACf0E,GAAMP,GAAGnE,EAAIkE,GAAGhE,EAAMgE,GAAGlE,EAAImE,GAAGjE;qBAGhC4E;GAAOR,GAAKF,GAAGpE,EAAMwE,GAAKJ,GAAGlE,EAAKwE,GAClCK,GAAOT,GAAKD,GAAGrE,EAAMwE,GAAKH,GAAGnE,EAAKwE;;2DAIlC;GAAKI,KAAO,GAAOC,KAAO,GAAMI,SAASL,GAAIC,IAAK,CAChD;wFAIFR;GAAKF,GAAGnE,EAAIkE,GAAGlE,EACfuE,GAAKL,GAAGpE,EAAIqE,GAAGrE,EACf2E,GAAMN,GAAGrE,EAAIoE,GAAGlE,EAAMkE,GAAGpE,EAAIqE,GAAGnE;oBAGhC0E;GAAML,GAAKL,GAAGlE,EAAMyE,GAAKP,GAAGhE,EAAKyE,GACjCE,GAAMN,GAAKJ,GAAGnE,EAAMyE,GAAKN,GAAGjE,EAAKyE;;;iBAKjC;GAAKC,KAAO,GAAOC,KAAO,GAAOM,SAASP,GAAIC,IAAM,CAClD;uDAIFG;MAASV,GAAKG,GAAOF,GAAKC,GAC1B,GAAIQ,QAAU,EAAG,CACf,OAGFC,OAAStB,KAAKG,IAAIkB,MAAQ;;;yBAK1BE;IAAOV,GAAKG,GAAOF,GAAKC,GACxB1E,EAAKkF,IAAM,GAAOA,IAAMD,QAAUD,OAAWE,IAAMD,QAAUD,MAE7DE,IAAOX,GAAKG,GAAOJ,GAAKK,GACxBzE,EAAKgF,IAAM,GAAOA,IAAMD,QAAUD,OAAWE,IAAMD,QAAUD,MAE7D,OAAShF,EAAGA,EAAGE,EAAGA,GAGpB,SAASiF,SAASP,GAAIC,IACpB,OAAOD,GAAKC,GAAK,QAGbO,IAAI,SAAS9L,QAAQjB,OAAOD,SAClCC,OAAOD,QAAUiG,cAEjB,SAASA,cAAc5B,KAAM0G,OAC3B,OAAO1G,KAAKzC,UAAUmJ,aAGlBkC,IAAI,SAAS/L,QAAQjB,OAAOD,SAClC,IAAI6L,cAAgB3K,QAAQ,oBAE5BjB,OAAOD,QAAUkN;;;;GAMjB,SAASA,iBAAiB7I,KAAM8I,WAAYpC,OAC1C,IAAIqC,GAAK/I,KAAKuD,EACd,IAAIyF,GAAKhJ,KAAKyD,EAEd,IAAIwF,iBAEJ,IAAIC,KAAOC,OAAOC,kBACdC,KAAOF,OAAOC,kBAClBN,WAAWQ,QAAQ,SAASC,OAC1BL,KAAOhC,KAAKsC,IAAIN,KAAMK,MAAMhG,GAC5B8F,KAAOnC,KAAKsC,IAAIH,KAAME,MAAM9F,KAG9B,IAAIgG,KAAOV,GAAK/I,KAAKwB,MAAQ,EAAI0H,KACjC,IAAIQ,IAAOV,GAAKhJ,KAAKyB,OAAS,EAAI4H,KAElC,IAAK,IAAIvM,EAAI,EAAGA,EAAIgM,WAAW3L,OAAQL,IAAK,CAC1C,IAAI2K,GAAKqB,WAAWhM,GACpB,IAAI4K,GAAKoB,WAAWhM,EAAIgM,WAAW3L,OAAS,EAAIL,EAAI,EAAI,GACxD,IAAIS,UAAYiK,cAAcxH,KAAM0G,OACjCnD,EAAGkG,KAAOhC,GAAGlE,EAAGE,EAAGiG,IAAMjC,GAAGhE,IAAKF,EAAGkG,KAAO/B,GAAGnE,EAAGE,EAAGiG,IAAMhC,GAAGjE,IAChE,GAAIlG,UAAW,CACb0L,cAAc7F,KAAK7F,YAIvB,IAAK0L,cAAc9L,OAAQ,CACzBwM,QAAQC,IAAI,4CAA6C5J,MACzD,OAAOA,KAGT,GAAIiJ,cAAc9L,OAAS,EAAG;;AAE5B8L,cAAcY,KAAK,SAASC,EAAGC,GAC7B,IAAIC,IAAMF,EAAEvG,EAAImD,MAAMnD,EAClB0G,IAAMH,EAAErG,EAAIiD,MAAMjD,EAClByG,MAAQhD,KAAKC,KAAK6C,IAAMA,IAAMC,IAAMA,KAEpCE,IAAMJ,EAAExG,EAAImD,MAAMnD,EAClB6G,IAAML,EAAEtG,EAAIiD,MAAMjD,EAClB4G,MAAQnD,KAAKC,KAAKgD,IAAMA,IAAMC,IAAMA,KAExC,OAAQF,MAAQG,OAAU,EAAKH,QAAUG,MAAQ,EAAI,IAGzD,OAAOpB,cAAc,MAGpBqB,mBAAmB,KAAKC,IAAI,SAAS1N,QAAQjB,OAAOD,SACvDC,OAAOD,QAAU6O,cAEjB,SAASA,cAAcxK,KAAM0G,OAC3B,IAAInD,EAAIvD,KAAKuD,EACb,IAAIE,EAAIzD,KAAKyD;;6EAIb;IAAI2D,GAAKV,MAAMnD,EAAIA,EACnB,IAAI+D,GAAKZ,MAAMjD,EAAIA,EACnB,IAAIT,EAAIhD,KAAKwB,MAAQ,EACrB,IAAIiJ,EAAIzK,KAAKyB,OAAS,EAEtB,IAAIiJ,GAAIC,GACR,GAAIzD,KAAKG,IAAIC,IAAMtE,EAAIkE,KAAKG,IAAID,IAAMqD,EAAG;;AAEvC,GAAInD,GAAK,EAAG,CACVmD,GAAKA,EAEPC,GAAKpD,KAAO,EAAI,EAAImD,EAAIrD,GAAKE,GAC7BqD,GAAKF,MACA;;AAEL,GAAIrD,GAAK,EAAG,CACVpE,GAAKA,EAEP0H,GAAK1H,EACL2H,GAAKvD,KAAO,EAAI,EAAIpE,EAAIsE,GAAKF,GAG/B,OAAQ7D,EAAGA,EAAImH,GAAIjH,EAAGA,EAAIkH,UAGtBC,IAAI,SAAS/N,QAAQjB,OAAOD,SAClC,IAAI8B,KAAOZ,QAAQ,WAEnBjB,OAAOD,QAAUkP,aAEjB,SAASA,aAAaC,KAAM9K,MAC1B,IAAI+K,GAAKD,KACNnM,OAAO,iBACLC,KAAK,QAAS,UAEnB,IAAIoM,IAAMD,GACPpM,OAAO,aACVqM,IAAIpM,KAAK,QAAS,gCAElB,IAAIuC,MAAQnB,KAAKmB,MACjB,cAAcA,OACZ,IAAK,WACH6J,IAAIC,OAAO9J,OACX,MACF,IAAK;;AAEH6J,IAAIC,OAAO,WAAa,OAAO9J,QAC/B,MACF,QAAS6J,IAAIE,KAAK/J,OAGpB1D,KAAKsB,WAAWiM,IAAKhL,KAAKmL,YAC1BH,IAAIlM,MAAM,UAAW;kBAErBkM;IAAIlM,MAAM,cAAe,UAEzB,IAAIsM,OAASJ,IAAIhL,OAAOqL,wBACxBN,GACGnM,KAAK,QAASwM,OAAO5J,OACrB5C,KAAK,SAAUwM,OAAO3J,QAEzB,OAAOsJ,MAGNO,UAAU,KAAKC,IAAI,SAAS1O,QAAQjB,OAAOD,SAC9C,IAAI6P,aAAe3O,QAAQ,oBACvBgO,aAAehO,QAAQ,oBACvB4O,YAAe5O,QAAQ,mBAE3BjB,OAAOD,QAAUwD,SAEjB,SAASA,SAAS2L,KAAM9K,KAAMsC,UAC5B,IAAInB,MAAQnB,KAAKmB,MACjB,IAAIuK,SAAWZ,KAAKnM,OAAO;;wBAI3B;GAAIqB,KAAK2L,YAAc,MAAO,CAC5BF,YAAYC,SAAU1L,WACjB,UAAWmB,QAAU,UAAYnB,KAAK2L,YAAc,OAAQ,CACjEd,aAAaa,SAAU1L,UAClB,CACLwL,aAAaE,SAAU1L,MAGzB,IAAI4L,UAAYF,SAAS1L,OAAOqB,UAChC,IAAIoC,EACJ,OAAOnB,UACL,IAAK,MACHmB,GAAMzD,KAAKyB,OAAS,EACpB,MACF,IAAK,SACHgC,EAAKzD,KAAKyB,OAAS,EAAKmK,UAAUnK,OAClC,MACF,QACEgC,GAAMmI,UAAUnK,OAAS,EAE7BiK,SAAS9M,KAAK,YACA,cAAiBgN,UAAUpK,MAAQ,EAAK,IAAMiC,EAAI,KAEhE,OAAOiI,YAGNG,mBAAmB,GAAGC,kBAAkB,GAAGC,mBAAmB,KAAKC,IAAI,SAASnP,QAAQjB,OAAOD,SAClG,IAAI8B,KAAOZ,QAAQ,WAEnBjB,OAAOD,QAAU8P,YAEjB,SAASA,YAAYX,KAAM9K,MACzB,IAAIiM,QAAUnB,KAEdmB,QAAQjM,OAAOkM,YAAYlM,KAAKmB,OAEhC1D,KAAKsB,WAAWkN,QAASjM,KAAKmL,YAE9B,OAAOc,WAGNX,UAAU,KAAKa,IAAI,SAAStP,QAAQjB,OAAOD,SAC9C,IAAI8B,KAAOZ,QAAQ,WAEnBjB,OAAOD,QAAU6P;;;GAKjB,SAASA,aAAaV,KAAM9K,MAC1B,IAAIiM,QAAUnB,KAAKnM,OAAO,QAE1B,IAAIyN,MAAQC,uBAAuBrM,KAAKmB,OAAO0B,MAAM,MACrD,IAAK,IAAI/F,EAAI,EAAGA,EAAIsP,MAAMjP,OAAQL,IAAK,CACrCmP,QACGtN,OAAO,SACLC,KAAK,YAAa,YAClBA,KAAK,KAAM,OACXA,KAAK,IAAK,KACV0N,KAAKF,MAAMtP,IAGlBW,KAAKsB,WAAWkN,QAASjM,KAAKmL,YAE9B,OAAOc,QAGT,SAASI,uBAAuBC,MAC9B,IAAIC,QAAU,GACVC,QAAU,MACVC,GACJ,IAAK,IAAI3P,EAAI,EAAGA,EAAIwP,KAAKnP,SAAUL,EAAG,CACpC2P,GAAKH,KAAKxP,GACV,GAAI0P,QAAS,CACX,OAAOC,IACL,IAAK,IAAKF,SAAW,KAAM,MAC3B,QAASA,SAAWE,GAEtBD,QAAU,WACL,GAAIC,KAAO,KAAM,CACtBD,QAAU,SACL,CACLD,SAAWE,IAGf,OAAOF,WAGNjB,UAAU,KAAKoB,IAAI,SAAS7P,QAAQjB,OAAOD;;AAG9C,IAAIgR,OAEJ,GAAI9P,QAAS,CACX,IACE8P,OAAS9P,QAAQ,UACjB,MAAOR,KAGX,IAAKsQ,OAAQ,CACXA,OAAS3Q,OAAO6E,EAGlBjF,OAAOD,QAAUgR,SAEdA,OAASlH,YAAYmH,IAAI,SAAS/P,QAAQjB,OAAOD,SACpD,aAEA,IAAI8B,KAAOZ,QAAQ,UACfqC,GAAKrC,QAAQ,QAEjBjB,OAAOD,QAAUkR,iBAEjB,SAASA,iBAAiBxN,UAAWtD,GACnC,IAAI+Q,QAAUzN,UAAUG,OAAO,WAAa,OAAQN,GAAGkB,OAAOjE,MAAM+E,QAAQ,YAE5E,SAAS+C,UAAUxE,GACjB,IAAIO,KAAOjE,EAAEiE,KAAKP,GAClB,MAAO,aAAeO,KAAKuD,EAAI,IAAMvD,KAAKyD,EAAI,IAGhDqJ,QAAQlO,KAAK,YAAaqF,WAE1BxG,KAAKwC,gBAAgBZ,UAAWtD,GAC3B+C,MAAM,UAAW,GACjBF,KAAK,YAAaqF,WAEvBxG,KAAKwC,gBAAgB6M,QAAQlN,UAAU,QAAS7D,GAC3C6C,KAAK,QAAS,SAASa,GAAK,OAAO1D,EAAEiE,KAAKP,GAAG+B,QAC7C5C,KAAK,SAAU,SAASa,GAAK,OAAO1D,EAAEiE,KAAKP,GAAGgC,SAC9C7C,KAAK,IAAK,SAASa,GAClB,IAAIO,KAAOjE,EAAEiE,KAAKP,GAClB,OAAQO,KAAKwB,MAAQ,IAEtB5C,KAAK,IAAK,SAASa,GAClB,IAAIO,KAAOjE,EAAEiE,KAAKP,GAClB,OAAQO,KAAKyB,OAAS,OAK3Bf,OAAO,EAAE1B,SAAS,KAAK+N,IAAI,SAASlQ,QAAQjB,OAAOD,SACtD,aAEA,IAAI8B,KAAOZ,QAAQ,UACfqC,GAAKrC,QAAQ,QACbgE,EAAIhE,QAAQ,YAEhBjB,OAAOD,QAAUqR,mBAEjB,SAASA,mBAAmB3N,UAAWtD,GACrC,IAAI+Q,QAAUzN,UAAUG,OAAO,WAAa,OAAQN,GAAGkB,OAAOjE,MAAM+E,QAAQ,YAE5E,SAAS+C,UAAU5H,GACjB,IAAImC,KAAOzC,EAAEyC,KAAKnC,GAClB,OAAOwE,EAAEU,IAAI/C,KAAM,KAAO,aAAeA,KAAK+E,EAAI,IAAM/E,KAAKiF,EAAI,IAAM,GAGzEqJ,QAAQlO,KAAK,YAAaqF,WAE1BxG,KAAKwC,gBAAgBZ,UAAWtD,GAC7B+C,MAAM,UAAW,GACjBF,KAAK,YAAaqF,cAGpBvD,OAAO,EAAEgB,WAAW,GAAG1C,SAAS,KAAKiO,IAAI,SAASpQ,QAAQjB,OAAOD,SACpE,aAEA,IAAI8B,KAAOZ,QAAQ,UACfqC,GAAKrC,QAAQ,QAEjBjB,OAAOD,QAAUuR,cAEjB,SAASA,cAAc7N,UAAWtD,GAChC,IAAI+Q,QAAUzN,UAAUG,OAAO,WAAa,OAAQN,GAAGkB,OAAOjE,MAAM+E,QAAQ,YAE5E,SAAS+C,UAAUxE,GACjB,IAAIO,KAAOjE,EAAEiE,KAAKP,GAClB,MAAO,aAAeO,KAAKuD,EAAI,IAAMvD,KAAKyD,EAAI,IAGhDqJ,QAAQlO,KAAK,YAAaqF,WAE1BxG,KAAKwC,gBAAgBZ,UAAWtD,GAC7B+C,MAAM,UAAW,GACjBF,KAAK,YAAaqF,cAGpBvD,OAAO,EAAE1B,SAAS,KAAKmO,IAAI,SAAStQ,QAAQjB,OAAOD,SACtD,IAAIkF,EAAIhE,QAAQ,YACZqC,GAAKrC,QAAQ,QACbuQ,OAASvQ,QAAQ,WAAWuQ,OAEhCxR,OAAOD,QAAU6B;4DAGjB;SAASA,SACP,IAAImH,YAAc9H,QAAQ,kBACtBuC,eAAiBvC,QAAQ,qBACzBiE,iBAAmBjE,QAAQ,wBAC3BgF,gBAAkBhF,QAAQ,uBAC1BqQ,cAAgBrQ,QAAQ,oBACxBmQ,mBAAqBnQ,QAAQ,0BAC7BgQ,iBAAmBhQ,QAAQ,uBAC3B+H,OAAS/H,QAAQ,YACjBiF,OAASjF,QAAQ,YAErB,IAAIwQ,GAAK,SAASC,IAAKvR,GACrBwR,gBAAgBxR,GAEhBuR,IAAI1N,UAAU,KAAKE,SAEnB,IAAI0N,YAAcC,oBAAoBH,IAAK,UACvCI,cAAgBD,oBAAoBD,YAAa,YACjDG,eAAiBF,oBAAoBD,YAAa,aAClDI,WAAa9M,iBAAiB2M,oBAAoBD,YAAa,cAAezR,GAC9EwD,MAAQoF,YAAY8I,oBAAoBD,YAAa,SAAUzR,EAAG6I,QAEtEwI,OAAOrR,GAEPmR,cAAc3N,MAAOxD,GACrBiR,mBAAmBY,WAAY7R,GAC/B8F,gBAAgB8L,eAAgB5R,EAAG+F,QAEnC,IAAIxC,SAAWF,eAAesO,cAAe3R,GAC7C8Q,iBAAiBvN,SAAUvD,GAE3B8R,iBAAiB9R,IAGnBsR,GAAG1I,YAAc,SAASmJ,OACxB,IAAKC,UAAU5Q,OAAQ,OAAOwH,YAC9BA,YAAcmJ,MACd,OAAOT,IAGTA,GAAGjO,eAAiB,SAAS0O,OAC3B,IAAKC,UAAU5Q,OAAQ,OAAOiC,eAC9BA,eAAiB0O,MACjB,OAAOT,IAGTA,GAAGvM,iBAAmB,SAASgN,OAC7B,IAAKC,UAAU5Q,OAAQ,OAAO2D,iBAC9BA,iBAAmBgN,MACnB,OAAOT,IAGTA,GAAGxL,gBAAkB,SAASiM,OAC5B,IAAKC,UAAU5Q,OAAQ,OAAO0E,gBAC9BA,gBAAkBiM,MAClB,OAAOT,IAGTA,GAAGzI,OAAS,SAASkJ,OACnB,IAAKC,UAAU5Q,OAAQ,OAAOyH,OAC9BA,OAASkJ,MACT,OAAOT,IAGTA,GAAGvL,OAAS,SAASgM,OACnB,IAAKC,UAAU5Q,OAAQ,OAAO2E,OAC9BA,OAASgM,MACT,OAAOT,IAGT,OAAOA,GAGT,IAAIW,oBACF9I,YAAa,GACbC,aAAc,GACdC,WAAY,GACZC,cAAe,GACfoB,GAAI,EACJG,GAAI,EACJ5B,MAAO,QAGT,IAAIiJ,oBACFxL,UAAW,SACXiB,MAAOxE,GAAGgP,aAGZ,SAASX,gBAAgBxR,GACvBA,EAAEwD,QAAQ+J,QAAQ,SAAS7J,GACzB,IAAIO,KAAOjE,EAAEiE,KAAKP,GAClB,IAAKoB,EAAEU,IAAIvB,KAAM,WAAajE,EAAEoS,SAAS1O,GAAGtC,OAAQ,CAAE6C,KAAKmB,MAAQ1B,EAEnE,GAAIoB,EAAEU,IAAIvB,KAAM,YAAa,CAC3Ba,EAAEuN,SAASpO,MACTkF,YAAalF,KAAKqO,SAClBlJ,aAAcnF,KAAKqO,WAIvB,GAAIxN,EAAEU,IAAIvB,KAAM,YAAa,CAC3Ba,EAAEuN,SAASpO,MACToF,WAAYpF,KAAKsO,SACjBjJ,cAAerF,KAAKsO,WAIxB,GAAIzN,EAAEU,IAAIvB,KAAM,WAAY,CAC1Ba,EAAEuN,SAASpO,MACTkF,YAAalF,KAAKuO,QAClBpJ,aAAcnF,KAAKuO,QACnBnJ,WAAYpF,KAAKuO,QACjBlJ,cAAerF,KAAKuO,UAIxB1N,EAAEuN,SAASpO,KAAMgO,oBAEjBnN,EAAEX,MAAM,cAAe,eAAgB,aAAc,iBAAkB,SAASsO,GAC9ExO,KAAKwO,GAAKrF,OAAOnJ,KAAKwO;qDAIxB;GAAI3N,EAAEU,IAAIvB,KAAM,SAAU,CAAEA,KAAKyO,WAAazO,KAAKwB,MACnD,GAAIX,EAAEU,IAAIvB,KAAM,UAAW,CAAEA,KAAK0O,YAAc1O,KAAKyB,UAGvD1F,EAAEiF,QAAQsI,QAAQ,SAASjN,GACzB,IAAImC,KAAOzC,EAAEyC,KAAKnC,GAClB,IAAKwE,EAAEU,IAAI/C,KAAM,SAAU,CAAEA,KAAK2C,MAAQ,GAC1CN,EAAEuN,SAAS5P,KAAMyP,sBAIrB,SAASJ,iBAAiB9R,GACxB8E,EAAEX,KAAKnE,EAAEwD,QAAS,SAASE,GACzB,IAAIO,KAAOjE,EAAEiE,KAAKP;8BAGlB;GAAIoB,EAAEU,IAAIvB,KAAM,cAAe,CAC7BA,KAAKwB,MAAQxB,KAAKyO,eACb,QACEzO,KAAKwB,MAGd,GAAIX,EAAEU,IAAIvB,KAAM,eAAgB,CAC9BA,KAAKyB,OAASzB,KAAK0O,gBACd,QACE1O,KAAKyB,cAGPzB,KAAKyO,kBACLzO,KAAK0O,cAIhB,SAASjB,oBAAoB3C,KAAM6D,MACjC,IAAItP,UAAYyL,KAAK1K,OAAO,KAAOuO,MACnC,GAAItP,UAAUuP,QAAS,CACrBvP,UAAYyL,KAAKnM,OAAO,KAAKC,KAAK,QAAS+P,MAE7C,OAAOtP,aAGNwP,WAAW,EAAEC,oBAAoB,EAAEC,uBAAuB,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAEvO,OAAO,EAAEwO,UAAU,EAAExN,WAAW,GAAGyN,sBAAsB,GAAGC,yBAAyB,GAAGC,mBAAmB,GAAGC,WAAW,KAAKC,IAAI,SAAS1S,QAAQjB,OAAOD,SACpQ,aAEA,IAAI6O,cAAgB3N,QAAQ,8BACxB0J,iBAAmB1J,QAAQ,iCAC3B2J,gBAAkB3J,QAAQ,gCAC1BgM,iBAAmBhM,QAAQ,iCAE/BjB,OAAOD,SACLqK,KAAMA,KACNF,QAASA,QACTD,OAAQA,OACR2J,QAASA,SAGX,SAASxJ,KAAK1H,OAAQ8C,KAAMpB,MAC1B,IAAIsF,SAAWhH,OAAO2M,OAAO,OAAQ,gBAC9BrM,KAAK,KAAMoB,KAAKyG,IAChB7H,KAAK,KAAMoB,KAAK4G,IAChBhI,KAAK,KAAMwC,KAAKI,MAAQ,GACxB5C,KAAK,KAAMwC,KAAKK,OAAS,GACzB7C,KAAK,QAASwC,KAAKI,OACnB5C,KAAK,SAAUwC,KAAKK,QAE3BzB,KAAKzC,UAAY,SAASmJ,OACxB,OAAO8D,cAAcxK,KAAM0G,QAG7B,OAAOpB,SAGT,SAASQ,QAAQxH,OAAQ8C,KAAMpB,MAC7B,IAAIyG,GAAKrF,KAAKI,MAAQ,EAClBoF,GAAKxF,KAAKK,OAAS,EACnB6D,SAAWhH,OAAO2M,OAAO,UAAW,gBACjCrM,KAAK,KAAMwC,KAAKI,MAAQ,GACxB5C,KAAK,KAAMwC,KAAKK,OAAS,GACzB7C,KAAK,KAAM6H,IACX7H,KAAK,KAAMgI,IAElB5G,KAAKzC,UAAY,SAASmJ,OACxB,OAAOH,iBAAiBvG,KAAMyG,GAAIG,GAAIF,QAGxC,OAAOpB,SAGT,SAASO,OAAOvH,OAAQ8C,KAAMpB,MAC5B,IAAIxD,EAAI0K,KAAKuI,IAAIrO,KAAKI,MAAOJ,KAAKK,QAAU,EACxC6D,SAAWhH,OAAO2M,OAAO,SAAU,gBAChCrM,KAAK,KAAMwC,KAAKI,MAAQ,GACxB5C,KAAK,KAAMwC,KAAKK,OAAS,GACzB7C,KAAK,IAAKpC,GAEjBwD,KAAKzC,UAAY,SAASmJ,OACxB,OAAOF,gBAAgBxG,KAAMxD,EAAGkK,QAGlC,OAAOpB;;;yDAMT;SAASkK,QAAQlR,OAAQ8C,KAAMpB,MAC7B,IAAIgD,EAAK5B,KAAKI,MAAQ0F,KAAKwI,MAAS,EAChCjF,EAAKrJ,KAAKK,OAASyF,KAAKwI,MAAS,EACjCzM,SACIM,EAAI,EAAGE,GAAIgH,IACXlH,GAAIP,EAAGS,EAAI,IACXF,EAAI,EAAGE,EAAIgH,IACXlH,EAAIP,EAAGS,EAAI,IAEf6B,SAAWhH,OAAO2M,OAAO,UAAW,gBACjCrM,KAAK,SAAUqE,OAAOoB,IAAI,SAASyF,GAAK,OAAOA,EAAEvG,EAAI,IAAMuG,EAAErG,IAAMkM,KAAK,MAE/E3P,KAAKzC,UAAY,SAASuM,GACxB,OAAOjB,iBAAiB7I,KAAMiD,OAAQ6G,IAGxC,OAAOxE,YAGNsK,+BAA+B,GAAGC,gCAAgC,GAAGC,gCAAgC,GAAGC,6BAA6B,KAAKC,IAAI,SAASnT,QAAQjB,OAAOD,SACzK,IAAIkF,EAAIhE,QAAQ;2BAGhBjB;OAAOD,SACL+D,WAAYA,WACZuB,SAAUA,SACVlC,WAAYA,WACZmD,WAAYA,WACZjC,gBAAiBA;;;;GAOnB,SAASP,WAAW3D,EAAG0D,GACrB,QAAS1D,EAAEoS,SAAS1O,GAAGtC,OAGzB,SAAS8D,SAAS5E,GAChB,OAAO4T,SAAS5T,EAAEoD,GAAK,IAAMwQ,SAAS5T,EAAE2G,GAAK,IAAMiN,SAAS5T,EAAEsS,MAGhE,IAAIuB,SAAW,KACf,SAASD,SAASE,KAChB,OAAOA,IAAMC,OAAOD,KAAKE,QAAQH,SAAU,OAAS,GAGtD,SAASnR,WAAWuR,IAAKC,SACvB,GAAIA,QAAS,CACXD,IAAI1R,KAAK,QAAS2R,UAItB,SAASrO,WAAWoO,IAAKE,QAASC,cAChC,GAAID,QAAS,CACXF,IACG1R,KAAK,QAAS4R,SACd5R,KAAK,QAAS6R,aAAe,IAAMH,IAAI1R,KAAK,WAInD,SAASqB,gBAAgBZ,UAAWtD,GAClC,IAAI2U,MAAQ3U,EAAE2U,QAEd,GAAI7P,EAAE8P,cAAcD,OAAQ,CAC1B,IAAIE,WAAaF,MAAME,WACvB,GAAI/P,EAAEgQ,WAAWD,YAAa,CAC5B,OAAOA,WAAWvR,YAItB,OAAOA,aAGNqC,WAAW,KAAKoP,IAAI,SAASjU,QAAQjB,OAAOD,SAC/CC,OAAOD,QAAU,kBAEN,GA9rCoW,CA8rChW"}


--------------------------------------------------------------------------------