commit ada4d4dce0ddf09bf053691eb48aa006950b9506
Author: qqkj <qqkj@163.com>
Date:   Wed Dec 23 00:00:47 2020 +0800

    初始

diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..3a280ba
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,12 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"]
+}
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..ea6e20f
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..e3a4037
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,3 @@
+build/*.js
+config/*.js
+src/assets
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..00d6080
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,199 @@
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: 'eslint:recommended',
+  // required to lint *.vue files
+  plugins: [
+    'html'
+  ],
+  // check if imports actually resolve
+  'settings': {
+    'import/resolver': {
+      'webpack': {
+        'config': 'build/webpack.base.conf.js'
+      }
+    }
+  },
+  // add your custom rules here
+  //it is base on https://github.com/vuejs/eslint-config-vue
+  'rules': {
+    'accessor-pairs': 2,
+    'arrow-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'block-spacing': [2, 'always'],
+    'brace-style': [2, '1tbs', {
+      'allowSingleLine': true
+    }],
+    'camelcase': [0, {
+      'properties': 'always'
+    }],
+    'comma-dangle': [2, 'never'],
+    'comma-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'comma-style': [2, 'last'],
+    'constructor-super': 2,
+    'curly': [2, 'multi-line'],
+    'dot-location': [2, 'property'],
+    'eol-last': 2,
+    'eqeqeq': [2, 'allow-null'],
+    'generator-star-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'handle-callback-err': [2, '^(err|error)$'],
+    'indent': [2, 2, {
+      'SwitchCase': 1
+    }],
+    'jsx-quotes': [2, 'prefer-single'],
+    'key-spacing': [2, {
+      'beforeColon': false,
+      'afterColon': true
+    }],
+    'keyword-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'new-cap': [2, {
+      'newIsCap': true,
+      'capIsNew': false
+    }],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-console': 'off',
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 0,
+    'no-delete-var': 2,
+    'no-dupe-args': 2,
+    'no-dupe-class-members': 2,
+    'no-dupe-keys': 2,
+    'no-duplicate-case': 2,
+    'no-empty-character-class': 2,
+    'no-empty-pattern': 2,
+    'no-eval': 2,
+    'no-ex-assign': 2,
+    'no-extend-native': 2,
+    'no-extra-bind': 2,
+    'no-extra-boolean-cast': 2,
+    'no-extra-parens': [2, 'functions'],
+    'no-fallthrough': 2,
+    'no-floating-decimal': 2,
+    'no-func-assign': 2,
+    'no-implied-eval': 2,
+    'no-inner-declarations': [2, 'functions'],
+    'no-invalid-regexp': 2,
+    'no-irregular-whitespace': 2,
+    'no-iterator': 2,
+    'no-label-var': 2,
+    'no-labels': [2, {
+      'allowLoop': false,
+      'allowSwitch': false
+    }],
+    'no-lone-blocks': 2,
+    'no-mixed-spaces-and-tabs': 2,
+    'no-multi-spaces': 2,
+    'no-multi-str': 2,
+    'no-multiple-empty-lines': [2, {
+      'max': 1
+    }],
+    'no-native-reassign': 2,
+    'no-negated-in-lhs': 2,
+    'no-new-object': 2,
+    'no-new-require': 2,
+    'no-new-symbol': 2,
+    'no-new-wrappers': 2,
+    'no-obj-calls': 2,
+    'no-octal': 2,
+    'no-octal-escape': 2,
+    'no-path-concat': 2,
+    'no-proto': 2,
+    'no-redeclare': 2,
+    'no-regex-spaces': 2,
+    'no-return-assign': [2, 'except-parens'],
+    'no-self-assign': 2,
+    'no-self-compare': 2,
+    'no-sequences': 2,
+    'no-shadow-restricted-names': 2,
+    'no-spaced-func': 2,
+    'no-sparse-arrays': 2,
+    'no-this-before-super': 2,
+    'no-throw-literal': 2,
+    'no-trailing-spaces': 2,
+    'no-undef': 2,
+    'no-undef-init': 2,
+    'no-unexpected-multiline': 2,
+    'no-unmodified-loop-condition': 2,
+    'no-unneeded-ternary': [2, {
+      'defaultAssignment': false
+    }],
+    'no-unreachable': 2,
+    'no-unsafe-finally': 2,
+    'no-unused-vars': [2, {
+      'vars': 'all',
+      'args': 'none'
+    }],
+    'no-useless-call': 2,
+    'no-useless-computed-key': 2,
+    'no-useless-constructor': 2,
+    'no-useless-escape': 0,
+    'no-whitespace-before-property': 2,
+    'no-with': 2,
+    'one-var': [2, {
+      'initialized': 'never'
+    }],
+    'operator-linebreak': [2, 'after', {
+      'overrides': {
+        '?': 'before',
+        ':': 'before'
+      }
+    }],
+    'padded-blocks': [2, 'never'],
+    'quotes': [2, 'single', {
+      'avoidEscape': true,
+      'allowTemplateLiterals': true
+    }],
+    'semi': [2, 'never'],
+    'semi-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'space-before-blocks': [2, 'always'],
+    'space-before-function-paren': [2, 'never'],
+    'space-in-parens': [2, 'never'],
+    'space-infix-ops': 2,
+    'space-unary-ops': [2, {
+      'words': true,
+      'nonwords': false
+    }],
+    'spaced-comment': [2, 'always', {
+      'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
+    }],
+    'template-curly-spacing': [2, 'never'],
+    'use-isnan': 2,
+    'valid-typeof': 2,
+    'wrap-iife': [2, 'any'],
+    'yield-star-spacing': [2, 'both'],
+    'yoda': [2, 'never'],
+    'prefer-const': 2,
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'object-curly-spacing': [2, 'always', {
+      objectsInObjects: false
+    }],
+    'array-bracket-spacing': [2, 'never']
+  }
+}
+
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a2069ec
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,20 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+test/unit/coverage
+test/e2e/reports
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+
+package-lock.json
diff --git a/.postcssrc.js b/.postcssrc.js
new file mode 100644
index 0000000..eee3e92
--- /dev/null
+++ b/.postcssrc.js
@@ -0,0 +1,10 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}
diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..16574d9
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,5 @@
+language: node_js
+node_js: stable
+script: npm run test
+notifications:
+  email: false
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..1eb6218
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016-present taylorchen709
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..65501dd
--- /dev/null
+++ b/README.md
@@ -0,0 +1,185 @@
+# To start
+
+这是一个开发工具项目，主要帮助程序员自动生成增删改查代码，由广州擎勤网络科技有限公司研发。
+
+
+
+` 前端`
+
+# 前端开发工具
+ node.js、webpacck、npm、eclipse、svn、安卓、ios等
+ 
+# 前端ui-pc端
+vue.js、element-ui、axios
+
+# 前端ui-手机端
+vue.js、vux、weui、weex
+
+# 前端ui-微信公众号端
+vue.js、vux
+
+# 前端ui-微信小程序
+微信开发工具
+
+
+# 前端文件结构
+* build - webpack config files
+* config - webpack config files
+* dist - build
+* src -your app
+    * api
+    * assets
+    * common
+    * components - your vue components
+    * mock
+    * styles
+    * views - your pages
+    * vuex
+    * App.vue
+    * main.js - main file
+    * routes.js
+* static - static assets
+
+# 前端web开发工具安装步骤 首次安装执行 1-6，添加工程执行 7-12
+## 1 安装node.js 从网络下载最新稳定版本
+node-v8.9.1-x64
+
+## 2 安装 npm
+npm install npm@latest -g
+
+## 3 设置淘宝镜像及安装淘宝镜像命令cnpm （如有必要）
+npm config set registry https://registry.npm.taobao.org 
+
+npm install -g cnpm --registry=https://registry.npm.taobao.org
+
+## 4 通过镜像下载 node-sass（如有必要）
+npm install -g node-sass --registry=https://registry.npm.taobao.org
+
+## 5 安装vue 命令行工具 （如有必要）
+npm install -g vue-cli
+
+## 6 设置eclipse 关联 .vue文件 
+Window -> Preferences -> General -> Editors -> File Associations -> Add -> *.vue -> Add -> HTML Editor / JS Editor / CSS Editor 
+
+## 7 用eclipse 从svn下载工程项目
+svn地址  http://203.195.131.73:8085/svn/
+如工程  mdp-arc-web
+
+## 8 进入工程 目录 （假设工程在 D:\workspace\mdp-arc-web）
+cd /D D:\workspace\mdp-arc-web
+
+## 9 安装工程依赖包
+ D:\workspace\mdp-arc-web > npm install
+ 
+## 10 开发调试工程
+npm dev
+
+## 11 编译
+npm build
+
+## 12 拷贝编译后文件到后台工程（用于与后台工程一起打成jar包发布）（如有必要）
+npm copyToStatic
+
+
+
+`服务端`
+# 服务端开发工具
+jdk8、eclipse oxygen、svn、maven、oracle
+
+# 服务端编程框架
+spring boot 1.5、spring mvc 4、spring cloud 1.5、spring security 4、logback 1、mybatis 3、thymeleaf 3
+
+# 服务端安装开发工具步骤 首次安装执行 1-3,开发打包部署执行4-5
+## 1 安装开发工具
+### 1.0 安装jdk8,  elcipse oxygen, svn 官网下载64位版本
+jdk-8u121-windows-x64 
+eclipse-jee-oxygen-3-win32-x86_64
+TortoiseSVN-1.9.7.27907-x64
+
+### 1.1 配置eclipse运行内存
+在eclipse.ini中添加下面几个参数
+-Xms512m
+-Xmx1024m
+
+### 1.2 从eclipse marketplace 下载版本控制插件工具svn 
+eclipse -> help -> Eclipse marketplace,搜索svn，安装subclipse4.2.3
+
+#### 1.2.1 设置eclipse svn 忽略的文件规则 */logs/* */target/* */node_modules/*
+Window -> Preferences -> Team -> Ignored Resource -> Add pattern -> */logs/*
+Window -> Preferences -> Team -> Ignored Resource -> Add pattern -> */target/*
+Window -> Preferences -> Team -> Ignored Resource -> Add pattern -> */node_modules/*
+
+### 1.3 设置eclipse工程编码为utf-8
+Window -> Preferences -> General -> Content Types -> java Archive / java class path / Text -> utf-8
+Window -> Preferences -> General -> Workspace -> Text file encoding / UTF-8
+
+### 1.4 设置eclipse jdk
+Window -> Preferences -> Java -> Installed JREs -> 选择一条 -> Edit -> C:\Program Files\Java\jdk1.8.0_121(假设jdk安装目录，注意不是jre目录)
+
+### 1.5 设置eclipse 检查项，提升编译速度
+Window -> Preferences -> Validation -> 找到build列 -> 只保留 Classpath Dependance Validator 选中状态
+
+## 2 下载代码生成器mdp-dev
+### 2.0 从svn下载mdp-dev工程，mdp自研发的开发工具
+svn 地址为 http://203.195.131.73:8085/svn/mdp/trunk/mdp-dev
+ 
+### 2.1 使用mdp-dev生成crud代码（开发业务功能时使用，先设计表结构，再生成代码）
+使用/mdp-dev/src/test/java/com/qqkj/mdp/dev/TestCodegenService.java 进行代码生成
+
+## 3 maven 设置
+### 3.0 设置maven私服 用户密码 
+将/mdp-dev/settings.xml拷贝到 C:\Users\Administrator\.m2目录下
+
+### 3.1 安装本地jar包到私服（如果有本地jar包，目前有orcale的驱动包已经安装）
+私服登录地址 http://203.195.131.73:8081/nexus 用户名、密码 admin/admin123
+
+## 4 应用项目开发
+### 4.0 从svn下载应用工程项目
+svn 地址为 http://203.195.131.73:8085/svn/应用产品对应目录
+
+### 4.1 从mven私服下载依赖jar包
+在  Eclipse 工程目录鼠标右键 -> Maven -> Update Project
+
+### 4.2 运行工程项目
+在src/main/java 中找到 ***Application。java -> 鼠标右键 -> Run as -> Java Application
+或者
+在src/test/java 中找到 ***Application。java -> 鼠标右键 -> Run as -> Java Application
+
+## 5 打包部署
+### 5.0 工程打jar包
+在  Eclipse 工程目录鼠标右键 -> Run as -> Maven Install
+
+### 5.1 将打包好的jar包上传maven私服
+在  Eclipse 工程目录鼠标右键 -> Run as -> Maven Buil -> deploy 
+
+
+
+
+``` bash
+# install dependencies
+cnpm install
+
+# serve with hot reload at localhost:8081
+cnpm run dev
+
+# build for production with minification
+cnpm run build
+
+```
+ 
+ 
+` 其它一些常用命令 `
+# 清除缓存  
+npm cache clean --force
+
+# npm国内代理镜像服务器 镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:
+npm config set registry https://registry.npm.taobao.org 
+npm info underscore （如果上面配置正确这个命令会有字符串response）
+
+
+# Browser support
+
+Modern browsers and IE 10+.
+
+# License
+[MIT](http://opensource.org/licenses/MIT)
diff --git a/README.zh-CN.md b/README.zh-CN.md
new file mode 100644
index 0000000..4fc5ebc
--- /dev/null
+++ b/README.zh-CN.md
@@ -0,0 +1,168 @@
+<p align="center">
+  <img width="320" src="https://wpimg.wallstcn.com/ecc53a42-d79b-42e2-8852-5126b810a4c8.svg">
+</p>
+
+<p align="center">
+  <a href="https://github.com/vuejs/vue">
+    <img src="https://img.shields.io/badge/vue-2.5.10-brightgreen.svg" alt="vue">
+  </a>
+  <a href="https://github.com/ElemeFE/element">
+    <img src="https://img.shields.io/badge/element--ui-2.3.0-brightgreen.svg" alt="element-ui">
+  </a>
+  <a href="https://travis-ci.org/PanJiaChen/vue-element-admin" rel="nofollow">
+    <img src="https://travis-ci.org/PanJiaChen/vue-element-admin.svg?branch=master" alt="Build Status">
+  </a>
+  <a href="https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE">
+    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
+  </a>
+  <a href="https://github.com/PanJiaChen/vue-element-admin/releases">
+    <img src="https://img.shields.io/github/release/PanJiaChen/vue-element-admin.svg" alt="GitHub release">
+  </a>
+</p>
+
+简体中文 | [English](./README.md)
+
+## 简介
+
+`vue-element-admin` 是一个后台集成解决方案，它基于 [Vue.js](https://github.com/vuejs/vue) 和 [element](https://github.com/ElemeFE/element)。它使用了最新的前端技术栈，内置了i18国际化解决方案，动态路由，权限验证等很多功能特性，相信不管你的需求是什么，本项目都能帮助到你。
+
+- [在线访问](http://panjiachen.github.io/vue-element-admin)
+
+- [使用文档](https://panjiachen.github.io/vue-element-admin-site/#/zh-cn/)
+
+- [Gitter讨论组](https://gitter.im/vue-element-admin/discuss)
+
+- [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki)
+
+- [Donate](https://panjiachen.github.io/vue-element-admin-site/#/zh-cn/donate)
+
+**本项目的定位是后台集成方案，不适合当基础模板来开发。**
+ - 模板建议使用: [vueAdmin-template](https://github.com/PanJiaChen/vueAdmin-template)  
+ - 桌面端: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+**注意：该项目使用 element-ui@2.3.0+ 版本，所以最低兼容 vue@2.5.0+**
+
+## 前序准备
+
+你的本地环境需要安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。我们的技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) and [element-ui](https://github.com/ElemeFE/element)，所有的请求数据都使用[Mock.js](https://github.com/nuysoft/Mock)模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。
+
+同时配套一个系列的教程文章，如何从零构建后一个完整的后台项目，建议大家先看完这些文章再来实践本项目
+ - [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
+ - [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
+ - [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
+ - [手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
+ - [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
+ - [手摸手，带你优雅的使用 icon](https://juejin.im/post/59bb864b5188257e7a427c09)
+
+
+ 或者加入该群主 **[圈子](https://jianshiapp.com/circles/1209)** 楼主会经常分享一些技术相关的东西
+
+ **如有问题请先看上述使用文档和文章，若不能满足，欢迎 issue 和 pr**
+
+ **本项目并不是一个脚手架，更倾向于是一个集成解决方案**
+
+ **该项目不支持低版本浏览器(如ie)，有需求请自行添加polyfill [详情](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)**
+
+ <p align="center">
+  <img width="900" src="https://wpimg.wallstcn.com/a5894c1b-f6af-456e-82df-1151da0839bf.png">
+</p>
+
+## 功能
+```
+- 登录/注销
+- 权限验证
+- 多环境发布
+- 动态侧边栏（支持多级路由）
+- 动态面包屑
+- 国际化多语言
+- 多种动态换肤
+- 快捷导航(标签页)
+- 富文本编辑器
+- Markdown编辑器
+- JSON编辑器
+- Screenfull全屏
+- 列表拖拽
+- Svg Sprite 图标
+- Dashboard
+- 本地mock数据
+- Echarts 图表
+- Clipboard(剪贴复制)
+- 401/404错误页面
+- 错误日志
+- 导出excel
+- 导出zip
+- 前端可视化excel
+- 树形table
+- Table example
+- 动态table example
+- 拖拽table example
+- 内联编辑table example
+- Form example
+- 二步登录
+- SplitPane
+- 拖拽 Dialog
+- Dropzone
+- Sticky
+- CountTo
+- Markdown2html
+```
+
+## 开发
+```bash
+# 克隆项目
+git clone https://github.com/PanJiaChen/vue-element-admin.git
+
+# 安装依赖
+npm install
+   
+# 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+
+# 启动服务
+npm run dev
+```
+浏览器访问 http://localhost:9527
+
+## 发布
+```bash
+# 构建测试环境
+npm run build:sit
+
+# 构建生成环境
+npm run build:prod
+```
+
+## 其它
+```bash
+# --report to build with bundle size analytics
+npm run build:prod --report
+
+# --preview to start a server in local to preview
+npm run build:prod --preview
+
+# lint code
+npm run lint
+
+# auto fix
+npm run lint -- --fix
+```
+
+更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/#/zh-cn/deploy)
+
+## Changelog
+Detailed changes for each release are documented in the [release notes](https://github.com/PanJiaChen/vue-element-admin/releases).
+
+## Online Demo
+[在线 Demo](http://panjiachen.github.io/vue-element-admin)
+
+## Donate
+如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 :tropical_drink:
+![donate](https://panjiachen.github.io/donate/donation.png)
+
+[Paypal Me](https://www.paypal.me/panfree23)
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
+
+Copyright (c) 2017-present PanJiaChen
diff --git a/build/build.js b/build/build.js
new file mode 100644
index 0000000..fc79397
--- /dev/null
+++ b/build/build.js
@@ -0,0 +1,48 @@
+'use strict'
+require('./check-versions')()
+
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
+const server = require('pushstate-server')
+
+var spinner = ora('building for '+ process.env.env_config+ ' environment...' )
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, (err, stats) => {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false,
+      chunks: false,
+      chunkModules: false
+    }) + '\n\n')
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
+    console.log(chalk.cyan('  Build complete.\n'))
+    console.log(chalk.yellow(
+      '  Tip: built files are meant to be served over an HTTP server.\n' +
+      '  Opening index.html over file:// won\'t work.\n'
+    ))
+    if(process.env.npm_config_preview){
+      server.start({
+          port: 9526,
+          directory: './dist',
+          file: '/index.html'
+      });
+      console.log('> Listening at ' +  'http://localhost:9526' + '\n')
+    }
+  })
+})
diff --git a/build/check-versions.js b/build/check-versions.js
new file mode 100644
index 0000000..3ef972a
--- /dev/null
+++ b/build/check-versions.js
@@ -0,0 +1,54 @@
+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
+
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+const versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function () {
+  const warnings = []
+
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
+
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
+      console.log('  ' + warning)
+    }
+
+    console.log()
+    process.exit(1)
+  }
+}
diff --git a/build/copy.js b/build/copy.js
new file mode 100644
index 0000000..4f3e7a2
--- /dev/null
+++ b/build/copy.js
@@ -0,0 +1,38 @@
+var fs = require('fs');
+var path = require('path')
+function copy(src, dst) {
+  fs.writeFileSync(dst, fs.readFileSync(src));
+}
+function travel(dir, callback) {
+	if (fs.statSync(dir).isDirectory()) {
+    	callback(dir,true);
+    }
+  fs.readdirSync(dir).forEach(function (file) {
+    var pathname = path.join(dir, file);
+    if (fs.statSync(pathname).isDirectory()) {
+      travel(pathname, callback);
+    } else {
+      callback(pathname,false);
+    }
+  });
+}
+
+function copy(src,  dest){
+	travel(src,function(file,isDir){ 
+		var filename=dest+file.substring(src.length);
+		if (isDir===true && !fs.existsSync(filename)) { 
+				fs.mkdirSync(filename); 
+        }
+		if(isDir===false){
+        	fs.writeFileSync(filename, fs.readFileSync(file));
+        }
+	});
+};
+
+
+copy('../mdp-sys-web/src/api/mdp/','src/api/mdp/');
+copy('../mdp-sys-web/src/views/mdp/','src/views/mdp/'); 
+copy('../ac-core-web/src/api/ac/','src/api/ac/');
+copy('../ac-core-web/src/views/ac/','src/views/ac/'); 
+copy('../mk-mng-web/src/api/mk/','src/api/mk/');
+copy('../mk-mng-web/src/views/mk/','src/views/mk/'); 
\ No newline at end of file
diff --git a/build/dev-client.js b/build/dev-client.js
new file mode 100644
index 0000000..18aa1e2
--- /dev/null
+++ b/build/dev-client.js
@@ -0,0 +1,9 @@
+/* eslint-disable */
+require('eventsource-polyfill')
+var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
+
+hotClient.subscribe(function (event) {
+  if (event.action === 'reload') {
+    window.location.reload()
+  }
+})
diff --git a/build/dev-server.js b/build/dev-server.js
new file mode 100644
index 0000000..782dc6f
--- /dev/null
+++ b/build/dev-server.js
@@ -0,0 +1,89 @@
+require('./check-versions')()
+
+var config = require('../config')
+if (!process.env.NODE_ENV) {
+  process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
+}
+
+var opn = require('opn')
+var path = require('path')
+var express = require('express')
+var webpack = require('webpack')
+var proxyMiddleware = require('http-proxy-middleware')
+var webpackConfig = require('./webpack.dev.conf')
+
+// default port where dev server listens for incoming traffic
+var port = process.env.PORT || config.dev.port
+// automatically open browser, if not set will be false
+var autoOpenBrowser = !!config.dev.autoOpenBrowser
+// Define HTTP proxies to your custom API backend
+// https://github.com/chimurai/http-proxy-middleware
+var proxyTable = config.dev.proxyTable
+
+var app = express()
+var compiler = webpack(webpackConfig)
+
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+  publicPath: webpackConfig.output.publicPath,
+  quiet: true
+})
+
+var hotMiddleware = require('webpack-hot-middleware')(compiler, {
+  log: () => {}
+})
+// force page reload when html-webpack-plugin template changes
+compiler.plugin('compilation', function (compilation) {
+  compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
+    hotMiddleware.publish({ action: 'reload' })
+    cb()
+  })
+})
+
+// proxy api requests
+Object.keys(proxyTable).forEach(function (context) {
+  var options = proxyTable[context]
+  if (typeof options === 'string') {
+    options = { target: options }
+  }
+  app.use(proxyMiddleware(options.filter || context, options))
+})
+
+// handle fallback for HTML5 history API
+app.use(require('connect-history-api-fallback')())
+
+// serve webpack bundle output
+app.use(devMiddleware)
+
+// enable hot-reload and state-preserving
+// compilation error display
+app.use(hotMiddleware)
+
+// serve pure static assets
+var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
+app.use(staticPath, express.static('./static'))
+
+var uri = 'http://localhost:' + port
+
+var _resolve
+var readyPromise = new Promise(resolve => {
+  _resolve = resolve
+})
+
+console.log('> Starting dev server...')
+devMiddleware.waitUntilValid(() => {
+  console.log('> Listening at ' + uri + '\n')
+  // when env is testing, don't need open it
+  if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
+    opn(uri)
+  }
+  _resolve()
+})
+
+var server = app.listen(port)
+
+module.exports = {
+  ready: readyPromise,
+  close: () => {
+    server.close()
+  }
+}
diff --git a/build/logo.png b/build/logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/build/logo.png differ
diff --git a/build/utils.js b/build/utils.js
new file mode 100644
index 0000000..2bf91ed
--- /dev/null
+++ b/build/utils.js
@@ -0,0 +1,102 @@
+'use strict'
+const path = require('path')
+const config = require('../config')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const packageConfig = require('../package.json')
+
+exports.assetsPath = function (_path) {
+  const assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  const cssLoader = {
+    loader: 'css-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  const postcssLoader = {
+    loader: 'postcss-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders (loader, loaderOptions) {
+    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
+
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader',
+        publicPath:'../'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    postcss: generateLoaders(),
+    less: generateLoaders('less'),
+    sass: generateLoaders('sass', { indentedSyntax: true }),
+    scss: generateLoaders('sass'),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  const output = []
+  const loaders = exports.cssLoaders(options)
+
+  for (const extension in loaders) {
+    const loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+
+  return output
+}
+
+exports.createNotifierCallback = () => {
+  const notifier = require('node-notifier')
+
+  return (severity, errors) => {
+    if (severity !== 'error') return
+
+    const error = errors[0]
+    const filename = error.file && error.file.split('!').pop()
+
+    notifier.notify({
+      title: packageConfig.name,
+      message: severity + ': ' + error.name,
+      subtitle: filename || '',
+      icon: path.join(__dirname, 'logo.png')
+    })
+  }
+}
diff --git a/build/vue-loader.conf.js b/build/vue-loader.conf.js
new file mode 100644
index 0000000..33ed58b
--- /dev/null
+++ b/build/vue-loader.conf.js
@@ -0,0 +1,22 @@
+'use strict'
+const utils = require('./utils')
+const config = require('../config')
+const isProduction = process.env.NODE_ENV === 'production'
+const sourceMapEnabled = isProduction
+  ? config.build.productionSourceMap
+  : config.dev.cssSourceMap
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: sourceMapEnabled,
+    extract: isProduction
+  }),
+  cssSourceMap: sourceMapEnabled,
+  cacheBusting: config.dev.cacheBusting,
+  transformToRequire: {
+    video: ['src', 'poster'],
+    source: 'src',
+    img: 'src',
+    image: 'xlink:href'
+  }
+}
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
new file mode 100644
index 0000000..b59bba0
--- /dev/null
+++ b/build/webpack.base.conf.js
@@ -0,0 +1,102 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+const createLintingRule = () => ({
+  test: /\.(js|vue)$/,
+  loader: 'eslint-loader',
+  enforce: 'pre',
+  include: [resolve('src'), resolve('test')],
+  options: {
+    formatter: require('eslint-friendly-formatter'),
+    emitWarning: !config.dev.showEslintErrorsInOverlay
+  }
+})
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      ...(config.dev.useEslint ? [createLintingRule()] : []),
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader?cacheDirectory',
+        exclude: /node_modules(?!\/quill-image-drop-module|quill-image-resize-module)/,
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.svg$/,
+        loader: 'svg-sprite-loader',
+        include: [resolve('src/icons')],
+        options: {
+          symbolId: 'icon-[name]'
+        }
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        exclude: [resolve('src/icons')],
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}
diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js
new file mode 100644
index 0000000..aaee625
--- /dev/null
+++ b/build/webpack.dev.conf.js
@@ -0,0 +1,91 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+const HOST = process.env.HOST
+const PORT = process.env.PORT && Number(process.env.PORT)
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: config.dev.devtool,
+
+  // these devServer options should be customized in /config/index.js
+  devServer: {
+    clientLogLevel: 'warning',
+    historyApiFallback: true,
+    hot: true,
+    compress: true,
+    host: HOST || config.dev.host,
+    port: PORT || config.dev.port,
+    open: config.dev.autoOpenBrowser,
+    overlay: config.dev.errorOverlay
+      ? { warnings: false, errors: true }
+      : false,
+    publicPath: config.dev.assetsPublicPath,
+    proxy: config.dev.proxyTable,
+    quiet: true, // necessary for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: config.dev.poll,
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/dev.env')
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
+    new webpack.NoEmitOnErrorsPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+      inject: true,
+      favicon: resolve('favicon.ico'),
+      title: 'vue-element-admin',
+      path: config.dev.assetsPublicPath + config.dev.assetsSubDirectory
+    }),
+    new webpack.ProvidePlugin({
+        'window.Quill': 'quill'
+    })
+  ]
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = process.env.PORT || config.dev.port
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      // publish the new Port, necessary for e2e tests
+      process.env.PORT = port
+      // add port to devServer config
+      devWebpackConfig.devServer.port = port
+
+      // Add FriendlyErrorsPlugin
+      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+        compilationSuccessInfo: {
+          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+        },
+        onErrors: config.dev.notifyOnErrors
+        ? utils.createNotifierCallback()
+        : undefined
+      }))
+
+      resolve(devWebpackConfig)
+    }
+  })
+})
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
new file mode 100644
index 0000000..ee38a93
--- /dev/null
+++ b/build/webpack.prod.conf.js
@@ -0,0 +1,180 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+const env = require('../config/'+process.env.env_config+'.env')
+
+const webpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true,
+      usePostCSS: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? config.build.devtool : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new UglifyJsPlugin({
+      uglifyOptions: {
+        compress: {
+          warnings: false
+        }
+      },
+      sourceMap: config.build.productionSourceMap,
+      parallel: true
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css'),
+      // Setting the following option to `false` will not extract CSS from codesplit chunks.
+      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
+      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
+      allChunks: false,
+    }),
+    // Compress extracted CSS. We are using this plugin so that possible
+    // duplicated CSS from different components can be deduped.
+    new OptimizeCSSPlugin({
+      cssProcessorOptions: config.build.productionSourceMap
+        ? { safe: true, map: { inline: false } }
+        : { safe: true }
+    }),
+    // generate dist index.html with correct asset hash for caching.
+    // you can customize output by editing /index.html
+    // see https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: config.build.index,
+      template: 'index.html',
+      inject: true,
+      favicon: resolve('favicon.ico'),
+      title: 'vue-element-admin',
+      path: config.build.assetsPublicPath + config.build.assetsSubDirectory,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      },
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency'
+    }),
+    // keep module.id stable when vender modules does not change
+    new webpack.HashedModuleIdsPlugin(),
+    
+
+    new webpack.ProvidePlugin({
+        'window.Quill': 'quill'
+    }),
+    // enable scope hoisting
+    new webpack.optimize.ModuleConcatenationPlugin(),
+    // split vendor js into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks (module) {
+        // any required modules inside node_modules are extracted to vendor
+        return (
+          module.resource &&
+          /\.js$/.test(module.resource) &&
+          module.resource.indexOf(
+            path.join(__dirname, '../node_modules')
+          ) === 0
+        )
+      }
+    }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'manifest',
+      minChunks: Infinity
+    }),
+    // This instance extracts shared chunks from code splitted chunks and bundles them
+    // in a separate chunk, similar to the vendor chunk
+    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'app',
+      async: 'vendor-async',
+      children: true,
+      minChunks: 3
+    }),
+    // split echarts into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      async: 'echarts',
+      minChunks(module) {
+        var context = module.context;
+        return context && (context.indexOf('echarts') >= 0 || context.indexOf('zrender') >= 0);
+      }
+    }),
+    // split xlsx into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      async: 'xlsx',
+      minChunks(module) {
+        var context = module.context;
+        return context && (context.indexOf('xlsx') >= 0);
+      }
+    }),
+     // split codemirror into its own file
+     new webpack.optimize.CommonsChunkPlugin({
+      async: 'codemirror',
+      minChunks(module) {
+        var context = module.context;
+        return context && (context.indexOf('codemirror') >= 0);
+      }
+    }),
+
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+if (config.build.productionGzip) {
+  const CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+      asset: '[path].gz[query]',
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' +
+        config.build.productionGzipExtensions.join('|') +
+        ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+if (config.build.bundleAnalyzerReport) {
+  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig
diff --git a/config/dev.env.js b/config/dev.env.js
new file mode 100644
index 0000000..00b93d5
--- /dev/null
+++ b/config/dev.env.js
@@ -0,0 +1,5 @@
+module.exports = {
+  NODE_ENV: '"development"',
+  ENV_CONFIG: '"dev"',
+  BASE_API: '"api"'
+}
diff --git a/config/index.js b/config/index.js
new file mode 100644
index 0000000..2a5fe54
--- /dev/null
+++ b/config/index.js
@@ -0,0 +1,98 @@
+'use strict'
+// Template version: 1.2.6
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {
+        '/workflow': {
+            target: 'https://www.qingqinkj.com',
+            changeOrigin: true,
+            pathRewrite: {
+                '^/workflow': '/api/workflow'
+              }
+          },
+          '/api': {
+              target: 'https://www.qingqinkj.com',
+              changeOrigin: true,
+              pathRewrite: {
+                  '^/api': '/api'
+                }
+            }
+    },
+
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    port: 8089, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: true,
+    errorOverlay: true,
+    notifyOnErrors: false,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+    // Use Eslint Loader?
+    // If true, your code will be linted during bundling and
+    // linting errors and warnings will be shown in the console.
+    useEslint: false,
+    // If true, eslint errors and warnings will also be shown in the error overlay
+    // in the browser.
+    showEslintErrorsInOverlay: false,
+
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: '#cheap-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    cacheBusting: true,
+
+    // CSS Sourcemaps off by default because relative paths are "buggy"
+    // with this option, according to the CSS-Loader README
+    // (https://github.com/webpack/css-loader#sourcemaps)
+    // In our experience, they generally work as expected,
+    // just be aware of this issue when enabling this option.
+    cssSourceMap: false,
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: '',
+
+    // you can set by youself according to actual condition
+    assetsPublicPath: './',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: false,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}
diff --git a/config/prod.env.js b/config/prod.env.js
new file mode 100644
index 0000000..a39b9a4
--- /dev/null
+++ b/config/prod.env.js
@@ -0,0 +1,5 @@
+module.exports = {
+  NODE_ENV: '"production"',
+  ENV_CONFIG: '"prod"',
+  BASE_API: '"https://www.qingqinkj.com/api"'
+}
diff --git a/config/sit.env.js b/config/sit.env.js
new file mode 100644
index 0000000..93178e8
--- /dev/null
+++ b/config/sit.env.js
@@ -0,0 +1,5 @@
+module.exports = {
+  NODE_ENV: '"production"',
+  ENV_CONFIG: '"sit"',
+  BASE_API: '"https://api-sit"'
+}
diff --git a/copy/copy.js b/copy/copy.js
new file mode 100644
index 0000000..ae885c0
--- /dev/null
+++ b/copy/copy.js
@@ -0,0 +1,34 @@
+var fs = require('fs');
+var path = require('path')
+function copy(src, dst) {
+  fs.writeFileSync(dst, fs.readFileSync(src));
+}
+function travel(dir, callback) {
+	if (fs.statSync(dir).isDirectory()) {
+    	callback(dir,true);
+    }
+  fs.readdirSync(dir).forEach(function (file) {
+    var pathname = path.join(dir, file);
+    if (fs.statSync(pathname).isDirectory()) {
+      travel(pathname, callback);
+    } else {
+      callback(pathname,false);
+    }
+  });
+}
+
+function copy(src,  dest){
+	travel(src,function(file,isDir){ 
+		var filename=dest+file.substring(src.length);
+		if (isDir===true && !fs.existsSync(filename)) { 
+				fs.mkdirSync(filename); 
+        }
+		if(isDir===false){
+        	fs.writeFileSync(filename, fs.readFileSync(file));
+        }
+	});
+};
+
+
+//copy('../mdp-sys-web/src/api/mdp/','src/api/mdp/');
+//copy('../mdp-sys-web/src/views/mdp/','src/views/mdp/'); 
diff --git a/copy/copyDistToStatic.js b/copy/copyDistToStatic.js
new file mode 100644
index 0000000..fcb6144
--- /dev/null
+++ b/copy/copyDistToStatic.js
@@ -0,0 +1,50 @@
+var fs = require('fs');
+var path = require('path')
+function copy(src, dst) {
+  fs.writeFileSync(dst, fs.readFileSync(src));
+}
+function travel(dir, callback) {
+	if (fs.statSync(dir).isDirectory()) {
+    	callback(dir,true);
+    }
+  fs.readdirSync(dir).forEach(function (file) {
+    var pathname = path.join(dir, file);
+    if (fs.statSync(pathname).isDirectory()) {
+      travel(pathname, callback);
+    } else {
+      callback(pathname,false);
+    }
+  });
+}
+
+function copy(src,  dest){
+	travel(src,function(file,isDir){ 
+		var filename=dest+file.substring(src.length);
+		if (isDir===true && !fs.existsSync(filename)) { 
+				fs.mkdirSync(filename); 
+        }
+		if(isDir===false){
+        	fs.writeFileSync(filename, fs.readFileSync(file));
+        }
+	});
+};
+
+function delDir(path) {
+    if( fs.existsSync(path) ) {
+        fs.readdirSync(path).forEach(function(file) {
+            var curPath = path + "/" + file;
+            if(fs.statSync(curPath).isDirectory()) { // recurse
+            	delDir(curPath);
+            } else { // delete file
+                fs.unlinkSync(curPath);
+            }
+        });
+        fs.rmdirSync(path);
+    }
+};
+
+function delCopy(src,dest){
+	delDir(dest);
+	copy(src,dest);
+}
+delCopy('dist','../mdp-workflow-starter/src/main/resources/static');
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..6bc1767
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..ce00196
--- /dev/null
+++ b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="renderer" content="webkit">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <title>MDP-多功能快速开发平台</title>
+  <link rel="shortcut icon" href="assets/logo32x32.ico" type="image/x-icon"/>  
+</head>
+
+<body>
+  <div id="app">
+
+  </div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..378e3ab
--- /dev/null
+++ b/package.json
@@ -0,0 +1,117 @@
+{
+  "name": "form-ui-web",
+  "version": "1.0.0",
+  "description": "form-ui-web",
+  "author": "chenyc <cyc58469@163.com>",
+  "license": "MIT",
+  "private": true,
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
+    "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
+    "build:m1prod": "cross-env NODE_ENV=production env_config=m1prod node build/build.js",
+    "lint": "eslint --ext .js,.vue src",
+    "test": "npm run lint",
+    "copy": "node copy/copy.js",
+    "copyDistToStatic": "node copy/copyDistToStatic.js"
+  },
+  "dependencies": {
+    "axios": "0.17.1",
+    "clipboard": "1.7.1",
+    "codemirror": "5.32.0",
+    "dropzone": "5.2.0",
+    "echarts": "3.8.5",
+    "element-ui": "^2.13.0",
+    "file-saver": "2.0.1",
+    "font-awesome": "4.7.0",
+    "highlight.js": "^9.12.0",
+    "html2canvas": "^1.0.0-alpha.9",
+    "js-cookie": "2.2.0",
+    "js-md5": "^0.7.3",
+    "jsonlint": "1.6.2",
+    "jszip": "3.2.1",
+    "mockjs": "1.0.1-beta3",
+    "moment": "^2.24.0",
+    "node-sass": "^4.13.1",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "object-assign": "^4.1.1",
+    "quill-image-drop-module": "^1.0.3",
+    "quill-image-resize-module": "^3.0.0",
+    "screenfull": "3.3.2",
+    "showdown": "1.8.5",
+    "simplemde": "1.11.2",
+    "sortablejs": "1.7.0",
+    "vue": "2.6.10",
+    "vue-clipboard2": "^0.3.1",
+    "vue-count-to": "1.0.13",
+    "vue-cropper": "^0.2.9",
+    "vue-i18n": "7.3.2",
+    "vue-image-crop-upload": "^1.3.14",
+    "vue-multiselect": "2.0.8",
+    "vue-quill-editor": "^3.0.6",
+    "vue-router": "3.0.1",
+    "vue-splitpane": "1.0.2",
+    "vuedraggable": "2.15.0",
+    "vuex": "3.0.1",
+    "xlsx": "^0.14.1"
+  },
+  "devDependencies": {
+    "autoprefixer": "7.2.3",
+    "babel-core": "6.26.0",
+    "babel-eslint": "8.0.3",
+    "babel-helper-vue-jsx-merge-props": "2.0.3",
+    "babel-loader": "7.1.2",
+    "babel-plugin-syntax-jsx": "6.18.0",
+    "babel-plugin-transform-runtime": "6.23.0",
+    "babel-plugin-transform-vue-jsx": "3.5.0",
+    "babel-preset-env": "1.6.1",
+    "babel-preset-stage-2": "6.24.1",
+    "chalk": "2.3.0",
+    "copy-webpack-plugin": "4.3.0",
+    "cross-env": "5.1.1",
+    "css-loader": "0.28.7",
+    "eslint": "4.13.1",
+    "eslint-friendly-formatter": "3.0.0",
+    "eslint-loader": "1.9.0",
+    "eslint-plugin-html": "4.0.1",
+    "extract-text-webpack-plugin": "3.0.2",
+    "file-loader": "1.1.5",
+    "friendly-errors-webpack-plugin": "1.6.1",
+    "html-webpack-plugin": "2.30.1",
+    "node-notifier": "5.1.2",
+    "node-sass": "^4.5.0",
+    "optimize-css-assets-webpack-plugin": "3.2.0",
+    "ora": "1.3.0",
+    "portfinder": "1.0.13",
+    "postcss-import": "11.0.0",
+    "postcss-loader": "2.0.9",
+    "postcss-url": "7.3.0",
+    "pushstate-server": "3.0.1",
+    "quill-image-extend-module": "^1.1.2",
+    "rimraf": "2.6.2",
+    "sass-loader": "6.0.6",
+    "script-loader": "0.7.2",
+    "semver": "5.4.1",
+    "shelljs": "0.7.8",
+    "svg-sprite-loader": "3.5.2",
+    "uglifyjs-webpack-plugin": "1.1.3",
+    "url-loader": "0.6.2",
+    "vue-loader": "13.5.0",
+    "vue-style-loader": "3.0.3",
+    "vue-template-compiler": "2.6.10",
+    "webpack": "3.10.0",
+    "webpack-bundle-analyzer": "2.9.1",
+    "webpack-dev-server": "2.9.7",
+    "webpack-merge": "4.1.1"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..690cfc9
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,11 @@
+<template>
+  <div id="app">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+  export default{
+    name: 'App'
+  }
+</script>
diff --git a/src/api/article.js b/src/api/article.js
new file mode 100644
index 0000000..9eacd90
--- /dev/null
+++ b/src/api/article.js
@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+export function fetchList(query) {
+  return request({
+    url: '/article/list',
+    method: 'get',
+    params: query
+  })
+}
+
+export function fetchArticle() {
+  return request({
+    url: '/article/detail',
+    method: 'get'
+  })
+}
+
+export function fetchPv(pv) {
+  return request({
+    url: '/article/pv',
+    method: 'get',
+    params: { pv }
+  })
+}
+
+export function createArticle(data) {
+  return request({
+    url: '/article/create',
+    method: 'post',
+    data
+  })
+}
+
+export function updateArticle(data) {
+  return request({
+    url: '/article/update',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/api/branch.js b/src/api/branch.js
new file mode 100644
index 0000000..73c3744
--- /dev/null
+++ b/src/api/branch.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 管理端机构表（机构下面若干部门）
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'机构编号 主键',branchName:'机构名称',enabled:'是否可用',industryCategory:'行业分类',cuserid:'创建人编号',cdate:'创建日期',cusername:'创建人姓名',phoneNo:'联系电话',emaill:'邮件'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listBranch = params => { return axios.get(`${base}/mdp/sys/branch/list`, { params: params }); };
+
+//模糊查询管理端机构表（机构下面若干部门） 条件之间or关系  
+//export const listBranchKey = params => { return axios.get(`${base}/mdp/sys/branch/listKey`, { params: params }); };
+
+//删除一条管理端机构表（机构下面若干部门） params={id:'机构编号 主键'}
+export const delBranch = params => { return axios.post(`${base}/mdp/sys/branch/del`,params); };
+
+//批量删除管理端机构表（机构下面若干部门）  params=[{id:'机构编号 主键'}]
+export const batchDelBranch = params => { return axios.post(`${base}/mdp/sys/branch/batchDel`, params); };
+
+//修改一条管理端机构表（机构下面若干部门）记录
+export const editBranch = params => { return axios.post(`${base}/mdp/sys/branch/edit`, params); };
+
+//新增一条管理端机构表（机构下面若干部门）
+export const addBranch = params => { return axios.post(`${base}/mdp/sys/branch/add`, params); };
\ No newline at end of file
diff --git a/src/api/common/code.js b/src/api/common/code.js
new file mode 100644
index 0000000..fc8ef61
--- /dev/null
+++ b/src/api/common/code.js
@@ -0,0 +1,283 @@
+import axios from 'axios';
+
+import config from '../../common/config.js';
+
+let base = "/"+config.getContextName();
+
+/***
+ * {
+ * 	  
+ * }
+ */
+var cacheOptions={};
+
+var cacheSeconds={};
+
+var cacheOptionsBySecondCodeRows={};
+
+var cacheCompanyDepts=null;
+
+var cacheCompanyEmployees=null;
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listCode = params => { return axios.get(`${base}/sys/code/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+export const listCodeKey = params => {
+
+	return axios.get(`${base}/sys/code/listKey`, { params: params }); 
+
+};
+
+
+/**
+ * 查询下拉选项目 参数为数组型参数 如 selectOptions( { fieldNames:['sex','age','student'],code:'all' } ),code为数据分类
+ * 返回结果为：
+ * res.data.data:{
+ * 	sex:[{codeName:男,codeValue:1,ifdefault:'1'},{codeName:女,codeValue:2,ifdefault:'0'}],
+ *  age:[{codeName:1岁,codeValue:1,ifdefault:'1'},{codeName:2岁,codeValue:2,ifdefault:'0'},{codeName:3岁,codeValue:3,ifdefault:'0'}]
+ * }
+ */
+export const selectCacheOptions = params => { 
+	
+	let code=params.code;
+	let fieldNames=params.fieldNames;
+	if(!cacheOptions[code]){
+		return new Promise((resolve, reject) => {
+			axios.get(`${base}/sys/code/selectOptions`, { params:params }).then(res=>{
+				let options=res.data.data; 
+				cacheOptions[code]=options;
+				resolve({
+			           data: {data:options}
+			         });
+			});
+	         
+	     });
+		
+	}else{
+		let codeOptions=cacheOptions[code];
+		var lostFieldNames=[];
+		var cacheHasOptions={};
+		fieldNames.forEach(item=>{
+			if(codeOptions[item]){
+				cacheHasOptions[item]=codeOptions[item];
+			}else{
+				lostFieldNames.push(item);
+			}
+		});
+		if(lostFieldNames.length>0){
+			 return new Promise((resolve, reject) => {
+				 axios.get(`${base}/sys/code/selectOptions`, { params:{code:code,fieldNames:lostFieldNames} }).then(res=>{
+						let options2=res.data.data; 
+						lostFieldNames.forEach(item=>{
+							codeOptions[item]=options2[item];
+							cacheHasOptions[item]=options2[item];
+							cacheOptions[code]=codeOptions;
+							
+						});
+						resolve( {
+								data: {data:cacheHasOptions} 
+					         });
+					});
+				 
+		     });
+			
+		}else{
+			 return new Promise((resolve, reject) => {
+		         resolve( {
+		        	 data: {data:cacheHasOptions}  
+		         });
+		     });
+		}
+		
+	}
+	
+	
+};
+/**
+ * 查询下拉选项目 参数为数组型参数 如 selectOptionsBySecondCodeRows( {secondCodeRows:['secondCodeRow1','secondCodeRow2']} )
+ * 返回结果为：
+ * res.data.data:{
+ * 	secondCodeRow1:[{codeName:男,codeValue:1,ifdefault:'1'},{codeName:女,codeValue:2,ifdefault:'0'}],
+ *  secondCodeRow1:[{codeName:1岁,codeValue:1,ifdefault:'1'},{codeName:2岁,codeValue:2,ifdefault:'0'},{codeName:3岁,codeValue:3,ifdefault:'0'}]
+ * }
+ */
+export const selectOptionsBySecondCodeRows = params => {  
+		let secondCodeRows=params.secondCodeRows;
+		var lostSecondCodeRows=[];
+		var cacheHasOptions={};
+		secondCodeRows.forEach(item=>{
+			if(cacheOptionsBySecondCodeRows[item]){
+				cacheHasOptions[item]=cacheOptionsBySecondCodeRows[item];
+			}else{
+				lostSecondCodeRows.push(item);
+			}
+		});
+		if(lostSecondCodeRows.length>0){
+			 return new Promise((resolve, reject) => {
+				 axios.get(`${base}/sys/code/selectOptionsBySecondCodeRows`, { params:{secondCodeRows:lostSecondCodeRows }}).then(res=>{
+						let options2=res.data.data; 
+						lostSecondCodeRows.forEach(item=>{
+							cacheOptionsBySecondCodeRows[item]=options2[item];
+							cacheHasOptions[item]=options2[item];
+						});
+						resolve( {
+								data: {data:cacheHasOptions} 
+					         });
+					});
+				 
+		     });
+			
+		}else{
+			 return new Promise((resolve, reject) => {
+		         resolve( {
+		        	 data: {data:cacheHasOptions}  
+		         });
+		     });
+		}
+};
+/**
+ * 查询下拉选项目 参数为数组型参数 如 selectOptions( { fieldNames:['sex','age','student'],code:'all' } ),code为数据分类
+ * 返回结果为：
+ * res.data.data:{
+ * 	sex:[{codeName:男,codeValue:1,ifdefault:'1'},{codeName:女,codeValue:2,ifdefault:'0'}],
+ *  age:[{codeName:1岁,codeValue:1,ifdefault:'1'},{codeName:2岁,codeValue:2,ifdefault:'0'},{codeName:3岁,codeValue:3,ifdefault:'0'}]
+ * }
+ */
+export const selectOptions = params => { 
+		return axios.get(`${base}/sys/code/selectOptions`, { params:params }) 
+};
+//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+export const getCodeName = (options,codeValue)=>{
+	if(!options)return codeValue;
+	let code=options.filter(i=>i.codeValue==codeValue);
+	if(code.length>0){
+		return code[0].codeName
+	}else{
+		return codeValue
+	} 
+};
+
+/**
+ * 获取某个字段的默认值
+ * getDefaultValue(options.sex,'1');
+ */
+export const getDefaultValue = (fieldOptions,defaultValue) =>{
+	if(fieldOptions==null || fieldOptions.length==0){
+		return defaultValue;
+	}
+	let defaultV=defaultValue;
+	fieldOptions.forEach(i=>{
+		if(i.ifdefault=='1'){
+			defaultV=i.codeValue;
+		}
+	});
+	return defaultV;
+};
+
+/**
+* 根据一级分类列表查询所有的二级分类
+* @param codes 分类编码  列表  如['JCBM_TPL','SystemParas']
+* @return 返回如下格式的map。secondCodeRow为主键,dtcodeId为编码，dtcodeName中文描述
+* {
+* 	JCBM_TPL:[{secondCodeRow:'xxxx',dtcodeId:1,dtcodeName:男},{secondCodeRow:'xxxx',dtcodeid:1,dtcodeName:男}],
+*  SystemParas:[{secondCodeRow:'xxxx',dtcodeId:3,dtcodeName:其它},{secondCodeRow:'xxxx',dtcodeid:2,dtcodeName:其它2}]
+* }
+*/
+export const selectSeconds = params => { return axios.get(`${base}/sys/code/selectSeconds`, { params:params }); };
+
+/**
+* 根据一级分类列表查询所有的二级分类
+* @param codes 分类编码  列表  如['JCBM_TPL','SystemParas']
+* @return 返回如下格式的map。secondCodeRow为主键,dtcodeId为编码，dtcodeName中文描述
+* {
+* 	JCBM_TPL:[{secondCodeRow:'xxxx',dtcodeId:1,dtcodeName:男},{secondCodeRow:'xxxx',dtcodeid:1,dtcodeName:男}],
+*  SystemParas:[{secondCodeRow:'xxxx',dtcodeId:3,dtcodeName:其它},{secondCodeRow:'xxxx',dtcodeid:2,dtcodeName:其它2}]
+* }
+*/
+export const selectCacheSeconds = params => { 
+	let codes=params.codes;
+	let lostCodes=[];
+	codes.forEach(item=>{
+		if(!cacheSeconds[item]){
+			lostCodes.push(item);
+		}
+	});
+	if(lostCodes.length>0){
+		return new Promise((resolve, reject) => {
+			selectSeconds({codes:lostCodes}).then(res=>{
+				let seconds=res.data.data;
+				lostCodes.forEach(item=>{
+					cacheSeconds[item]=seconds[item];
+				});
+				let result={};
+				codes.forEach(item=>{
+					result[item]=cacheSeconds[item];
+				});
+				 resolve( {
+		        	 data: {data:result}  
+		         });
+			});
+		});
+	}else{
+		let result={};
+		codes.forEach(item=>{
+			result[item]=cacheSeconds[item];
+		});
+		 return new Promise((resolve, reject) => {
+	         resolve( {
+	        	 data: {data:result}  
+	         });
+	     });
+	}
+	
+
+};
+// [{dpetid:'',displayDeptid:'',deptName:'',shortName:'',pdeptid:''},{dpetid:'',displayDeptid:'',deptName:'',shortName:'',pdeptid:''}]
+export const getCompanyDepts = () => {  
+	if(cacheCompanyDepts!=null && cacheCompanyDepts.length>=0){ 
+		 return new Promise((resolve, reject) => {
+	         resolve( {
+	        	 data: {data:cacheCompanyDepts}
+	         });
+	     });
+	}
+	
+	return axios.get(`${base}/sys/code/companyDepts`).then(res=>{
+		if(res.data.data==null){
+			cacheCompanyDepts=[];
+		}else{
+			cacheCompanyDepts=res.data.data;
+		}
+		return new Promise((resolve, reject) => {
+	         resolve( {
+	        	 data: {data:cacheCompanyDepts}
+	         });
+	     });
+	});
+};
+//[{userid:'',displayUserid:'',username:'',deptid:'',shortName:'',deptName:''},{userid:'',displayUserid:'',username:'',deptid:'',shortName:'',deptName:''}]
+export const getCompanyEmployees = () => {  
+	if(cacheCompanyEmployees!=null && cacheCompanyEmployees.length>=0){ 
+		 return new Promise((resolve, reject) => {
+	         resolve( {
+	        	 data: {data:cacheCompanyEmployees}
+	         });
+	     });
+	}
+	
+	return axios.get(`${base}/sys/code/companyEmployees`).then(res=>{
+		if(res.data.data==null){
+			cacheCompanyEmployees=[];
+		}else{
+			cacheCompanyEmployees=res.data.data;
+		}
+		return new Promise((resolve, reject) => {
+	         resolve( {
+	        	 data: {data:cacheCompanyEmployees}
+	         });
+	     });
+	});
+};
\ No newline at end of file
diff --git a/src/api/itemOption.js b/src/api/itemOption.js
new file mode 100644
index 0000000..e99a7ce
--- /dev/null
+++ b/src/api/itemOption.js
@@ -0,0 +1,33 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+/**
+ * 数据项取值列表
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',itemId:'数据项编号',optionValue:'选项值',optionName:'选项名称',keys:'快捷键',isShow:'是否显示',seqOrder:'顺序',fp:'第一扩展字段',tp:'第三扩展字段',sp:'第二扩展字段',isDefault:'是否默认',cdate:'创建日期',branchId:'机构编号',deptid:'部门编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listItemOption = params => { return axios.get(`${base}/mdp/meta/itemOption/list`, { params: params }); };
+
+//普通查询 条件之间and关系 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+export const listOption = params => { return axios.post(`${base}/mdp/meta/itemOption/list/byItemCode`,   params ); };
+
+//params={id:''} 返回 {optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'} 
+export const getSysParam = params => { return axios.post(`${base}/mdp/meta/itemOption/sysParam`,   params ); };
+//模糊查询数据项取值列表 条件之间or关系  
+//export const listItemOptionKey = params => { return axios.get(`${base}/mdp/meta/itemOption/listKey`, { params: params }); };
+
+//删除一条数据项取值列表 params={id:'主键 主键'}
+export const delItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/del`,params); };
+
+//批量删除数据项取值列表  params=[{id:'主键 主键'}]
+export const batchDelItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/batchDel`, params); };
+
+//修改一条数据项取值列表记录
+export const editItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/edit`, params); };
+
+//新增一条数据项取值列表
+export const addItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/add`, params); };
\ No newline at end of file
diff --git a/src/api/login.js b/src/api/login.js
new file mode 100644
index 0000000..fac72c1
--- /dev/null
+++ b/src/api/login.js
@@ -0,0 +1,36 @@
+import request from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getFormBasePath();
+
+export function loginByUsername(username, password) {
+  const data = {
+    displayUserid: username,
+    password: password
+  }
+  return request({
+    url: base+'/common/login',
+    method: 'post',
+    data
+  })
+}
+
+export function logout() {
+  return request({
+    url: base+'/logout',
+    method: 'post'
+  })
+}
+
+export function getUserInfo(params) {
+  return request({
+    url: base+'/common/login/user/info/all',
+    method: 'get',
+    params:  params
+  })
+}
+
+export function switchDept(params) { 
+	  return request.post(  base+'/common/login/user/switch', params )
+	}
diff --git a/src/api/login/user.js b/src/api/login/user.js
new file mode 100644
index 0000000..7cce958
--- /dev/null
+++ b/src/api/login/user.js
@@ -0,0 +1,11 @@
+import axios from 'axios';
+
+import config from '../../common/config.js';
+
+let base = "/"+config.getContextName();
+
+//没用到的api请注释掉
+
+export const userLogin = params => { return axios.post(`${base}/common/login`, params) };
+
+export const userReg = params => { return axios.post(`${base}/common/user/reg/web`, params) };
diff --git a/src/api/mdp/arc/archiveAttachment.js b/src/api/mdp/arc/archiveAttachment.js
new file mode 100644
index 0000000..89b17db
--- /dev/null
+++ b/src/api/mdp/arc/archiveAttachment.js
@@ -0,0 +1,26 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getArcBasePath();
+
+//普通查询
+export const listArchiveAttachment = params => { return axios.get(`${base}/mdp/arc/file/list`, { params: params }); };
+
+//将base64的图片数据保存为png图片附件
+export const uploadBase64ArchiveAttachment = params => { return axios.post(`${base}/mdp/arc/file/upload/base64`, params); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listArchiveAttachmentKey = params => { return axios.get(`${base}/mdp/arc/file/listKey`, { params: params }); };
+
+//删除一个
+export const delArchiveAttachment = params => { return axios.post(`${base}/mdp/arc/file/del`,params); };
+
+//批量删除
+export const batchDelArchiveAttachment = params => { return axios.post(`${base}/mdp/arc/file/batchDel`, params); };
+
+//修改一个
+export const editArchiveAttachment = params => { return axios.post(`${base}/mdp/arc/file/edit`, params); };
+
+//新增一个
+export const addArchiveAttachment = params => { return axios.post(`${base}/mdp/arc/file/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/arc/category.js b/src/api/mdp/arc/category.js
new file mode 100644
index 0000000..ebf0f84
--- /dev/null
+++ b/src/api/mdp/arc/category.js
@@ -0,0 +1,28 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getArcBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listCategory = params => { return axios.get(`${base}/mdp/arc/category/list`, { params: params }); };
+
+//普通查询
+export const listTreeCategory = params => { return axios.get(`${base}/mdp/arc/category/list/tree`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listCategoryKey = params => { return axios.get(`${base}/mdp/arc/category/listKey`, { params: params }); };
+
+//删除一个
+export const delCategory = params => { return axios.post(`${base}/mdp/arc/category/del`,params); };
+
+//批量删除
+export const batchDelCategory = params => { return axios.post(`${base}/mdp/arc/category/batchDel`, params); };
+
+//修改一个
+export const editCategory = params => { return axios.post(`${base}/mdp/arc/category/edit`, params); };
+
+//新增一个
+export const addCategory = params => { return axios.post(`${base}/mdp/arc/category/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/arc/image.js b/src/api/mdp/arc/image.js
new file mode 100644
index 0000000..480a082
--- /dev/null
+++ b/src/api/mdp/arc/image.js
@@ -0,0 +1,34 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getArcBasePath();
+
+/**
+ * 图片素材库
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',name:'附件名称',url:'访问路径',relativePath:'硬盘存放路径',fileSuffix:'后缀名',rootPath:'根目录',createDate:'存入时间',fileSize:'文件大小',deptid:'归属部门',tag:'标签',remark:'备注信息',categoryId:'图片分类',storageName:'硬盘存储名字(不带后缀)',urlPrefix:'链接前缀',isOutUrl:'是否外部链接',outUrl:'外部链接',branchId:'机构编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listImage = params => { return axios.get(`${base}/mdp/arc/image/list`, { params: params }); };
+
+//模糊查询图片素材库 条件之间or关系  
+//export const listImageKey = params => { return axios.get(`${base}/mdp/arc/image/listKey`, { params: params }); };
+
+//删除一条图片素材库 params={id:'主键 主键'}
+export const delImage = params => { return axios.post(`${base}/mdp/arc/image/del`,params); };
+
+//批量删除图片素材库  params=[{id:'主键 主键'}]
+export const batchDelImage = params => { return axios.post(`${base}/mdp/arc/image/batchDel`, params); };
+
+//修改一条图片素材库记录
+export const editImage = params => { return axios.post(`${base}/mdp/arc/image/edit`, params); };
+
+//新增一条图片素材库
+export const addImage = params => { return axios.post(`${base}/mdp/arc/image/add`, params); };
+
+//获取图片分类名
+export const listTags = params => { return axios.get(`${base}/mdp/arc/image/listTags`, params); };
+
+export const uploadBase64 = params => { return axios.post(`${base}/mdp/arc/image/upload/base64`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/arc/imageCategory.js b/src/api/mdp/arc/imageCategory.js
new file mode 100644
index 0000000..cf6c26e
--- /dev/null
+++ b/src/api/mdp/arc/imageCategory.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getArcBasePath();
+
+/**
+ * 图片分类
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',categoryName:'分类名称',branchId:'机构编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listImageCategory = params => { return axios.get(`${base}/mdp/arc/imageCategory/list`, { params: params }); };
+
+//模糊查询图片分类 条件之间or关系  
+//export const listImageCategoryKey = params => { return axios.get(`${base}/mdp/arc/imageCategory/listKey`, { params: params }); };
+
+//删除一条图片分类 params={id:'主键 主键'}
+export const delImageCategory = params => { return axios.post(`${base}/mdp/arc/imageCategory/del`,params); };
+
+//批量删除图片分类  params=[{id:'主键 主键'}]
+export const batchDelImageCategory = params => { return axios.post(`${base}/mdp/arc/imageCategory/batchDel`, params); };
+
+//修改一条图片分类记录
+export const editImageCategory = params => { return axios.post(`${base}/mdp/arc/imageCategory/edit`, params); };
+
+//新增一条图片分类
+export const addImageCategory = params => { return axios.post(`${base}/mdp/arc/imageCategory/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/arc/tag.js b/src/api/mdp/arc/tag.js
new file mode 100644
index 0000000..ad27833
--- /dev/null
+++ b/src/api/mdp/arc/tag.js
@@ -0,0 +1,36 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getArcBasePath();
+
+
+/**
+ * arc_tag
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'标签编号 主键',tagName:'标签名',branchId:'机构号',shopId:'商户编号',categoryId:'标签分组'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listTag = params => { return axios.get(`${base}/mdp/arc/tag/list`, { params: params }); };
+
+//模糊查询arc_tag 条件之间or关系  
+//export const listTagKey = params => { return axios.get(`${base}/mdp/arc/tag/listKey`, { params: params }); };
+
+//删除一条arc_tag params={id:'标签编号 主键'}
+export const delTag = params => { return axios.post(`${base}/mdp/arc/tag/del`,params); };
+
+//批量删除arc_tag  params=[{id:'标签编号 主键'}]
+export const batchDelTag = params => { return axios.post(`${base}/mdp/arc/tag/batchDel`, params); };
+
+//修改一条arc_tag记录
+export const editTag = params => { return axios.post(`${base}/mdp/arc/tag/edit`, params); };
+
+//新增一条arc_tag
+export const addTag = params => { return axios.post(`${base}/mdp/arc/tag/add`, params); };
+
+
+export const getAllTag = params => { return axios.get(`${base}/mdp/arc/tag/getAllTag`, { params: params }); };
+
+//新增一条arc_tag
+export const deleteTagCategory= params => { return axios.post(`${base}/mdp/arc/tag/deleteTagCategory`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/arc/tagCategory.js b/src/api/mdp/arc/tagCategory.js
new file mode 100644
index 0000000..d7b7127
--- /dev/null
+++ b/src/api/mdp/arc/tagCategory.js
@@ -0,0 +1,30 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getArcBasePath();
+
+
+/**
+ * arc_tag_category
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'分组编号 主键',branchId:'机构号',shopId:'商户编号',categoryName:'分组名称'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listTagCategory = params => { return axios.get(`${base}/mdp/arc/tagCategory/list`, { params: params }); };
+
+//模糊查询arc_tag_category 条件之间or关系  
+//export const listTagCategoryKey = params => { return axios.get(`${base}/mdp/arc/tagCategory/listKey`, { params: params }); };
+
+//删除一条arc_tag_category params={id:'分组编号 主键'}
+export const delTagCategory = params => { return axios.post(`${base}/mdp/arc/tagCategory/del`,params); };
+
+//批量删除arc_tag_category  params=[{id:'分组编号 主键'}]
+export const batchDelTagCategory = params => { return axios.post(`${base}/mdp/arc/tagCategory/batchDel`, params); };
+
+//修改一条arc_tag_category记录
+export const editTagCategory = params => { return axios.post(`${base}/mdp/arc/tagCategory/edit`, params); };
+
+//新增一条arc_tag_category
+export const addTagCategory = params => { return axios.post(`${base}/mdp/arc/tagCategory/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/attendance/attendace.js b/src/api/mdp/attendance/attendace.js
new file mode 100644
index 0000000..47bcf3a
--- /dev/null
+++ b/src/api/mdp/attendance/attendace.js
@@ -0,0 +1,11 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+const base = config.getOaBasePath()
+
+export const listAttendanceMonth = params => {
+  return axios.get(`${base}/kq/attendance/monthRecord`,
+    { params: params })
+}
+
diff --git a/src/api/mdp/form/formData.js b/src/api/mdp/form/formData.js
new file mode 100644
index 0000000..18e8891
--- /dev/null
+++ b/src/api/mdp/form/formData.js
@@ -0,0 +1,30 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getFormBasePath();
+
+
+/**
+ * 表单数据表
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',two:'属性二',three:'属性三',four:'属性四',five:'属性五',six:'属性六',seven:'属性七',eight:'属性八',nine:'属性九',ten:'属性十',lastTime:'最后更新日期',one:'属性一',zero:'属性零',remark:'备注',formId:'表单编号',userid:'最后更新人',eleven:'字段十一',twelve:'字段十二',thirteen:'字段十三',fourteen:'字段十四',fifteen:'字段十五',attachmentUrls:'附件url多个',attachmentNames:'附件名称多个',branchId:'机构编号',bizKey:'唯一确定该业务的主键',deptid:'创建部门'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listFormData = params => { return axios.get(`${base}/mdp/form/formData/list`, { params: params }); };
+
+//模糊查询表单数据表 条件之间or关系  
+//export const listFormDataKey = params => { return axios.get(`${base}/mdp/form/formData/listKey`, { params: params }); };
+
+//删除一条表单数据表 params={id:'主键 主键'}
+export const delFormData = params => { return axios.post(`${base}/mdp/form/formData/del`,params); };
+
+//批量删除表单数据表  params=[{id:'主键 主键'}]
+export const batchDelFormData = params => { return axios.post(`${base}/mdp/form/formData/batchDel`, params); };
+
+//修改一条表单数据表记录
+export const editFormData = params => { return axios.post(`${base}/mdp/form/formData/edit`, params); };
+
+//新增一条表单数据表
+export const addFormData = params => { return axios.post(`${base}/mdp/form/formData/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/form/formDataTag.js b/src/api/mdp/form/formDataTag.js
new file mode 100644
index 0000000..b7ed22f
--- /dev/null
+++ b/src/api/mdp/form/formDataTag.js
@@ -0,0 +1,33 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getFormBasePath();
+
+
+/**
+ * form_data_tag
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={dataId:'表单数据编号 主键',tagId:'标签编号',tagName:'标签名字',id:'主键',createTime:'添加事件'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listFormDataTag = params => { return axios.get(`${base}/mdp/form/formDataTag/list`, { params: params }); };
+
+//模糊查询form_data_tag 条件之间or关系  
+//export const listFormDataTagKey = params => { return axios.get(`${base}/mdp/form/formDataTag/listKey`, { params: params }); };
+
+//删除一条form_data_tag params={dataId:'表单数据编号 主键'}
+export const delFormDataTag = params => { return axios.post(`${base}/mdp/form/formDataTag/del`,params); };
+
+//批量删除form_data_tag  params=[{dataId:'表单数据编号 主键'}]
+export const batchDelFormDataTag = params => { return axios.post(`${base}/mdp/form/formDataTag/batchDel`, params); };
+
+//修改一条form_data_tag记录
+export const editFormDataTag = params => { return axios.post(`${base}/mdp/form/formDataTag/edit`, params); };
+
+//新增一条form_data_tag
+export const addFormDataTag = params => { return axios.post(`${base}/mdp/form/formDataTag/add`, params); };
+
+// params=[{dataId:'',tags:[{tagId:'',tagName:''}]}]
+export const batchInsertOrDeleteTags = params => { return axios.post(`${base}/mdp/form/formDataTag/batchInsertOrDeleteTags`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/form/formDef.js b/src/api/mdp/form/formDef.js
new file mode 100644
index 0000000..ba1f655
--- /dev/null
+++ b/src/api/mdp/form/formDef.js
@@ -0,0 +1,36 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getFormBasePath();
+
+
+/**
+ * 表单定义
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',tableName:'表名',tableOwner:'表名拥有者',isCreateTable:'是否已经创建库表',formName:'表单名称',userid:'创建人',deptid:'创建部门',formType:'表单类型',isTemplate:'是否为模板',bizType:'业务分类',ctime:'创建日期',branchId:'机构编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listFormDef = params => { return axios.get(`${base}/mdp/form/formDef/list`, { params: params }); };
+
+//模糊查询表单定义 条件之间or关系  
+//export const listFormDefKey = params => { return axios.get(`${base}/mdp/form/formDef/listKey`, { params: params }); };
+
+//删除一条表单定义 params={id:'主键 主键'}
+export const delFormDef = params => { return axios.post(`${base}/mdp/form/formDef/del`,params); };
+
+//批量删除表单定义  params=[{id:'主键 主键'}]
+export const batchDelFormDef = params => { return axios.post(`${base}/mdp/form/formDef/batchDel`, params); };
+
+//修改一条表单定义记录
+export const editFormDef = params => { return axios.post(`${base}/mdp/form/formDef/edit`, params); };
+
+//新增一个
+export const addFormDef = params => { return axios.post(`${base}/mdp/form/formDef/add`, params); };
+
+//新增一个及其属性多个 {formDef:{formName:'',formId:''},formFields:[{fieldId:'',fieldTitle:''},{fieldId:'',fieldTitle:''}]}
+export const addFormDefAndFields = params => { return axios.post(`${base}/mdp/form/formDef/addFormDefAndFields`, params); };
+
+//新增一个及其属性多个 {formDef:{formName:'',formId:''},formFields:[{fieldId:'',fieldTitle:''},{fieldId:'',fieldTitle:''}]}
+export const editFormDefAndFields = params => { return axios.post(`${base}/mdp/form/formDef/editFormDefAndFields`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/form/formDefTag.js b/src/api/mdp/form/formDefTag.js
new file mode 100644
index 0000000..77c105c
--- /dev/null
+++ b/src/api/mdp/form/formDefTag.js
@@ -0,0 +1,34 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getFormBasePath();
+
+
+/**
+ * form_def_tag
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={formId:'表单编号 主键',tagId:'标签编号',tagName:'标签名字',id:'主键',createTime:'添加事件'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listFormDefTag = params => { return axios.get(`${base}/mdp/form/formDefTag/list`, { params: params }); };
+
+//模糊查询form_def_tag 条件之间or关系  
+//export const listFormDefTagKey = params => { return axios.get(`${base}/mdp/form/formDefTag/listKey`, { params: params }); };
+
+//删除一条form_def_tag params={formId:'表单编号 主键'}
+export const delFormDefTag = params => { return axios.post(`${base}/mdp/form/formDefTag/del`,params); };
+
+//批量删除form_def_tag  params=[{formId:'表单编号 主键'}]
+export const batchDelFormDefTag = params => { return axios.post(`${base}/mdp/form/formDefTag/batchDel`, params); };
+
+//修改一条form_def_tag记录
+export const editFormDefTag = params => { return axios.post(`${base}/mdp/form/formDefTag/edit`, params); };
+
+//新增一条form_def_tag
+export const addFormDefTag = params => { return axios.post(`${base}/mdp/form/formDefTag/add`, params); };
+
+
+// params=[{formId:'',tags:[{tagId:'',tagName:''}]}]
+export const batchInsertOrDeleteTags = params => { return axios.post(`${base}/mdp/form/formDefTag/batchInsertOrDeleteTags`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/form/formField.js b/src/api/mdp/form/formField.js
new file mode 100644
index 0000000..8796f73
--- /dev/null
+++ b/src/api/mdp/form/formField.js
@@ -0,0 +1,30 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getFormBasePath();
+
+
+/**
+ * 表单字段定义
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',formId:'表单编号',fieldId:'字段编号对应数据库',fieldTitle:'字段显示内容',secondCodeRow:'下拉时候关联的分组',fieldType:'字段类型',fieldLength:'字段长度',defaultValue:'默认值',isMultiple:'是否多选',placeholder:'输入框占位文本',isRequired:'是否必输',isFromBaseData:'是否关联基础数据',fieldIdCamel:'字段驼峰命名',remark:'字段备注',extFieldType:'扩展信息',isCloneToFlow:'是否提交到工作流',flowFieldId:'提交到工作流的变量编号',isBizKey:'是否是业务主键'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listFormField = params => { return axios.get(`${base}/mdp/form/formField/list`, { params: params }); };
+
+//模糊查询表单字段定义 条件之间or关系  
+//export const listFormFieldKey = params => { return axios.get(`${base}/mdp/form/formField/listKey`, { params: params }); };
+
+//删除一条表单字段定义 params={id:'主键 主键'}
+export const delFormField = params => { return axios.post(`${base}/mdp/form/formField/del`,params); };
+
+//批量删除表单字段定义  params=[{id:'主键 主键'}]
+export const batchDelFormField = params => { return axios.post(`${base}/mdp/form/formField/batchDel`, params); };
+
+//修改一条表单字段定义记录
+export const editFormField = params => { return axios.post(`${base}/mdp/form/formField/edit`, params); };
+
+//新增一条表单字段定义
+export const addFormField = params => { return axios.post(`${base}/mdp/form/formField/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/form/formQx.js b/src/api/mdp/form/formQx.js
new file mode 100644
index 0000000..0f3bfb1
--- /dev/null
+++ b/src/api/mdp/form/formQx.js
@@ -0,0 +1,30 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getFormBasePath();
+
+
+/**
+ * 表单权限
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={formId:'表单编号 主键',allowQueryRoleids:'允许那些角色查询,号分割',allowQueryDeptids:'允许那些部门查询,号分割',allowQueryUserids:'允许哪些人查询,号分割',notQueryRoleids:'禁止哪些角色查询',notQueryDeptids:'禁止哪些部门查询',notQueryUserids:'禁止哪些人查询',allowOtherQuery:'是否允许其它人查询',allowOtherEdit:'是否允许其它人修改',allowOtherDel:'是否允许其它人删除',doDeptLvlCheck:'是否进行部门级别传递权限检查',deptLvlQx:'部门级别权限'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listFormQx = params => { return axios.get(`${base}/mdp/form/formQx/list`, { params: params }); };
+
+//模糊查询表单权限 条件之间or关系  
+//export const listFormQxKey = params => { return axios.get(`${base}/mdp/form/formQx/listKey`, { params: params }); };
+
+//删除一条表单权限 params={formId:'表单编号 主键'}
+export const delFormQx = params => { return axios.post(`${base}/mdp/form/formQx/del`,params); };
+
+//批量删除表单权限  params=[{formId:'表单编号 主键'}]
+export const batchDelFormQx = params => { return axios.post(`${base}/mdp/form/formQx/batchDel`, params); };
+
+//修改一条表单权限记录
+export const editFormQx = params => { return axios.post(`${base}/mdp/form/formQx/edit`, params); };
+
+//新增一条表单权限
+export const addFormQx = params => { return axios.post(`${base}/mdp/form/formQx/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/form/formView.js b/src/api/mdp/form/formView.js
new file mode 100644
index 0000000..7f8e966
--- /dev/null
+++ b/src/api/mdp/form/formView.js
@@ -0,0 +1,25 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getFormBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listFormView = params => { return axios.get(`${base}/mdp/form/formView/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listFormViewKey = params => { return axios.get(`${base}/mdp/form/formView/listKey`, { params: params }); };
+
+//删除一个
+export const delFormView = params => { return axios.post(`${base}/mdp/form/formView/del`,params); };
+
+//批量删除
+export const batchDelFormView = params => { return axios.post(`${base}/mdp/form/formView/batchDel`, params); };
+
+//修改一个
+export const editFormView = params => { return axios.post(`${base}/mdp/form/formView/edit`, params); };
+
+//新增一个
+export const addFormView = params => { return axios.post(`${base}/mdp/form/formView/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/mallm/shop/shop.js b/src/api/mdp/mallm/shop/shop.js
new file mode 100644
index 0000000..f67c820
--- /dev/null
+++ b/src/api/mdp/mallm/shop/shop.js
@@ -0,0 +1,9 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+//普通查询 条件之间and关系  
+export const createShopApi = params => { return axios.post(`${base}/mdp/mallm/shop/shop/createShop`, params); };
+
diff --git a/src/api/mdp/mallm/shop/shopLocation.js b/src/api/mdp/mallm/shop/shopLocation.js
new file mode 100644
index 0000000..4998060
--- /dev/null
+++ b/src/api/mdp/mallm/shop/shopLocation.js
@@ -0,0 +1,9 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+//普通查询 条件之间and关系  
+export const selectshopLocationBySysDeptIdApi = params => { return axios.post(`${base}/mdp/mallm/shop/shopLocation/selectshopLocationBySysDeptId`, params); };
+
diff --git a/src/api/mdp/meta/category.js b/src/api/mdp/meta/category.js
new file mode 100644
index 0000000..5f0b265
--- /dev/null
+++ b/src/api/mdp/meta/category.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 元数据分类
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'分类编号 主键',categoryName:'分类名称',isShow:'是否显示0否1是',remark:'备注',branchId:'机构编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listCategory = params => { return axios.get(`${base}/mdp/meta/category/list`, { params: params }); };
+
+//模糊查询元数据分类 条件之间or关系  
+//export const listCategoryKey = params => { return axios.get(`${base}/mdp/meta/category/listKey`, { params: params }); };
+
+//删除一条元数据分类 params={id:'分类编号 主键'}
+export const delCategory = params => { return axios.post(`${base}/mdp/meta/category/del`,params); };
+
+//批量删除元数据分类  params=[{id:'分类编号 主键'}]
+export const batchDelCategory = params => { return axios.post(`${base}/mdp/meta/category/batchDel`, params); };
+
+//修改一条元数据分类记录
+export const editCategory = params => { return axios.post(`${base}/mdp/meta/category/edit`, params); };
+
+//新增一条元数据分类
+export const addCategory = params => { return axios.post(`${base}/mdp/meta/category/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/meta/item.js b/src/api/mdp/meta/item.js
new file mode 100644
index 0000000..c4d6473
--- /dev/null
+++ b/src/api/mdp/meta/item.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 数据项定义
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',itemCode:'代码',itemName:'名称',remark:'备注',categoryId:'分类编号',itemSize:'长度',itemType:'类型',branchId:'机构编号',deptid:'部门编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listItem = params => { return axios.get(`${base}/mdp/meta/item/list`, { params: params }); };
+
+//模糊查询数据项定义 条件之间or关系  
+//export const listItemKey = params => { return axios.get(`${base}/mdp/meta/item/listKey`, { params: params }); };
+
+//删除一条数据项定义 params={id:'主键 主键'}
+export const delItem = params => { return axios.post(`${base}/mdp/meta/item/del`,params); };
+
+//批量删除数据项定义  params=[{id:'主键 主键'}]
+export const batchDelItem = params => { return axios.post(`${base}/mdp/meta/item/batchDel`, params); };
+
+//修改一条数据项定义记录
+export const editItem = params => { return axios.post(`${base}/mdp/meta/item/edit`, params); };
+
+//新增一条数据项定义
+export const addItem = params => { return axios.post(`${base}/mdp/meta/item/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/meta/itemOption.js b/src/api/mdp/meta/itemOption.js
new file mode 100644
index 0000000..b1a646e
--- /dev/null
+++ b/src/api/mdp/meta/itemOption.js
@@ -0,0 +1,37 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 数据项取值列表
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',itemId:'数据项编号',optionValue:'选项值',optionName:'选项名称',keys:'快捷键',isShow:'是否显示',seqOrder:'顺序',fp:'第一扩展字段',tp:'第三扩展字段',sp:'第二扩展字段',isDefault:'是否默认',cdate:'创建日期',branchId:'机构编号',deptid:'部门编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listItemOption = params => { return axios.get(`${base}/mdp/meta/itemOption/list`, { params: params }); };
+
+//普通查询 条件之间and关系 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+export const listOption = params => { return axios.post(`${base}/mdp/meta/itemOption/list/byItemCode`,   params ); };
+
+//普通查询 条件之间and关系 params=[itemId1,itemId2] 返回结果 {'itemId1':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+export const listOptionByItemIds = params => { return axios.post(`${base}/mdp/meta/itemOption/list/byItemIds`,   params ); };
+
+//params={id:''} 返回 {optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'} 
+export const getSysParam = params => { return axios.post(`${base}/mdp/meta/itemOption/sysParam`,   params ); };
+//模糊查询数据项取值列表 条件之间or关系  
+//export const listItemOptionKey = params => { return axios.get(`${base}/mdp/meta/itemOption/listKey`, { params: params }); };
+
+//删除一条数据项取值列表 params={id:'主键 主键'}
+export const delItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/del`,params); };
+
+//批量删除数据项取值列表  params=[{id:'主键 主键'}]
+export const batchDelItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/batchDel`, params); };
+
+//修改一条数据项取值列表记录
+export const editItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/edit`, params); };
+
+//新增一条数据项取值列表
+export const addItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sms/smsSign.js b/src/api/mdp/sms/smsSign.js
new file mode 100644
index 0000000..9691f8b
--- /dev/null
+++ b/src/api/mdp/sms/smsSign.js
@@ -0,0 +1,39 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getSmsBasePath();
+
+
+/**
+ * sms_sign
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'短信签名ID 主键',international:'0表示国内短信，1表示国际/港澳台短信，默认为0',status:'签名状态(0:已通过，1表示待审核，2表示已拒绝)',text:'text',remark:'签名备注',pic:'签名对应的资质证明图片',createDate:'创建时间'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listSmsSign = params => { return axios.get(`${base}/sms/smsSign/list`, { params: params }); };
+
+//模糊查询sms_sign 条件之间or关系  
+//export const listSmsSignKey = params => { return axios.get(`${base}/mdp/sms/smsSign/listKey`, { params: params }); };
+
+//删除一条sms_sign params={id:'短信签名ID 主键'}
+export const delSmsSign = params => { return axios.post(`${base}/sms/smsSign/del`,params); };
+
+//批量删除sms_sign  params=[{id:'短信签名ID 主键'}]
+export const batchDelSmsSign = params => { return axios.post(`${base}/sms/smsSign/batchDel`, params); };
+
+//修改一条sms_sign记录
+export const editSmsSign = params => { return axios.post(`${base}/sms/smsSign/edit`, params); };
+
+//新增一条sms_sign
+export const addSmsSign = params => { return axios.post(`${base}/sms/smsSign/add`, params); };
+
+export const addSmsSignApi = params => { return axios.post(`${base}/sms/smsSign/addSmsSign`, params); };
+
+export const delSmsSignApi = params => { return axios.post(`${base}/sms/smsSign/delSmsSign`, params); };
+
+export const editSmsSignApi = params => { return axios.post(`${base}/sms/smsSign/editSmsSign`, params); };
+
+export const groupSendSmsApi = params => { return axios.post(`${base}/sms/smsSign/groupSendSms`, params); };
+ 
\ No newline at end of file
diff --git a/src/api/mdp/sms/smsTemplate.js b/src/api/mdp/sms/smsTemplate.js
new file mode 100644
index 0000000..380a603
--- /dev/null
+++ b/src/api/mdp/sms/smsTemplate.js
@@ -0,0 +1,36 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getSmsBasePath();
+
+
+/**
+ * sms_template
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'短信模板ID 主键',status:'模板状态',type:'短信类型，0表示普通短信,',international:'0表示国内短信，1表示国际/港澳台短信，默认为0',text:'短信内容',title:'模板名称',remark:'模板备注，例如申请原因，使用场景等',shopId:'商户ID',locationId:'门店ID',branchId:'机构ID',createDate:'创建时间'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listSmsTemplate = params => { return axios.get(`${base}/sms/smsTemplate/list`, { params: params }); };
+
+//模糊查询sms_template 条件之间or关系  
+//export const listSmsTemplateKey = params => { return axios.get(`${base}/sms/smsTemplate/listKey`, { params: params }); };
+
+//删除一条sms_template params={id:'短信模板ID 主键'}
+export const delSmsTemplate = params => { return axios.post(`${base}/sms/smsTemplate/del`,params); };
+
+//批量删除sms_template  params=[{id:'短信模板ID 主键'}]
+export const batchDelSmsTemplate = params => { return axios.post(`${base}/sms/smsTemplate/batchDel`, params); };
+
+//修改一条sms_template记录
+export const editSmsTemplate = params => { return axios.post(`${base}/sms/smsTemplate/edit`, params); };
+
+//新增一条sms_template
+export const addSmsTemplate = params => { return axios.post(`${base}/sms/smsTemplate/add`, params); };
+
+export const addTemplateApi = params => { return axios.post(`${base}/sms/smsTemplate/addTemplate`, params); };
+
+export const delTemplateApi = params => { return axios.post(`${base}/sms/smsTemplate/delTemplate`, params); };
+
+export const editTemplateApi = params => { return axios.post(`${base}/sms/smsTemplate/editTemplate`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/branch.js b/src/api/mdp/sys/branch.js
new file mode 100644
index 0000000..73c3744
--- /dev/null
+++ b/src/api/mdp/sys/branch.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 管理端机构表（机构下面若干部门）
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'机构编号 主键',branchName:'机构名称',enabled:'是否可用',industryCategory:'行业分类',cuserid:'创建人编号',cdate:'创建日期',cusername:'创建人姓名',phoneNo:'联系电话',emaill:'邮件'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listBranch = params => { return axios.get(`${base}/mdp/sys/branch/list`, { params: params }); };
+
+//模糊查询管理端机构表（机构下面若干部门） 条件之间or关系  
+//export const listBranchKey = params => { return axios.get(`${base}/mdp/sys/branch/listKey`, { params: params }); };
+
+//删除一条管理端机构表（机构下面若干部门） params={id:'机构编号 主键'}
+export const delBranch = params => { return axios.post(`${base}/mdp/sys/branch/del`,params); };
+
+//批量删除管理端机构表（机构下面若干部门）  params=[{id:'机构编号 主键'}]
+export const batchDelBranch = params => { return axios.post(`${base}/mdp/sys/branch/batchDel`, params); };
+
+//修改一条管理端机构表（机构下面若干部门）记录
+export const editBranch = params => { return axios.post(`${base}/mdp/sys/branch/edit`, params); };
+
+//新增一条管理端机构表（机构下面若干部门）
+export const addBranch = params => { return axios.post(`${base}/mdp/sys/branch/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/code.js b/src/api/mdp/sys/code.js
new file mode 100644
index 0000000..2f59b4e
--- /dev/null
+++ b/src/api/mdp/sys/code.js
@@ -0,0 +1,39 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listCode = params => { return axios.get(`${base}/sys/code/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+export const listCodeKey = params => { return axios.get(`${base}/sys/code/listKey`, { params: params }); };
+
+//删除一个
+export const delCode = params => { return axios.post(`${base}/sys/code/del`,params); };
+
+//批量删除
+export const batchDelCode = params => { return axios.post(`${base}/sys/code/batchDel`, params); };
+
+//修改一个
+export const editCode = params => { return axios.post(`${base}/sys/code/edit`, params); };
+
+//新增一个
+export const addCode = params => { return axios.post(`${base}/sys/code/add`, params); };
+
+//查询下拉选项目 参数为数组型参数 如 selectOptions( { fieldNames:['sex','age','student'],code:'all' } ),code为数据分类
+export const selectOptions = params => { return axios.get(`${base}/sys/code/selectOptions`, { params:params }); };
+
+/**
+* 根据一级分类列表查询所有的二级分类
+* @param codes 分类编码  列表  如['JCBM_TPL','SystemParas']
+* @return 返回如下格式的map。secondCodeRow为主键,dtcodeId为编码，dtcodeName中文描述
+* {
+* 	JCBM_TPL:[{secondCodeRow:'xxxx',dtcodeId:1,dtcodeName:男},{secondCodeRow:'xxxx',dtcodeid:1,dtcodeName:男}],
+*  SystemParas:[{secondCodeRow:'xxxx',dtcodeId:3,dtcodeName:其它},{secondCodeRow:'xxxx',dtcodeid:2,dtcodeName:其它2}]
+* }
+*/
+export const selectSeconds = params => { return axios.get(`${base}/sys/code/selectSeconds`, { params:params }); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/codeDetail.js b/src/api/mdp/sys/codeDetail.js
new file mode 100644
index 0000000..8af2f7c
--- /dev/null
+++ b/src/api/mdp/sys/codeDetail.js
@@ -0,0 +1,35 @@
+import axios from 'axios'; 
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listCodeDetail = params => { return axios.get(`${base}/sys/codeDetail/list`, { params: params }); };
+
+
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+export const listCodeDetailKey = params => { return axios.get(`${base}/sys/codeDetail/listKey`, { params: params }); };
+
+//删除一个
+export const delCodeDetail = params => { return axios.post(`${base}/sys/codeDetail/del`,params); };
+
+//批量删除
+export const batchDelCodeDetail = params => { return axios.post(`${base}/sys/codeDetail/batchDel`, params); };
+
+//修改一个
+export const editCodeDetail = params => { return axios.post(`${base}/sys/codeDetail/edit`, params); };
+
+//新增一个
+export const addCodeDetail = params => { return axios.post(`${base}/sys/codeDetail/add`, params); };
+
+export const upDownCodeDetail = params => { return axios.post(`${base}/sys/codeDetail/upDown`, params); };
+
+
+export const uploadFileToRemote=(request)=>{
+	let formData=new FormData();
+	formData.append('file',request.file);
+	return axios.post(request.action,formData);
+}
\ No newline at end of file
diff --git a/src/api/mdp/sys/codeSecond.js b/src/api/mdp/sys/codeSecond.js
new file mode 100644
index 0000000..c12bd46
--- /dev/null
+++ b/src/api/mdp/sys/codeSecond.js
@@ -0,0 +1,27 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listCodeSecond = params => { return axios.get(`${base}/sys/codeSecond/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listCodeSecondKey = params => { return axios.get(`${base}/sys/codeSecond/listKey`, { params: params }); };
+
+//删除一个
+export const delCodeSecond = params => { return axios.post(`${base}/sys/codeSecond/del`,params); };
+
+//批量删除
+export const batchDelCodeSecond = params => { return axios.post(`${base}/sys/codeSecond/batchDel`, params); };
+
+//修改一个
+export const editCodeSecond = params => { return axios.post(`${base}/sys/codeSecond/edit`, params); };
+
+//新增一个
+export const addCodeSecond = params => { return axios.post(`${base}/sys/codeSecond/add`, params); }; 
+ 
+ 
diff --git a/src/api/mdp/sys/dept.js b/src/api/mdp/sys/dept.js
new file mode 100644
index 0000000..707bc52
--- /dev/null
+++ b/src/api/mdp/sys/dept.js
@@ -0,0 +1,28 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listDept = params => { return axios.get(`${base}/sys/dept/list`, { params: params }); };
+
+//普通查询
+export const listTreeDept = params => { return axios.get(`${base}/sys/dept/list/tree`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+export const listDeptKey = params => { return axios.get(`${base}/sys/dept/listKey`, { params: params }); };
+
+//删除一个
+export const delDept = params => { return axios.post(`${base}/sys/dept/del`,params); };
+
+//批量删除
+export const batchDelDept = params => { return axios.post(`${base}/sys/dept/batchDel`, params); };
+
+//修改一个
+export const editDept = params => { return axios.post(`${base}/sys/dept/edit`, params); };
+
+//新增一个
+export const addDept = params => { return axios.post(`${base}/sys/dept/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/deptExtinfo.js b/src/api/mdp/sys/deptExtinfo.js
new file mode 100644
index 0000000..29981b3
--- /dev/null
+++ b/src/api/mdp/sys/deptExtinfo.js
@@ -0,0 +1,25 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listDeptExtinfo = params => { return axios.get(`${base}/sys/deptExtinfo/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listDeptExtinfoKey = params => { return axios.get(`${base}/sys/deptExtinfo/listKey`, { params: params }); };
+
+//删除一个
+//export const delDeptExtinfo = params => { return axios.post(`${base}/sys/deptExtinfo/del`,params); };
+
+//批量删除
+//export const batchDelDeptExtinfo = params => { return axios.post(`${base}/sys/deptExtinfo/batchDel`, params); };
+
+//修改一个
+//export const editDeptExtinfo = params => { return axios.post(`${base}/sys/deptExtinfo/edit`, params); };
+
+//新增一个
+//export const addDeptExtinfo = params => { return axios.post(`${base}/sys/deptExtinfo/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/deptMech.js b/src/api/mdp/sys/deptMech.js
new file mode 100644
index 0000000..0d3c317
--- /dev/null
+++ b/src/api/mdp/sys/deptMech.js
@@ -0,0 +1,25 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listDeptMch = params => { return axios.get(`${base}/sys/deptMch/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listDeptMchKey = params => { return axios.get(`${base}/sys/deptMch/listKey`, { params: params }); };
+
+//删除一个
+//export const delDeptMch = params => { return axios.post(`${base}/sys/deptMch/del`,params); };
+
+//批量删除
+//export const batchDelDeptMch = params => { return axios.post(`${base}/sys/deptMch/batchDel`, params); };
+
+//修改一个
+//export const editDeptMch = params => { return axios.post(`${base}/sys/deptMch/edit`, params); };
+
+//新增一个
+//export const addDeptMch = params => { return axios.post(`${base}/sys/deptMch/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/operDataTrail.js b/src/api/mdp/sys/operDataTrail.js
new file mode 100644
index 0000000..d229142
--- /dev/null
+++ b/src/api/mdp/sys/operDataTrail.js
@@ -0,0 +1,28 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listOperDataTrail = params => { return axios.get(`${base}/sys/operDataTrail/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listOperDataTrailKey = params => { return axios.get(`${base}/sys/operDataTrail/listKey`, { params: params }); };
+
+//删除一个
+export const delOperDataTrail = params => { return axios.post(`${base}/sys/operDataTrail/del`,params); };
+
+//批量删除
+export const batchDelOperDataTrail = params => { return axios.post(`${base}/sys/operDataTrail/batchDel`, params); };
+
+//修改一个
+export const editOperDataTrail = params => { return axios.post(`${base}/sys/operDataTrail/edit`, params); };
+
+//新增一个
+export const addOperDataTrail = params => { return axios.post(`${base}/sys/operDataTrail/add`, params); };
+
+//修改一个
+export const operEnd = params => { return axios.post(`${base}/sys/operDataTrail/edit/end`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/post/post.js b/src/api/mdp/sys/post/post.js
new file mode 100644
index 0000000..973abba
--- /dev/null
+++ b/src/api/mdp/sys/post/post.js
@@ -0,0 +1,33 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getSysBasePath();
+
+
+/**
+ * sys_post
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',postName:'岗位名称',remark:'备注',branchId:'归属机构号',cdate:'创建日期'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listPost = params => { return axios.get(`${base}/mdp/sys/post/post/list`, { params: params }); };
+
+//查询未添加到部门的岗位 
+export const listPostNotInDeptid = params => { return axios.get(`${base}/mdp/sys/post/post/list/notInDeptid`, { params: params }); };
+
+//模糊查询sys_post 条件之间or关系  
+//export const listPostKey = params => { return axios.get(`${base}/mdp/sys/post/post/listKey`, { params: params }); };
+
+//删除一条sys_post params={id:'主键 主键'}
+export const delPost = params => { return axios.post(`${base}/mdp/sys/post/post/del`,params); };
+
+//批量删除sys_post  params=[{id:'主键 主键'}]
+export const batchDelPost = params => { return axios.post(`${base}/mdp/sys/post/post/batchDel`, params); };
+
+//修改一条sys_post记录
+export const editPost = params => { return axios.post(`${base}/mdp/sys/post/post/edit`, params); };
+
+//新增一条sys_post
+export const addPost = params => { return axios.post(`${base}/mdp/sys/post/post/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/qx.js b/src/api/mdp/sys/qx.js
new file mode 100644
index 0000000..fd5b8ee
--- /dev/null
+++ b/src/api/mdp/sys/qx.js
@@ -0,0 +1,25 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listQx = params => { return axios.get(`${base}/sys/qx/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listQxKey = params => { return axios.get(`${base}/sys/qx/listKey`, { params: params }); };
+
+//删除一个
+export const delQx = params => { return axios.post(`${base}/sys/qx/del`,params); };
+
+//批量删除
+export const batchDelQx = params => { return axios.post(`${base}/sys/qx/batchDel`, params); };
+
+//修改一个
+export const editQx = params => { return axios.post(`${base}/sys/qx/edit`, params); };
+
+//新增一个
+export const addQx = params => { return axios.post(`${base}/sys/qx/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/role.js b/src/api/mdp/sys/role.js
new file mode 100644
index 0000000..e92f365
--- /dev/null
+++ b/src/api/mdp/sys/role.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 角色管理
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={roleid:'角色编号 主键',rolename:'角色名',remark:'备注',roletype:'角色类型',rolebeg:'开始时间',roleend:'结束时间',crdate:'创建日期',enabled:'是否启用',deptid:'机构编号',sortOrder:'角色排序',branchId:'云用户机构编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listRole = params => { return axios.get(`${base}/mdp/sys/role/list`, { params: params }); };
+
+//模糊查询角色管理 条件之间or关系  
+//export const listRoleKey = params => { return axios.get(`${base}/mdp/sys/role/listKey`, { params: params }); };
+
+//删除一条角色管理 params={roleid:'角色编号 主键'}
+export const delRole = params => { return axios.post(`${base}/mdp/sys/role/del`,params); };
+
+//批量删除角色管理  params=[{roleid:'角色编号 主键'}]
+export const batchDelRole = params => { return axios.post(`${base}/mdp/sys/role/batchDel`, params); };
+
+//修改一条角色管理记录
+export const editRole = params => { return axios.post(`${base}/mdp/sys/role/edit`, params); };
+
+//新增一条角色管理
+export const addRole = params => { return axios.post(`${base}/mdp/sys/role/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/roleQx.js b/src/api/mdp/sys/roleQx.js
new file mode 100644
index 0000000..67eee34
--- /dev/null
+++ b/src/api/mdp/sys/roleQx.js
@@ -0,0 +1,28 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listRoleQx = params => { return axios.get(`${base}/sys/roleQx/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listRoleQxKey = params => { return axios.get(`${base}/sys/roleQx/listKey`, { params: params }); };
+
+//删除一个
+//export const delRoleQx = params => { return axios.post(`${base}/sys/roleQx/del`,params); };
+
+//批量删除
+//export const batchDelRoleQx = params => { return axios.post(`${base}/sys/roleQx/batchDel`, params); };
+
+//批量更新角色权限
+export const batchEditRoleQx = params => { return axios.post(`${base}/sys/roleQx/batchEdit`, params); };
+
+//修改一个
+//export const editRoleQx = params => { return axios.post(`${base}/sys/roleQx/edit`, params); };
+
+//新增一个
+//export const addRoleQx = params => { return axios.post(`${base}/sys/roleQx/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/thirdPartyAccount.js b/src/api/mdp/sys/thirdPartyAccount.js
new file mode 100644
index 0000000..0e0e6ee
--- /dev/null
+++ b/src/api/mdp/sys/thirdPartyAccount.js
@@ -0,0 +1,24 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listThirdPartyAccount = params => { return axios.get(`${base}/sys/thirdPartyAccount/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listThirdPartyAccountKey = params => { return axios.get(`${base}/sys/thirdPartyAccount/listKey`, { params: params }); };
+
+//删除一个
+//export const delThirdPartyAccount = params => { return axios.post(`${base}/sys/thirdPartyAccount/del`,params); };
+
+//批量删除
+//export const batchDelThirdPartyAccount = params => { return axios.post(`${base}/sys/thirdPartyAccount/batchDel`, params); };
+
+//修改一个
+//export const editThirdPartyAccount = params => { return axios.post(`${base}/sys/thirdPartyAccount/edit`, params); };
+
+//新增一个
+//export const addThirdPartyAccount = params => { return axios.post(`${base}/sys/thirdPartyAccount/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/user.js b/src/api/mdp/sys/user.js
new file mode 100644
index 0000000..f131e6b
--- /dev/null
+++ b/src/api/mdp/sys/user.js
@@ -0,0 +1,33 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 用户表
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={userid:'内部用户编号 主键',unionid:'全局唯一编号',displayUserid:'登录展示使用用户编号',locked:'是否被锁定0否1是',startdate:'启用日期',nickname:'昵称',username:'用户名称',phoneno:'移动电话号码',password:'密码',salt:'盐值',fgOne:'指纹1',fgTwo:'指纹2',fgThr:'指纹3',idCardNo:'身份证号码',pwdtype:'密码类型1指纹2密码',headimgurl:'头像地址',country:'国家',city:'城市',province:'省份',address:'详细地址',sex:'性别',enddate:'到期日期',districtId:'区县编号',email:'邮箱',userId:'user_id',userAccount:'user_account',userPwd:'user_pwd',userName:'user_name',userDesc:'user_desc'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listUser = params => { return axios.get(`${base}/mdp/sys/user/list`, { params: params }); };
+export const listUserNames = params => { return axios.get(`${base}/mdp/sys/user/listUserNames`, { params: params }); };
+export const  selectlistKey= params => { return axios.get(`${base}/mdp/sys/user/selectlistKey`, { params: params }); }; 
+
+//模糊查询用户表 条件之间or关系  
+//export const listUserKey = params => { return axios.get(`${base}/mdp/sys/user/listKey`, { params: params }); };
+
+export const addUser = params => { return axios.post(`${base}/mdp/sys/user/add`,params); };
+
+//删除一条用户表 params={userid:'内部用户编号 主键'}
+export const delUser = params => { return axios.post(`${base}/mdp/sys/user/del`,params); };
+
+//批量删除用户表  params=[{userid:'内部用户编号 主键'}]
+export const batchDelUser = params => { return axios.post(`${base}/mdp/sys/user/batchDel`, params); };
+
+//修改一条用户表记录
+export const editUser = params => { return axios.post(`${base}/mdp/sys/user/edit`, params); };
+
+//重置管理人员帮别人重置密码
+export const resetPasswordByAdmin = params => { return axios.post(`${base}/safe/user/password/reset/byAdmin`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/userExtinfo.js b/src/api/mdp/sys/userExtinfo.js
new file mode 100644
index 0000000..cfc05ed
--- /dev/null
+++ b/src/api/mdp/sys/userExtinfo.js
@@ -0,0 +1,25 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listUserExtinfo = params => { return axios.get(`${base}/sys/userExtinfo/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listUserExtinfoKey = params => { return axios.get(`${base}/sys/userExtinfo/listKey`, { params: params }); };
+
+//删除一个
+//export const delUserExtinfo = params => { return axios.post(`${base}/sys/userExtinfo/del`,params); };
+
+//批量删除
+//export const batchDelUserExtinfo = params => { return axios.post(`${base}/sys/userExtinfo/batchDel`, params); };
+
+//修改一个
+//export const editUserExtinfo = params => { return axios.post(`${base}/sys/userExtinfo/edit`, params); };
+
+//新增一个
+//export const addUserExtinfo = params => { return axios.post(`${base}/sys/userExtinfo/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/sys/userRole.js b/src/api/mdp/sys/userRole.js
new file mode 100644
index 0000000..0fbcb1a
--- /dev/null
+++ b/src/api/mdp/sys/userRole.js
@@ -0,0 +1,31 @@
+import axios from 'axios';
+
+import config from '../../../common/config.js';
+
+let base = "/"+config.getSysContextName();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listUserRole = params => { return axios.get(`${base}/sys/userRole/list`, { params: params }); };
+
+//普通查询
+export const listUserInfosByRoleid = params => { return axios.get(`${base}/sys/userRole/list/users`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listUserRoleKey = params => { return axios.get(`${base}/sys/userRole/listKey`, { params: params }); };
+
+//删除一个
+//export const delUserRole = params => { return axios.post(`${base}/sys/userRole/del`,params); };
+
+//批量删除
+//export const batchDelUserRole = params => { return axios.post(`${base}/sys/userRole/batchDel`, params); };
+
+//批量删除
+export const batchEditUserRole = params => { return axios.post(`${base}/sys/userRole/batchEdit`, params); };
+
+//修改一个
+//export const editUserRole = params => { return axios.post(`${base}/sys/userRole/edit`, params); };
+
+//新增一个
+//export const addUserRole = params => { return axios.post(`${base}/sys/userRole/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/biz/bizModel.js b/src/api/mdp/workflow/biz/bizModel.js
new file mode 100644
index 0000000..df3a9c3
--- /dev/null
+++ b/src/api/mdp/workflow/biz/bizModel.js
@@ -0,0 +1,30 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getWorkflowBasePath();
+
+
+/**
+ * mdp_biz_model
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',bizName:'业务名称',bizKey:'业务编码',modelKey:'模型编码',modelName:'模型名称',branchId:'机构编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listBizModel = params => { return axios.get(`${base}/mdp/workflow/biz/bizModel/list`, { params: params }); };
+
+//模糊查询mdp_biz_model 条件之间or关系  
+//export const listBizModelKey = params => { return axios.get(`${base}/mdp/workflow/biz/bizModel/listKey`, { params: params }); };
+
+//删除一条mdp_biz_model params={id:'主键 主键'}
+export const delBizModel = params => { return axios.post(`${base}/mdp/workflow/biz/bizModel/del`,params); };
+
+//批量删除mdp_biz_model  params=[{id:'主键 主键'}]
+export const batchDelBizModel = params => { return axios.post(`${base}/mdp/workflow/biz/bizModel/batchDel`, params); };
+
+//修改一条mdp_biz_model记录
+export const editBizModel = params => { return axios.post(`${base}/mdp/workflow/biz/bizModel/edit`, params); };
+
+//新增一条mdp_biz_model
+export const addBizModel = params => { return axios.post(`${base}/mdp/workflow/biz/bizModel/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/de/model.js b/src/api/mdp/workflow/de/model.js
new file mode 100644
index 0000000..27b2abe
--- /dev/null
+++ b/src/api/mdp/workflow/de/model.js
@@ -0,0 +1,31 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getWorkflowBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listModel = params => { return axios.get(`${base}/mdp/workflow/de/model/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listModelKey = params => { return axios.get(`${base}/mdp/workflow/de/model/listKey`, { params: params }); };
+
+//删除一个
+export const delModel = params => { return axios.post(`${base}/mdp/workflow/de/model/del`,params); };
+
+//批量删除
+export const batchDelModel = params => { return axios.post(`${base}/mdp/workflow/de/model/batchDel`, params); };
+
+//修改一个
+export const editModel = params => { return axios.post(`${base}/mdp/workflow/de/model/edit`, params); };
+
+//修改一个
+export const deployModel = params => { return axios.post(`${base}/mdp/workflow/de/model/deploy`, params); };
+
+//修改一个
+export const unDeployModel = params => { return axios.post(`${base}/mdp/workflow/de/model/unDeploy`, params); };
+
+//新增一个
+export const addModel = params => { return axios.post(`${base}/mdp/workflow/de/model/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/hi/comment.js b/src/api/mdp/workflow/hi/comment.js
new file mode 100644
index 0000000..6ebb8f8
--- /dev/null
+++ b/src/api/mdp/workflow/hi/comment.js
@@ -0,0 +1,25 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getWorkflowBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listComment = params => { return axios.get(`${base}/mdp/workflow/hi/comment/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listCommentKey = params => { return axios.get(`${base}/mdp/workflow/hi/comment/listKey`, { params: params }); };
+
+//删除一个
+export const delComment = params => { return axios.post(`${base}/mdp/workflow/hi/comment/del`,params); };
+
+//批量删除
+export const batchDelComment = params => { return axios.post(`${base}/mdp/workflow/hi/comment/batchDel`, params); };
+
+//修改一个
+export const editComment = params => { return axios.post(`${base}/mdp/workflow/hi/comment/edit`, params); };
+
+//新增一个
+export const addComment = params => { return axios.post(`${base}/mdp/workflow/hi/comment/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/hi/procinst.js b/src/api/mdp/workflow/hi/procinst.js
new file mode 100644
index 0000000..4df8fc6
--- /dev/null
+++ b/src/api/mdp/workflow/hi/procinst.js
@@ -0,0 +1,25 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getWorkflowBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listProcinst = params => { return axios.get(`${base}/mdp/workflow/hi/procinst/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listProcinstKey = params => { return axios.get(`${base}/mdp/workflow/hi/procinst/listKey`, { params: params }); };
+
+//删除一个
+export const delProcinst = params => { return axios.post(`${base}/mdp/workflow/hi/procinst/del`,params); };
+
+//批量删除
+export const batchDelProcinst = params => { return axios.post(`${base}/mdp/workflow/hi/procinst/batchDel`, params); };
+
+//修改一个
+export const editProcinst = params => { return axios.post(`${base}/mdp/workflow/hi/procinst/edit`, params); };
+
+//新增一个
+export const addProcinst = params => { return axios.post(`${base}/mdp/workflow/hi/procinst/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/re/actAssignee.js b/src/api/mdp/workflow/re/actAssignee.js
new file mode 100644
index 0000000..d31e4aa
--- /dev/null
+++ b/src/api/mdp/workflow/re/actAssignee.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getWorkflowBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listActAssignee = params => { return axios.get(`${base}/mdp/workflow/re/actAssignee/list`, { params: params }); };
+
+//普通查询模型中的所有节点的执行人列表，需要procDefId
+export const getBpmnActAssignees = params => { return axios.get(`${base}/mdp/workflow/re/actAssignee/getBpmnActAssignees`, { params: params }); };
+
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listActAssigneeKey = params => { return axios.get(`${base}/mdp/workflow/re/actAssignee/listKey`, { params: params }); };
+
+//删除一个
+export const delActAssignee = params => { return axios.post(`${base}/mdp/workflow/re/actAssignee/del`,params); };
+
+//批量删除
+export const batchDelActAssignee = params => { return axios.post(`${base}/mdp/workflow/re/actAssignee/batchDel`, params); };
+
+//修改一个
+export const editActAssignee = params => { return axios.post(`${base}/mdp/workflow/re/actAssignee/edit`, params); };
+
+//新增一个
+export const addActAssignee = params => { return axios.post(`${base}/mdp/workflow/re/actAssignee/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/re/deployment.js b/src/api/mdp/workflow/re/deployment.js
new file mode 100644
index 0000000..bc0921a
--- /dev/null
+++ b/src/api/mdp/workflow/re/deployment.js
@@ -0,0 +1,25 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getWorkflowBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listDeployment = params => { return axios.get(`${base}/mdp/workflow/re/deployment/list`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listDeploymentKey = params => { return axios.get(`${base}/mdp/workflow/re/deployment/listKey`, { params: params }); };
+
+//删除一个
+export const delDeployment = params => { return axios.post(`${base}/mdp/workflow/re/deployment/del`,params); };
+
+//批量删除
+export const batchDelDeployment = params => { return axios.post(`${base}/mdp/workflow/re/deployment/batchDel`, params); };
+
+//修改一个
+export const editDeployment = params => { return axios.post(`${base}/mdp/workflow/re/deployment/edit`, params); };
+
+//新增一个
+export const addDeployment = params => { return axios.post(`${base}/mdp/workflow/re/deployment/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/re/procdef.js b/src/api/mdp/workflow/re/procdef.js
new file mode 100644
index 0000000..57f7da0
--- /dev/null
+++ b/src/api/mdp/workflow/re/procdef.js
@@ -0,0 +1,34 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getWorkflowBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listProcdef = params => { return axios.get(`${base}/mdp/workflow/re/procdef/list`, { params: params }); };
+
+//普通查询
+export const listCategorys = params => { return axios.get(`${base}/mdp/workflow/re/procdef/categorys`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listProcdefKey = params => { return axios.get(`${base}/mdp/workflow/re/procdef/listKey`, { params: params }); };
+
+//删除一个
+export const delProcdef = params => { return axios.post(`${base}/mdp/workflow/re/procdef/del`,params); };
+
+//批量删除
+export const batchDelProcdef = params => { return axios.post(`${base}/mdp/workflow/re/procdef/batchDel`, params); };
+
+//修改一个
+export const editProcdef = params => { return axios.post(`${base}/mdp/workflow/re/procdef/edit`, params); };
+
+//修改一个
+export const suspendProcdef = params => { return axios.post(`${base}/mdp/workflow/re/procdef/suspend`, params); };
+
+//修改一个
+export const activateProcdef = params => { return axios.post(`${base}/mdp/workflow/re/procdef/activate`, params); };
+
+//新增一个
+export const addProcdef = params => { return axios.post(`${base}/mdp/workflow/re/procdef/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/re/procdefParames.js b/src/api/mdp/workflow/re/procdefParames.js
new file mode 100644
index 0000000..33d8117
--- /dev/null
+++ b/src/api/mdp/workflow/re/procdefParames.js
@@ -0,0 +1,30 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getWorkflowBasePath();
+
+
+/**
+ * mdp_re_procdef_parames
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',isRefForm:'是否关联自定义表单',monitors:'监控人多个',sponsors:'主办人多个默认为发起人',formId:'表单编号',procDefId:'流程定义编号',userid:'创建人',lastDate:'最后更新时间',mainContext:'流程正文',mainTitle:'流程标题',bizUrl:'业务功能跳转',bizName:'业务功能名称',categoryId:'所属分类编号',branchId:'云用户机构编号',formShowType:'智能表单展示方式form/table',fp:'备用字段1',sp:'备用字段2',tp:'备用字段3',pconfig:'5个备用字段',fo:'备用字段4',fi:'备用字段5',tagNames:'标签名称逗号分隔',tagIds:'标签编号逗号分隔'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listProcdefParames = params => { return axios.get(`${base}/mdp/workflow/re/procdefParames/list`, { params: params }); };
+
+//模糊查询mdp_re_procdef_parames 条件之间or关系  
+//export const listProcdefParamesKey = params => { return axios.get(`${base}/mdp/workflow/re/procdefParames/listKey`, { params: params }); };
+
+//删除一条mdp_re_procdef_parames params={id:'主键 主键'}
+export const delProcdefParames = params => { return axios.post(`${base}/mdp/workflow/re/procdefParames/del`,params); };
+
+//批量删除mdp_re_procdef_parames  params=[{id:'主键 主键'}]
+export const batchDelProcdefParames = params => { return axios.post(`${base}/mdp/workflow/re/procdefParames/batchDel`, params); };
+
+//修改一条mdp_re_procdef_parames记录
+export const editProcdefParames = params => { return axios.post(`${base}/mdp/workflow/re/procdefParames/edit`, params); };
+
+//新增一条mdp_re_procdef_parames
+export const addProcdefParames = params => { return axios.post(`${base}/mdp/workflow/re/procdefParames/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/re/procdefParamesTemplate.js b/src/api/mdp/workflow/re/procdefParamesTemplate.js
new file mode 100644
index 0000000..347cc4d
--- /dev/null
+++ b/src/api/mdp/workflow/re/procdefParamesTemplate.js
@@ -0,0 +1,34 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getWorkflowBasePath();
+
+
+/**
+ * mdp_re_procdef_parames_template
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',isRefForm:'是否关联自定义表单',monitors:'监控人多个',sponsors:'主办人多个默认为发起人',formId:'表单编号',procDefId:'流程定义编号',userid:'创建人',lastDate:'最后更新时间',mainContext:'流程正文',mainTitle:'流程标题',bizUrl:'业务功能跳转',bizName:'业务功能名称',categoryId:'所属分类编号',branchId:'云用户机构编号',formShowType:'智能表单展示方式form/table',fp:'备用字段1',sp:'备用字段2',tp:'备用字段3',pconfig:'5个备用字段',fo:'备用字段4',fi:'备用字段5',tagNames:'标签名称逗号分隔',tagIds:'标签编号逗号分隔',mainQx:'1-是否控制节点权限-2是否有正文-3是否发起人外其它人可修改正文-4是否控制附件权限',modelKey:'模型key，来自act_de_model.key_'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listProcdefParamesTemplate = params => { return axios.get(`${base}/mdp/workflow/re/procdefParamesTemplate/list`, { params: params }); };
+
+//模糊查询mdp_re_procdef_parames_template 条件之间or关系  
+//export const listProcdefParamesTemplateKey = params => { return axios.get(`${base}/mdp/workflow/re/procdefParamesTemplate/listKey`, { params: params }); };
+
+//删除一条mdp_re_procdef_parames_template params={id:'主键 主键'}
+export const delProcdefParamesTemplate = params => { return axios.post(`${base}/mdp/workflow/re/procdefParamesTemplate/del`,params); };
+
+//批量删除mdp_re_procdef_parames_template  params=[{id:'主键 主键'}]
+export const batchDelProcdefParamesTemplate = params => { return axios.post(`${base}/mdp/workflow/re/procdefParamesTemplate/batchDel`, params); };
+
+//修改一条mdp_re_procdef_parames_template记录
+export const editProcdefParamesTemplate = params => { return axios.post(`${base}/mdp/workflow/re/procdefParamesTemplate/edit`, params); };
+
+//新增一条mdp_re_procdef_parames_template
+export const addProcdefParamesTemplate = params => { return axios.post(`${base}/mdp/workflow/re/procdefParamesTemplate/add`, params); };
+
+
+//新增或者修改模板
+export const addOrUpdateTemplate = params => { return axios.post(`${base}/mdp/workflow/re/procdefParamesTemplate/addOrUpdate`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/re/procdefTag.js b/src/api/mdp/workflow/re/procdefTag.js
new file mode 100644
index 0000000..017e477
--- /dev/null
+++ b/src/api/mdp/workflow/re/procdefTag.js
@@ -0,0 +1,34 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getWorkflowBasePath();
+
+
+/**
+ * mdp_re_procdef_tag
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'id 主键',procInstId:'流程实例编号',tagId:'标签(arc.arc_tag表的id)',addUserid:'谁给我打的标签',addTime:'添加时间',state:'0无效1有效',procDefId:'流程定义编号',tagName:'tag_name'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listProcdefTag = params => { return axios.get(`${base}/mdp/workflow/re/procdefTag/list`, { params: params }); };
+
+//模糊查询mdp_re_procdef_tag 条件之间or关系  
+//export const listProcdefTagKey = params => { return axios.get(`${base}/mdp/workflow/re/procdefTag/listKey`, { params: params }); };
+
+//删除一条mdp_re_procdef_tag params={id:'id 主键'}
+export const delProcdefTag = params => { return axios.post(`${base}/mdp/workflow/re/procdefTag/del`,params); };
+
+//批量删除mdp_re_procdef_tag  params=[{id:'id 主键'}]
+export const batchDelProcdefTag = params => { return axios.post(`${base}/mdp/workflow/re/procdefTag/batchDel`, params); };
+
+//修改一条mdp_re_procdef_tag记录
+export const editProcdefTag = params => { return axios.post(`${base}/mdp/workflow/re/procdefTag/edit`, params); };
+
+//新增一条mdp_re_procdef_tag
+export const addProcdefTag = params => { return axios.post(`${base}/mdp/workflow/re/procdefTag/add`, params); };
+
+
+// params=[{procDefId:'',branchId:'',userid:'',tags:[{tagId:'',tagName:''}]}]
+export const batchInsertOrDeleteTags = params => { return axios.post(`${base}/mdp/workflow/re/procdefTag/batchInsertOrDeleteTags`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/ru/execution.js b/src/api/mdp/workflow/ru/execution.js
new file mode 100644
index 0000000..96af91c
--- /dev/null
+++ b/src/api/mdp/workflow/ru/execution.js
@@ -0,0 +1,20 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getWorkflowBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listExecution = params => { return axios.get(`${base}/mdp/workflow/ru/execution/list`, { params: params }); };
+
+//启动流程
+export const startProc = params => { return axios.post(`${base}/mdp/workflow/ru/execution/start`, params); };
+//激活流程
+export const activiteExecution = params => { return axios.post(`${base}/mdp/workflow/ru/execution/activite`, params); };
+//挂起流程
+export const suspendExecution = params => { return axios.post(`${base}/mdp/workflow/ru/execution/suspend`, params); };
+
+//删除流程
+export const delExecution = params => { return axios.post(`${base}/mdp/workflow/ru/execution/del`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/ru/procinstFormData.js b/src/api/mdp/workflow/ru/procinstFormData.js
new file mode 100644
index 0000000..29e16c7
--- /dev/null
+++ b/src/api/mdp/workflow/ru/procinstFormData.js
@@ -0,0 +1,30 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getWorkflowBasePath();
+
+
+/**
+ * mdp_ru_procinst_form_data
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',procInstId:'流程实例编号',formDataId:'表单数据编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listProcinstFormData = params => { return axios.get(`${base}/mdp/workflow/ru/procinstFormData/list`, { params: params }); };
+
+//模糊查询mdp_ru_procinst_form_data 条件之间or关系  
+//export const listProcinstFormDataKey = params => { return axios.get(`${base}/mdp/workflow/ru/procinstFormData/listKey`, { params: params }); };
+
+//删除一条mdp_ru_procinst_form_data params={id:'主键 主键'}
+export const delProcinstFormData = params => { return axios.post(`${base}/mdp/workflow/ru/procinstFormData/del`,params); };
+
+//批量删除mdp_ru_procinst_form_data  params=[{id:'主键 主键'}]
+export const batchDelProcinstFormData = params => { return axios.post(`${base}/mdp/workflow/ru/procinstFormData/batchDel`, params); };
+
+//修改一条mdp_ru_procinst_form_data记录
+export const editProcinstFormData = params => { return axios.post(`${base}/mdp/workflow/ru/procinstFormData/edit`, params); };
+
+//新增一条mdp_ru_procinst_form_data
+export const addProcinstFormData = params => { return axios.post(`${base}/mdp/workflow/ru/procinstFormData/add`, params); };
\ No newline at end of file
diff --git a/src/api/mdp/workflow/ru/procinstParames.js b/src/api/mdp/workflow/ru/procinstParames.js
new file mode 100644
index 0000000..8d323a3
--- /dev/null
+++ b/src/api/mdp/workflow/ru/procinstParames.js
@@ -0,0 +1,33 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getWorkflowBasePath();
+
+
+/**
+ * mdp_ru_procinst_parames
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',isRefForm:'是否关联自定义表单',monitors:'监控人多个',sponsors:'主办人多个默认为发起人',procInstId:'流程实例编号',formId:'表单编号',procDefId:'流程定义编号',userid:'创建人',startDate:'发起时间',isTemplate:'是否存为模板',mainContext:'流程正文',mainTitle:'流程标题',deptid:'发起部门',bizUrl:'业务功能跳转',bizName:'流程分类编号',categoryId:'流程分类编号',branchId:'云用户机构编号',lastUserid:'最后更新用户编号',lastTime:'最后更新时间',flowState:'审批状态0未开始1审批中2审批结束',formShowType:'智能表单数据展现方式form/table',startUsername:'发起人姓名',startDeptName:'发起部门名称',fp:'备用字段1',sp:'备用字段2',tp:'备用字段3',pconfig:'5个备用字段',fo:'备用字段4',fi:'备用字段5',tagNames:'标签名称逗号分隔',tagIds:'标签编号逗号分隔'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listProcinstParames = params => { return axios.get(`${base}/mdp/workflow/ru/procinstParames/list`, { params: params }); };
+
+//模糊查询mdp_ru_procinst_parames 条件之间or关系  
+//export const listProcinstParamesKey = params => { return axios.get(`${base}/mdp/workflow/ru/procinstParames/listKey`, { params: params }); };
+
+//删除一条mdp_ru_procinst_parames params={id:'主键 主键'}
+export const delProcinstParames = params => { return axios.post(`${base}/mdp/workflow/ru/procinstParames/del`,params); };
+
+//批量删除mdp_ru_procinst_parames  params=[{id:'主键 主键'}]
+export const batchDelProcinstParames = params => { return axios.post(`${base}/mdp/workflow/ru/procinstParames/batchDel`, params); };
+
+//修改一条mdp_ru_procinst_parames记录
+export const editProcinstParames = params => { return axios.post(`${base}/mdp/workflow/ru/procinstParames/edit`, params); };
+
+//新增一条mdp_ru_procinst_parames
+export const addProcinstParames = params => { return axios.post(`${base}/mdp/workflow/ru/procinstParames/add`, params); };
+
+//单独更新计划完成时间
+export const editPlanFinishTime = params => { return axios.post(`${base}/mdp/workflow/ru/procinstParames/editPlanFinishTime`, params); };
diff --git a/src/api/mdp/workflow/ru/procinstTag.js b/src/api/mdp/workflow/ru/procinstTag.js
new file mode 100644
index 0000000..b24c185
--- /dev/null
+++ b/src/api/mdp/workflow/ru/procinstTag.js
@@ -0,0 +1,34 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base = config.getWorkflowBasePath();
+
+
+/**
+ * mdp_ru_procinst_tag
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'id 主键',procDefId:'流程编号',tag:'标签(arc.arc_tag表的id)',addUserid:'谁给我打的标签',addTime:'添加时间',state:'0无效1有效',tagName:'tag_name'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listProcinstTag = params => { return axios.get(`${base}/mdp/workflow/ru/procinstTag/list`, { params: params }); };
+
+//模糊查询mdp_ru_procinst_tag 条件之间or关系  
+//export const listProcinstTagKey = params => { return axios.get(`${base}/mdp/workflow/ru/procinstTag/listKey`, { params: params }); };
+
+//删除一条mdp_ru_procinst_tag params={id:'id 主键'}
+export const delProcinstTag = params => { return axios.post(`${base}/mdp/workflow/ru/procinstTag/del`,params); };
+
+//批量删除mdp_ru_procinst_tag  params=[{id:'id 主键'}]
+export const batchDelProcinstTag = params => { return axios.post(`${base}/mdp/workflow/ru/procinstTag/batchDel`, params); };
+
+//修改一条mdp_ru_procinst_tag记录
+export const editProcinstTag = params => { return axios.post(`${base}/mdp/workflow/ru/procinstTag/edit`, params); };
+
+//新增一条mdp_ru_procinst_tag
+export const addProcinstTag = params => { return axios.post(`${base}/mdp/workflow/ru/procinstTag/add`, params); };
+
+// params=[{procInstId:'',procDefId:'',branchId:'',userid:'',tags:[{tagId:'',tagName:''}]}]
+export const batchInsertOrDeleteTags = params => { return axios.post(`${base}/mdp/workflow/ru/procinstTag/batchInsertOrDeleteTags`, params); };
+
diff --git a/src/api/mdp/workflow/ru/task.js b/src/api/mdp/workflow/ru/task.js
new file mode 100644
index 0000000..da438aa
--- /dev/null
+++ b/src/api/mdp/workflow/ru/task.js
@@ -0,0 +1,67 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getWorkflowBasePath();
+
+//默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:1,pageSize:10,total:0}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+
+//普通查询
+export const listAssigneeToAnyTasks = params => { return axios.get(`${base}/mdp/workflow/ru/task/listAssigneeToAnyTasks`, { params: params }); };
+//普通查询
+export const listAssigneeToMeTasks = params => { return axios.get(`${base}/mdp/workflow/ru/task/listAssigneeToMeTasks`, { params: params }); };
+//普通查询
+export const listMyCandidateUserTasks = params => { return axios.get(`${base}/mdp/workflow/ru/task/listMyCandidateUserTasks`, { params: params }); };
+//普通查询
+export const listAnyCandidateUserTasks = params => { return axios.get(`${base}/mdp/workflow/ru/task/listAnyCandidateUserTasks`, { params: params }); };
+//普通查询
+export const listMyCandidateGroupTasks = params => { return axios.get(`${base}/mdp/workflow/ru/task/listMyCandidateGroupTasks`, { params: params }); };
+//普通查询
+export const listAnyCandidateGroupTasks = params => { return axios.get(`${base}/mdp/workflow/ru/task/listAnyCandidateGroupTasks`, { params: params }); };
+
+//关键字模糊查询 {字段1:v1,字段2:v1,字段3:v1},字段驼峰命名，条件之间默认为or关系
+//export const listTaskKey = params => { return axios.get(`${base}/mdp/workflow/ru/task/listKey`, { params: params }); };
+
+//删除一个
+export const delTask = params => { return axios.post(`${base}/mdp/workflow/ru/task/del`,params); };
+
+//批量删除
+export const batchDelTask = params => { return axios.post(`${base}/mdp/workflow/ru/task/batchDel`, params); };
+
+//修改一个
+export const editTask = params => { return axios.post(`${base}/mdp/workflow/ru/task/edit`, params); };
+
+//新增一个
+export const addTask = params => { return axios.post(`${base}/mdp/workflow/ru/task/add`, params); };
+
+//完成一个任务 action=complete/resolve/delegate/calim
+export const completeTask = params => { return axios.post(`${base}/mdp/workflow/ru/task/complete`, params); };
+
+// 添加办理意见，但是不提交任务
+export const addComment = params => { return axios.post(`${base}/mdp/workflow/ru/task/addComment`, params); };
+
+
+/**
+ * 新增候选人/部门/岗位 {branchId:'',taskId:'',procInstId:'',userids:[userid],deptids:[deptid],postids:[postid]}
+ * */
+export const addCandidate = params => { return axios.post(`${base}/mdp/workflow/ru/task/addCandidate`, params); };
+
+/**
+ * 删除候选人/部门/岗位 {taskId:'',procInstId:'',userids:[userid],deptids:[deptid],postids:[postid]}
+ * */
+export const delCandidate = params => { return axios.post(`${base}/mdp/workflow/ru/task/delCandidate`, params); };
+
+/**
+ * 查询候选个人
+ * */
+export const listCandidateUsers = params => { return axios.get(`${base}/mdp/workflow/ru/task/listCandidateUsers`, { params: params }); };
+
+/**
+ * 查询候选组（实际指部门）
+ * */
+export const listCandidateDepts = params => { return axios.get(`${base}/mdp/workflow/ru/task/listCandidateDepts`, { params: params }); };
+
+/**
+ * 查询候选岗位
+ * */
+export const listCandidatePosts = params => { return axios.get(`${base}/mdp/workflow/ru/task/listCandidatePosts`, { params: params }); }; 
\ No newline at end of file
diff --git a/src/api/qiniu.js b/src/api/qiniu.js
new file mode 100644
index 0000000..a037584
--- /dev/null
+++ b/src/api/qiniu.js
@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export function getToken() {
+  return request({
+    url: '/qiniu/upload/token', // 假地址 自行替换
+    method: 'get'
+  })
+}
diff --git a/src/api/remoteSearch.js b/src/api/remoteSearch.js
new file mode 100644
index 0000000..f279278
--- /dev/null
+++ b/src/api/remoteSearch.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function userSearch(name) {
+  return request({
+    url: '/search/user',
+    method: 'get',
+    params: { name }
+  })
+}
diff --git a/src/api/sms/sms.js b/src/api/sms/sms.js
new file mode 100644
index 0000000..026f654
--- /dev/null
+++ b/src/api/sms/sms.js
@@ -0,0 +1,15 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSmsBasePath();
+
+/**
+ * 发送短信验证码、验证短信验证码接口
+ **/
+ 
+//发送短信验证码
+export const sendSmsCode = params => { return axios.post(`${base}/sms/sendSmsCode`, params); };
+
+//验证短信验证码 
+export const validateSmsCode = params => { return axios.post(`${base}/sms/validateSmsCode`, params); };
\ No newline at end of file
diff --git a/src/api/transaction.js b/src/api/transaction.js
new file mode 100644
index 0000000..dfe6439
--- /dev/null
+++ b/src/api/transaction.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function fetchList(query) {
+  return request({
+    url: '/transaction/list',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/assets/401_images/401.gif b/src/assets/401_images/401.gif
new file mode 100644
index 0000000..cd6e0d9
Binary files /dev/null and b/src/assets/401_images/401.gif differ
diff --git a/src/assets/404_images/404.png b/src/assets/404_images/404.png
new file mode 100644
index 0000000..3d8e230
Binary files /dev/null and b/src/assets/404_images/404.png differ
diff --git a/src/assets/404_images/404_cloud.png b/src/assets/404_images/404_cloud.png
new file mode 100644
index 0000000..c6281d0
Binary files /dev/null and b/src/assets/404_images/404_cloud.png differ
diff --git a/src/assets/custom-theme/fonts/element-icons.ttf b/src/assets/custom-theme/fonts/element-icons.ttf
new file mode 100644
index 0000000..570a3e1
Binary files /dev/null and b/src/assets/custom-theme/fonts/element-icons.ttf differ
diff --git a/src/assets/custom-theme/fonts/element-icons.woff b/src/assets/custom-theme/fonts/element-icons.woff
new file mode 100644
index 0000000..c2bcc00
Binary files /dev/null and b/src/assets/custom-theme/fonts/element-icons.woff differ
diff --git a/src/assets/custom-theme/index.css b/src/assets/custom-theme/index.css
new file mode 100644
index 0000000..e8b4e08
--- /dev/null
+++ b/src/assets/custom-theme/index.css
@@ -0,0 +1 @@
+@charset "UTF-8";.custom-theme .fade-in-linear-enter-active,.custom-theme .fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.custom-theme .fade-in-linear-enter,.custom-theme .fade-in-linear-leave,.custom-theme .fade-in-linear-leave-active{opacity:0}.custom-theme .el-fade-in-linear-enter-active,.custom-theme .el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.custom-theme .el-fade-in-linear-enter,.custom-theme .el-fade-in-linear-leave,.custom-theme .el-fade-in-linear-leave-active{opacity:0}.custom-theme .el-fade-in-enter-active,.custom-theme .el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-fade-in-enter,.custom-theme .el-fade-in-leave-active{opacity:0}.custom-theme .el-zoom-in-center-enter-active,.custom-theme .el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-zoom-in-center-enter,.custom-theme .el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.custom-theme .el-zoom-in-top-enter-active,.custom-theme .el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.custom-theme .el-zoom-in-top-enter,.custom-theme .el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.custom-theme .el-zoom-in-bottom-enter-active,.custom-theme .el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.custom-theme .el-zoom-in-bottom-enter,.custom-theme .el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.custom-theme .el-zoom-in-left-enter-active,.custom-theme .el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.custom-theme .el-zoom-in-left-enter,.custom-theme .el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.custom-theme .collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.custom-theme .horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.custom-theme .el-list-enter-active,.custom-theme .el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.custom-theme .el-list-enter,.custom-theme .el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.custom-theme .el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1508751886602) format("woff"),url(fonts/element-icons.ttf?t=1508751886602) format("truetype");font-weight:400;font-style:normal}.custom-theme [class*=" el-icon-"],.custom-theme [class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-theme .el-icon-upload:before{content:"\e60d"}.custom-theme .el-icon-error:before{content:"\e62c"}.custom-theme .el-icon-success:before{content:"\e62d"}.custom-theme .el-icon-warning:before{content:"\e62e"}.custom-theme .el-icon-sort-down:before{content:"\e630"}.custom-theme .el-icon-sort-up:before{content:"\e631"}.custom-theme .el-icon-arrow-left:before{content:"\e600"}.custom-theme .el-icon-circle-plus:before{content:"\e601"}.custom-theme .el-icon-circle-plus-outline:before{content:"\e602"}.custom-theme .el-icon-arrow-down:before{content:"\e603"}.custom-theme .el-icon-arrow-right:before{content:"\e604"}.custom-theme .el-icon-arrow-up:before{content:"\e605"}.custom-theme .el-icon-back:before{content:"\e606"}.custom-theme .el-icon-circle-close:before{content:"\e607"}.custom-theme .el-icon-date:before{content:"\e608"}.custom-theme .el-icon-circle-close-outline:before{content:"\e609"}.custom-theme .el-icon-caret-left:before{content:"\e60a"}.custom-theme .el-icon-caret-bottom:before{content:"\e60b"}.custom-theme .el-icon-caret-top:before{content:"\e60c"}.custom-theme .el-icon-caret-right:before{content:"\e60e"}.custom-theme .el-icon-close:before{content:"\e60f"}.custom-theme .el-icon-d-arrow-left:before{content:"\e610"}.custom-theme .el-icon-check:before{content:"\e611"}.custom-theme .el-icon-delete:before{content:"\e612"}.custom-theme .el-icon-d-arrow-right:before{content:"\e613"}.custom-theme .el-icon-document:before{content:"\e614"}.custom-theme .el-icon-d-caret:before{content:"\e615"}.custom-theme .el-icon-edit-outline:before{content:"\e616"}.custom-theme .el-icon-download:before{content:"\e617"}.custom-theme .el-icon-goods:before{content:"\e618"}.custom-theme .el-icon-search:before{content:"\e619"}.custom-theme .el-icon-info:before{content:"\e61a"}.custom-theme .el-icon-message:before{content:"\e61b"}.custom-theme .el-icon-edit:before{content:"\e61c"}.custom-theme .el-icon-location:before{content:"\e61d"}.custom-theme .el-icon-loading:before{content:"\e61e"}.custom-theme .el-icon-location-outline:before{content:"\e61f"}.custom-theme .el-icon-menu:before{content:"\e620"}.custom-theme .el-icon-minus:before{content:"\e621"}.custom-theme .el-icon-bell:before{content:"\e622"}.custom-theme .el-icon-mobile-phone:before{content:"\e624"}.custom-theme .el-icon-news:before{content:"\e625"}.custom-theme .el-icon-more:before{content:"\e646"}.custom-theme .el-icon-more-outline:before{content:"\e626"}.custom-theme .el-icon-phone:before{content:"\e627"}.custom-theme .el-icon-phone-outline:before{content:"\e628"}.custom-theme .el-icon-picture:before{content:"\e629"}.custom-theme .el-icon-picture-outline:before{content:"\e62a"}.custom-theme .el-icon-plus:before{content:"\e62b"}.custom-theme .el-icon-printer:before{content:"\e62f"}.custom-theme .el-icon-rank:before{content:"\e632"}.custom-theme .el-icon-refresh:before{content:"\e633"}.custom-theme .el-icon-question:before{content:"\e634"}.custom-theme .el-icon-remove:before{content:"\e635"}.custom-theme .el-icon-share:before{content:"\e636"}.custom-theme .el-icon-star-on:before{content:"\e637"}.custom-theme .el-icon-setting:before{content:"\e638"}.custom-theme .el-icon-circle-check:before{content:"\e639"}.custom-theme .el-icon-service:before{content:"\e63a"}.custom-theme .el-icon-sold-out:before{content:"\e63b"}.custom-theme .el-icon-remove-outline:before{content:"\e63c"}.custom-theme .el-icon-star-off:before{content:"\e63d"}.custom-theme .el-icon-circle-check-outline:before{content:"\e63e"}.custom-theme .el-icon-tickets:before{content:"\e63f"}.custom-theme .el-icon-sort:before{content:"\e640"}.custom-theme .el-icon-zoom-in:before{content:"\e641"}.custom-theme .el-icon-time:before{content:"\e642"}.custom-theme .el-icon-view:before{content:"\e643"}.custom-theme .el-icon-upload2:before{content:"\e644"}.custom-theme .el-icon-zoom-out:before{content:"\e645"}.custom-theme .el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.custom-theme .el-icon--right{margin-left:5px}.custom-theme .el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .el-select-dropdown{position:absolute;z-index:1001;border:solid 1px #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#262729;background-color:#fff}.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-theme .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.custom-theme .el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.custom-theme .el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.custom-theme .el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.custom-theme .el-select-dropdown__wrap{max-height:274px}.custom-theme .el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-tag{background-color:rgba(38,39,41,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#262729;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(38,39,41,.2);white-space:nowrap}.custom-theme .el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-5px;color:#262729}.custom-theme .el-tag .el-icon-close::before{display:block}.custom-theme .el-tag .el-icon-close:hover{background-color:#262729;color:#fff}.custom-theme .el-tag--info{background-color:rgba(10,118,164,.1);border-color:rgba(10,118,164,.2);color:#0a76a4}.custom-theme .el-tag--info.is-hit{border-color:#0a76a4}.custom-theme .el-tag--info .el-tag__close{color:#0a76a4}.custom-theme .el-tag--info .el-tag__close:hover{background-color:#0a76a4;color:#fff}.custom-theme .el-tag--success{background-color:rgba(64,145,103,.1);border-color:rgba(64,145,103,.2);color:#409167}.custom-theme .el-tag--success.is-hit{border-color:#409167}.custom-theme .el-tag--success .el-tag__close{color:#409167}.custom-theme .el-tag--success .el-tag__close:hover{background-color:#409167;color:#fff}.custom-theme .el-tag--warning{background-color:rgba(157,164,8,.1);border-color:rgba(157,164,8,.2);color:#9da408}.custom-theme .el-tag--warning.is-hit{border-color:#9da408}.custom-theme .el-tag--warning .el-tag__close{color:#9da408}.custom-theme .el-tag--warning .el-tag__close:hover{background-color:#9da408;color:#fff}.custom-theme .el-tag--danger{background-color:rgba(179,69,14,.1);border-color:rgba(179,69,14,.2);color:#b3450e}.custom-theme .el-tag--danger.is-hit{border-color:#b3450e}.custom-theme .el-tag--danger .el-tag__close{color:#b3450e}.custom-theme .el-tag--danger .el-tag__close:hover{background-color:#b3450e;color:#fff}.custom-theme .el-tag--medium{height:28px;line-height:26px}.custom-theme .el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--small{height:24px;padding:0 8px;line-height:22px}.custom-theme .el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--mini{height:20px;padding:0 5px;line-height:19px}.custom-theme .el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.custom-theme .el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.custom-theme .el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.custom-theme .el-select-dropdown__item.is-disabled:hover{background-color:#fff}.custom-theme .el-select-dropdown__item.hover,.custom-theme .el-select-dropdown__item:hover{background-color:#f5f7fa}.custom-theme .el-select-dropdown__item.selected{color:#262729;font-weight:700}.custom-theme .el-select-dropdown__item span{line-height:34px!important}.custom-theme .el-select-group{margin:0;padding:0}.custom-theme .el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.custom-theme .el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.custom-theme .el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.custom-theme .el-select-group__title{padding-left:20px;font-size:12px;color:#0a76a4;line-height:30px}.custom-theme .el-select-group .el-select-dropdown__item{padding-left:20px}.custom-theme .el-scrollbar{overflow:hidden;position:relative}.custom-theme .el-scrollbar:active>.el-scrollbar__bar,.custom-theme .el-scrollbar:focus>.el-scrollbar__bar,.custom-theme .el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.custom-theme .el-scrollbar__wrap{overflow:scroll;height:100%}.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.custom-theme .el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.custom-theme .el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.custom-theme .el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.custom-theme .el-scrollbar__bar.is-vertical{width:6px;top:2px}.custom-theme .el-scrollbar__bar.is-vertical>div{width:100%}.custom-theme .el-scrollbar__bar.is-horizontal{height:6px;left:2px}.custom-theme .el-scrollbar__bar.is-horizontal>div{height:100%}.custom-theme .el-select{display:inline-block;position:relative}.custom-theme .el-select:hover .el-input__inner{border-color:#b4bccc}.custom-theme .el-select .el-input__inner{cursor:pointer;padding-right:35px}.custom-theme .el-select .el-input__inner:focus{border-color:#262729}.custom-theme .el-select .el-input .el-select__caret{color:#b4bccc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);line-height:16px;cursor:pointer}.custom-theme .el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.custom-theme .el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#b4bccc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-select .el-input .el-select__caret.is-show-close:hover{color:#878d99}.custom-theme .el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.custom-theme .el-select .el-input.is-disabled .el-input__inner:hover{border-color:#dfe4ed}.custom-theme .el-select>.el-input{display:block}.custom-theme .el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.custom-theme .el-select__input.is-mini{height:14px}.custom-theme .el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#b4bccc;line-height:18px;font-size:14px}.custom-theme .el-select__close:hover{color:#878d99}.custom-theme .el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.custom-theme .el-select .el-tag__close{margin-top:-2px}.custom-theme .el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:3px 0 3px 6px;background-color:#f0f2f5}.custom-theme .el-select .el-tag__close.el-icon-close{background-color:#b4bccc;right:-7px;color:#fff}.custom-theme .el-select .el-tag__close.el-icon-close:hover{background-color:#878d99}.custom-theme .el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.custom-theme .el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#262729}.custom-theme .el-select__tag .el-icon-close{font-size:14px}.custom-theme .el-pagination{white-space:nowrap;padding:2px 5px;color:#2d2f33;font-weight:700}.custom-theme .el-pagination::after,.custom-theme .el-pagination::before{display:table;content:""}.custom-theme .el-pagination::after{clear:both}.custom-theme .el-pagination button,.custom-theme .el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-pagination .el-input__inner{text-align:center}.custom-theme .el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-pagination .el-select .el-input{width:100px;margin:0 5px}.custom-theme .el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px;height:28px}.custom-theme .el-pagination button{border:none;padding:0 6px;background:0 0}.custom-theme .el-pagination button:focus{outline:0}.custom-theme .el-pagination button:hover{color:#262729}.custom-theme .el-pagination button.disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.custom-theme .el-pagination .btn-next,.custom-theme .el-pagination .btn-prev{background:center center no-repeat;background-size:16px;background-color:#fff;cursor:pointer;margin:0;color:#2d2f33}.custom-theme .el-pagination .btn-next .el-icon,.custom-theme .el-pagination .btn-prev .el-icon{display:block;font-size:12px}.custom-theme .el-pagination .btn-prev{padding-right:12px}.custom-theme .el-pagination .btn-next{padding-left:12px}.custom-theme .el-pagination--small .btn-next,.custom-theme .el-pagination--small .btn-prev,.custom-theme .el-pagination--small .el-pager li,.custom-theme .el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.custom-theme .el-pagination--small .arrow.disabled{visibility:hidden}.custom-theme .el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#5a5e66}.custom-theme .el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.custom-theme .el-pagination__sizes .el-input .el-input__inner:hover{border-color:#262729}.custom-theme .el-pagination__total{margin-right:10px;font-weight:400;color:#5a5e66}.custom-theme .el-pagination__jump{margin-left:24px;font-weight:400;color:#5a5e66}.custom-theme .el-pagination__jump .el-input__inner{padding:0 3px}.custom-theme .el-pagination__rightwrapper{float:right}.custom-theme .el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;-moz-appearance:textfield}.custom-theme .el-pagination__editor.el-input{width:50px}.custom-theme .el-pagination__editor.el-input .el-input__inner{height:28px}.custom-theme .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.custom-theme .el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-theme .el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;display:inline-block;vertical-align:top;font-size:0;padding:0;margin:0}.custom-theme .el-pager .el-icon-more::before{vertical-align:-4px}.custom-theme .el-pager li{padding:0 4px;background:#fff;vertical-align:top;display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;margin:0}.custom-theme .el-pager li.btn-quicknext,.custom-theme .el-pager li.btn-quickprev{line-height:28px;color:#2d2f33}.custom-theme .el-pager li.btn-quickprev:hover{cursor:pointer}.custom-theme .el-pager li.btn-quicknext:hover{cursor:pointer}.custom-theme .el-pager li.active+li{border-left:0}.custom-theme .el-pager li:hover{color:#262729}.custom-theme .el-pager li.active{color:#262729;cursor:default}.custom-theme .v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.custom-theme .v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.custom-theme .v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.custom-theme .el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.custom-theme .el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.custom-theme .el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.custom-theme .el-dialog__header{padding:15px;padding-bottom:10px}.custom-theme .el-dialog__headerbtn{position:absolute;top:15px;right:15px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.custom-theme .el-dialog__headerbtn .el-dialog__close{color:#0a76a4}.custom-theme .el-dialog__headerbtn:focus .el-dialog__close,.custom-theme .el-dialog__headerbtn:hover .el-dialog__close{color:#262729}.custom-theme .el-dialog__title{line-height:24px;font-size:18px;color:#2d2f33}.custom-theme .el-dialog__body{padding:30px 20px;color:#5a5e66;line-height:24px;font-size:14px}.custom-theme .el-dialog__footer{padding:15px;padding-top:10px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-dialog--center{text-align:center}.custom-theme .el-dialog--center .el-dialog__header{padding-top:30px}.custom-theme .el-dialog--center .el-dialog__body{text-align:initial;padding:25px 27px 30px}.custom-theme .el-dialog--center .el-dialog__footer{text-align:inherit;padding-bottom:30px}.custom-theme .dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.custom-theme .dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-scrollbar{overflow:hidden;position:relative}.custom-theme .el-scrollbar:active>.el-scrollbar__bar,.custom-theme .el-scrollbar:focus>.el-scrollbar__bar,.custom-theme .el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.custom-theme .el-scrollbar__wrap{overflow:scroll;height:100%}.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.custom-theme .el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.custom-theme .el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.custom-theme .el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.custom-theme .el-scrollbar__bar.is-vertical{width:6px;top:2px}.custom-theme .el-scrollbar__bar.is-vertical>div{width:100%}.custom-theme .el-scrollbar__bar.is-horizontal{height:6px;left:2px}.custom-theme .el-scrollbar__bar.is-horizontal>div{height:100%}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .el-autocomplete{position:relative;display:inline-block}.custom-theme .el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px}.custom-theme .el-autocomplete-suggestion.el-popper .popper__arrow{left:24px!important}.custom-theme .el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:#fff;border:1px solid #dfe4ed;border-radius:4px}.custom-theme .el-autocomplete-suggestion__list{margin:0;padding:0}.custom-theme .el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#5a5e66;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-theme .el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.custom-theme .el-autocomplete-suggestion li.highlighted{background-color:#f5f7fa}.custom-theme .el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.custom-theme .el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.custom-theme .el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.custom-theme .el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.custom-theme .el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.custom-theme .el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.custom-theme .el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-color:#d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.custom-theme .el-button+.el-button{margin-left:10px}.custom-theme .el-button.is-round{padding:12px 20px}.custom-theme .el-button:focus,.custom-theme .el-button:hover{color:#262729;border-color:#bebebf;background-color:#e9e9ea}.custom-theme .el-button:active{color:#222325;border-color:#222325;outline:0}.custom-theme .el-button::-moz-focus-inner{border:0}.custom-theme .el-button [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-button.is-plain:focus,.custom-theme .el-button.is-plain:hover{background:#fff;border-color:#262729;color:#262729}.custom-theme .el-button.is-plain:active{background:#fff;border-color:#222325;color:#222325;outline:0}.custom-theme .el-button.is-active{color:#222325;border-color:#222325}.custom-theme .el-button.is-disabled,.custom-theme .el-button.is-disabled:focus,.custom-theme .el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.custom-theme .el-button.is-disabled.el-button--text{background-color:transparent}.custom-theme .el-button.is-disabled.is-plain,.custom-theme .el-button.is-disabled.is-plain:focus,.custom-theme .el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.custom-theme .el-button.is-loading{position:relative;pointer-events:none}.custom-theme .el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.custom-theme .el-button.is-round{border-radius:20px;padding:12px 23px}.custom-theme .el-button--primary{color:#fff;background-color:#262729;border-color:#262729}.custom-theme .el-button--primary:focus,.custom-theme .el-button--primary:hover{background:#515254;border-color:#515254;color:#fff}.custom-theme .el-button--primary:active{background:#222325;border-color:#222325;color:#fff;outline:0}.custom-theme .el-button--primary.is-active{background:#222325;border-color:#222325;color:#fff}.custom-theme .el-button--primary.is-disabled,.custom-theme .el-button--primary.is-disabled:active,.custom-theme .el-button--primary.is-disabled:focus,.custom-theme .el-button--primary.is-disabled:hover{color:#fff;background-color:#939394;border-color:#939394}.custom-theme .el-button--primary.is-plain{color:#262729;background:#e9e9ea;border-color:#a8a9a9}.custom-theme .el-button--primary.is-plain:focus,.custom-theme .el-button--primary.is-plain:hover{background:#262729;border-color:#262729;color:#fff}.custom-theme .el-button--primary.is-plain:active{background:#222325;border-color:#222325;color:#fff;outline:0}.custom-theme .el-button--primary.is-plain.is-disabled,.custom-theme .el-button--primary.is-plain.is-disabled:active,.custom-theme .el-button--primary.is-plain.is-disabled:focus,.custom-theme .el-button--primary.is-plain.is-disabled:hover{color:#7d7d7f;background-color:#e9e9ea;border-color:#d4d4d4}.custom-theme .el-button--success{color:#fff;background-color:#409167;border-color:#409167}.custom-theme .el-button--success:focus,.custom-theme .el-button--success:hover{background:#66a785;border-color:#66a785;color:#fff}.custom-theme .el-button--success:active{background:#3a835d;border-color:#3a835d;color:#fff;outline:0}.custom-theme .el-button--success.is-active{background:#3a835d;border-color:#3a835d;color:#fff}.custom-theme .el-button--success.is-disabled,.custom-theme .el-button--success.is-disabled:active,.custom-theme .el-button--success.is-disabled:focus,.custom-theme .el-button--success.is-disabled:hover{color:#fff;background-color:#a0c8b3;border-color:#a0c8b3}.custom-theme .el-button--success.is-plain{color:#409167;background:#ecf4f0;border-color:#b3d3c2}.custom-theme .el-button--success.is-plain:focus,.custom-theme .el-button--success.is-plain:hover{background:#409167;border-color:#409167;color:#fff}.custom-theme .el-button--success.is-plain:active{background:#3a835d;border-color:#3a835d;color:#fff;outline:0}.custom-theme .el-button--success.is-plain.is-disabled,.custom-theme .el-button--success.is-plain.is-disabled:active,.custom-theme .el-button--success.is-plain.is-disabled:focus,.custom-theme .el-button--success.is-plain.is-disabled:hover{color:#8cbda4;background-color:#ecf4f0;border-color:#d9e9e1}.custom-theme .el-button--warning{color:#fff;background-color:#9da408;border-color:#9da408}.custom-theme .el-button--warning:focus,.custom-theme .el-button--warning:hover{background:#b1b639;border-color:#b1b639;color:#fff}.custom-theme .el-button--warning:active{background:#8d9407;border-color:#8d9407;color:#fff;outline:0}.custom-theme .el-button--warning.is-active{background:#8d9407;border-color:#8d9407;color:#fff}.custom-theme .el-button--warning.is-disabled,.custom-theme .el-button--warning.is-disabled:active,.custom-theme .el-button--warning.is-disabled:focus,.custom-theme .el-button--warning.is-disabled:hover{color:#fff;background-color:#ced284;border-color:#ced284}.custom-theme .el-button--warning.is-plain{color:#9da408;background:#f5f6e6;border-color:#d8db9c}.custom-theme .el-button--warning.is-plain:focus,.custom-theme .el-button--warning.is-plain:hover{background:#9da408;border-color:#9da408;color:#fff}.custom-theme .el-button--warning.is-plain:active{background:#8d9407;border-color:#8d9407;color:#fff;outline:0}.custom-theme .el-button--warning.is-plain.is-disabled,.custom-theme .el-button--warning.is-plain.is-disabled:active,.custom-theme .el-button--warning.is-plain.is-disabled:focus,.custom-theme .el-button--warning.is-plain.is-disabled:hover{color:#c4c86b;background-color:#f5f6e6;border-color:#ebedce}.custom-theme .el-button--danger{color:#fff;background-color:#b3450e;border-color:#b3450e}.custom-theme .el-button--danger:focus,.custom-theme .el-button--danger:hover{background:#c26a3e;border-color:#c26a3e;color:#fff}.custom-theme .el-button--danger:active{background:#a13e0d;border-color:#a13e0d;color:#fff;outline:0}.custom-theme .el-button--danger.is-active{background:#a13e0d;border-color:#a13e0d;color:#fff}.custom-theme .el-button--danger.is-disabled,.custom-theme .el-button--danger.is-disabled:active,.custom-theme .el-button--danger.is-disabled:focus,.custom-theme .el-button--danger.is-disabled:hover{color:#fff;background-color:#d9a287;border-color:#d9a287}.custom-theme .el-button--danger.is-plain{color:#b3450e;background:#f7ece7;border-color:#e1b59f}.custom-theme .el-button--danger.is-plain:focus,.custom-theme .el-button--danger.is-plain:hover{background:#b3450e;border-color:#b3450e;color:#fff}.custom-theme .el-button--danger.is-plain:active{background:#a13e0d;border-color:#a13e0d;color:#fff;outline:0}.custom-theme .el-button--danger.is-plain.is-disabled,.custom-theme .el-button--danger.is-plain.is-disabled:active,.custom-theme .el-button--danger.is-plain.is-disabled:focus,.custom-theme .el-button--danger.is-plain.is-disabled:hover{color:#d18f6e;background-color:#f7ece7;border-color:#f0dacf}.custom-theme .el-button--info{color:#fff;background-color:#0a76a4;border-color:#0a76a4}.custom-theme .el-button--info:focus,.custom-theme .el-button--info:hover{background:#3b91b6;border-color:#3b91b6;color:#fff}.custom-theme .el-button--info:active{background:#096a94;border-color:#096a94;color:#fff;outline:0}.custom-theme .el-button--info.is-active{background:#096a94;border-color:#096a94;color:#fff}.custom-theme .el-button--info.is-disabled,.custom-theme .el-button--info.is-disabled:active,.custom-theme .el-button--info.is-disabled:focus,.custom-theme .el-button--info.is-disabled:hover{color:#fff;background-color:#85bbd2;border-color:#85bbd2}.custom-theme .el-button--info.is-plain{color:#0a76a4;background:#e7f1f6;border-color:#9dc8db}.custom-theme .el-button--info.is-plain:focus,.custom-theme .el-button--info.is-plain:hover{background:#0a76a4;border-color:#0a76a4;color:#fff}.custom-theme .el-button--info.is-plain:active{background:#096a94;border-color:#096a94;color:#fff;outline:0}.custom-theme .el-button--info.is-plain.is-disabled,.custom-theme .el-button--info.is-plain.is-disabled:active,.custom-theme .el-button--info.is-plain.is-disabled:focus,.custom-theme .el-button--info.is-plain.is-disabled:hover{color:#6cadc8;background-color:#e7f1f6;border-color:#cee4ed}.custom-theme .el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.custom-theme .el-button--medium.is-round{padding:10px 20px}.custom-theme .el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.custom-theme .el-button--small.is-round{padding:9px 15px}.custom-theme .el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.custom-theme .el-button--mini.is-round{padding:7px 15px}.custom-theme .el-button--text{border:none;color:#262729;background:0 0;padding-left:0;padding-right:0}.custom-theme .el-button--text:focus,.custom-theme .el-button--text:hover{color:#515254;border-color:transparent;background-color:transparent}.custom-theme .el-button--text:active{color:#222325;border-color:transparent;background-color:transparent}.custom-theme .el-button-group{display:inline-block;vertical-align:middle}.custom-theme .el-button-group::after,.custom-theme .el-button-group::before{display:table;content:""}.custom-theme .el-button-group::after{clear:both}.custom-theme .el-button-group .el-button{float:left;position:relative}.custom-theme .el-button-group .el-button+.el-button{margin-left:0}.custom-theme .el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.custom-theme .el-button-group .el-button:not(:last-child){margin-right:-1px}.custom-theme .el-button-group .el-button:active,.custom-theme .el-button-group .el-button:focus,.custom-theme .el-button-group .el-button:hover{z-index:1}.custom-theme .el-button-group .el-button.is-active{z-index:1}.custom-theme .el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .el-dropdown{display:inline-block;position:relative;color:#5a5e66;font-size:14px}.custom-theme .el-dropdown .el-button-group{display:block}.custom-theme .el-dropdown .el-button-group .el-button{float:none}.custom-theme .el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.custom-theme .el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.custom-theme .el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.custom-theme .el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.custom-theme .el-dropdown__icon{font-size:12px;margin:0 3px}.custom-theme .el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.custom-theme .el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#5a5e66;cursor:pointer}.custom-theme .el-dropdown-menu__item:not(.is-disabled):hover{background-color:#e9e9ea;color:#515254}.custom-theme .el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #e6ebf5}.custom-theme .el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}.custom-theme .el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.custom-theme .el-dropdown-menu--medium{padding:6px 0}.custom-theme .el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.custom-theme .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.custom-theme .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.custom-theme .el-dropdown-menu--small{padding:6px 0}.custom-theme .el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.custom-theme .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.custom-theme .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.custom-theme .el-dropdown-menu--mini{padding:3px 0}.custom-theme .el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.custom-theme .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.custom-theme .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.custom-theme .el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#fff}.custom-theme .el-menu::after,.custom-theme .el-menu::before{display:table;content:""}.custom-theme .el-menu::after{clear:both}.custom-theme .el-menu li{list-style:none}.custom-theme .el-menu--horizontal{border-right:none;border-bottom:solid 1px #e6e6e6}.custom-theme .el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;color:#878d99}.custom-theme .el-menu--horizontal .el-menu-item a,.custom-theme .el-menu--horizontal .el-menu-item a:hover{color:inherit}.custom-theme .el-menu--horizontal .el-menu-item:focus,.custom-theme .el-menu--horizontal .el-menu-item:hover{background-color:#fff}.custom-theme .el-menu--horizontal .el-submenu{float:left;position:relative}.custom-theme .el-menu--horizontal .el-submenu:focus{outline:0}.custom-theme .el-menu--horizontal .el-submenu:focus>.el-submenu__title{color:#2d2f33}.custom-theme .el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:none;padding:5px 0;background-color:#fff;z-index:100;min-width:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px}.custom-theme .el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#878d99}.custom-theme .el-menu--horizontal .el-submenu .el-submenu__title:hover{background-color:#fff}.custom-theme .el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.custom-theme .el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.custom-theme .el-menu--horizontal .el-menu-item:focus,.custom-theme .el-menu--horizontal .el-menu-item:hover,.custom-theme .el-menu--horizontal .el-submenu__title:hover{outline:0;color:#2d2f33}.custom-theme .el-menu--horizontal>.el-menu-item.is-active,.custom-theme .el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #262729;color:#2d2f33}.custom-theme .el-menu--collapse{width:64px}.custom-theme .el-menu--collapse>.el-menu-item [class^=el-icon-],.custom-theme .el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.custom-theme .el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.custom-theme .el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.custom-theme .el-menu--collapse>.el-menu-item span,.custom-theme .el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.custom-theme .el-menu--collapse>.el-menu-item.is-active i{color:inherit}.custom-theme .el-menu--collapse .el-menu .el-submenu{min-width:200px}.custom-theme .el-menu--collapse .el-submenu{position:relative}.custom-theme .el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.custom-theme .el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.custom-theme .el-menu-item{height:56px;line-height:56px;font-size:14px;color:#2d2f33;padding:0 20px;cursor:pointer;position:relative;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.custom-theme .el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px}.custom-theme .el-menu-item *{vertical-align:middle}.custom-theme .el-menu-item:first-child{margin-left:0}.custom-theme .el-menu-item:last-child{margin-right:0}.custom-theme .el-menu-item:focus,.custom-theme .el-menu-item:hover{outline:0;background-color:#e9e9ea}.custom-theme .el-menu-item i{color:#878d99}.custom-theme .el-menu-item.is-active{color:#262729}.custom-theme .el-menu-item.is-active i{color:inherit}.custom-theme .el-submenu__title{position:relative;height:56px;line-height:56px;font-size:14px;color:#2d2f33;padding:0 20px;cursor:pointer;position:relative;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.custom-theme .el-submenu__title *{vertical-align:middle}.custom-theme .el-submenu__title i{color:#878d99}.custom-theme .el-submenu__title:hover{background-color:#e9e9ea}.custom-theme .el-submenu .el-menu{border:none}.custom-theme .el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.custom-theme .el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.custom-theme .el-submenu.is-active .el-submenu__title{border-bottom-color:#262729}.custom-theme .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.custom-theme .el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.custom-theme .el-menu-item-group>ul{padding:0}.custom-theme .el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#878d99}.custom-theme .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.custom-theme .el-input-number .el-input{display:block}.custom-theme .el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.custom-theme .el-input-number__decrease,.custom-theme .el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#5a5e66;cursor:pointer;font-size:13px}.custom-theme .el-input-number__decrease:hover,.custom-theme .el-input-number__increase:hover{color:#262729}.custom-theme .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.custom-theme .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#262729}.custom-theme .el-input-number__decrease.is-disabled,.custom-theme .el-input-number__increase.is-disabled{color:#b4bccc;cursor:not-allowed}.custom-theme .el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #d8dce5}.custom-theme .el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #d8dce5}.custom-theme .el-input-number.is-disabled .el-input-number__decrease,.custom-theme .el-input-number.is-disabled .el-input-number__increase{border-color:#dfe4ed;color:#dfe4ed}.custom-theme .el-input-number.is-disabled .el-input-number__decrease:hover,.custom-theme .el-input-number.is-disabled .el-input-number__increase:hover{color:#dfe4ed;cursor:not-allowed}.custom-theme .el-input-number--medium{width:200px;line-height:34px}.custom-theme .el-input-number--medium .el-input-number__decrease,.custom-theme .el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.custom-theme .el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.custom-theme .el-input-number--small{width:130px;line-height:30px}.custom-theme .el-input-number--small .el-input-number__decrease,.custom-theme .el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.custom-theme .el-input-number--small .el-input-number__decrease [class*=el-icon],.custom-theme .el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.custom-theme .el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.custom-theme .el-input-number--mini{width:130px;line-height:26px}.custom-theme .el-input-number--mini .el-input-number__decrease,.custom-theme .el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.custom-theme .el-input-number--mini .el-input-number__decrease [class*=el-icon],.custom-theme .el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.custom-theme .el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.custom-theme .el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.custom-theme .el-input-number.is-controls-right .el-input-number__decrease,.custom-theme .el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.custom-theme .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.custom-theme .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d8dce5}.custom-theme .el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d8dce5;border-radius:0 0 4px 0}.custom-theme .el-input-number.is-controls-right[class*=medium] [class*=decrease],.custom-theme .el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.custom-theme .el-input-number.is-controls-right[class*=small] [class*=decrease],.custom-theme .el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.custom-theme .el-input-number.is-controls-right[class*=mini] [class*=decrease],.custom-theme .el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.custom-theme .el-radio{color:#5a5e66;font-weight:500;line-height:1;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;outline:0;font-size:14px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.custom-theme .el-radio.is-bordered{padding:10px 20px 10px 10px;border-radius:4px;border:1px solid #d8dce5}.custom-theme .el-radio.is-bordered.is-checked{border-color:#262729}.custom-theme .el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#e6ebf5}.custom-theme .el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.custom-theme .el-radio--medium.is-bordered{padding:8px 20px 8px 10px;border-radius:4px}.custom-theme .el-radio--medium.is-bordered .el-radio__label{font-size:14px}.custom-theme .el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.custom-theme .el-radio--small.is-bordered{padding:6px 15px 6px 10px;border-radius:3px}.custom-theme .el-radio--small.is-bordered .el-radio__label{font-size:12px}.custom-theme .el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.custom-theme .el-radio--mini.is-bordered{padding:4px 15px 4px 10px;border-radius:3px}.custom-theme .el-radio--mini.is-bordered .el-radio__label{font-size:12px}.custom-theme .el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.custom-theme .el-radio+.el-radio{margin-left:30px}.custom-theme .el-radio__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.custom-theme .el-radio__input.is-disabled .el-radio__inner{background-color:#f5f7fa;border-color:#dfe4ed;cursor:not-allowed}.custom-theme .el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.custom-theme .el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.custom-theme .el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#dfe4ed}.custom-theme .el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#b4bccc}.custom-theme .el-radio__input.is-disabled+span.el-radio__label{color:#b4bccc;cursor:not-allowed}.custom-theme .el-radio__input.is-checked .el-radio__inner{border-color:#262729;background:#262729}.custom-theme .el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.custom-theme .el-radio__input.is-checked+.el-radio__label{color:#262729}.custom-theme .el-radio__input.is-focus .el-radio__inner{border-color:#262729}.custom-theme .el-radio__inner{border:1px solid #d8dce5;border-radius:100%;width:14px;height:14px;background-color:#fff;position:relative;cursor:pointer;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-radio__inner:hover{border-color:#262729}.custom-theme .el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6),-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6)}.custom-theme .el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.custom-theme .el-radio:focus:not(.is-focus):not(:active) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #262729;box-shadow:0 0 2px 2px #262729}.custom-theme .el-radio__label{font-size:14px;padding-left:10px}.custom-theme .el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}.custom-theme .el-radio-button{position:relative;display:inline-block;outline:0}.custom-theme .el-radio-button__inner{display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid #d8dce5;font-weight:500;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.custom-theme .el-radio-button__inner.is-round{padding:12px 20px}.custom-theme .el-radio-button__inner:hover{color:#262729}.custom-theme .el-radio-button__inner [class*=el-icon-]{line-height:.9}.custom-theme .el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.custom-theme .el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#262729;border-color:#262729;-webkit-box-shadow:-1px 0 0 0 #262729;box-shadow:-1px 0 0 0 #262729}.custom-theme .el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.custom-theme .el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#edf2fc}.custom-theme .el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.custom-theme .el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.custom-theme .el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.custom-theme .el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.custom-theme .el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.custom-theme .el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.custom-theme .el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.custom-theme .el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.custom-theme .el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.custom-theme .el-radio-button:focus:not(.is-focus):not(:active){-webkit-box-shadow:0 0 2px 2px #262729;box-shadow:0 0 2px 2px #262729}.custom-theme .el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5}.custom-theme .el-checkbox.is-bordered.is-checked{border-color:#262729}.custom-theme .el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.custom-theme .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small{padding:3px 15px 7px 10px;border-radius:3px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini{padding:1px 15px 5px 10px;border-radius:3px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.custom-theme .el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#262729;border-color:#262729}.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.custom-theme .el-checkbox__input.is-checked+.el-checkbox__label{color:#262729}.custom-theme .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#262729}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#262729;border-color:#262729}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.custom-theme .el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.custom-theme .el-checkbox__inner:hover{border-color:#262729}.custom-theme .el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.custom-theme .el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.custom-theme .el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.custom-theme .el-checkbox+.el-checkbox{margin-left:30px}.custom-theme .el-checkbox-button{position:relative;display:inline-block}.custom-theme .el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.custom-theme .el-checkbox-button__inner.is-round{padding:12px 20px}.custom-theme .el-checkbox-button__inner:hover{color:#262729}.custom-theme .el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.custom-theme .el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.custom-theme .el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#262729;border-color:#262729;-webkit-box-shadow:-1px 0 0 0 #7d7d7f;box-shadow:-1px 0 0 0 #7d7d7f}.custom-theme .el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.custom-theme .el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.custom-theme .el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#262729}.custom-theme .el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.custom-theme .el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.custom-theme .el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.custom-theme .el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.custom-theme .el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.custom-theme .el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.custom-theme .el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.custom-theme .el-checkbox-group{font-size:0}.custom-theme .el-switch{display:inline-block;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.custom-theme .el-switch.is-disabled .el-switch__core,.custom-theme .el-switch.is-disabled .el-switch__label{cursor:not-allowed}.custom-theme .el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:#2d2f33}.custom-theme .el-switch__label.is-active{color:#262729}.custom-theme .el-switch__label--left{margin-right:10px}.custom-theme .el-switch__label--right{margin-left:10px}.custom-theme .el-switch__label *{line-height:1;font-size:14px;display:inline-block}.custom-theme .el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.custom-theme .el-switch__input:focus~.el-switch__core{outline:1px solid #262729}.custom-theme .el-switch__core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid #d8dce5;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#d8dce5;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;vertical-align:middle}.custom-theme .el-switch__core .el-switch__button{position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:16px;height:16px;background-color:#fff}.custom-theme .el-switch.is-checked .el-switch__core{border-color:#262729;background-color:#262729}.custom-theme .el-switch.is-disabled{opacity:.6}.custom-theme .el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.custom-theme .el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.custom-theme .el-switch .label-fade-enter,.custom-theme .el-switch .label-fade-leave-active{opacity:0}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .el-select-dropdown{position:absolute;z-index:1001;border:solid 1px #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#262729;background-color:#fff}.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-theme .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.custom-theme .el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.custom-theme .el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.custom-theme .el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.custom-theme .el-select-dropdown__wrap{max-height:274px}.custom-theme .el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-tag{background-color:rgba(38,39,41,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#262729;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(38,39,41,.2);white-space:nowrap}.custom-theme .el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-5px;color:#262729}.custom-theme .el-tag .el-icon-close::before{display:block}.custom-theme .el-tag .el-icon-close:hover{background-color:#262729;color:#fff}.custom-theme .el-tag--info{background-color:rgba(10,118,164,.1);border-color:rgba(10,118,164,.2);color:#0a76a4}.custom-theme .el-tag--info.is-hit{border-color:#0a76a4}.custom-theme .el-tag--info .el-tag__close{color:#0a76a4}.custom-theme .el-tag--info .el-tag__close:hover{background-color:#0a76a4;color:#fff}.custom-theme .el-tag--success{background-color:rgba(64,145,103,.1);border-color:rgba(64,145,103,.2);color:#409167}.custom-theme .el-tag--success.is-hit{border-color:#409167}.custom-theme .el-tag--success .el-tag__close{color:#409167}.custom-theme .el-tag--success .el-tag__close:hover{background-color:#409167;color:#fff}.custom-theme .el-tag--warning{background-color:rgba(157,164,8,.1);border-color:rgba(157,164,8,.2);color:#9da408}.custom-theme .el-tag--warning.is-hit{border-color:#9da408}.custom-theme .el-tag--warning .el-tag__close{color:#9da408}.custom-theme .el-tag--warning .el-tag__close:hover{background-color:#9da408;color:#fff}.custom-theme .el-tag--danger{background-color:rgba(179,69,14,.1);border-color:rgba(179,69,14,.2);color:#b3450e}.custom-theme .el-tag--danger.is-hit{border-color:#b3450e}.custom-theme .el-tag--danger .el-tag__close{color:#b3450e}.custom-theme .el-tag--danger .el-tag__close:hover{background-color:#b3450e;color:#fff}.custom-theme .el-tag--medium{height:28px;line-height:26px}.custom-theme .el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--small{height:24px;padding:0 8px;line-height:22px}.custom-theme .el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--mini{height:20px;padding:0 5px;line-height:19px}.custom-theme .el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.custom-theme .el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.custom-theme .el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.custom-theme .el-select-dropdown__item.is-disabled:hover{background-color:#fff}.custom-theme .el-select-dropdown__item.hover,.custom-theme .el-select-dropdown__item:hover{background-color:#f5f7fa}.custom-theme .el-select-dropdown__item.selected{color:#262729;font-weight:700}.custom-theme .el-select-dropdown__item span{line-height:34px!important}.custom-theme .el-select-group{margin:0;padding:0}.custom-theme .el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.custom-theme .el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.custom-theme .el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.custom-theme .el-select-group__title{padding-left:20px;font-size:12px;color:#0a76a4;line-height:30px}.custom-theme .el-select-group .el-select-dropdown__item{padding-left:20px}.custom-theme .el-scrollbar{overflow:hidden;position:relative}.custom-theme .el-scrollbar:active>.el-scrollbar__bar,.custom-theme .el-scrollbar:focus>.el-scrollbar__bar,.custom-theme .el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.custom-theme .el-scrollbar__wrap{overflow:scroll;height:100%}.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.custom-theme .el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.custom-theme .el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.custom-theme .el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.custom-theme .el-scrollbar__bar.is-vertical{width:6px;top:2px}.custom-theme .el-scrollbar__bar.is-vertical>div{width:100%}.custom-theme .el-scrollbar__bar.is-horizontal{height:6px;left:2px}.custom-theme .el-scrollbar__bar.is-horizontal>div{height:100%}.custom-theme .el-select{display:inline-block;position:relative}.custom-theme .el-select:hover .el-input__inner{border-color:#b4bccc}.custom-theme .el-select .el-input__inner{cursor:pointer;padding-right:35px}.custom-theme .el-select .el-input__inner:focus{border-color:#262729}.custom-theme .el-select .el-input .el-select__caret{color:#b4bccc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);line-height:16px;cursor:pointer}.custom-theme .el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.custom-theme .el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#b4bccc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-select .el-input .el-select__caret.is-show-close:hover{color:#878d99}.custom-theme .el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.custom-theme .el-select .el-input.is-disabled .el-input__inner:hover{border-color:#dfe4ed}.custom-theme .el-select>.el-input{display:block}.custom-theme .el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.custom-theme .el-select__input.is-mini{height:14px}.custom-theme .el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#b4bccc;line-height:18px;font-size:14px}.custom-theme .el-select__close:hover{color:#878d99}.custom-theme .el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.custom-theme .el-select .el-tag__close{margin-top:-2px}.custom-theme .el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:3px 0 3px 6px;background-color:#f0f2f5}.custom-theme .el-select .el-tag__close.el-icon-close{background-color:#b4bccc;right:-7px;color:#fff}.custom-theme .el-select .el-tag__close.el-icon-close:hover{background-color:#878d99}.custom-theme .el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.custom-theme .el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#262729}.custom-theme .el-select__tag .el-icon-close{font-size:14px}.custom-theme .el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-color:#d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.custom-theme .el-button+.el-button{margin-left:10px}.custom-theme .el-button.is-round{padding:12px 20px}.custom-theme .el-button:focus,.custom-theme .el-button:hover{color:#262729;border-color:#bebebf;background-color:#e9e9ea}.custom-theme .el-button:active{color:#222325;border-color:#222325;outline:0}.custom-theme .el-button::-moz-focus-inner{border:0}.custom-theme .el-button [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-button.is-plain:focus,.custom-theme .el-button.is-plain:hover{background:#fff;border-color:#262729;color:#262729}.custom-theme .el-button.is-plain:active{background:#fff;border-color:#222325;color:#222325;outline:0}.custom-theme .el-button.is-active{color:#222325;border-color:#222325}.custom-theme .el-button.is-disabled,.custom-theme .el-button.is-disabled:focus,.custom-theme .el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.custom-theme .el-button.is-disabled.el-button--text{background-color:transparent}.custom-theme .el-button.is-disabled.is-plain,.custom-theme .el-button.is-disabled.is-plain:focus,.custom-theme .el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.custom-theme .el-button.is-loading{position:relative;pointer-events:none}.custom-theme .el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.custom-theme .el-button.is-round{border-radius:20px;padding:12px 23px}.custom-theme .el-button--primary{color:#fff;background-color:#262729;border-color:#262729}.custom-theme .el-button--primary:focus,.custom-theme .el-button--primary:hover{background:#515254;border-color:#515254;color:#fff}.custom-theme .el-button--primary:active{background:#222325;border-color:#222325;color:#fff;outline:0}.custom-theme .el-button--primary.is-active{background:#222325;border-color:#222325;color:#fff}.custom-theme .el-button--primary.is-disabled,.custom-theme .el-button--primary.is-disabled:active,.custom-theme .el-button--primary.is-disabled:focus,.custom-theme .el-button--primary.is-disabled:hover{color:#fff;background-color:#939394;border-color:#939394}.custom-theme .el-button--primary.is-plain{color:#262729;background:#e9e9ea;border-color:#a8a9a9}.custom-theme .el-button--primary.is-plain:focus,.custom-theme .el-button--primary.is-plain:hover{background:#262729;border-color:#262729;color:#fff}.custom-theme .el-button--primary.is-plain:active{background:#222325;border-color:#222325;color:#fff;outline:0}.custom-theme .el-button--primary.is-plain.is-disabled,.custom-theme .el-button--primary.is-plain.is-disabled:active,.custom-theme .el-button--primary.is-plain.is-disabled:focus,.custom-theme .el-button--primary.is-plain.is-disabled:hover{color:#7d7d7f;background-color:#e9e9ea;border-color:#d4d4d4}.custom-theme .el-button--success{color:#fff;background-color:#409167;border-color:#409167}.custom-theme .el-button--success:focus,.custom-theme .el-button--success:hover{background:#66a785;border-color:#66a785;color:#fff}.custom-theme .el-button--success:active{background:#3a835d;border-color:#3a835d;color:#fff;outline:0}.custom-theme .el-button--success.is-active{background:#3a835d;border-color:#3a835d;color:#fff}.custom-theme .el-button--success.is-disabled,.custom-theme .el-button--success.is-disabled:active,.custom-theme .el-button--success.is-disabled:focus,.custom-theme .el-button--success.is-disabled:hover{color:#fff;background-color:#a0c8b3;border-color:#a0c8b3}.custom-theme .el-button--success.is-plain{color:#409167;background:#ecf4f0;border-color:#b3d3c2}.custom-theme .el-button--success.is-plain:focus,.custom-theme .el-button--success.is-plain:hover{background:#409167;border-color:#409167;color:#fff}.custom-theme .el-button--success.is-plain:active{background:#3a835d;border-color:#3a835d;color:#fff;outline:0}.custom-theme .el-button--success.is-plain.is-disabled,.custom-theme .el-button--success.is-plain.is-disabled:active,.custom-theme .el-button--success.is-plain.is-disabled:focus,.custom-theme .el-button--success.is-plain.is-disabled:hover{color:#8cbda4;background-color:#ecf4f0;border-color:#d9e9e1}.custom-theme .el-button--warning{color:#fff;background-color:#9da408;border-color:#9da408}.custom-theme .el-button--warning:focus,.custom-theme .el-button--warning:hover{background:#b1b639;border-color:#b1b639;color:#fff}.custom-theme .el-button--warning:active{background:#8d9407;border-color:#8d9407;color:#fff;outline:0}.custom-theme .el-button--warning.is-active{background:#8d9407;border-color:#8d9407;color:#fff}.custom-theme .el-button--warning.is-disabled,.custom-theme .el-button--warning.is-disabled:active,.custom-theme .el-button--warning.is-disabled:focus,.custom-theme .el-button--warning.is-disabled:hover{color:#fff;background-color:#ced284;border-color:#ced284}.custom-theme .el-button--warning.is-plain{color:#9da408;background:#f5f6e6;border-color:#d8db9c}.custom-theme .el-button--warning.is-plain:focus,.custom-theme .el-button--warning.is-plain:hover{background:#9da408;border-color:#9da408;color:#fff}.custom-theme .el-button--warning.is-plain:active{background:#8d9407;border-color:#8d9407;color:#fff;outline:0}.custom-theme .el-button--warning.is-plain.is-disabled,.custom-theme .el-button--warning.is-plain.is-disabled:active,.custom-theme .el-button--warning.is-plain.is-disabled:focus,.custom-theme .el-button--warning.is-plain.is-disabled:hover{color:#c4c86b;background-color:#f5f6e6;border-color:#ebedce}.custom-theme .el-button--danger{color:#fff;background-color:#b3450e;border-color:#b3450e}.custom-theme .el-button--danger:focus,.custom-theme .el-button--danger:hover{background:#c26a3e;border-color:#c26a3e;color:#fff}.custom-theme .el-button--danger:active{background:#a13e0d;border-color:#a13e0d;color:#fff;outline:0}.custom-theme .el-button--danger.is-active{background:#a13e0d;border-color:#a13e0d;color:#fff}.custom-theme .el-button--danger.is-disabled,.custom-theme .el-button--danger.is-disabled:active,.custom-theme .el-button--danger.is-disabled:focus,.custom-theme .el-button--danger.is-disabled:hover{color:#fff;background-color:#d9a287;border-color:#d9a287}.custom-theme .el-button--danger.is-plain{color:#b3450e;background:#f7ece7;border-color:#e1b59f}.custom-theme .el-button--danger.is-plain:focus,.custom-theme .el-button--danger.is-plain:hover{background:#b3450e;border-color:#b3450e;color:#fff}.custom-theme .el-button--danger.is-plain:active{background:#a13e0d;border-color:#a13e0d;color:#fff;outline:0}.custom-theme .el-button--danger.is-plain.is-disabled,.custom-theme .el-button--danger.is-plain.is-disabled:active,.custom-theme .el-button--danger.is-plain.is-disabled:focus,.custom-theme .el-button--danger.is-plain.is-disabled:hover{color:#d18f6e;background-color:#f7ece7;border-color:#f0dacf}.custom-theme .el-button--info{color:#fff;background-color:#0a76a4;border-color:#0a76a4}.custom-theme .el-button--info:focus,.custom-theme .el-button--info:hover{background:#3b91b6;border-color:#3b91b6;color:#fff}.custom-theme .el-button--info:active{background:#096a94;border-color:#096a94;color:#fff;outline:0}.custom-theme .el-button--info.is-active{background:#096a94;border-color:#096a94;color:#fff}.custom-theme .el-button--info.is-disabled,.custom-theme .el-button--info.is-disabled:active,.custom-theme .el-button--info.is-disabled:focus,.custom-theme .el-button--info.is-disabled:hover{color:#fff;background-color:#85bbd2;border-color:#85bbd2}.custom-theme .el-button--info.is-plain{color:#0a76a4;background:#e7f1f6;border-color:#9dc8db}.custom-theme .el-button--info.is-plain:focus,.custom-theme .el-button--info.is-plain:hover{background:#0a76a4;border-color:#0a76a4;color:#fff}.custom-theme .el-button--info.is-plain:active{background:#096a94;border-color:#096a94;color:#fff;outline:0}.custom-theme .el-button--info.is-plain.is-disabled,.custom-theme .el-button--info.is-plain.is-disabled:active,.custom-theme .el-button--info.is-plain.is-disabled:focus,.custom-theme .el-button--info.is-plain.is-disabled:hover{color:#6cadc8;background-color:#e7f1f6;border-color:#cee4ed}.custom-theme .el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.custom-theme .el-button--medium.is-round{padding:10px 20px}.custom-theme .el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.custom-theme .el-button--small.is-round{padding:9px 15px}.custom-theme .el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.custom-theme .el-button--mini.is-round{padding:7px 15px}.custom-theme .el-button--text{border:none;color:#262729;background:0 0;padding-left:0;padding-right:0}.custom-theme .el-button--text:focus,.custom-theme .el-button--text:hover{color:#515254;border-color:transparent;background-color:transparent}.custom-theme .el-button--text:active{color:#222325;border-color:transparent;background-color:transparent}.custom-theme .el-button-group{display:inline-block;vertical-align:middle}.custom-theme .el-button-group::after,.custom-theme .el-button-group::before{display:table;content:""}.custom-theme .el-button-group::after{clear:both}.custom-theme .el-button-group .el-button{float:left;position:relative}.custom-theme .el-button-group .el-button+.el-button{margin-left:0}.custom-theme .el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.custom-theme .el-button-group .el-button:not(:last-child){margin-right:-1px}.custom-theme .el-button-group .el-button:active,.custom-theme .el-button-group .el-button:focus,.custom-theme .el-button-group .el-button:hover{z-index:1}.custom-theme .el-button-group .el-button.is-active{z-index:1}.custom-theme .el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5}.custom-theme .el-checkbox.is-bordered.is-checked{border-color:#262729}.custom-theme .el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.custom-theme .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small{padding:3px 15px 7px 10px;border-radius:3px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini{padding:1px 15px 5px 10px;border-radius:3px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.custom-theme .el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#262729;border-color:#262729}.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.custom-theme .el-checkbox__input.is-checked+.el-checkbox__label{color:#262729}.custom-theme .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#262729}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#262729;border-color:#262729}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.custom-theme .el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.custom-theme .el-checkbox__inner:hover{border-color:#262729}.custom-theme .el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.custom-theme .el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.custom-theme .el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.custom-theme .el-checkbox+.el-checkbox{margin-left:30px}.custom-theme .el-checkbox-button{position:relative;display:inline-block}.custom-theme .el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.custom-theme .el-checkbox-button__inner.is-round{padding:12px 20px}.custom-theme .el-checkbox-button__inner:hover{color:#262729}.custom-theme .el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.custom-theme .el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.custom-theme .el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#262729;border-color:#262729;-webkit-box-shadow:-1px 0 0 0 #7d7d7f;box-shadow:-1px 0 0 0 #7d7d7f}.custom-theme .el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.custom-theme .el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.custom-theme .el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#262729}.custom-theme .el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.custom-theme .el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.custom-theme .el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.custom-theme .el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.custom-theme .el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.custom-theme .el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.custom-theme .el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.custom-theme .el-checkbox-group{font-size:0}.custom-theme .el-tag{background-color:rgba(38,39,41,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#262729;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(38,39,41,.2);white-space:nowrap}.custom-theme .el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-5px;color:#262729}.custom-theme .el-tag .el-icon-close::before{display:block}.custom-theme .el-tag .el-icon-close:hover{background-color:#262729;color:#fff}.custom-theme .el-tag--info{background-color:rgba(10,118,164,.1);border-color:rgba(10,118,164,.2);color:#0a76a4}.custom-theme .el-tag--info.is-hit{border-color:#0a76a4}.custom-theme .el-tag--info .el-tag__close{color:#0a76a4}.custom-theme .el-tag--info .el-tag__close:hover{background-color:#0a76a4;color:#fff}.custom-theme .el-tag--success{background-color:rgba(64,145,103,.1);border-color:rgba(64,145,103,.2);color:#409167}.custom-theme .el-tag--success.is-hit{border-color:#409167}.custom-theme .el-tag--success .el-tag__close{color:#409167}.custom-theme .el-tag--success .el-tag__close:hover{background-color:#409167;color:#fff}.custom-theme .el-tag--warning{background-color:rgba(157,164,8,.1);border-color:rgba(157,164,8,.2);color:#9da408}.custom-theme .el-tag--warning.is-hit{border-color:#9da408}.custom-theme .el-tag--warning .el-tag__close{color:#9da408}.custom-theme .el-tag--warning .el-tag__close:hover{background-color:#9da408;color:#fff}.custom-theme .el-tag--danger{background-color:rgba(179,69,14,.1);border-color:rgba(179,69,14,.2);color:#b3450e}.custom-theme .el-tag--danger.is-hit{border-color:#b3450e}.custom-theme .el-tag--danger .el-tag__close{color:#b3450e}.custom-theme .el-tag--danger .el-tag__close:hover{background-color:#b3450e;color:#fff}.custom-theme .el-tag--medium{height:28px;line-height:26px}.custom-theme .el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--small{height:24px;padding:0 8px;line-height:22px}.custom-theme .el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--mini{height:20px;padding:0 5px;line-height:19px}.custom-theme .el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.custom-theme .el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;background-color:#fff;font-size:14px;color:#5a5e66}.custom-theme .el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.custom-theme .el-table__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:color(#262729 s(16%) l(44%))}.custom-theme .el-table__expand-column .cell{padding:0;text-align:center}.custom-theme .el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.custom-theme .el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.custom-theme .el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.custom-theme .el-table__expanded-cell{background-color:#fff}.custom-theme .el-table__expanded-cell[class*=cell]{padding:20px 50px}.custom-theme .el-table__expanded-cell:hover{background-color:#f5f7fa!important}.custom-theme .el-table--fit{border-right:0;border-bottom:0}.custom-theme .el-table--fit td.gutter,.custom-theme .el-table--fit th.gutter{border-right-width:1px}.custom-theme .el-table thead{color:#878d99;font-weight:500}.custom-theme .el-table thead.is-group th{background:#f5f7fa}.custom-theme .el-table td,.custom-theme .el-table th{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative}.custom-theme .el-table td.is-center,.custom-theme .el-table th.is-center{text-align:center}.custom-theme .el-table td.is-left,.custom-theme .el-table th.is-left{text-align:left}.custom-theme .el-table td.is-right,.custom-theme .el-table th.is-right{text-align:right}.custom-theme .el-table td.gutter,.custom-theme .el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.custom-theme .el-table td.is-hidden>*,.custom-theme .el-table th.is-hidden>*{visibility:hidden}.custom-theme .el-table--medium td,.custom-theme .el-table--medium th{padding:10px 0}.custom-theme .el-table--small{font-size:12px}.custom-theme .el-table--small td,.custom-theme .el-table--small th{padding:8px 0}.custom-theme .el-table--mini{font-size:12px}.custom-theme .el-table--mini td,.custom-theme .el-table--mini th{padding:6px 0}.custom-theme .el-table tr{background-color:#fff}.custom-theme .el-table tr input[type=checkbox]{margin:0}.custom-theme .el-table td,.custom-theme .el-table th.is-leaf{border-bottom:1px solid #e6ebf5}.custom-theme .el-table th.is-sortable{cursor:pointer}.custom-theme .el-table th{white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left}.custom-theme .el-table th div{display:inline-block;padding-left:10px;padding-right:10px;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.custom-theme .el-table th>.cell{position:relative;word-wrap:normal;text-overflow:ellipsis;display:inline-block;vertical-align:middle;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-table th>.cell.highlight{color:#262729}.custom-theme .el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.custom-theme .el-table td div{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-table td.gutter{width:0}.custom-theme .el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.custom-theme .el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.custom-theme .el-table td:first-child .cell,.custom-theme .el-table th:first-child .cell{padding-left:0}.custom-theme .el-table--border,.custom-theme .el-table--group{border:1px solid #e6ebf5}.custom-theme .el-table--border::after,.custom-theme .el-table--group::after,.custom-theme .el-table::before{content:'';position:absolute;background-color:#e6ebf5;z-index:1}.custom-theme .el-table--border::after,.custom-theme .el-table--group::after{top:0;right:0;width:1px;height:100%}.custom-theme .el-table::before{left:0;bottom:0;width:100%;height:1px}.custom-theme .el-table--border{border-right:none;border-bottom:none}.custom-theme .el-table--border td,.custom-theme .el-table--border th{border-right:1px solid #e6ebf5}.custom-theme .el-table--border td:first-child .cell,.custom-theme .el-table--border th:first-child .cell{padding-left:10px}.custom-theme .el-table--border .has-gutter td:nth-last-of-type(2),.custom-theme .el-table--border .has-gutter th:nth-last-of-type(2){border-right:none}.custom-theme .el-table--border th.gutter:last-of-type{border-bottom:1px solid #e6ebf5;border-bottom-width:1px}.custom-theme .el-table--border th{border-bottom:1px solid #e6ebf5}.custom-theme .el-table--hidden{visibility:hidden}.custom-theme .el-table__fixed,.custom-theme .el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.custom-theme .el-table__fixed-right::before,.custom-theme .el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e6ebf5;z-index:4}.custom-theme .el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#fff;border-bottom:1px solid #e6ebf5}.custom-theme .el-table__fixed-right{top:0;left:auto;right:0}.custom-theme .el-table__fixed-right .el-table__fixed-body-wrapper,.custom-theme .el-table__fixed-right .el-table__fixed-footer-wrapper,.custom-theme .el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.custom-theme .el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.custom-theme .el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.custom-theme .el-table__fixed-footer-wrapper tbody td{border-top:1px solid #e6ebf5;background-color:#f5f7fa;color:#5a5e66}.custom-theme .el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.custom-theme .el-table__body-wrapper,.custom-theme .el-table__footer-wrapper,.custom-theme .el-table__header-wrapper{width:100%}.custom-theme .el-table__footer-wrapper{margin-top:-1px}.custom-theme .el-table__footer-wrapper td{border-top:1px solid #e6ebf5}.custom-theme .el-table__body,.custom-theme .el-table__footer,.custom-theme .el-table__header{table-layout:fixed}.custom-theme .el-table__footer-wrapper,.custom-theme .el-table__header-wrapper{overflow:hidden}.custom-theme .el-table__footer-wrapper tbody td,.custom-theme .el-table__header-wrapper tbody td{background-color:#f5f7fa;color:#5a5e66}.custom-theme .el-table__body-wrapper{overflow:auto;position:relative}.custom-theme .el-table__body-wrapper.is-scroll-none~.el-table__fixed,.custom-theme .el-table__body-wrapper.is-scroll-none~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.custom-theme .el-table__body-wrapper.is-scroll-left~.el-table__fixed{-webkit-box-shadow:none;box-shadow:none}.custom-theme .el-table__body-wrapper.is-scroll-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.custom-theme .el-table__body-wrapper .el-table--border.is-scroll-right~.el-table__fixed-right{border-left:1px solid #e6ebf5}.custom-theme .el-table__body-wrapper .el-table--border.is-scroll-left~.el-table__fixed{border-right:1px solid #e6ebf5}.custom-theme .el-table .caret-wrapper{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:13px;width:24px;cursor:pointer;overflow:initial}.custom-theme .el-table .sort-caret{color:#0a76a4;width:14px;overflow:hidden;font-size:13px}.custom-theme .el-table .ascending .sort-caret.ascending{color:#262729}.custom-theme .el-table .descending .sort-caret.descending{color:#262729}.custom-theme .el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.custom-theme .el-table--striped .el-table__body tr.el-table__row--striped td{background:#fafafa}.custom-theme .el-table--striped .el-table__body tr.el-table__row--striped.current-row td{background-color:#e9e9ea}.custom-theme .el-table__body tr.hover-row.current-row>td,.custom-theme .el-table__body tr.hover-row.el-table__row--striped.current-row>td,.custom-theme .el-table__body tr.hover-row.el-table__row--striped>td,.custom-theme .el-table__body tr.hover-row>td{background-color:#e9e9ea}.custom-theme .el-table__body tr.current-row>td{background-color:#e9e9ea}.custom-theme .el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #e6ebf5;z-index:10}.custom-theme .el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.custom-theme .el-table__column-filter-trigger i{color:#0a76a4;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.custom-theme .el-table--enable-row-transition .el-table__body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.custom-theme .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f7fa}.custom-theme .el-table--fluid-height .el-table__fixed,.custom-theme .el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.custom-theme .el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5}.custom-theme .el-checkbox.is-bordered.is-checked{border-color:#262729}.custom-theme .el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.custom-theme .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small{padding:3px 15px 7px 10px;border-radius:3px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini{padding:1px 15px 5px 10px;border-radius:3px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.custom-theme .el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#262729;border-color:#262729}.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.custom-theme .el-checkbox__input.is-checked+.el-checkbox__label{color:#262729}.custom-theme .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#262729}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#262729;border-color:#262729}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.custom-theme .el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.custom-theme .el-checkbox__inner:hover{border-color:#262729}.custom-theme .el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.custom-theme .el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.custom-theme .el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.custom-theme .el-checkbox+.el-checkbox{margin-left:30px}.custom-theme .el-checkbox-button{position:relative;display:inline-block}.custom-theme .el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.custom-theme .el-checkbox-button__inner.is-round{padding:12px 20px}.custom-theme .el-checkbox-button__inner:hover{color:#262729}.custom-theme .el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.custom-theme .el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.custom-theme .el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#262729;border-color:#262729;-webkit-box-shadow:-1px 0 0 0 #7d7d7f;box-shadow:-1px 0 0 0 #7d7d7f}.custom-theme .el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.custom-theme .el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.custom-theme .el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#262729}.custom-theme .el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.custom-theme .el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.custom-theme .el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.custom-theme .el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.custom-theme .el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.custom-theme .el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.custom-theme .el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.custom-theme .el-checkbox-group{font-size:0}.custom-theme .el-tag{background-color:rgba(38,39,41,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#262729;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(38,39,41,.2);white-space:nowrap}.custom-theme .el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-5px;color:#262729}.custom-theme .el-tag .el-icon-close::before{display:block}.custom-theme .el-tag .el-icon-close:hover{background-color:#262729;color:#fff}.custom-theme .el-tag--info{background-color:rgba(10,118,164,.1);border-color:rgba(10,118,164,.2);color:#0a76a4}.custom-theme .el-tag--info.is-hit{border-color:#0a76a4}.custom-theme .el-tag--info .el-tag__close{color:#0a76a4}.custom-theme .el-tag--info .el-tag__close:hover{background-color:#0a76a4;color:#fff}.custom-theme .el-tag--success{background-color:rgba(64,145,103,.1);border-color:rgba(64,145,103,.2);color:#409167}.custom-theme .el-tag--success.is-hit{border-color:#409167}.custom-theme .el-tag--success .el-tag__close{color:#409167}.custom-theme .el-tag--success .el-tag__close:hover{background-color:#409167;color:#fff}.custom-theme .el-tag--warning{background-color:rgba(157,164,8,.1);border-color:rgba(157,164,8,.2);color:#9da408}.custom-theme .el-tag--warning.is-hit{border-color:#9da408}.custom-theme .el-tag--warning .el-tag__close{color:#9da408}.custom-theme .el-tag--warning .el-tag__close:hover{background-color:#9da408;color:#fff}.custom-theme .el-tag--danger{background-color:rgba(179,69,14,.1);border-color:rgba(179,69,14,.2);color:#b3450e}.custom-theme .el-tag--danger.is-hit{border-color:#b3450e}.custom-theme .el-tag--danger .el-tag__close{color:#b3450e}.custom-theme .el-tag--danger .el-tag__close:hover{background-color:#b3450e;color:#fff}.custom-theme .el-tag--medium{height:28px;line-height:26px}.custom-theme .el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--small{height:24px;padding:0 8px;line-height:22px}.custom-theme .el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--mini{height:20px;padding:0 5px;line-height:19px}.custom-theme .el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.custom-theme .el-table-column--selection .cell{padding-left:14px;padding-right:14px}.custom-theme .el-table-filter{border:solid 1px #e6ebf5;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.custom-theme .el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.custom-theme .el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.custom-theme .el-table-filter__list-item:hover{background-color:#e9e9ea;color:#515254}.custom-theme .el-table-filter__list-item.is-active{background-color:#262729;color:#fff}.custom-theme .el-table-filter__content{min-width:100px}.custom-theme .el-table-filter__bottom{border-top:1px solid #e6ebf5;padding:8px}.custom-theme .el-table-filter__bottom button{background:0 0;border:none;color:#5a5e66;cursor:pointer;font-size:13px;padding:0 3px}.custom-theme .el-table-filter__bottom button:hover{color:#262729}.custom-theme .el-table-filter__bottom button:focus{outline:0}.custom-theme .el-table-filter__bottom button.is-disabled{color:#b4bccc;cursor:not-allowed}.custom-theme .el-table-filter__checkbox-group{padding:10px}.custom-theme .el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.custom-theme .el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.custom-theme .el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#edf2fc}.custom-theme .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#5a5e66}.custom-theme .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.custom-theme .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.custom-theme .el-date-table.is-week-mode .el-date-table__row.current div{background-color:#edf2fc}.custom-theme .el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.custom-theme .el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.custom-theme .el-date-table td.next-month,.custom-theme .el-date-table td.prev-month{color:#b4bccc}.custom-theme .el-date-table td.today{position:relative}.custom-theme .el-date-table td.today span{color:#262729}.custom-theme .el-date-table td.today.end-date span,.custom-theme .el-date-table td.today.start-date span{color:#fff}.custom-theme .el-date-table td.available:hover{color:#262729}.custom-theme .el-date-table td.in-range div{background-color:#edf2fc}.custom-theme .el-date-table td.in-range div:hover{background-color:#edf2fc}.custom-theme .el-date-table td.current:not(.disabled) span{color:#fff;background-color:#262729}.custom-theme .el-date-table td.end-date div,.custom-theme .el-date-table td.start-date div{color:#fff}.custom-theme .el-date-table td.end-date span,.custom-theme .el-date-table td.start-date span{background-color:#262729}.custom-theme .el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.custom-theme .el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.custom-theme .el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#b4bccc}.custom-theme .el-date-table td.week{font-size:80%;color:#5a5e66}.custom-theme .el-date-table th{padding:5px;color:#5a5e66;font-weight:400;border-bottom:solid 1px #e6ebf5}.custom-theme .el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.custom-theme .el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.custom-theme .el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.custom-theme .el-month-table td.disabled .cell:hover{color:#b4bccc}.custom-theme .el-month-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:#5a5e66;margin:0 auto}.custom-theme .el-month-table td .cell:hover{color:#262729}.custom-theme .el-month-table td.current:not(.disabled) .cell{color:#262729}.custom-theme .el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.custom-theme .el-year-table .el-icon{color:#2d2f33}.custom-theme .el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.custom-theme .el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.custom-theme .el-year-table td.disabled .cell:hover{color:#b4bccc}.custom-theme .el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:#5a5e66;margin:0 auto}.custom-theme .el-year-table td .cell:hover{color:#262729}.custom-theme .el-year-table td.current:not(.disabled) .cell{color:#262729}.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.custom-theme .el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.custom-theme .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.custom-theme .el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.custom-theme .el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.custom-theme .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.custom-theme .el-time-spinner__arrow{font-size:12px;color:#878d99;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.custom-theme .el-time-spinner__arrow:hover{color:#262729}.custom-theme .el-time-spinner__arrow.el-icon-arrow-up{top:10px}.custom-theme .el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.custom-theme .el-time-spinner__input.el-input{width:70%}.custom-theme .el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.custom-theme .el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.custom-theme .el-time-spinner__list::after,.custom-theme .el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.custom-theme .el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#5a5e66}.custom-theme .el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.custom-theme .el-time-spinner__item.active:not(.disabled){color:#2d2f33;font-weight:700}.custom-theme .el-time-spinner__item.disabled{color:#b4bccc;cursor:not-allowed}.custom-theme .fade-in-linear-enter-active,.custom-theme .fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.custom-theme .fade-in-linear-enter,.custom-theme .fade-in-linear-leave,.custom-theme .fade-in-linear-leave-active{opacity:0}.custom-theme .el-fade-in-linear-enter-active,.custom-theme .el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.custom-theme .el-fade-in-linear-enter,.custom-theme .el-fade-in-linear-leave,.custom-theme .el-fade-in-linear-leave-active{opacity:0}.custom-theme .el-fade-in-enter-active,.custom-theme .el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-fade-in-enter,.custom-theme .el-fade-in-leave-active{opacity:0}.custom-theme .el-zoom-in-center-enter-active,.custom-theme .el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-zoom-in-center-enter,.custom-theme .el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.custom-theme .el-zoom-in-top-enter-active,.custom-theme .el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.custom-theme .el-zoom-in-top-enter,.custom-theme .el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.custom-theme .el-zoom-in-bottom-enter-active,.custom-theme .el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.custom-theme .el-zoom-in-bottom-enter,.custom-theme .el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.custom-theme .el-zoom-in-left-enter-active,.custom-theme .el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.custom-theme .el-zoom-in-left-enter,.custom-theme .el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.custom-theme .collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.custom-theme .horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.custom-theme .el-list-enter-active,.custom-theme .el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.custom-theme .el-list-enter,.custom-theme .el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.custom-theme .el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-date-editor{position:relative;display:inline-block;text-align:left}.custom-theme .el-date-editor.el-input,.custom-theme .el-date-editor.el-input__inner{width:220px}.custom-theme .el-date-editor--daterange.el-input,.custom-theme .el-date-editor--daterange.el-input__inner,.custom-theme .el-date-editor--timerange.el-input,.custom-theme .el-date-editor--timerange.el-input__inner{width:350px}.custom-theme .el-date-editor--datetimerange.el-input,.custom-theme .el-date-editor--datetimerange.el-input__inner{width:400px}.custom-theme .el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.custom-theme .el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#5a5e66}.custom-theme .el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input::placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#2d2f33}.custom-theme .el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.custom-theme .el-range-editor.el-input__inner{padding:3px 10px}.custom-theme .el-range-editor.is-active{border-color:#262729}.custom-theme .el-range-editor.is-active:hover{border-color:#262729}.custom-theme .el-range-editor--medium.el-input__inner{height:36px}.custom-theme .el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.custom-theme .el-range-editor--medium .el-range-input{font-size:14px}.custom-theme .el-range-editor--medium .el-range__close-icon,.custom-theme .el-range-editor--medium .el-range__icon{line-height:28px}.custom-theme .el-range-editor--small.el-input__inner{height:32px}.custom-theme .el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.custom-theme .el-range-editor--small .el-range-input{font-size:13px}.custom-theme .el-range-editor--small .el-range__close-icon,.custom-theme .el-range-editor--small .el-range__icon{line-height:24px}.custom-theme .el-range-editor--mini.el-input__inner{height:28px}.custom-theme .el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.custom-theme .el-range-editor--mini .el-range-input{font-size:12px}.custom-theme .el-range-editor--mini .el-range__close-icon,.custom-theme .el-range-editor--mini .el-range__icon{line-height:20px}.custom-theme .el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-range-editor.is-disabled:focus,.custom-theme .el-range-editor.is-disabled:hover{border-color:#dfe4ed}.custom-theme .el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.custom-theme .el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input::placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.custom-theme .el-picker-panel{color:#5a5e66;border:1px solid #dfe4ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.custom-theme .el-picker-panel__body-wrapper::after,.custom-theme .el-picker-panel__body::after{content:"";display:table;clear:both}.custom-theme .el-picker-panel__content{position:relative;margin:15px}.custom-theme .el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.custom-theme .el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#5a5e66;padding-left:12px;text-align:left;outline:0;cursor:pointer}.custom-theme .el-picker-panel__shortcut:hover{color:#262729}.custom-theme .el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#262729}.custom-theme .el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.custom-theme .el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.custom-theme .el-picker-panel__icon-btn{font-size:12px;color:#2d2f33;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.custom-theme .el-picker-panel__icon-btn:hover{color:#262729}.custom-theme .el-picker-panel__icon-btn.is-disabled{color:#bbb}.custom-theme .el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.custom-theme .el-picker-panel__link-btn{vertical-align:middle}.custom-theme .el-picker-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.custom-theme .el-picker-panel [slot=sidebar],.custom-theme .el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.custom-theme .el-picker-panel [slot=sidebar]+.el-picker-panel__body,.custom-theme .el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.custom-theme .el-date-picker{width:322px}.custom-theme .el-date-picker.has-sidebar.has-time{width:434px}.custom-theme .el-date-picker.has-sidebar{width:438px}.custom-theme .el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.custom-theme .el-date-picker .el-picker-panel__content{width:292px}.custom-theme .el-date-picker table{table-layout:fixed;width:100%}.custom-theme .el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.custom-theme .el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-date-picker__header{margin:12px;text-align:center}.custom-theme .el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #e6ebf5}.custom-theme .el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.custom-theme .el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#5a5e66}.custom-theme .el-date-picker__header-label:hover{color:#262729}.custom-theme .el-date-picker__header-label.active{color:#262729}.custom-theme .el-date-picker__prev-btn{float:left}.custom-theme .el-date-picker__next-btn{float:right}.custom-theme .el-date-picker__time-wrap{padding:10px;text-align:center}.custom-theme .el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.custom-theme .el-date-range-picker{width:646px}.custom-theme .el-date-range-picker.has-sidebar{width:756px}.custom-theme .el-date-range-picker table{table-layout:fixed;width:100%}.custom-theme .el-date-range-picker .el-picker-panel__body{min-width:513px}.custom-theme .el-date-range-picker .el-picker-panel__content{margin:0}.custom-theme .el-date-range-picker__header{position:relative;text-align:center;height:28px}.custom-theme .el-date-range-picker__header [class*=arrow-left]{float:left}.custom-theme .el-date-range-picker__header [class*=arrow-right]{float:right}.custom-theme .el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.custom-theme .el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.custom-theme .el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.custom-theme .el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.custom-theme .el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.custom-theme .el-date-range-picker__editors-wrap.is-right{text-align:right}.custom-theme .el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#2d2f33}.custom-theme .el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.custom-theme .el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.custom-theme .el-time-range-picker{width:354px;overflow:visible}.custom-theme .el-time-range-picker__content{position:relative;text-align:center;padding:10px}.custom-theme .el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.custom-theme .el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.custom-theme .el-time-range-picker__body{border-radius:2px;border:1px solid #dfe4ed}.custom-theme .el-time-panel{margin:5px 0;border:solid 1px #dfe4ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-time-panel__content{font-size:0;position:relative;overflow:hidden}.custom-theme .el-time-panel__content::after,.custom-theme .el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #dfe4ed;border-bottom:1px solid #dfe4ed}.custom-theme .el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.custom-theme .el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.custom-theme .el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.custom-theme .el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.custom-theme .el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#2d2f33}.custom-theme .el-time-panel__btn.confirm{font-weight:800;color:#262729}.custom-theme .el-time-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-scrollbar{overflow:hidden;position:relative}.custom-theme .el-scrollbar:active>.el-scrollbar__bar,.custom-theme .el-scrollbar:focus>.el-scrollbar__bar,.custom-theme .el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.custom-theme .el-scrollbar__wrap{overflow:scroll;height:100%}.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.custom-theme .el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.custom-theme .el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.custom-theme .el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.custom-theme .el-scrollbar__bar.is-vertical{width:6px;top:2px}.custom-theme .el-scrollbar__bar.is-vertical>div{width:100%}.custom-theme .el-scrollbar__bar.is-horizontal{height:6px;left:2px}.custom-theme .el-scrollbar__bar.is-horizontal>div{height:100%}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .fade-in-linear-enter-active,.custom-theme .fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.custom-theme .fade-in-linear-enter,.custom-theme .fade-in-linear-leave,.custom-theme .fade-in-linear-leave-active{opacity:0}.custom-theme .el-fade-in-linear-enter-active,.custom-theme .el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.custom-theme .el-fade-in-linear-enter,.custom-theme .el-fade-in-linear-leave,.custom-theme .el-fade-in-linear-leave-active{opacity:0}.custom-theme .el-fade-in-enter-active,.custom-theme .el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-fade-in-enter,.custom-theme .el-fade-in-leave-active{opacity:0}.custom-theme .el-zoom-in-center-enter-active,.custom-theme .el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-zoom-in-center-enter,.custom-theme .el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.custom-theme .el-zoom-in-top-enter-active,.custom-theme .el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.custom-theme .el-zoom-in-top-enter,.custom-theme .el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.custom-theme .el-zoom-in-bottom-enter-active,.custom-theme .el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.custom-theme .el-zoom-in-bottom-enter,.custom-theme .el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.custom-theme .el-zoom-in-left-enter-active,.custom-theme .el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.custom-theme .el-zoom-in-left-enter,.custom-theme .el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.custom-theme .collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.custom-theme .horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.custom-theme .el-list-enter-active,.custom-theme .el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.custom-theme .el-list-enter,.custom-theme .el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.custom-theme .el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-date-editor{position:relative;display:inline-block;text-align:left}.custom-theme .el-date-editor.el-input,.custom-theme .el-date-editor.el-input__inner{width:220px}.custom-theme .el-date-editor--daterange.el-input,.custom-theme .el-date-editor--daterange.el-input__inner,.custom-theme .el-date-editor--timerange.el-input,.custom-theme .el-date-editor--timerange.el-input__inner{width:350px}.custom-theme .el-date-editor--datetimerange.el-input,.custom-theme .el-date-editor--datetimerange.el-input__inner{width:400px}.custom-theme .el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.custom-theme .el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#5a5e66}.custom-theme .el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input::placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#2d2f33}.custom-theme .el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.custom-theme .el-range-editor.el-input__inner{padding:3px 10px}.custom-theme .el-range-editor.is-active{border-color:#262729}.custom-theme .el-range-editor.is-active:hover{border-color:#262729}.custom-theme .el-range-editor--medium.el-input__inner{height:36px}.custom-theme .el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.custom-theme .el-range-editor--medium .el-range-input{font-size:14px}.custom-theme .el-range-editor--medium .el-range__close-icon,.custom-theme .el-range-editor--medium .el-range__icon{line-height:28px}.custom-theme .el-range-editor--small.el-input__inner{height:32px}.custom-theme .el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.custom-theme .el-range-editor--small .el-range-input{font-size:13px}.custom-theme .el-range-editor--small .el-range__close-icon,.custom-theme .el-range-editor--small .el-range__icon{line-height:24px}.custom-theme .el-range-editor--mini.el-input__inner{height:28px}.custom-theme .el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.custom-theme .el-range-editor--mini .el-range-input{font-size:12px}.custom-theme .el-range-editor--mini .el-range__close-icon,.custom-theme .el-range-editor--mini .el-range__icon{line-height:20px}.custom-theme .el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-range-editor.is-disabled:focus,.custom-theme .el-range-editor.is-disabled:hover{border-color:#dfe4ed}.custom-theme .el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.custom-theme .el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input::placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.custom-theme .el-picker-panel{color:#5a5e66;border:1px solid #dfe4ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.custom-theme .el-picker-panel__body-wrapper::after,.custom-theme .el-picker-panel__body::after{content:"";display:table;clear:both}.custom-theme .el-picker-panel__content{position:relative;margin:15px}.custom-theme .el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.custom-theme .el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#5a5e66;padding-left:12px;text-align:left;outline:0;cursor:pointer}.custom-theme .el-picker-panel__shortcut:hover{color:#262729}.custom-theme .el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#262729}.custom-theme .el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.custom-theme .el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.custom-theme .el-picker-panel__icon-btn{font-size:12px;color:#2d2f33;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.custom-theme .el-picker-panel__icon-btn:hover{color:#262729}.custom-theme .el-picker-panel__icon-btn.is-disabled{color:#bbb}.custom-theme .el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.custom-theme .el-picker-panel__link-btn{vertical-align:middle}.custom-theme .el-picker-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.custom-theme .el-picker-panel [slot=sidebar],.custom-theme .el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.custom-theme .el-picker-panel [slot=sidebar]+.el-picker-panel__body,.custom-theme .el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.custom-theme .el-date-picker{width:322px}.custom-theme .el-date-picker.has-sidebar.has-time{width:434px}.custom-theme .el-date-picker.has-sidebar{width:438px}.custom-theme .el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.custom-theme .el-date-picker .el-picker-panel__content{width:292px}.custom-theme .el-date-picker table{table-layout:fixed;width:100%}.custom-theme .el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.custom-theme .el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-date-picker__header{margin:12px;text-align:center}.custom-theme .el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #e6ebf5}.custom-theme .el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.custom-theme .el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#5a5e66}.custom-theme .el-date-picker__header-label:hover{color:#262729}.custom-theme .el-date-picker__header-label.active{color:#262729}.custom-theme .el-date-picker__prev-btn{float:left}.custom-theme .el-date-picker__next-btn{float:right}.custom-theme .el-date-picker__time-wrap{padding:10px;text-align:center}.custom-theme .el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.custom-theme .el-scrollbar{overflow:hidden;position:relative}.custom-theme .el-scrollbar:active>.el-scrollbar__bar,.custom-theme .el-scrollbar:focus>.el-scrollbar__bar,.custom-theme .el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.custom-theme .el-scrollbar__wrap{overflow:scroll;height:100%}.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.custom-theme .el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.custom-theme .el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.custom-theme .el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.custom-theme .el-scrollbar__bar.is-vertical{width:6px;top:2px}.custom-theme .el-scrollbar__bar.is-vertical>div{width:100%}.custom-theme .el-scrollbar__bar.is-horizontal{height:6px;left:2px}.custom-theme .el-scrollbar__bar.is-horizontal>div{height:100%}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .time-select{margin:5px 0;min-width:0}.custom-theme .time-select .el-picker-panel__content{max-height:200px;margin:0}.custom-theme .time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.custom-theme .time-select-item.selected:not(.disabled){color:#262729;font-weight:700}.custom-theme .time-select-item.disabled{color:#dfe4ed;cursor:not-allowed}.custom-theme .time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}.custom-theme .fade-in-linear-enter-active,.custom-theme .fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.custom-theme .fade-in-linear-enter,.custom-theme .fade-in-linear-leave,.custom-theme .fade-in-linear-leave-active{opacity:0}.custom-theme .el-fade-in-linear-enter-active,.custom-theme .el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.custom-theme .el-fade-in-linear-enter,.custom-theme .el-fade-in-linear-leave,.custom-theme .el-fade-in-linear-leave-active{opacity:0}.custom-theme .el-fade-in-enter-active,.custom-theme .el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-fade-in-enter,.custom-theme .el-fade-in-leave-active{opacity:0}.custom-theme .el-zoom-in-center-enter-active,.custom-theme .el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-zoom-in-center-enter,.custom-theme .el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.custom-theme .el-zoom-in-top-enter-active,.custom-theme .el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.custom-theme .el-zoom-in-top-enter,.custom-theme .el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.custom-theme .el-zoom-in-bottom-enter-active,.custom-theme .el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.custom-theme .el-zoom-in-bottom-enter,.custom-theme .el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.custom-theme .el-zoom-in-left-enter-active,.custom-theme .el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.custom-theme .el-zoom-in-left-enter,.custom-theme .el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.custom-theme .collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.custom-theme .horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.custom-theme .el-list-enter-active,.custom-theme .el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.custom-theme .el-list-enter,.custom-theme .el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.custom-theme .el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.custom-theme .el-date-editor{position:relative;display:inline-block;text-align:left}.custom-theme .el-date-editor.el-input,.custom-theme .el-date-editor.el-input__inner{width:220px}.custom-theme .el-date-editor--daterange.el-input,.custom-theme .el-date-editor--daterange.el-input__inner,.custom-theme .el-date-editor--timerange.el-input,.custom-theme .el-date-editor--timerange.el-input__inner{width:350px}.custom-theme .el-date-editor--datetimerange.el-input,.custom-theme .el-date-editor--datetimerange.el-input__inner{width:400px}.custom-theme .el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.custom-theme .el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#5a5e66}.custom-theme .el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-input::placeholder{color:#b4bccc}.custom-theme .el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#2d2f33}.custom-theme .el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.custom-theme .el-range-editor.el-input__inner{padding:3px 10px}.custom-theme .el-range-editor.is-active{border-color:#262729}.custom-theme .el-range-editor.is-active:hover{border-color:#262729}.custom-theme .el-range-editor--medium.el-input__inner{height:36px}.custom-theme .el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.custom-theme .el-range-editor--medium .el-range-input{font-size:14px}.custom-theme .el-range-editor--medium .el-range__close-icon,.custom-theme .el-range-editor--medium .el-range__icon{line-height:28px}.custom-theme .el-range-editor--small.el-input__inner{height:32px}.custom-theme .el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.custom-theme .el-range-editor--small .el-range-input{font-size:13px}.custom-theme .el-range-editor--small .el-range__close-icon,.custom-theme .el-range-editor--small .el-range__icon{line-height:24px}.custom-theme .el-range-editor--mini.el-input__inner{height:28px}.custom-theme .el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.custom-theme .el-range-editor--mini .el-range-input{font-size:12px}.custom-theme .el-range-editor--mini .el-range__close-icon,.custom-theme .el-range-editor--mini .el-range__icon{line-height:20px}.custom-theme .el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-range-editor.is-disabled:focus,.custom-theme .el-range-editor.is-disabled:hover{border-color:#dfe4ed}.custom-theme .el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.custom-theme .el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled input::placeholder{color:#b4bccc}.custom-theme .el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.custom-theme .el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.custom-theme .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.custom-theme .el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.custom-theme .el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.custom-theme .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.custom-theme .el-time-spinner__arrow{font-size:12px;color:#878d99;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.custom-theme .el-time-spinner__arrow:hover{color:#262729}.custom-theme .el-time-spinner__arrow.el-icon-arrow-up{top:10px}.custom-theme .el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.custom-theme .el-time-spinner__input.el-input{width:70%}.custom-theme .el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.custom-theme .el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.custom-theme .el-time-spinner__list::after,.custom-theme .el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.custom-theme .el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#5a5e66}.custom-theme .el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.custom-theme .el-time-spinner__item.active:not(.disabled){color:#2d2f33;font-weight:700}.custom-theme .el-time-spinner__item.disabled{color:#b4bccc;cursor:not-allowed}.custom-theme .el-time-panel{margin:5px 0;border:solid 1px #dfe4ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-time-panel__content{font-size:0;position:relative;overflow:hidden}.custom-theme .el-time-panel__content::after,.custom-theme .el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #dfe4ed;border-bottom:1px solid #dfe4ed}.custom-theme .el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.custom-theme .el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.custom-theme .el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.custom-theme .el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.custom-theme .el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#2d2f33}.custom-theme .el-time-panel__btn.confirm{font-weight:800;color:#262729}.custom-theme .el-time-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-scrollbar{overflow:hidden;position:relative}.custom-theme .el-scrollbar:active>.el-scrollbar__bar,.custom-theme .el-scrollbar:focus>.el-scrollbar__bar,.custom-theme .el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.custom-theme .el-scrollbar__wrap{overflow:scroll;height:100%}.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.custom-theme .el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.custom-theme .el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.custom-theme .el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.custom-theme .el-scrollbar__bar.is-vertical{width:6px;top:2px}.custom-theme .el-scrollbar__bar.is-vertical>div{width:100%}.custom-theme .el-scrollbar__bar.is-horizontal{height:6px;left:2px}.custom-theme .el-scrollbar__bar.is-horizontal>div{height:100%}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .el-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #e6ebf5;padding:12px;z-index:2000;color:#5a5e66;line-height:1.4;text-align:justify;word-break:break-all;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.custom-theme .el-popover--plain{padding:18px 20px}.custom-theme .el-popover__title{color:#2d2f33;font-size:16px;line-height:1;margin-bottom:12px}.custom-theme .el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.custom-theme .el-tooltip__popper .popper__arrow,.custom-theme .el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-tooltip__popper .popper__arrow{border-width:6px}.custom-theme .el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.custom-theme .el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#2d2f33;border-bottom-width:0}.custom-theme .el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#2d2f33;border-bottom-width:0}.custom-theme .el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#2d2f33}.custom-theme .el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#2d2f33}.custom-theme .el-tooltip__popper[x-placement^=right]{margin-left:12px}.custom-theme .el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#2d2f33;border-left-width:0}.custom-theme .el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#2d2f33;border-left-width:0}.custom-theme .el-tooltip__popper[x-placement^=left]{margin-right:12px}.custom-theme .el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#2d2f33}.custom-theme .el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#2d2f33}.custom-theme .el-tooltip__popper.is-dark{background:#2d2f33;color:#fff}.custom-theme .el-tooltip__popper.is-light{background:#fff;border:1px solid #2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.custom-theme .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.custom-theme .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.custom-theme .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.custom-theme .v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.custom-theme .v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.custom-theme .v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.custom-theme .el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-color:#d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.custom-theme .el-button+.el-button{margin-left:10px}.custom-theme .el-button.is-round{padding:12px 20px}.custom-theme .el-button:focus,.custom-theme .el-button:hover{color:#262729;border-color:#bebebf;background-color:#e9e9ea}.custom-theme .el-button:active{color:#222325;border-color:#222325;outline:0}.custom-theme .el-button::-moz-focus-inner{border:0}.custom-theme .el-button [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-button.is-plain:focus,.custom-theme .el-button.is-plain:hover{background:#fff;border-color:#262729;color:#262729}.custom-theme .el-button.is-plain:active{background:#fff;border-color:#222325;color:#222325;outline:0}.custom-theme .el-button.is-active{color:#222325;border-color:#222325}.custom-theme .el-button.is-disabled,.custom-theme .el-button.is-disabled:focus,.custom-theme .el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.custom-theme .el-button.is-disabled.el-button--text{background-color:transparent}.custom-theme .el-button.is-disabled.is-plain,.custom-theme .el-button.is-disabled.is-plain:focus,.custom-theme .el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.custom-theme .el-button.is-loading{position:relative;pointer-events:none}.custom-theme .el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.custom-theme .el-button.is-round{border-radius:20px;padding:12px 23px}.custom-theme .el-button--primary{color:#fff;background-color:#262729;border-color:#262729}.custom-theme .el-button--primary:focus,.custom-theme .el-button--primary:hover{background:#515254;border-color:#515254;color:#fff}.custom-theme .el-button--primary:active{background:#222325;border-color:#222325;color:#fff;outline:0}.custom-theme .el-button--primary.is-active{background:#222325;border-color:#222325;color:#fff}.custom-theme .el-button--primary.is-disabled,.custom-theme .el-button--primary.is-disabled:active,.custom-theme .el-button--primary.is-disabled:focus,.custom-theme .el-button--primary.is-disabled:hover{color:#fff;background-color:#939394;border-color:#939394}.custom-theme .el-button--primary.is-plain{color:#262729;background:#e9e9ea;border-color:#a8a9a9}.custom-theme .el-button--primary.is-plain:focus,.custom-theme .el-button--primary.is-plain:hover{background:#262729;border-color:#262729;color:#fff}.custom-theme .el-button--primary.is-plain:active{background:#222325;border-color:#222325;color:#fff;outline:0}.custom-theme .el-button--primary.is-plain.is-disabled,.custom-theme .el-button--primary.is-plain.is-disabled:active,.custom-theme .el-button--primary.is-plain.is-disabled:focus,.custom-theme .el-button--primary.is-plain.is-disabled:hover{color:#7d7d7f;background-color:#e9e9ea;border-color:#d4d4d4}.custom-theme .el-button--success{color:#fff;background-color:#409167;border-color:#409167}.custom-theme .el-button--success:focus,.custom-theme .el-button--success:hover{background:#66a785;border-color:#66a785;color:#fff}.custom-theme .el-button--success:active{background:#3a835d;border-color:#3a835d;color:#fff;outline:0}.custom-theme .el-button--success.is-active{background:#3a835d;border-color:#3a835d;color:#fff}.custom-theme .el-button--success.is-disabled,.custom-theme .el-button--success.is-disabled:active,.custom-theme .el-button--success.is-disabled:focus,.custom-theme .el-button--success.is-disabled:hover{color:#fff;background-color:#a0c8b3;border-color:#a0c8b3}.custom-theme .el-button--success.is-plain{color:#409167;background:#ecf4f0;border-color:#b3d3c2}.custom-theme .el-button--success.is-plain:focus,.custom-theme .el-button--success.is-plain:hover{background:#409167;border-color:#409167;color:#fff}.custom-theme .el-button--success.is-plain:active{background:#3a835d;border-color:#3a835d;color:#fff;outline:0}.custom-theme .el-button--success.is-plain.is-disabled,.custom-theme .el-button--success.is-plain.is-disabled:active,.custom-theme .el-button--success.is-plain.is-disabled:focus,.custom-theme .el-button--success.is-plain.is-disabled:hover{color:#8cbda4;background-color:#ecf4f0;border-color:#d9e9e1}.custom-theme .el-button--warning{color:#fff;background-color:#9da408;border-color:#9da408}.custom-theme .el-button--warning:focus,.custom-theme .el-button--warning:hover{background:#b1b639;border-color:#b1b639;color:#fff}.custom-theme .el-button--warning:active{background:#8d9407;border-color:#8d9407;color:#fff;outline:0}.custom-theme .el-button--warning.is-active{background:#8d9407;border-color:#8d9407;color:#fff}.custom-theme .el-button--warning.is-disabled,.custom-theme .el-button--warning.is-disabled:active,.custom-theme .el-button--warning.is-disabled:focus,.custom-theme .el-button--warning.is-disabled:hover{color:#fff;background-color:#ced284;border-color:#ced284}.custom-theme .el-button--warning.is-plain{color:#9da408;background:#f5f6e6;border-color:#d8db9c}.custom-theme .el-button--warning.is-plain:focus,.custom-theme .el-button--warning.is-plain:hover{background:#9da408;border-color:#9da408;color:#fff}.custom-theme .el-button--warning.is-plain:active{background:#8d9407;border-color:#8d9407;color:#fff;outline:0}.custom-theme .el-button--warning.is-plain.is-disabled,.custom-theme .el-button--warning.is-plain.is-disabled:active,.custom-theme .el-button--warning.is-plain.is-disabled:focus,.custom-theme .el-button--warning.is-plain.is-disabled:hover{color:#c4c86b;background-color:#f5f6e6;border-color:#ebedce}.custom-theme .el-button--danger{color:#fff;background-color:#b3450e;border-color:#b3450e}.custom-theme .el-button--danger:focus,.custom-theme .el-button--danger:hover{background:#c26a3e;border-color:#c26a3e;color:#fff}.custom-theme .el-button--danger:active{background:#a13e0d;border-color:#a13e0d;color:#fff;outline:0}.custom-theme .el-button--danger.is-active{background:#a13e0d;border-color:#a13e0d;color:#fff}.custom-theme .el-button--danger.is-disabled,.custom-theme .el-button--danger.is-disabled:active,.custom-theme .el-button--danger.is-disabled:focus,.custom-theme .el-button--danger.is-disabled:hover{color:#fff;background-color:#d9a287;border-color:#d9a287}.custom-theme .el-button--danger.is-plain{color:#b3450e;background:#f7ece7;border-color:#e1b59f}.custom-theme .el-button--danger.is-plain:focus,.custom-theme .el-button--danger.is-plain:hover{background:#b3450e;border-color:#b3450e;color:#fff}.custom-theme .el-button--danger.is-plain:active{background:#a13e0d;border-color:#a13e0d;color:#fff;outline:0}.custom-theme .el-button--danger.is-plain.is-disabled,.custom-theme .el-button--danger.is-plain.is-disabled:active,.custom-theme .el-button--danger.is-plain.is-disabled:focus,.custom-theme .el-button--danger.is-plain.is-disabled:hover{color:#d18f6e;background-color:#f7ece7;border-color:#f0dacf}.custom-theme .el-button--info{color:#fff;background-color:#0a76a4;border-color:#0a76a4}.custom-theme .el-button--info:focus,.custom-theme .el-button--info:hover{background:#3b91b6;border-color:#3b91b6;color:#fff}.custom-theme .el-button--info:active{background:#096a94;border-color:#096a94;color:#fff;outline:0}.custom-theme .el-button--info.is-active{background:#096a94;border-color:#096a94;color:#fff}.custom-theme .el-button--info.is-disabled,.custom-theme .el-button--info.is-disabled:active,.custom-theme .el-button--info.is-disabled:focus,.custom-theme .el-button--info.is-disabled:hover{color:#fff;background-color:#85bbd2;border-color:#85bbd2}.custom-theme .el-button--info.is-plain{color:#0a76a4;background:#e7f1f6;border-color:#9dc8db}.custom-theme .el-button--info.is-plain:focus,.custom-theme .el-button--info.is-plain:hover{background:#0a76a4;border-color:#0a76a4;color:#fff}.custom-theme .el-button--info.is-plain:active{background:#096a94;border-color:#096a94;color:#fff;outline:0}.custom-theme .el-button--info.is-plain.is-disabled,.custom-theme .el-button--info.is-plain.is-disabled:active,.custom-theme .el-button--info.is-plain.is-disabled:focus,.custom-theme .el-button--info.is-plain.is-disabled:hover{color:#6cadc8;background-color:#e7f1f6;border-color:#cee4ed}.custom-theme .el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.custom-theme .el-button--medium.is-round{padding:10px 20px}.custom-theme .el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.custom-theme .el-button--small.is-round{padding:9px 15px}.custom-theme .el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.custom-theme .el-button--mini.is-round{padding:7px 15px}.custom-theme .el-button--text{border:none;color:#262729;background:0 0;padding-left:0;padding-right:0}.custom-theme .el-button--text:focus,.custom-theme .el-button--text:hover{color:#515254;border-color:transparent;background-color:transparent}.custom-theme .el-button--text:active{color:#222325;border-color:transparent;background-color:transparent}.custom-theme .el-button-group{display:inline-block;vertical-align:middle}.custom-theme .el-button-group::after,.custom-theme .el-button-group::before{display:table;content:""}.custom-theme .el-button-group::after{clear:both}.custom-theme .el-button-group .el-button{float:left;position:relative}.custom-theme .el-button-group .el-button+.el-button{margin-left:0}.custom-theme .el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.custom-theme .el-button-group .el-button:not(:last-child){margin-right:-1px}.custom-theme .el-button-group .el-button:active,.custom-theme .el-button-group .el-button:focus,.custom-theme .el-button-group .el-button:hover{z-index:1}.custom-theme .el-button-group .el-button.is-active{z-index:1}.custom-theme .el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #e6ebf5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.custom-theme .el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.custom-theme .el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.custom-theme .el-message-box__header{position:relative;padding:15px;padding-bottom:10px}.custom-theme .el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#2d2f33}.custom-theme .el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.custom-theme .el-message-box__headerbtn .el-message-box__close{color:#0a76a4}.custom-theme .el-message-box__headerbtn:focus .el-message-box__close,.custom-theme .el-message-box__headerbtn:hover .el-message-box__close{color:#262729}.custom-theme .el-message-box__content{position:relative;padding:10px 15px;color:#5a5e66;font-size:14px}.custom-theme .el-message-box__input{padding-top:15px}.custom-theme .el-message-box__input input.invalid{border-color:#b3450e}.custom-theme .el-message-box__input input.invalid:focus{border-color:#b3450e}.custom-theme .el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.custom-theme .el-message-box__status::before{padding-left:1px}.custom-theme .el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.custom-theme .el-message-box__status.el-icon-success{color:#409167}.custom-theme .el-message-box__status.el-icon-info{color:#0a76a4}.custom-theme .el-message-box__status.el-icon-warning{color:#9da408}.custom-theme .el-message-box__status.el-icon-error{color:#b3450e}.custom-theme .el-message-box__message{margin:0}.custom-theme .el-message-box__message p{margin:0;line-height:24px}.custom-theme .el-message-box__errormsg{color:#b3450e;font-size:12px;min-height:18px;margin-top:2px}.custom-theme .el-message-box__btns{padding:5px 15px 0;text-align:right}.custom-theme .el-message-box__btns button:nth-child(2){margin-left:10px}.custom-theme .el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.custom-theme .el-message-box--center{padding-bottom:30px}.custom-theme .el-message-box--center .el-message-box__header{padding-top:30px}.custom-theme .el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-theme .el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.custom-theme .el-message-box--center .el-message-box__message{margin-left:0}.custom-theme .el-message-box--center .el-message-box__btns,.custom-theme .el-message-box--center .el-message-box__content{text-align:center}.custom-theme .el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.custom-theme .msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.custom-theme .msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.custom-theme .el-breadcrumb{font-size:14px;line-height:1}.custom-theme .el-breadcrumb::after,.custom-theme .el-breadcrumb::before{display:table;content:""}.custom-theme .el-breadcrumb::after{clear:both}.custom-theme .el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#b4bccc}.custom-theme .el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.custom-theme .el-breadcrumb__item{float:left}.custom-theme .el-breadcrumb__inner,.custom-theme .el-breadcrumb__inner a{font-weight:700;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#2d2f33}.custom-theme .el-breadcrumb__inner a:hover,.custom-theme .el-breadcrumb__inner:hover{color:#262729;cursor:pointer}.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__inner,.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__inner a,.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#5a5e66;cursor:text}.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.custom-theme .el-form--label-left .el-form-item__label{text-align:left}.custom-theme .el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px 0}.custom-theme .el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.custom-theme .el-form--inline .el-form-item__label{float:none;display:inline-block}.custom-theme .el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.custom-theme .el-form--inline.el-form--label-top .el-form-item__content{display:block}.custom-theme .el-form-item{margin-bottom:22px}.custom-theme .el-form-item::after,.custom-theme .el-form-item::before{display:table;content:""}.custom-theme .el-form-item::after{clear:both}.custom-theme .el-form-item .el-form-item{margin-bottom:0}.custom-theme .el-form-item .el-input__validateIcon{display:none}.custom-theme .el-form-item--medium .el-form-item__label{line-height:36px}.custom-theme .el-form-item--medium .el-form-item__content{line-height:36px}.custom-theme .el-form-item--small .el-form-item__label{line-height:32px}.custom-theme .el-form-item--small .el-form-item__content{line-height:32px}.custom-theme .el-form-item--small.el-form-item{margin-bottom:18px}.custom-theme .el-form-item--small .el-form-item__error{padding-top:2px}.custom-theme .el-form-item--mini .el-form-item__label{line-height:28px}.custom-theme .el-form-item--mini .el-form-item__content{line-height:28px}.custom-theme .el-form-item--mini.el-form-item{margin-bottom:18px}.custom-theme .el-form-item--mini .el-form-item__error{padding-top:1px}.custom-theme .el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#5a5e66;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-form-item__content{line-height:40px;position:relative;font-size:14px}.custom-theme .el-form-item__content::after,.custom-theme .el-form-item__content::before{display:table;content:""}.custom-theme .el-form-item__content::after{clear:both}.custom-theme .el-form-item__error{color:#b3450e;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.custom-theme .el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.custom-theme .el-form-item.is-required .el-form-item__label:before{content:'*';color:#b3450e;margin-right:4px}.custom-theme .el-form-item.is-error .el-input__inner,.custom-theme .el-form-item.is-error .el-input__inner:focus,.custom-theme .el-form-item.is-error .el-textarea__inner,.custom-theme .el-form-item.is-error .el-textarea__inner:focus{border-color:#b3450e}.custom-theme .el-form-item.is-error .el-input-group__append .el-input__inner,.custom-theme .el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.custom-theme .el-form-item.is-error .el-input__validateIcon{color:#b3450e}.custom-theme .el-form-item.is-success .el-input__inner,.custom-theme .el-form-item.is-success .el-input__inner:focus,.custom-theme .el-form-item.is-success .el-textarea__inner,.custom-theme .el-form-item.is-success .el-textarea__inner:focus{border-color:#409167}.custom-theme .el-form-item.is-success .el-input-group__append .el-input__inner,.custom-theme .el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.custom-theme .el-form-item.is-success .el-input__validateIcon{color:#409167}.custom-theme .el-form-item--feedback .el-input__validateIcon{display:inline-block}.custom-theme .el-tabs__header{padding:0;position:relative;margin:0 0 15px}.custom-theme .el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#262729;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.custom-theme .el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.custom-theme .el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.custom-theme .el-tabs__new-tab:hover{color:#262729}.custom-theme .el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.custom-theme .el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#dfe4ed;z-index:1}.custom-theme .el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-tabs__nav-scroll{overflow:hidden}.custom-theme .el-tabs__nav-next,.custom-theme .el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#878d99}.custom-theme .el-tabs__nav-next{right:0}.custom-theme .el-tabs__nav-prev{left:0}.custom-theme .el-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.custom-theme .el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#2d2f33;position:relative}.custom-theme .el-tabs__item:focus,.custom-theme .el-tabs__item:focus:active{outline:0}.custom-theme .el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.custom-theme .el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.custom-theme .el-tabs__item .el-icon-close:hover{background-color:#b4bccc;color:#fff}.custom-theme .el-tabs__item.is-active{color:#262729}.custom-theme .el-tabs__item:hover{color:#262729;cursor:pointer}.custom-theme .el-tabs__item.is-disabled{color:#b4bccc;cursor:default}.custom-theme .el-tabs__content{overflow:hidden;position:relative}.custom-theme .el-tabs--card>.el-tabs__header{border-bottom:1px solid #dfe4ed}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #dfe4ed;border-bottom:none;border-radius:4px 4px 0 0}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #dfe4ed;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.custom-theme .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close{width:14px}.custom-theme .el-tabs--border-card{background:#fff;border:1px solid #d8dce5;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.custom-theme .el-tabs--border-card>.el-tabs__content{padding:15px}.custom-theme .el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid #dfe4ed;margin:0}.custom-theme .el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.custom-theme .el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin:-1px -1px 0;color:#878d99}.custom-theme .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#262729;background-color:#fff;border-right-color:#d8dce5;border-left-color:#d8dce5}.custom-theme .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover{color:#262729}.custom-theme .el-tabs--bottom:not(.el-tabs--border-card):not(.el-tabs--card) .el-tabs__item:nth-child(2),.custom-theme .el-tabs--top:not(.el-tabs--border-card):not(.el-tabs--card) .el-tabs__item:nth-child(2){padding-left:0}.custom-theme .el-tabs--bottom .el-tabs__header{margin-bottom:0;margin-top:10px}.custom-theme .el-tabs--bottom.el-tabs--border-card .el-tabs__header{border-bottom:0;border-top:1px solid #d8dce5}.custom-theme .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.custom-theme .el-tabs--bottom.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:0 -1px -1px -1px}.custom-theme .el-tabs--left,.custom-theme .el-tabs--right{overflow:hidden}.custom-theme .el-tabs--left .el-tabs__header,.custom-theme .el-tabs--left .el-tabs__nav-scroll,.custom-theme .el-tabs--left .el-tabs__nav-wrap,.custom-theme .el-tabs--right .el-tabs__header,.custom-theme .el-tabs--right .el-tabs__nav-scroll,.custom-theme .el-tabs--right .el-tabs__nav-wrap{height:100%}.custom-theme .el-tabs--left .el-tabs__active-bar,.custom-theme .el-tabs--right .el-tabs__active-bar{top:0;bottom:auto;width:2px;height:auto}.custom-theme .el-tabs--left .el-tabs__nav-wrap,.custom-theme .el-tabs--right .el-tabs__nav-wrap{margin-bottom:0}.custom-theme .el-tabs--left .el-tabs__nav-wrap.is-scrollable,.custom-theme .el-tabs--right .el-tabs__nav-wrap.is-scrollable{padding:30px 0}.custom-theme .el-tabs--left .el-tabs__nav-wrap::after,.custom-theme .el-tabs--right .el-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.custom-theme .el-tabs--left .el-tabs__nav,.custom-theme .el-tabs--right .el-tabs__nav{float:none}.custom-theme .el-tabs--left .el-tabs__item,.custom-theme .el-tabs--right .el-tabs__item{display:block}.custom-theme .el-tabs--left .el-tabs__nav-next,.custom-theme .el-tabs--left .el-tabs__nav-prev,.custom-theme .el-tabs--right .el-tabs__nav-next,.custom-theme .el-tabs--right .el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.custom-theme .el-tabs--left .el-tabs__nav-next i,.custom-theme .el-tabs--left .el-tabs__nav-prev i,.custom-theme .el-tabs--right .el-tabs__nav-next i,.custom-theme .el-tabs--right .el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.custom-theme .el-tabs--left .el-tabs__nav-prev,.custom-theme .el-tabs--right .el-tabs__nav-prev{left:auto;top:0}.custom-theme .el-tabs--left .el-tabs__nav-next,.custom-theme .el-tabs--right .el-tabs__nav-next{right:auto;bottom:0}.custom-theme .el-tabs--left .el-tabs__header{float:left;margin-bottom:0;margin-right:10px}.custom-theme .el-tabs--left .el-tabs__nav-wrap{margin-right:-1px}.custom-theme .el-tabs--left .el-tabs__nav-wrap::after{left:auto;right:0}.custom-theme .el-tabs--left .el-tabs__active-bar{right:0;left:auto}.custom-theme .el-tabs--left .el-tabs__item{text-align:right}.custom-theme .el-tabs--left.el-tabs--card .el-tabs__active-bar{display:none}.custom-theme .el-tabs--left.el-tabs--card .el-tabs__item{border-left:none;border-right:1px solid #dfe4ed;border-bottom:none;border-top:1px solid #dfe4ed}.custom-theme .el-tabs--left.el-tabs--card .el-tabs__item:first-child{border-right:1px solid #dfe4ed;border-top:none}.custom-theme .el-tabs--left.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-right-color:#fff;border-left:none;border-bottom:none}.custom-theme .el-tabs--left.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.custom-theme .el-tabs--left.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.custom-theme .el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #dfe4ed;border-right:none}.custom-theme .el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.custom-theme .el-tabs--left.el-tabs--border-card .el-tabs__header{border-right:1px solid #dfe4ed}.custom-theme .el-tabs--left.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px 0 -1px -1px}.custom-theme .el-tabs--left.el-tabs--border-card .el-tabs__item.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.custom-theme .el-tabs--right .el-tabs__header{float:right;margin-bottom:0;margin-left:10px}.custom-theme .el-tabs--right .el-tabs__nav-wrap{margin-left:-1px}.custom-theme .el-tabs--right .el-tabs__nav-wrap::after{left:0;right:auto}.custom-theme .el-tabs--right .el-tabs__active-bar{left:0}.custom-theme .el-tabs--right.el-tabs--card .el-tabs__active-bar{display:none}.custom-theme .el-tabs--right.el-tabs--card .el-tabs__item{border-bottom:none;border-top:1px solid #dfe4ed}.custom-theme .el-tabs--right.el-tabs--card .el-tabs__item:first-child{border-left:1px solid #dfe4ed;border-top:none}.custom-theme .el-tabs--right.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-left-color:#fff;border-right:none;border-bottom:none}.custom-theme .el-tabs--right.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.custom-theme .el-tabs--right.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.custom-theme .el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #dfe4ed;border-left:none}.custom-theme .el-tabs--right.el-tabs--border-card .el-tabs__header{border-left:1px solid #dfe4ed}.custom-theme .el-tabs--right.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.custom-theme .el-tabs--right.el-tabs--border-card .el-tabs__item.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.custom-theme .slideInLeft-transition,.custom-theme .slideInRight-transition{display:inline-block}.custom-theme .slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.custom-theme .slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.custom-theme .slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.custom-theme .slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.custom-theme .el-tag{background-color:rgba(38,39,41,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#262729;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(38,39,41,.2);white-space:nowrap}.custom-theme .el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-5px;color:#262729}.custom-theme .el-tag .el-icon-close::before{display:block}.custom-theme .el-tag .el-icon-close:hover{background-color:#262729;color:#fff}.custom-theme .el-tag--info{background-color:rgba(10,118,164,.1);border-color:rgba(10,118,164,.2);color:#0a76a4}.custom-theme .el-tag--info.is-hit{border-color:#0a76a4}.custom-theme .el-tag--info .el-tag__close{color:#0a76a4}.custom-theme .el-tag--info .el-tag__close:hover{background-color:#0a76a4;color:#fff}.custom-theme .el-tag--success{background-color:rgba(64,145,103,.1);border-color:rgba(64,145,103,.2);color:#409167}.custom-theme .el-tag--success.is-hit{border-color:#409167}.custom-theme .el-tag--success .el-tag__close{color:#409167}.custom-theme .el-tag--success .el-tag__close:hover{background-color:#409167;color:#fff}.custom-theme .el-tag--warning{background-color:rgba(157,164,8,.1);border-color:rgba(157,164,8,.2);color:#9da408}.custom-theme .el-tag--warning.is-hit{border-color:#9da408}.custom-theme .el-tag--warning .el-tag__close{color:#9da408}.custom-theme .el-tag--warning .el-tag__close:hover{background-color:#9da408;color:#fff}.custom-theme .el-tag--danger{background-color:rgba(179,69,14,.1);border-color:rgba(179,69,14,.2);color:#b3450e}.custom-theme .el-tag--danger.is-hit{border-color:#b3450e}.custom-theme .el-tag--danger .el-tag__close{color:#b3450e}.custom-theme .el-tag--danger .el-tag__close:hover{background-color:#b3450e;color:#fff}.custom-theme .el-tag--medium{height:28px;line-height:26px}.custom-theme .el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--small{height:24px;padding:0 8px;line-height:22px}.custom-theme .el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-tag--mini{height:20px;padding:0 5px;line-height:19px}.custom-theme .el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.custom-theme .el-tree{cursor:default;background:#fff;color:#5a5e66}.custom-theme .el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.custom-theme .el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#623615}.custom-theme .el-tree-node{white-space:nowrap}.custom-theme .el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.custom-theme .el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.custom-theme .el-tree-node__content>.el-checkbox{margin-right:8px}.custom-theme .el-tree-node__content:hover{background-color:#f5f7fa}.custom-theme .el-tree-node__expand-icon{cursor:pointer;color:#b4bccc;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.custom-theme .el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.custom-theme .el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.custom-theme .el-tree-node__label{font-size:14px}.custom-theme .el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#b4bccc}.custom-theme .el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.custom-theme .el-tree-node.is-expanded>.el-tree-node__children{display:block}.custom-theme .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#eee}.custom-theme .el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.custom-theme .el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-theme .el-alert--success{background-color:#ecf4f0;color:#409167}.custom-theme .el-alert--success .el-alert__description{color:#409167}.custom-theme .el-alert--info{background-color:#e7f1f6;color:#0a76a4}.custom-theme .el-alert--info .el-alert__description{color:#0a76a4}.custom-theme .el-alert--warning{background-color:#f5f6e6;color:#9da408}.custom-theme .el-alert--warning .el-alert__description{color:#9da408}.custom-theme .el-alert--error{background-color:#f7ece7;color:#b3450e}.custom-theme .el-alert--error .el-alert__description{color:#b3450e}.custom-theme .el-alert__content{display:table-cell;padding:0 8px}.custom-theme .el-alert__icon{font-size:16px;width:16px}.custom-theme .el-alert__icon.is-big{font-size:28px;width:28px}.custom-theme .el-alert__title{font-size:13px;line-height:18px}.custom-theme .el-alert__title.is-bold{font-weight:700}.custom-theme .el-alert .el-alert__description{font-size:12px;margin:5px 0 0 0}.custom-theme .el-alert__closebtn{font-size:12px;color:#b4bccc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.custom-theme .el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.custom-theme .el-alert-fade-enter,.custom-theme .el-alert-fade-leave-active{opacity:0}.custom-theme .el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e6ebf5;position:fixed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.custom-theme .el-notification.right{right:16px}.custom-theme .el-notification.left{left:16px}.custom-theme .el-notification__group{margin-left:13px}.custom-theme .el-notification__title{font-weight:700;font-size:16px;color:#2d2f33;margin:0}.custom-theme .el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0 0;color:#5a5e66;text-align:justify}.custom-theme .el-notification__content p{margin:0}.custom-theme .el-notification__icon{height:24px;width:24px;font-size:24px;-webkit-transform:translateY(4px);transform:translateY(4px)}.custom-theme .el-notification__closeBtn{position:absolute;top:15px;right:15px;cursor:pointer;color:#878d99;font-size:16px}.custom-theme .el-notification__closeBtn:hover{color:#5a5e66}.custom-theme .el-notification .el-icon-success{color:#409167}.custom-theme .el-notification .el-icon-error{color:#b3450e}.custom-theme .el-notification .el-icon-info{color:#0a76a4}.custom-theme .el-notification .el-icon-warning{color:#9da408}.custom-theme .el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.custom-theme .el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.custom-theme .el-notification-fade-leave-active{opacity:0}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.custom-theme .el-input-number .el-input{display:block}.custom-theme .el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.custom-theme .el-input-number__decrease,.custom-theme .el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#5a5e66;cursor:pointer;font-size:13px}.custom-theme .el-input-number__decrease:hover,.custom-theme .el-input-number__increase:hover{color:#262729}.custom-theme .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.custom-theme .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#262729}.custom-theme .el-input-number__decrease.is-disabled,.custom-theme .el-input-number__increase.is-disabled{color:#b4bccc;cursor:not-allowed}.custom-theme .el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #d8dce5}.custom-theme .el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #d8dce5}.custom-theme .el-input-number.is-disabled .el-input-number__decrease,.custom-theme .el-input-number.is-disabled .el-input-number__increase{border-color:#dfe4ed;color:#dfe4ed}.custom-theme .el-input-number.is-disabled .el-input-number__decrease:hover,.custom-theme .el-input-number.is-disabled .el-input-number__increase:hover{color:#dfe4ed;cursor:not-allowed}.custom-theme .el-input-number--medium{width:200px;line-height:34px}.custom-theme .el-input-number--medium .el-input-number__decrease,.custom-theme .el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.custom-theme .el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.custom-theme .el-input-number--small{width:130px;line-height:30px}.custom-theme .el-input-number--small .el-input-number__decrease,.custom-theme .el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.custom-theme .el-input-number--small .el-input-number__decrease [class*=el-icon],.custom-theme .el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.custom-theme .el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.custom-theme .el-input-number--mini{width:130px;line-height:26px}.custom-theme .el-input-number--mini .el-input-number__decrease,.custom-theme .el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.custom-theme .el-input-number--mini .el-input-number__decrease [class*=el-icon],.custom-theme .el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.custom-theme .el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.custom-theme .el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.custom-theme .el-input-number.is-controls-right .el-input-number__decrease,.custom-theme .el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.custom-theme .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.custom-theme .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.custom-theme .el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d8dce5}.custom-theme .el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d8dce5;border-radius:0 0 4px 0}.custom-theme .el-input-number.is-controls-right[class*=medium] [class*=decrease],.custom-theme .el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.custom-theme .el-input-number.is-controls-right[class*=small] [class*=decrease],.custom-theme .el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.custom-theme .el-input-number.is-controls-right[class*=mini] [class*=decrease],.custom-theme .el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.custom-theme .el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.custom-theme .el-tooltip__popper .popper__arrow,.custom-theme .el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-tooltip__popper .popper__arrow{border-width:6px}.custom-theme .el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.custom-theme .el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#2d2f33;border-bottom-width:0}.custom-theme .el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#2d2f33;border-bottom-width:0}.custom-theme .el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#2d2f33}.custom-theme .el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#2d2f33}.custom-theme .el-tooltip__popper[x-placement^=right]{margin-left:12px}.custom-theme .el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#2d2f33;border-left-width:0}.custom-theme .el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#2d2f33;border-left-width:0}.custom-theme .el-tooltip__popper[x-placement^=left]{margin-right:12px}.custom-theme .el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#2d2f33}.custom-theme .el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#2d2f33}.custom-theme .el-tooltip__popper.is-dark{background:#2d2f33;color:#fff}.custom-theme .el-tooltip__popper.is-light{background:#fff;border:1px solid #2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.custom-theme .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.custom-theme .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.custom-theme .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#2d2f33}.custom-theme .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.custom-theme .el-slider::after,.custom-theme .el-slider::before{display:table;content:""}.custom-theme .el-slider::after{clear:both}.custom-theme .el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#dfe4ed;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.custom-theme .el-slider__runway.show-input{margin-right:160px;width:auto}.custom-theme .el-slider__runway.disabled{cursor:default}.custom-theme .el-slider__runway.disabled .el-slider__bar{background-color:#b4bccc}.custom-theme .el-slider__runway.disabled .el-slider__button{border-color:#b4bccc}.custom-theme .el-slider__runway.disabled .el-slider__button-wrapper.hover,.custom-theme .el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.custom-theme .el-slider__runway.disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.custom-theme .el-slider__runway.disabled .el-slider__button.dragging,.custom-theme .el-slider__runway.disabled .el-slider__button.hover,.custom-theme .el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1)}.custom-theme .el-slider__runway.disabled .el-slider__button.hover,.custom-theme .el-slider__runway.disabled .el-slider__button:hover{cursor:not-allowed}.custom-theme .el-slider__runway.disabled .el-slider__button.dragging{cursor:not-allowed}.custom-theme .el-slider__input{float:right;margin-top:3px}.custom-theme .el-slider__bar{height:6px;background-color:#262729;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.custom-theme .el-slider__button-wrapper{height:36px;width:36px;position:absolute;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-slider__button-wrapper::after{display:inline-block;content:"";height:100%;vertical-align:middle}.custom-theme .el-slider__button-wrapper .el-tooltip{vertical-align:middle;display:inline-block}.custom-theme .el-slider__button-wrapper.hover,.custom-theme .el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.custom-theme .el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.custom-theme .el-slider__button{width:16px;height:16px;border:solid 2px #262729;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-slider__button.dragging,.custom-theme .el-slider__button.hover,.custom-theme .el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.custom-theme .el-slider__button.hover,.custom-theme .el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.custom-theme .el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.custom-theme .el-slider__stop{position:absolute;height:6px;width:6px;border-radius:100%;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.custom-theme .el-slider.is-vertical{position:relative}.custom-theme .el-slider.is-vertical .el-slider__runway{width:4px;height:100%;margin:0 16px}.custom-theme .el-slider.is-vertical .el-slider__bar{width:4px;height:auto;border-radius:0 0 3px 3px}.custom-theme .el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.custom-theme .el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.custom-theme .el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #d8dce5;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#b4bccc}.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.custom-theme .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#262729}.custom-theme .el-loading-parent--relative{position:relative!important}.custom-theme .el-loading-parent--hidden{overflow:hidden!important}.custom-theme .el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.custom-theme .el-loading-mask.is-fullscreen{position:fixed}.custom-theme .el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.custom-theme .el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.custom-theme .el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.custom-theme .el-loading-spinner .el-loading-text{color:#262729;margin:3px 0;font-size:14px}.custom-theme .el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.custom-theme .el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#262729;stroke-linecap:round}.custom-theme .el-loading-spinner i{color:#262729}.custom-theme .el-loading-fade-enter,.custom-theme .el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.custom-theme .el-row{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-row::after,.custom-theme .el-row::before{display:table;content:""}.custom-theme .el-row::after{clear:both}.custom-theme .el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.custom-theme .el-row--flex:after,.custom-theme .el-row--flex:before{display:none}.custom-theme .el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-theme .el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.custom-theme .el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.custom-theme .el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.custom-theme .el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-theme .el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.custom-theme [class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-col-0{display:none}.custom-theme .el-col-1{width:4.16667%}.custom-theme .el-col-offset-1{margin-left:4.16667%}.custom-theme .el-col-pull-1{position:relative;right:4.16667%}.custom-theme .el-col-push-1{position:relative;left:4.16667%}.custom-theme .el-col-2{width:8.33333%}.custom-theme .el-col-offset-2{margin-left:8.33333%}.custom-theme .el-col-pull-2{position:relative;right:8.33333%}.custom-theme .el-col-push-2{position:relative;left:8.33333%}.custom-theme .el-col-3{width:12.5%}.custom-theme .el-col-offset-3{margin-left:12.5%}.custom-theme .el-col-pull-3{position:relative;right:12.5%}.custom-theme .el-col-push-3{position:relative;left:12.5%}.custom-theme .el-col-4{width:16.66667%}.custom-theme .el-col-offset-4{margin-left:16.66667%}.custom-theme .el-col-pull-4{position:relative;right:16.66667%}.custom-theme .el-col-push-4{position:relative;left:16.66667%}.custom-theme .el-col-5{width:20.83333%}.custom-theme .el-col-offset-5{margin-left:20.83333%}.custom-theme .el-col-pull-5{position:relative;right:20.83333%}.custom-theme .el-col-push-5{position:relative;left:20.83333%}.custom-theme .el-col-6{width:25%}.custom-theme .el-col-offset-6{margin-left:25%}.custom-theme .el-col-pull-6{position:relative;right:25%}.custom-theme .el-col-push-6{position:relative;left:25%}.custom-theme .el-col-7{width:29.16667%}.custom-theme .el-col-offset-7{margin-left:29.16667%}.custom-theme .el-col-pull-7{position:relative;right:29.16667%}.custom-theme .el-col-push-7{position:relative;left:29.16667%}.custom-theme .el-col-8{width:33.33333%}.custom-theme .el-col-offset-8{margin-left:33.33333%}.custom-theme .el-col-pull-8{position:relative;right:33.33333%}.custom-theme .el-col-push-8{position:relative;left:33.33333%}.custom-theme .el-col-9{width:37.5%}.custom-theme .el-col-offset-9{margin-left:37.5%}.custom-theme .el-col-pull-9{position:relative;right:37.5%}.custom-theme .el-col-push-9{position:relative;left:37.5%}.custom-theme .el-col-10{width:41.66667%}.custom-theme .el-col-offset-10{margin-left:41.66667%}.custom-theme .el-col-pull-10{position:relative;right:41.66667%}.custom-theme .el-col-push-10{position:relative;left:41.66667%}.custom-theme .el-col-11{width:45.83333%}.custom-theme .el-col-offset-11{margin-left:45.83333%}.custom-theme .el-col-pull-11{position:relative;right:45.83333%}.custom-theme .el-col-push-11{position:relative;left:45.83333%}.custom-theme .el-col-12{width:50%}.custom-theme .el-col-offset-12{margin-left:50%}.custom-theme .el-col-pull-12{position:relative;right:50%}.custom-theme .el-col-push-12{position:relative;left:50%}.custom-theme .el-col-13{width:54.16667%}.custom-theme .el-col-offset-13{margin-left:54.16667%}.custom-theme .el-col-pull-13{position:relative;right:54.16667%}.custom-theme .el-col-push-13{position:relative;left:54.16667%}.custom-theme .el-col-14{width:58.33333%}.custom-theme .el-col-offset-14{margin-left:58.33333%}.custom-theme .el-col-pull-14{position:relative;right:58.33333%}.custom-theme .el-col-push-14{position:relative;left:58.33333%}.custom-theme .el-col-15{width:62.5%}.custom-theme .el-col-offset-15{margin-left:62.5%}.custom-theme .el-col-pull-15{position:relative;right:62.5%}.custom-theme .el-col-push-15{position:relative;left:62.5%}.custom-theme .el-col-16{width:66.66667%}.custom-theme .el-col-offset-16{margin-left:66.66667%}.custom-theme .el-col-pull-16{position:relative;right:66.66667%}.custom-theme .el-col-push-16{position:relative;left:66.66667%}.custom-theme .el-col-17{width:70.83333%}.custom-theme .el-col-offset-17{margin-left:70.83333%}.custom-theme .el-col-pull-17{position:relative;right:70.83333%}.custom-theme .el-col-push-17{position:relative;left:70.83333%}.custom-theme .el-col-18{width:75%}.custom-theme .el-col-offset-18{margin-left:75%}.custom-theme .el-col-pull-18{position:relative;right:75%}.custom-theme .el-col-push-18{position:relative;left:75%}.custom-theme .el-col-19{width:79.16667%}.custom-theme .el-col-offset-19{margin-left:79.16667%}.custom-theme .el-col-pull-19{position:relative;right:79.16667%}.custom-theme .el-col-push-19{position:relative;left:79.16667%}.custom-theme .el-col-20{width:83.33333%}.custom-theme .el-col-offset-20{margin-left:83.33333%}.custom-theme .el-col-pull-20{position:relative;right:83.33333%}.custom-theme .el-col-push-20{position:relative;left:83.33333%}.custom-theme .el-col-21{width:87.5%}.custom-theme .el-col-offset-21{margin-left:87.5%}.custom-theme .el-col-pull-21{position:relative;right:87.5%}.custom-theme .el-col-push-21{position:relative;left:87.5%}.custom-theme .el-col-22{width:91.66667%}.custom-theme .el-col-offset-22{margin-left:91.66667%}.custom-theme .el-col-pull-22{position:relative;right:91.66667%}.custom-theme .el-col-push-22{position:relative;left:91.66667%}.custom-theme .el-col-23{width:95.83333%}.custom-theme .el-col-offset-23{margin-left:95.83333%}.custom-theme .el-col-pull-23{position:relative;right:95.83333%}.custom-theme .el-col-push-23{position:relative;left:95.83333%}.custom-theme .el-col-24{width:100%}.custom-theme .el-col-offset-24{margin-left:100%}.custom-theme .el-col-pull-24{position:relative;right:100%}.custom-theme .el-col-push-24{position:relative;left:100%}@media only screen and (max-width:768px){.custom-theme .el-col-xs-0{display:none}.custom-theme .el-col-xs-1{width:4.16667%}.custom-theme .el-col-xs-offset-1{margin-left:4.16667%}.custom-theme .el-col-xs-pull-1{position:relative;right:4.16667%}.custom-theme .el-col-xs-push-1{position:relative;left:4.16667%}.custom-theme .el-col-xs-2{width:8.33333%}.custom-theme .el-col-xs-offset-2{margin-left:8.33333%}.custom-theme .el-col-xs-pull-2{position:relative;right:8.33333%}.custom-theme .el-col-xs-push-2{position:relative;left:8.33333%}.custom-theme .el-col-xs-3{width:12.5%}.custom-theme .el-col-xs-offset-3{margin-left:12.5%}.custom-theme .el-col-xs-pull-3{position:relative;right:12.5%}.custom-theme .el-col-xs-push-3{position:relative;left:12.5%}.custom-theme .el-col-xs-4{width:16.66667%}.custom-theme .el-col-xs-offset-4{margin-left:16.66667%}.custom-theme .el-col-xs-pull-4{position:relative;right:16.66667%}.custom-theme .el-col-xs-push-4{position:relative;left:16.66667%}.custom-theme .el-col-xs-5{width:20.83333%}.custom-theme .el-col-xs-offset-5{margin-left:20.83333%}.custom-theme .el-col-xs-pull-5{position:relative;right:20.83333%}.custom-theme .el-col-xs-push-5{position:relative;left:20.83333%}.custom-theme .el-col-xs-6{width:25%}.custom-theme .el-col-xs-offset-6{margin-left:25%}.custom-theme .el-col-xs-pull-6{position:relative;right:25%}.custom-theme .el-col-xs-push-6{position:relative;left:25%}.custom-theme .el-col-xs-7{width:29.16667%}.custom-theme .el-col-xs-offset-7{margin-left:29.16667%}.custom-theme .el-col-xs-pull-7{position:relative;right:29.16667%}.custom-theme .el-col-xs-push-7{position:relative;left:29.16667%}.custom-theme .el-col-xs-8{width:33.33333%}.custom-theme .el-col-xs-offset-8{margin-left:33.33333%}.custom-theme .el-col-xs-pull-8{position:relative;right:33.33333%}.custom-theme .el-col-xs-push-8{position:relative;left:33.33333%}.custom-theme .el-col-xs-9{width:37.5%}.custom-theme .el-col-xs-offset-9{margin-left:37.5%}.custom-theme .el-col-xs-pull-9{position:relative;right:37.5%}.custom-theme .el-col-xs-push-9{position:relative;left:37.5%}.custom-theme .el-col-xs-10{width:41.66667%}.custom-theme .el-col-xs-offset-10{margin-left:41.66667%}.custom-theme .el-col-xs-pull-10{position:relative;right:41.66667%}.custom-theme .el-col-xs-push-10{position:relative;left:41.66667%}.custom-theme .el-col-xs-11{width:45.83333%}.custom-theme .el-col-xs-offset-11{margin-left:45.83333%}.custom-theme .el-col-xs-pull-11{position:relative;right:45.83333%}.custom-theme .el-col-xs-push-11{position:relative;left:45.83333%}.custom-theme .el-col-xs-12{width:50%}.custom-theme .el-col-xs-offset-12{margin-left:50%}.custom-theme .el-col-xs-pull-12{position:relative;right:50%}.custom-theme .el-col-xs-push-12{position:relative;left:50%}.custom-theme .el-col-xs-13{width:54.16667%}.custom-theme .el-col-xs-offset-13{margin-left:54.16667%}.custom-theme .el-col-xs-pull-13{position:relative;right:54.16667%}.custom-theme .el-col-xs-push-13{position:relative;left:54.16667%}.custom-theme .el-col-xs-14{width:58.33333%}.custom-theme .el-col-xs-offset-14{margin-left:58.33333%}.custom-theme .el-col-xs-pull-14{position:relative;right:58.33333%}.custom-theme .el-col-xs-push-14{position:relative;left:58.33333%}.custom-theme .el-col-xs-15{width:62.5%}.custom-theme .el-col-xs-offset-15{margin-left:62.5%}.custom-theme .el-col-xs-pull-15{position:relative;right:62.5%}.custom-theme .el-col-xs-push-15{position:relative;left:62.5%}.custom-theme .el-col-xs-16{width:66.66667%}.custom-theme .el-col-xs-offset-16{margin-left:66.66667%}.custom-theme .el-col-xs-pull-16{position:relative;right:66.66667%}.custom-theme .el-col-xs-push-16{position:relative;left:66.66667%}.custom-theme .el-col-xs-17{width:70.83333%}.custom-theme .el-col-xs-offset-17{margin-left:70.83333%}.custom-theme .el-col-xs-pull-17{position:relative;right:70.83333%}.custom-theme .el-col-xs-push-17{position:relative;left:70.83333%}.custom-theme .el-col-xs-18{width:75%}.custom-theme .el-col-xs-offset-18{margin-left:75%}.custom-theme .el-col-xs-pull-18{position:relative;right:75%}.custom-theme .el-col-xs-push-18{position:relative;left:75%}.custom-theme .el-col-xs-19{width:79.16667%}.custom-theme .el-col-xs-offset-19{margin-left:79.16667%}.custom-theme .el-col-xs-pull-19{position:relative;right:79.16667%}.custom-theme .el-col-xs-push-19{position:relative;left:79.16667%}.custom-theme .el-col-xs-20{width:83.33333%}.custom-theme .el-col-xs-offset-20{margin-left:83.33333%}.custom-theme .el-col-xs-pull-20{position:relative;right:83.33333%}.custom-theme .el-col-xs-push-20{position:relative;left:83.33333%}.custom-theme .el-col-xs-21{width:87.5%}.custom-theme .el-col-xs-offset-21{margin-left:87.5%}.custom-theme .el-col-xs-pull-21{position:relative;right:87.5%}.custom-theme .el-col-xs-push-21{position:relative;left:87.5%}.custom-theme .el-col-xs-22{width:91.66667%}.custom-theme .el-col-xs-offset-22{margin-left:91.66667%}.custom-theme .el-col-xs-pull-22{position:relative;right:91.66667%}.custom-theme .el-col-xs-push-22{position:relative;left:91.66667%}.custom-theme .el-col-xs-23{width:95.83333%}.custom-theme .el-col-xs-offset-23{margin-left:95.83333%}.custom-theme .el-col-xs-pull-23{position:relative;right:95.83333%}.custom-theme .el-col-xs-push-23{position:relative;left:95.83333%}.custom-theme .el-col-xs-24{width:100%}.custom-theme .el-col-xs-offset-24{margin-left:100%}.custom-theme .el-col-xs-pull-24{position:relative;right:100%}.custom-theme .el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.custom-theme .el-col-sm-0{display:none}.custom-theme .el-col-sm-1{width:4.16667%}.custom-theme .el-col-sm-offset-1{margin-left:4.16667%}.custom-theme .el-col-sm-pull-1{position:relative;right:4.16667%}.custom-theme .el-col-sm-push-1{position:relative;left:4.16667%}.custom-theme .el-col-sm-2{width:8.33333%}.custom-theme .el-col-sm-offset-2{margin-left:8.33333%}.custom-theme .el-col-sm-pull-2{position:relative;right:8.33333%}.custom-theme .el-col-sm-push-2{position:relative;left:8.33333%}.custom-theme .el-col-sm-3{width:12.5%}.custom-theme .el-col-sm-offset-3{margin-left:12.5%}.custom-theme .el-col-sm-pull-3{position:relative;right:12.5%}.custom-theme .el-col-sm-push-3{position:relative;left:12.5%}.custom-theme .el-col-sm-4{width:16.66667%}.custom-theme .el-col-sm-offset-4{margin-left:16.66667%}.custom-theme .el-col-sm-pull-4{position:relative;right:16.66667%}.custom-theme .el-col-sm-push-4{position:relative;left:16.66667%}.custom-theme .el-col-sm-5{width:20.83333%}.custom-theme .el-col-sm-offset-5{margin-left:20.83333%}.custom-theme .el-col-sm-pull-5{position:relative;right:20.83333%}.custom-theme .el-col-sm-push-5{position:relative;left:20.83333%}.custom-theme .el-col-sm-6{width:25%}.custom-theme .el-col-sm-offset-6{margin-left:25%}.custom-theme .el-col-sm-pull-6{position:relative;right:25%}.custom-theme .el-col-sm-push-6{position:relative;left:25%}.custom-theme .el-col-sm-7{width:29.16667%}.custom-theme .el-col-sm-offset-7{margin-left:29.16667%}.custom-theme .el-col-sm-pull-7{position:relative;right:29.16667%}.custom-theme .el-col-sm-push-7{position:relative;left:29.16667%}.custom-theme .el-col-sm-8{width:33.33333%}.custom-theme .el-col-sm-offset-8{margin-left:33.33333%}.custom-theme .el-col-sm-pull-8{position:relative;right:33.33333%}.custom-theme .el-col-sm-push-8{position:relative;left:33.33333%}.custom-theme .el-col-sm-9{width:37.5%}.custom-theme .el-col-sm-offset-9{margin-left:37.5%}.custom-theme .el-col-sm-pull-9{position:relative;right:37.5%}.custom-theme .el-col-sm-push-9{position:relative;left:37.5%}.custom-theme .el-col-sm-10{width:41.66667%}.custom-theme .el-col-sm-offset-10{margin-left:41.66667%}.custom-theme .el-col-sm-pull-10{position:relative;right:41.66667%}.custom-theme .el-col-sm-push-10{position:relative;left:41.66667%}.custom-theme .el-col-sm-11{width:45.83333%}.custom-theme .el-col-sm-offset-11{margin-left:45.83333%}.custom-theme .el-col-sm-pull-11{position:relative;right:45.83333%}.custom-theme .el-col-sm-push-11{position:relative;left:45.83333%}.custom-theme .el-col-sm-12{width:50%}.custom-theme .el-col-sm-offset-12{margin-left:50%}.custom-theme .el-col-sm-pull-12{position:relative;right:50%}.custom-theme .el-col-sm-push-12{position:relative;left:50%}.custom-theme .el-col-sm-13{width:54.16667%}.custom-theme .el-col-sm-offset-13{margin-left:54.16667%}.custom-theme .el-col-sm-pull-13{position:relative;right:54.16667%}.custom-theme .el-col-sm-push-13{position:relative;left:54.16667%}.custom-theme .el-col-sm-14{width:58.33333%}.custom-theme .el-col-sm-offset-14{margin-left:58.33333%}.custom-theme .el-col-sm-pull-14{position:relative;right:58.33333%}.custom-theme .el-col-sm-push-14{position:relative;left:58.33333%}.custom-theme .el-col-sm-15{width:62.5%}.custom-theme .el-col-sm-offset-15{margin-left:62.5%}.custom-theme .el-col-sm-pull-15{position:relative;right:62.5%}.custom-theme .el-col-sm-push-15{position:relative;left:62.5%}.custom-theme .el-col-sm-16{width:66.66667%}.custom-theme .el-col-sm-offset-16{margin-left:66.66667%}.custom-theme .el-col-sm-pull-16{position:relative;right:66.66667%}.custom-theme .el-col-sm-push-16{position:relative;left:66.66667%}.custom-theme .el-col-sm-17{width:70.83333%}.custom-theme .el-col-sm-offset-17{margin-left:70.83333%}.custom-theme .el-col-sm-pull-17{position:relative;right:70.83333%}.custom-theme .el-col-sm-push-17{position:relative;left:70.83333%}.custom-theme .el-col-sm-18{width:75%}.custom-theme .el-col-sm-offset-18{margin-left:75%}.custom-theme .el-col-sm-pull-18{position:relative;right:75%}.custom-theme .el-col-sm-push-18{position:relative;left:75%}.custom-theme .el-col-sm-19{width:79.16667%}.custom-theme .el-col-sm-offset-19{margin-left:79.16667%}.custom-theme .el-col-sm-pull-19{position:relative;right:79.16667%}.custom-theme .el-col-sm-push-19{position:relative;left:79.16667%}.custom-theme .el-col-sm-20{width:83.33333%}.custom-theme .el-col-sm-offset-20{margin-left:83.33333%}.custom-theme .el-col-sm-pull-20{position:relative;right:83.33333%}.custom-theme .el-col-sm-push-20{position:relative;left:83.33333%}.custom-theme .el-col-sm-21{width:87.5%}.custom-theme .el-col-sm-offset-21{margin-left:87.5%}.custom-theme .el-col-sm-pull-21{position:relative;right:87.5%}.custom-theme .el-col-sm-push-21{position:relative;left:87.5%}.custom-theme .el-col-sm-22{width:91.66667%}.custom-theme .el-col-sm-offset-22{margin-left:91.66667%}.custom-theme .el-col-sm-pull-22{position:relative;right:91.66667%}.custom-theme .el-col-sm-push-22{position:relative;left:91.66667%}.custom-theme .el-col-sm-23{width:95.83333%}.custom-theme .el-col-sm-offset-23{margin-left:95.83333%}.custom-theme .el-col-sm-pull-23{position:relative;right:95.83333%}.custom-theme .el-col-sm-push-23{position:relative;left:95.83333%}.custom-theme .el-col-sm-24{width:100%}.custom-theme .el-col-sm-offset-24{margin-left:100%}.custom-theme .el-col-sm-pull-24{position:relative;right:100%}.custom-theme .el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.custom-theme .el-col-md-0{display:none}.custom-theme .el-col-md-1{width:4.16667%}.custom-theme .el-col-md-offset-1{margin-left:4.16667%}.custom-theme .el-col-md-pull-1{position:relative;right:4.16667%}.custom-theme .el-col-md-push-1{position:relative;left:4.16667%}.custom-theme .el-col-md-2{width:8.33333%}.custom-theme .el-col-md-offset-2{margin-left:8.33333%}.custom-theme .el-col-md-pull-2{position:relative;right:8.33333%}.custom-theme .el-col-md-push-2{position:relative;left:8.33333%}.custom-theme .el-col-md-3{width:12.5%}.custom-theme .el-col-md-offset-3{margin-left:12.5%}.custom-theme .el-col-md-pull-3{position:relative;right:12.5%}.custom-theme .el-col-md-push-3{position:relative;left:12.5%}.custom-theme .el-col-md-4{width:16.66667%}.custom-theme .el-col-md-offset-4{margin-left:16.66667%}.custom-theme .el-col-md-pull-4{position:relative;right:16.66667%}.custom-theme .el-col-md-push-4{position:relative;left:16.66667%}.custom-theme .el-col-md-5{width:20.83333%}.custom-theme .el-col-md-offset-5{margin-left:20.83333%}.custom-theme .el-col-md-pull-5{position:relative;right:20.83333%}.custom-theme .el-col-md-push-5{position:relative;left:20.83333%}.custom-theme .el-col-md-6{width:25%}.custom-theme .el-col-md-offset-6{margin-left:25%}.custom-theme .el-col-md-pull-6{position:relative;right:25%}.custom-theme .el-col-md-push-6{position:relative;left:25%}.custom-theme .el-col-md-7{width:29.16667%}.custom-theme .el-col-md-offset-7{margin-left:29.16667%}.custom-theme .el-col-md-pull-7{position:relative;right:29.16667%}.custom-theme .el-col-md-push-7{position:relative;left:29.16667%}.custom-theme .el-col-md-8{width:33.33333%}.custom-theme .el-col-md-offset-8{margin-left:33.33333%}.custom-theme .el-col-md-pull-8{position:relative;right:33.33333%}.custom-theme .el-col-md-push-8{position:relative;left:33.33333%}.custom-theme .el-col-md-9{width:37.5%}.custom-theme .el-col-md-offset-9{margin-left:37.5%}.custom-theme .el-col-md-pull-9{position:relative;right:37.5%}.custom-theme .el-col-md-push-9{position:relative;left:37.5%}.custom-theme .el-col-md-10{width:41.66667%}.custom-theme .el-col-md-offset-10{margin-left:41.66667%}.custom-theme .el-col-md-pull-10{position:relative;right:41.66667%}.custom-theme .el-col-md-push-10{position:relative;left:41.66667%}.custom-theme .el-col-md-11{width:45.83333%}.custom-theme .el-col-md-offset-11{margin-left:45.83333%}.custom-theme .el-col-md-pull-11{position:relative;right:45.83333%}.custom-theme .el-col-md-push-11{position:relative;left:45.83333%}.custom-theme .el-col-md-12{width:50%}.custom-theme .el-col-md-offset-12{margin-left:50%}.custom-theme .el-col-md-pull-12{position:relative;right:50%}.custom-theme .el-col-md-push-12{position:relative;left:50%}.custom-theme .el-col-md-13{width:54.16667%}.custom-theme .el-col-md-offset-13{margin-left:54.16667%}.custom-theme .el-col-md-pull-13{position:relative;right:54.16667%}.custom-theme .el-col-md-push-13{position:relative;left:54.16667%}.custom-theme .el-col-md-14{width:58.33333%}.custom-theme .el-col-md-offset-14{margin-left:58.33333%}.custom-theme .el-col-md-pull-14{position:relative;right:58.33333%}.custom-theme .el-col-md-push-14{position:relative;left:58.33333%}.custom-theme .el-col-md-15{width:62.5%}.custom-theme .el-col-md-offset-15{margin-left:62.5%}.custom-theme .el-col-md-pull-15{position:relative;right:62.5%}.custom-theme .el-col-md-push-15{position:relative;left:62.5%}.custom-theme .el-col-md-16{width:66.66667%}.custom-theme .el-col-md-offset-16{margin-left:66.66667%}.custom-theme .el-col-md-pull-16{position:relative;right:66.66667%}.custom-theme .el-col-md-push-16{position:relative;left:66.66667%}.custom-theme .el-col-md-17{width:70.83333%}.custom-theme .el-col-md-offset-17{margin-left:70.83333%}.custom-theme .el-col-md-pull-17{position:relative;right:70.83333%}.custom-theme .el-col-md-push-17{position:relative;left:70.83333%}.custom-theme .el-col-md-18{width:75%}.custom-theme .el-col-md-offset-18{margin-left:75%}.custom-theme .el-col-md-pull-18{position:relative;right:75%}.custom-theme .el-col-md-push-18{position:relative;left:75%}.custom-theme .el-col-md-19{width:79.16667%}.custom-theme .el-col-md-offset-19{margin-left:79.16667%}.custom-theme .el-col-md-pull-19{position:relative;right:79.16667%}.custom-theme .el-col-md-push-19{position:relative;left:79.16667%}.custom-theme .el-col-md-20{width:83.33333%}.custom-theme .el-col-md-offset-20{margin-left:83.33333%}.custom-theme .el-col-md-pull-20{position:relative;right:83.33333%}.custom-theme .el-col-md-push-20{position:relative;left:83.33333%}.custom-theme .el-col-md-21{width:87.5%}.custom-theme .el-col-md-offset-21{margin-left:87.5%}.custom-theme .el-col-md-pull-21{position:relative;right:87.5%}.custom-theme .el-col-md-push-21{position:relative;left:87.5%}.custom-theme .el-col-md-22{width:91.66667%}.custom-theme .el-col-md-offset-22{margin-left:91.66667%}.custom-theme .el-col-md-pull-22{position:relative;right:91.66667%}.custom-theme .el-col-md-push-22{position:relative;left:91.66667%}.custom-theme .el-col-md-23{width:95.83333%}.custom-theme .el-col-md-offset-23{margin-left:95.83333%}.custom-theme .el-col-md-pull-23{position:relative;right:95.83333%}.custom-theme .el-col-md-push-23{position:relative;left:95.83333%}.custom-theme .el-col-md-24{width:100%}.custom-theme .el-col-md-offset-24{margin-left:100%}.custom-theme .el-col-md-pull-24{position:relative;right:100%}.custom-theme .el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.custom-theme .el-col-lg-0{display:none}.custom-theme .el-col-lg-1{width:4.16667%}.custom-theme .el-col-lg-offset-1{margin-left:4.16667%}.custom-theme .el-col-lg-pull-1{position:relative;right:4.16667%}.custom-theme .el-col-lg-push-1{position:relative;left:4.16667%}.custom-theme .el-col-lg-2{width:8.33333%}.custom-theme .el-col-lg-offset-2{margin-left:8.33333%}.custom-theme .el-col-lg-pull-2{position:relative;right:8.33333%}.custom-theme .el-col-lg-push-2{position:relative;left:8.33333%}.custom-theme .el-col-lg-3{width:12.5%}.custom-theme .el-col-lg-offset-3{margin-left:12.5%}.custom-theme .el-col-lg-pull-3{position:relative;right:12.5%}.custom-theme .el-col-lg-push-3{position:relative;left:12.5%}.custom-theme .el-col-lg-4{width:16.66667%}.custom-theme .el-col-lg-offset-4{margin-left:16.66667%}.custom-theme .el-col-lg-pull-4{position:relative;right:16.66667%}.custom-theme .el-col-lg-push-4{position:relative;left:16.66667%}.custom-theme .el-col-lg-5{width:20.83333%}.custom-theme .el-col-lg-offset-5{margin-left:20.83333%}.custom-theme .el-col-lg-pull-5{position:relative;right:20.83333%}.custom-theme .el-col-lg-push-5{position:relative;left:20.83333%}.custom-theme .el-col-lg-6{width:25%}.custom-theme .el-col-lg-offset-6{margin-left:25%}.custom-theme .el-col-lg-pull-6{position:relative;right:25%}.custom-theme .el-col-lg-push-6{position:relative;left:25%}.custom-theme .el-col-lg-7{width:29.16667%}.custom-theme .el-col-lg-offset-7{margin-left:29.16667%}.custom-theme .el-col-lg-pull-7{position:relative;right:29.16667%}.custom-theme .el-col-lg-push-7{position:relative;left:29.16667%}.custom-theme .el-col-lg-8{width:33.33333%}.custom-theme .el-col-lg-offset-8{margin-left:33.33333%}.custom-theme .el-col-lg-pull-8{position:relative;right:33.33333%}.custom-theme .el-col-lg-push-8{position:relative;left:33.33333%}.custom-theme .el-col-lg-9{width:37.5%}.custom-theme .el-col-lg-offset-9{margin-left:37.5%}.custom-theme .el-col-lg-pull-9{position:relative;right:37.5%}.custom-theme .el-col-lg-push-9{position:relative;left:37.5%}.custom-theme .el-col-lg-10{width:41.66667%}.custom-theme .el-col-lg-offset-10{margin-left:41.66667%}.custom-theme .el-col-lg-pull-10{position:relative;right:41.66667%}.custom-theme .el-col-lg-push-10{position:relative;left:41.66667%}.custom-theme .el-col-lg-11{width:45.83333%}.custom-theme .el-col-lg-offset-11{margin-left:45.83333%}.custom-theme .el-col-lg-pull-11{position:relative;right:45.83333%}.custom-theme .el-col-lg-push-11{position:relative;left:45.83333%}.custom-theme .el-col-lg-12{width:50%}.custom-theme .el-col-lg-offset-12{margin-left:50%}.custom-theme .el-col-lg-pull-12{position:relative;right:50%}.custom-theme .el-col-lg-push-12{position:relative;left:50%}.custom-theme .el-col-lg-13{width:54.16667%}.custom-theme .el-col-lg-offset-13{margin-left:54.16667%}.custom-theme .el-col-lg-pull-13{position:relative;right:54.16667%}.custom-theme .el-col-lg-push-13{position:relative;left:54.16667%}.custom-theme .el-col-lg-14{width:58.33333%}.custom-theme .el-col-lg-offset-14{margin-left:58.33333%}.custom-theme .el-col-lg-pull-14{position:relative;right:58.33333%}.custom-theme .el-col-lg-push-14{position:relative;left:58.33333%}.custom-theme .el-col-lg-15{width:62.5%}.custom-theme .el-col-lg-offset-15{margin-left:62.5%}.custom-theme .el-col-lg-pull-15{position:relative;right:62.5%}.custom-theme .el-col-lg-push-15{position:relative;left:62.5%}.custom-theme .el-col-lg-16{width:66.66667%}.custom-theme .el-col-lg-offset-16{margin-left:66.66667%}.custom-theme .el-col-lg-pull-16{position:relative;right:66.66667%}.custom-theme .el-col-lg-push-16{position:relative;left:66.66667%}.custom-theme .el-col-lg-17{width:70.83333%}.custom-theme .el-col-lg-offset-17{margin-left:70.83333%}.custom-theme .el-col-lg-pull-17{position:relative;right:70.83333%}.custom-theme .el-col-lg-push-17{position:relative;left:70.83333%}.custom-theme .el-col-lg-18{width:75%}.custom-theme .el-col-lg-offset-18{margin-left:75%}.custom-theme .el-col-lg-pull-18{position:relative;right:75%}.custom-theme .el-col-lg-push-18{position:relative;left:75%}.custom-theme .el-col-lg-19{width:79.16667%}.custom-theme .el-col-lg-offset-19{margin-left:79.16667%}.custom-theme .el-col-lg-pull-19{position:relative;right:79.16667%}.custom-theme .el-col-lg-push-19{position:relative;left:79.16667%}.custom-theme .el-col-lg-20{width:83.33333%}.custom-theme .el-col-lg-offset-20{margin-left:83.33333%}.custom-theme .el-col-lg-pull-20{position:relative;right:83.33333%}.custom-theme .el-col-lg-push-20{position:relative;left:83.33333%}.custom-theme .el-col-lg-21{width:87.5%}.custom-theme .el-col-lg-offset-21{margin-left:87.5%}.custom-theme .el-col-lg-pull-21{position:relative;right:87.5%}.custom-theme .el-col-lg-push-21{position:relative;left:87.5%}.custom-theme .el-col-lg-22{width:91.66667%}.custom-theme .el-col-lg-offset-22{margin-left:91.66667%}.custom-theme .el-col-lg-pull-22{position:relative;right:91.66667%}.custom-theme .el-col-lg-push-22{position:relative;left:91.66667%}.custom-theme .el-col-lg-23{width:95.83333%}.custom-theme .el-col-lg-offset-23{margin-left:95.83333%}.custom-theme .el-col-lg-pull-23{position:relative;right:95.83333%}.custom-theme .el-col-lg-push-23{position:relative;left:95.83333%}.custom-theme .el-col-lg-24{width:100%}.custom-theme .el-col-lg-offset-24{margin-left:100%}.custom-theme .el-col-lg-pull-24{position:relative;right:100%}.custom-theme .el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.custom-theme .el-col-xl-0{display:none}.custom-theme .el-col-xl-1{width:4.16667%}.custom-theme .el-col-xl-offset-1{margin-left:4.16667%}.custom-theme .el-col-xl-pull-1{position:relative;right:4.16667%}.custom-theme .el-col-xl-push-1{position:relative;left:4.16667%}.custom-theme .el-col-xl-2{width:8.33333%}.custom-theme .el-col-xl-offset-2{margin-left:8.33333%}.custom-theme .el-col-xl-pull-2{position:relative;right:8.33333%}.custom-theme .el-col-xl-push-2{position:relative;left:8.33333%}.custom-theme .el-col-xl-3{width:12.5%}.custom-theme .el-col-xl-offset-3{margin-left:12.5%}.custom-theme .el-col-xl-pull-3{position:relative;right:12.5%}.custom-theme .el-col-xl-push-3{position:relative;left:12.5%}.custom-theme .el-col-xl-4{width:16.66667%}.custom-theme .el-col-xl-offset-4{margin-left:16.66667%}.custom-theme .el-col-xl-pull-4{position:relative;right:16.66667%}.custom-theme .el-col-xl-push-4{position:relative;left:16.66667%}.custom-theme .el-col-xl-5{width:20.83333%}.custom-theme .el-col-xl-offset-5{margin-left:20.83333%}.custom-theme .el-col-xl-pull-5{position:relative;right:20.83333%}.custom-theme .el-col-xl-push-5{position:relative;left:20.83333%}.custom-theme .el-col-xl-6{width:25%}.custom-theme .el-col-xl-offset-6{margin-left:25%}.custom-theme .el-col-xl-pull-6{position:relative;right:25%}.custom-theme .el-col-xl-push-6{position:relative;left:25%}.custom-theme .el-col-xl-7{width:29.16667%}.custom-theme .el-col-xl-offset-7{margin-left:29.16667%}.custom-theme .el-col-xl-pull-7{position:relative;right:29.16667%}.custom-theme .el-col-xl-push-7{position:relative;left:29.16667%}.custom-theme .el-col-xl-8{width:33.33333%}.custom-theme .el-col-xl-offset-8{margin-left:33.33333%}.custom-theme .el-col-xl-pull-8{position:relative;right:33.33333%}.custom-theme .el-col-xl-push-8{position:relative;left:33.33333%}.custom-theme .el-col-xl-9{width:37.5%}.custom-theme .el-col-xl-offset-9{margin-left:37.5%}.custom-theme .el-col-xl-pull-9{position:relative;right:37.5%}.custom-theme .el-col-xl-push-9{position:relative;left:37.5%}.custom-theme .el-col-xl-10{width:41.66667%}.custom-theme .el-col-xl-offset-10{margin-left:41.66667%}.custom-theme .el-col-xl-pull-10{position:relative;right:41.66667%}.custom-theme .el-col-xl-push-10{position:relative;left:41.66667%}.custom-theme .el-col-xl-11{width:45.83333%}.custom-theme .el-col-xl-offset-11{margin-left:45.83333%}.custom-theme .el-col-xl-pull-11{position:relative;right:45.83333%}.custom-theme .el-col-xl-push-11{position:relative;left:45.83333%}.custom-theme .el-col-xl-12{width:50%}.custom-theme .el-col-xl-offset-12{margin-left:50%}.custom-theme .el-col-xl-pull-12{position:relative;right:50%}.custom-theme .el-col-xl-push-12{position:relative;left:50%}.custom-theme .el-col-xl-13{width:54.16667%}.custom-theme .el-col-xl-offset-13{margin-left:54.16667%}.custom-theme .el-col-xl-pull-13{position:relative;right:54.16667%}.custom-theme .el-col-xl-push-13{position:relative;left:54.16667%}.custom-theme .el-col-xl-14{width:58.33333%}.custom-theme .el-col-xl-offset-14{margin-left:58.33333%}.custom-theme .el-col-xl-pull-14{position:relative;right:58.33333%}.custom-theme .el-col-xl-push-14{position:relative;left:58.33333%}.custom-theme .el-col-xl-15{width:62.5%}.custom-theme .el-col-xl-offset-15{margin-left:62.5%}.custom-theme .el-col-xl-pull-15{position:relative;right:62.5%}.custom-theme .el-col-xl-push-15{position:relative;left:62.5%}.custom-theme .el-col-xl-16{width:66.66667%}.custom-theme .el-col-xl-offset-16{margin-left:66.66667%}.custom-theme .el-col-xl-pull-16{position:relative;right:66.66667%}.custom-theme .el-col-xl-push-16{position:relative;left:66.66667%}.custom-theme .el-col-xl-17{width:70.83333%}.custom-theme .el-col-xl-offset-17{margin-left:70.83333%}.custom-theme .el-col-xl-pull-17{position:relative;right:70.83333%}.custom-theme .el-col-xl-push-17{position:relative;left:70.83333%}.custom-theme .el-col-xl-18{width:75%}.custom-theme .el-col-xl-offset-18{margin-left:75%}.custom-theme .el-col-xl-pull-18{position:relative;right:75%}.custom-theme .el-col-xl-push-18{position:relative;left:75%}.custom-theme .el-col-xl-19{width:79.16667%}.custom-theme .el-col-xl-offset-19{margin-left:79.16667%}.custom-theme .el-col-xl-pull-19{position:relative;right:79.16667%}.custom-theme .el-col-xl-push-19{position:relative;left:79.16667%}.custom-theme .el-col-xl-20{width:83.33333%}.custom-theme .el-col-xl-offset-20{margin-left:83.33333%}.custom-theme .el-col-xl-pull-20{position:relative;right:83.33333%}.custom-theme .el-col-xl-push-20{position:relative;left:83.33333%}.custom-theme .el-col-xl-21{width:87.5%}.custom-theme .el-col-xl-offset-21{margin-left:87.5%}.custom-theme .el-col-xl-pull-21{position:relative;right:87.5%}.custom-theme .el-col-xl-push-21{position:relative;left:87.5%}.custom-theme .el-col-xl-22{width:91.66667%}.custom-theme .el-col-xl-offset-22{margin-left:91.66667%}.custom-theme .el-col-xl-pull-22{position:relative;right:91.66667%}.custom-theme .el-col-xl-push-22{position:relative;left:91.66667%}.custom-theme .el-col-xl-23{width:95.83333%}.custom-theme .el-col-xl-offset-23{margin-left:95.83333%}.custom-theme .el-col-xl-pull-23{position:relative;right:95.83333%}.custom-theme .el-col-xl-push-23{position:relative;left:95.83333%}.custom-theme .el-col-xl-24{width:100%}.custom-theme .el-col-xl-offset-24{margin-left:100%}.custom-theme .el-col-xl-pull-24{position:relative;right:100%}.custom-theme .el-col-xl-push-24{position:relative;left:100%}}.custom-theme .el-progress{position:relative;line-height:1}.custom-theme .el-progress__text{font-size:14px;color:#5a5e66;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.custom-theme .el-progress__text i{vertical-align:middle;display:block}.custom-theme .el-progress--circle{display:inline-block}.custom-theme .el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.custom-theme .el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.custom-theme .el-progress--without-text .el-progress__text{display:none}.custom-theme .el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.custom-theme .el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.custom-theme .el-progress.is-success .el-progress-bar__inner{background-color:#409167}.custom-theme .el-progress.is-success .el-progress__text{color:#409167}.custom-theme .el-progress.is-exception .el-progress-bar__inner{background-color:#b3450e}.custom-theme .el-progress.is-exception .el-progress__text{color:#b3450e}.custom-theme .el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-progress-bar__outer{height:6px;border-radius:100px;background-color:#e6ebf5;overflow:hidden;position:relative;vertical-align:middle}.custom-theme .el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#262729;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.custom-theme .el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.custom-theme .el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.custom-theme .el-upload{display:inline-block;text-align:center;cursor:pointer}.custom-theme .el-upload__input{display:none}.custom-theme .el-upload__tip{font-size:12px;color:#5a5e66;margin-top:7px}.custom-theme .el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.custom-theme .el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.custom-theme .el-upload--picture-card i{font-size:28px;color:#8c939d}.custom-theme .el-upload--picture-card:hover{border-color:#262729;color:#262729}.custom-theme .el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.custom-theme .el-upload-dragger .el-icon-upload{font-size:67px;color:#b4bccc;margin:40px 0 16px;line-height:50px}.custom-theme .el-upload-dragger+.el-upload__tip{text-align:center}.custom-theme .el-upload-dragger~.el-upload__files{border-top:1px solid #d8dce5;margin-top:7px;padding-top:5px}.custom-theme .el-upload-dragger .el-upload__text{color:#5a5e66;font-size:14px;text-align:center}.custom-theme .el-upload-dragger .el-upload__text em{color:#262729;font-style:normal}.custom-theme .el-upload-dragger:hover{border-color:#262729}.custom-theme .el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #262729}.custom-theme .el-upload-list{margin:0;padding:0;list-style:none}.custom-theme .el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#5a5e66;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.custom-theme .el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.custom-theme .el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.custom-theme .el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.custom-theme .el-upload-list__item:first-child{margin-top:10px}.custom-theme .el-upload-list__item .el-icon-upload-success{color:#409167}.custom-theme .el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#5a5e66}.custom-theme .el-upload-list__item .el-icon-close:hover{opacity:1}.custom-theme .el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:0;cursor:pointer;opacity:1;color:#262729;-webkit-transform:translate(15%,0);transform:translate(15%,0)}.custom-theme .el-upload-list__item:hover{background-color:#f5f7fa}.custom-theme .el-upload-list__item:hover .el-icon-close{display:inline-block}.custom-theme .el-upload-list__item:hover .el-progress__text{display:none}.custom-theme .el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.custom-theme .el-upload-list__item.is-success .el-upload-list__item-name:focus,.custom-theme .el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#262729;cursor:pointer}.custom-theme .el-upload-list__item.is-success:focus .el-icon-close-tip{display:inline-block}.custom-theme .el-upload-list__item.is-success:active,.custom-theme .el-upload-list__item.is-success:focus:not(.focusing){outline-width:0}.custom-theme .el-upload-list__item.is-success:active .el-icon-close-tip,.custom-theme .el-upload-list__item.is-success:focus:not(.focusing) .el-icon-close-tip{display:none}.custom-theme .el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.custom-theme .el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none}.custom-theme .el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.custom-theme .el-upload-list__item-name{color:#5a5e66;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.custom-theme .el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#878d99;line-height:inherit}.custom-theme .el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.custom-theme .el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#5a5e66;display:none}.custom-theme .el-upload-list__item-delete:hover{color:#262729}.custom-theme .el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.custom-theme .el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.custom-theme .el-upload-list--picture-card .el-upload-list__item .el-icon-check,.custom-theme .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.custom-theme .el-upload-list--picture-card .el-upload-list__item .el-icon-close{display:none}.custom-theme .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.custom-theme .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.custom-theme .el-upload-list--picture-card .el-upload-list__item-name{display:none}.custom-theme .el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.custom-theme .el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.custom-theme .el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.custom-theme .el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.custom-theme .el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.custom-theme .el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.custom-theme .el-upload-list--picture .el-upload-list__item .el-icon-check,.custom-theme .el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.custom-theme .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.custom-theme .el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.custom-theme .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.custom-theme .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.custom-theme .el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.custom-theme .el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.custom-theme .el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.custom-theme .el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.custom-theme .el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.custom-theme .el-upload-list--picture .el-progress{position:relative;top:-7px}.custom-theme .el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.custom-theme .el-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.custom-theme .el-upload-cover img{display:block;width:100%;height:100%}.custom-theme .el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.custom-theme .el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.custom-theme .el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.custom-theme .el-upload-cover__progress+.el-upload__inner{opacity:0}.custom-theme .el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.custom-theme .el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.custom-theme .el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.custom-theme .el-upload-cover__interact .btn i{margin-top:0}.custom-theme .el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.custom-theme .el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.custom-theme .el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.custom-theme .el-upload-cover__interact .btn:hover span{opacity:1}.custom-theme .el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.custom-theme .el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#2d2f33}.custom-theme .el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.custom-theme .el-progress{position:relative;line-height:1}.custom-theme .el-progress__text{font-size:14px;color:#5a5e66;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.custom-theme .el-progress__text i{vertical-align:middle;display:block}.custom-theme .el-progress--circle{display:inline-block}.custom-theme .el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.custom-theme .el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.custom-theme .el-progress--without-text .el-progress__text{display:none}.custom-theme .el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.custom-theme .el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.custom-theme .el-progress.is-success .el-progress-bar__inner{background-color:#409167}.custom-theme .el-progress.is-success .el-progress__text{color:#409167}.custom-theme .el-progress.is-exception .el-progress-bar__inner{background-color:#b3450e}.custom-theme .el-progress.is-exception .el-progress__text{color:#b3450e}.custom-theme .el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-progress-bar__outer{height:6px;border-radius:100px;background-color:#e6ebf5;overflow:hidden;position:relative;vertical-align:middle}.custom-theme .el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#262729;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.custom-theme .el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.custom-theme .el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.custom-theme .el-time-spinner{width:100%;white-space:nowrap}.custom-theme .el-spinner{display:inline-block;vertical-align:middle}.custom-theme .el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.custom-theme .el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.custom-theme .el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#e6ebf5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-theme .el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-theme .el-message p{margin:0}.custom-theme .el-message--info .el-message__content{color:#0a76a4}.custom-theme .el-message--success{background-color:#ecf4f0;border-color:#d9e9e1}.custom-theme .el-message--success .el-message__content{color:#409167}.custom-theme .el-message--warning{background-color:#f5f6e6;border-color:#ebedce}.custom-theme .el-message--warning .el-message__content{color:#9da408}.custom-theme .el-message--error{background-color:#f7ece7;border-color:#f0dacf}.custom-theme .el-message--error .el-message__content{color:#b3450e}.custom-theme .el-message__icon{margin-right:10px}.custom-theme .el-message__content{padding:0;font-size:14px;line-height:1}.custom-theme .el-message__content:focus{outline-width:0}.custom-theme .el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#b4bccc;font-size:16px}.custom-theme .el-message__closeBtn:focus{outline-width:0}.custom-theme .el-message__closeBtn:hover{color:#878d99}.custom-theme .el-message .el-icon-success{color:#409167}.custom-theme .el-message .el-icon-error{color:#b3450e}.custom-theme .el-message .el-icon-info{color:#0a76a4}.custom-theme .el-message .el-icon-warning{color:#9da408}.custom-theme .el-message-fade-enter,.custom-theme .el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.custom-theme .el-badge{position:relative;vertical-align:middle;display:inline-block}.custom-theme .el-badge__content{background-color:#b3450e;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.custom-theme .el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.custom-theme .el-badge__content.is-fixed.is-dot{right:5px}.custom-theme .el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.custom-theme .el-card{border-radius:4px;border:1px solid #e6ebf5;background-color:#fff;overflow:hidden;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#2d2f33}.custom-theme .el-card__header{padding:18px 20px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-card__body{padding:20px}.custom-theme .el-rate{height:20px;line-height:1}.custom-theme .el-rate:active,.custom-theme .el-rate:focus{outline-width:0}.custom-theme .el-rate__item{display:inline-block;position:relative;font-size:0;vertical-align:middle}.custom-theme .el-rate__icon{position:relative;display:inline-block;font-size:18px;margin-right:6px;color:#b4bccc;-webkit-transition:.3s;transition:.3s}.custom-theme .el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.custom-theme .el-rate__icon .path2{position:absolute;left:0;top:0}.custom-theme .el-rate__decimal{position:absolute;top:0;left:0;display:inline-block;overflow:hidden}.custom-theme .el-rate__text{font-size:14px;vertical-align:middle}.custom-theme .el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.custom-theme .el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.custom-theme .el-steps--horizontal{white-space:nowrap}.custom-theme .el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.custom-theme .el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.custom-theme .el-step:last-of-type .el-step__line{display:none}.custom-theme .el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.custom-theme .el-step:last-of-type .el-step__description,.custom-theme .el-step:last-of-type .el-step__main{padding-right:0}.custom-theme .el-step__head{position:relative;width:100%}.custom-theme .el-step__head.is-process{color:#2d2f33;border-color:#2d2f33}.custom-theme .el-step__head.is-wait{color:#b4bccc;border-color:#b4bccc}.custom-theme .el-step__head.is-success{color:#409167;border-color:#409167}.custom-theme .el-step__head.is-error{color:#b3450e;border-color:#b3450e}.custom-theme .el-step__head.is-finish{color:#262729;border-color:#262729}.custom-theme .el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out}.custom-theme .el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.custom-theme .el-step__icon.is-icon{width:40px}.custom-theme .el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.custom-theme .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.custom-theme .el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.custom-theme .el-step__line{position:absolute;border-color:inherit;background-color:#b4bccc}.custom-theme .el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.custom-theme .el-step__main{white-space:normal;text-align:left}.custom-theme .el-step__title{font-size:16px;line-height:38px}.custom-theme .el-step__title.is-process{font-weight:700;color:#2d2f33}.custom-theme .el-step__title.is-wait{color:#b4bccc}.custom-theme .el-step__title.is-success{color:#409167}.custom-theme .el-step__title.is-error{color:#b3450e}.custom-theme .el-step__title.is-finish{color:#262729}.custom-theme .el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.custom-theme .el-step__description.is-process{color:#2d2f33}.custom-theme .el-step__description.is-wait{color:#b4bccc}.custom-theme .el-step__description.is-success{color:#409167}.custom-theme .el-step__description.is-error{color:#b3450e}.custom-theme .el-step__description.is-finish{color:#262729}.custom-theme .el-step.is-horizontal{display:inline-block}.custom-theme .el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.custom-theme .el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.custom-theme .el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.custom-theme .el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.custom-theme .el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.custom-theme .el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.custom-theme .el-step.is-vertical .el-step__icon.is-icon{width:24px}.custom-theme .el-step.is-center .el-step__head{text-align:center}.custom-theme .el-step.is-center .el-step__main{text-align:center}.custom-theme .el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.custom-theme .el-step.is-center .el-step__line{left:50%;right:-50%}.custom-theme .el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-theme .el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.custom-theme .el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.custom-theme .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.custom-theme .el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.custom-theme .el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.custom-theme .el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.custom-theme .el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.custom-theme .el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-theme .el-step.is-simple .el-step__arrow::after,.custom-theme .el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#b4bccc}.custom-theme .el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.custom-theme .el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.custom-theme .el-step.is-simple:last-of-type .el-step__arrow{display:none}.custom-theme .el-carousel{overflow-x:hidden;position:relative}.custom-theme .el-carousel__container{position:relative;height:300px}.custom-theme .el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.custom-theme .el-carousel__arrow--left{left:16px}.custom-theme .el-carousel__arrow--right{right:16px}.custom-theme .el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.custom-theme .el-carousel__arrow i{cursor:pointer}.custom-theme .el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.custom-theme .el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.custom-theme .el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.custom-theme .el-carousel__indicators--outside button{background-color:#b4bccc;opacity:.24}.custom-theme .el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.custom-theme .el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.custom-theme .el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.custom-theme .el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.custom-theme .el-carousel__indicator:hover button{opacity:.72}.custom-theme .el-carousel__indicator.is-active button{opacity:1}.custom-theme .el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.custom-theme .carousel-arrow-left-enter,.custom-theme .carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.custom-theme .carousel-arrow-right-enter,.custom-theme .carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.custom-theme .el-scrollbar{overflow:hidden;position:relative}.custom-theme .el-scrollbar:active>.el-scrollbar__bar,.custom-theme .el-scrollbar:focus>.el-scrollbar__bar,.custom-theme .el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.custom-theme .el-scrollbar__wrap{overflow:scroll;height:100%}.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.custom-theme .el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.custom-theme .el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.custom-theme .el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.custom-theme .el-scrollbar__bar.is-vertical{width:6px;top:2px}.custom-theme .el-scrollbar__bar.is-vertical>div{width:100%}.custom-theme .el-scrollbar__bar.is-horizontal{height:6px;left:2px}.custom-theme .el-scrollbar__bar.is-horizontal>div{height:100%}.custom-theme .el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:0}.custom-theme .el-carousel__item.is-active{z-index:2}.custom-theme .el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.custom-theme .el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.custom-theme .el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.custom-theme .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.custom-theme .el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.custom-theme .el-carousel__item--card.is-active{z-index:2}.custom-theme .el-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.24;-webkit-transition:.2s;transition:.2s}.custom-theme .el-collapse{border-top:1px solid #e6ebf5;border-bottom:1px solid #e6ebf5}.custom-theme .el-collapse-item__header{height:48px;line-height:48px;background-color:#fff;color:#2d2f33;cursor:pointer;border-bottom:1px solid #e6ebf5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s}.custom-theme .el-collapse-item__header:active,.custom-theme .el-collapse-item__header:focus:not(.focusing){outline-width:0}.custom-theme .el-collapse-item__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:right;line-height:48px;font-weight:300}.custom-theme .el-collapse-item__wrap{will-change:height;background-color:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #e6ebf5}.custom-theme .el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#2d2f33;line-height:1.769230769230769}.custom-theme .el-collapse-item.is-active .el-collapse-item__header{border-bottom-color:transparent}.custom-theme .el-collapse-item.is-active .el-collapse-item__header .el-collapse-item__arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.custom-theme .el-collapse-item:last-child{margin-bottom:-1px}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-popper .popper__arrow,.custom-theme .el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.custom-theme .el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.custom-theme .el-popper .popper__arrow::after{content:" ";border-width:6px}.custom-theme .el-popper[x-placement^=top]{margin-bottom:12px}.custom-theme .el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.custom-theme .el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.custom-theme .el-popper[x-placement^=bottom]{margin-top:12px}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.custom-theme .el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.custom-theme .el-popper[x-placement^=right]{margin-left:12px}.custom-theme .el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.custom-theme .el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.custom-theme .el-popper[x-placement^=left]{margin-right:12px}.custom-theme .el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.custom-theme .el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.custom-theme .el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.custom-theme .el-cascader .el-input,.custom-theme .el-cascader .el-input__inner{cursor:pointer}.custom-theme .el-cascader .el-input__icon{-webkit-transition:none;transition:none}.custom-theme .el-cascader .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.custom-theme .el-cascader .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.custom-theme .el-cascader .el-icon-circle-close{z-index:2;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-cascader .el-icon-circle-close:hover{color:#878d99}.custom-theme .el-cascader__clearIcon{z-index:2;position:relative}.custom-theme .el-cascader__label{position:absolute;left:0;top:0;height:100%;padding:0 25px 0 15px;color:#5a5e66;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:left;font-size:inherit}.custom-theme .el-cascader__label span{color:#000}.custom-theme .el-cascader--medium{font-size:14px;line-height:36px}.custom-theme .el-cascader--small{font-size:13px;line-height:32px}.custom-theme .el-cascader--mini{font-size:12px;line-height:28px}.custom-theme .el-cascader.is-disabled .el-cascader__label{z-index:2;color:#b4bccc}.custom-theme .el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:solid 1px #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.custom-theme .el-cascader-menus .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.custom-theme .el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px #dfe4ed;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.custom-theme .el-cascader-menu:last-child{border-right:0}.custom-theme .el-cascader-menu__item{font-size:14px;padding:8px 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.custom-theme .el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e604";font-size:14px;color:#bfcbd9;position:absolute;right:15px}.custom-theme .el-cascader-menu__item.is-disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.custom-theme .el-cascader-menu__item.is-disabled:hover{background-color:#fff}.custom-theme .el-cascader-menu__item.is-active{color:#262729}.custom-theme .el-cascader-menu__item:hover{background-color:#f5f7fa}.custom-theme .el-cascader-menu__item.selected{color:#fff;background-color:#f5f7fa}.custom-theme .el-cascader-menu__item__keyword{font-weight:700}.custom-theme .el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.custom-theme .el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}.custom-theme .el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.custom-theme .el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.custom-theme .el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.custom-theme .el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.custom-theme .el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.custom-theme .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.custom-theme .el-color-svpanel{position:relative;width:280px;height:180px}.custom-theme .el-color-svpanel__black,.custom-theme .el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.custom-theme .el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.custom-theme .el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(to top,#000,transparent)}.custom-theme .el-color-svpanel__cursor{position:absolute}.custom-theme .el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.custom-theme .el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.custom-theme .el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.custom-theme .el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.custom-theme .el-color-alpha-slider.is-vertical{width:20px;height:180px}.custom-theme .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.custom-theme .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.custom-theme .el-color-dropdown{width:300px}.custom-theme .el-color-dropdown__main-wrapper{margin-bottom:6px}.custom-theme .el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.custom-theme .el-color-dropdown__btns{margin-top:6px;text-align:right}.custom-theme .el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.custom-theme .el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.custom-theme .el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.custom-theme .el-color-dropdown__btn:hover{color:#262729;border-color:#262729}.custom-theme .el-color-dropdown__link-btn{cursor:pointer;color:#262729;text-decoration:none;padding:15px;font-size:12px}.custom-theme .el-color-dropdown__link-btn:hover{color:tint(#262729,20%)}.custom-theme .el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.custom-theme .el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.custom-theme .el-color-picker--medium{height:36px}.custom-theme .el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.custom-theme .el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.custom-theme .el-color-picker--small{height:32px}.custom-theme .el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.custom-theme .el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.custom-theme .el-color-picker--small .el-color-picker__empty,.custom-theme .el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.custom-theme .el-color-picker--mini{height:28px}.custom-theme .el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.custom-theme .el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.custom-theme .el-color-picker--mini .el-color-picker__empty,.custom-theme .el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.custom-theme .el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.custom-theme .el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.custom-theme .el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.custom-theme .el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.custom-theme .el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.custom-theme .el-color-picker__empty{font-size:12px;color:#999;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.custom-theme .el-color-picker__icon{display:inline-block;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;text-align:center;font-size:12px}.custom-theme .el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.custom-theme .el-input{position:relative;font-size:14px;display:inline-block;width:100%}.custom-theme .el-input::-webkit-scrollbar{z-index:11;width:6px}.custom-theme .el-input::-webkit-scrollbar:horizontal{height:6px}.custom-theme .el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.custom-theme .el-input::-webkit-scrollbar-corner{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track{background:#fff}.custom-theme .el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.custom-theme .el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.custom-theme .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input__inner:hover{border-color:#b4bccc}.custom-theme .el-input__inner:focus{outline:0;border-color:#262729}.custom-theme .el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.custom-theme .el-input__suffix-inner{pointer-events:all}.custom-theme .el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:#b4bccc;-webkit-transition:all .3s;transition:all .3s}.custom-theme .el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.custom-theme .el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.custom-theme .el-input__validateIcon{pointer-events:none}.custom-theme .el-input.is-active .el-input__inner{outline:0;border-color:#262729}.custom-theme .el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.custom-theme .el-input.is-disabled .el-input__icon{cursor:not-allowed}.custom-theme .el-input--suffix .el-input__inner{padding-right:30px}.custom-theme .el-input--prefix .el-input__inner{padding-left:30px}.custom-theme .el-input--medium{font-size:14px}.custom-theme .el-input--medium .el-input__inner{height:36px}.custom-theme .el-input--medium .el-input__icon{line-height:36px}.custom-theme .el-input--small{font-size:13px}.custom-theme .el-input--small .el-input__inner{height:32px}.custom-theme .el-input--small .el-input__icon{line-height:32px}.custom-theme .el-input--mini{font-size:12px}.custom-theme .el-input--mini .el-input__inner{height:28px}.custom-theme .el-input--mini .el-input__icon{line-height:28px}.custom-theme .el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.custom-theme .el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.custom-theme .el-input-group__append,.custom-theme .el-input-group__prepend{background-color:#f5f7fa;color:#0a76a4;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.custom-theme .el-input-group__append:focus,.custom-theme .el-input-group__prepend:focus{outline:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-select,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-select{display:inline-block;margin:-20px}.custom-theme .el-input-group__append button.el-button,.custom-theme .el-input-group__append div.el-select .el-input__inner,.custom-theme .el-input-group__append div.el-select:hover .el-input__inner,.custom-theme .el-input-group__prepend button.el-button,.custom-theme .el-input-group__prepend div.el-select .el-input__inner,.custom-theme .el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.custom-theme .el-input-group__append .el-button,.custom-theme .el-input-group__append .el-input,.custom-theme .el-input-group__prepend .el-button,.custom-theme .el-input-group__prepend .el-input{font-size:inherit}.custom-theme .el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-textarea{display:inline-block;width:100%;vertical-align:bottom}.custom-theme .el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.custom-theme .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-textarea__inner:hover{border-color:#b4bccc}.custom-theme .el-textarea__inner:focus{outline:0;border-color:#262729}.custom-theme .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#b4bccc}.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.custom-theme .el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-color:#d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.custom-theme .el-button+.el-button{margin-left:10px}.custom-theme .el-button.is-round{padding:12px 20px}.custom-theme .el-button:focus,.custom-theme .el-button:hover{color:#262729;border-color:#bebebf;background-color:#e9e9ea}.custom-theme .el-button:active{color:#222325;border-color:#222325;outline:0}.custom-theme .el-button::-moz-focus-inner{border:0}.custom-theme .el-button [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-button.is-plain:focus,.custom-theme .el-button.is-plain:hover{background:#fff;border-color:#262729;color:#262729}.custom-theme .el-button.is-plain:active{background:#fff;border-color:#222325;color:#222325;outline:0}.custom-theme .el-button.is-active{color:#222325;border-color:#222325}.custom-theme .el-button.is-disabled,.custom-theme .el-button.is-disabled:focus,.custom-theme .el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.custom-theme .el-button.is-disabled.el-button--text{background-color:transparent}.custom-theme .el-button.is-disabled.is-plain,.custom-theme .el-button.is-disabled.is-plain:focus,.custom-theme .el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.custom-theme .el-button.is-loading{position:relative;pointer-events:none}.custom-theme .el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.custom-theme .el-button.is-round{border-radius:20px;padding:12px 23px}.custom-theme .el-button--primary{color:#fff;background-color:#262729;border-color:#262729}.custom-theme .el-button--primary:focus,.custom-theme .el-button--primary:hover{background:#515254;border-color:#515254;color:#fff}.custom-theme .el-button--primary:active{background:#222325;border-color:#222325;color:#fff;outline:0}.custom-theme .el-button--primary.is-active{background:#222325;border-color:#222325;color:#fff}.custom-theme .el-button--primary.is-disabled,.custom-theme .el-button--primary.is-disabled:active,.custom-theme .el-button--primary.is-disabled:focus,.custom-theme .el-button--primary.is-disabled:hover{color:#fff;background-color:#939394;border-color:#939394}.custom-theme .el-button--primary.is-plain{color:#262729;background:#e9e9ea;border-color:#a8a9a9}.custom-theme .el-button--primary.is-plain:focus,.custom-theme .el-button--primary.is-plain:hover{background:#262729;border-color:#262729;color:#fff}.custom-theme .el-button--primary.is-plain:active{background:#222325;border-color:#222325;color:#fff;outline:0}.custom-theme .el-button--primary.is-plain.is-disabled,.custom-theme .el-button--primary.is-plain.is-disabled:active,.custom-theme .el-button--primary.is-plain.is-disabled:focus,.custom-theme .el-button--primary.is-plain.is-disabled:hover{color:#7d7d7f;background-color:#e9e9ea;border-color:#d4d4d4}.custom-theme .el-button--success{color:#fff;background-color:#409167;border-color:#409167}.custom-theme .el-button--success:focus,.custom-theme .el-button--success:hover{background:#66a785;border-color:#66a785;color:#fff}.custom-theme .el-button--success:active{background:#3a835d;border-color:#3a835d;color:#fff;outline:0}.custom-theme .el-button--success.is-active{background:#3a835d;border-color:#3a835d;color:#fff}.custom-theme .el-button--success.is-disabled,.custom-theme .el-button--success.is-disabled:active,.custom-theme .el-button--success.is-disabled:focus,.custom-theme .el-button--success.is-disabled:hover{color:#fff;background-color:#a0c8b3;border-color:#a0c8b3}.custom-theme .el-button--success.is-plain{color:#409167;background:#ecf4f0;border-color:#b3d3c2}.custom-theme .el-button--success.is-plain:focus,.custom-theme .el-button--success.is-plain:hover{background:#409167;border-color:#409167;color:#fff}.custom-theme .el-button--success.is-plain:active{background:#3a835d;border-color:#3a835d;color:#fff;outline:0}.custom-theme .el-button--success.is-plain.is-disabled,.custom-theme .el-button--success.is-plain.is-disabled:active,.custom-theme .el-button--success.is-plain.is-disabled:focus,.custom-theme .el-button--success.is-plain.is-disabled:hover{color:#8cbda4;background-color:#ecf4f0;border-color:#d9e9e1}.custom-theme .el-button--warning{color:#fff;background-color:#9da408;border-color:#9da408}.custom-theme .el-button--warning:focus,.custom-theme .el-button--warning:hover{background:#b1b639;border-color:#b1b639;color:#fff}.custom-theme .el-button--warning:active{background:#8d9407;border-color:#8d9407;color:#fff;outline:0}.custom-theme .el-button--warning.is-active{background:#8d9407;border-color:#8d9407;color:#fff}.custom-theme .el-button--warning.is-disabled,.custom-theme .el-button--warning.is-disabled:active,.custom-theme .el-button--warning.is-disabled:focus,.custom-theme .el-button--warning.is-disabled:hover{color:#fff;background-color:#ced284;border-color:#ced284}.custom-theme .el-button--warning.is-plain{color:#9da408;background:#f5f6e6;border-color:#d8db9c}.custom-theme .el-button--warning.is-plain:focus,.custom-theme .el-button--warning.is-plain:hover{background:#9da408;border-color:#9da408;color:#fff}.custom-theme .el-button--warning.is-plain:active{background:#8d9407;border-color:#8d9407;color:#fff;outline:0}.custom-theme .el-button--warning.is-plain.is-disabled,.custom-theme .el-button--warning.is-plain.is-disabled:active,.custom-theme .el-button--warning.is-plain.is-disabled:focus,.custom-theme .el-button--warning.is-plain.is-disabled:hover{color:#c4c86b;background-color:#f5f6e6;border-color:#ebedce}.custom-theme .el-button--danger{color:#fff;background-color:#b3450e;border-color:#b3450e}.custom-theme .el-button--danger:focus,.custom-theme .el-button--danger:hover{background:#c26a3e;border-color:#c26a3e;color:#fff}.custom-theme .el-button--danger:active{background:#a13e0d;border-color:#a13e0d;color:#fff;outline:0}.custom-theme .el-button--danger.is-active{background:#a13e0d;border-color:#a13e0d;color:#fff}.custom-theme .el-button--danger.is-disabled,.custom-theme .el-button--danger.is-disabled:active,.custom-theme .el-button--danger.is-disabled:focus,.custom-theme .el-button--danger.is-disabled:hover{color:#fff;background-color:#d9a287;border-color:#d9a287}.custom-theme .el-button--danger.is-plain{color:#b3450e;background:#f7ece7;border-color:#e1b59f}.custom-theme .el-button--danger.is-plain:focus,.custom-theme .el-button--danger.is-plain:hover{background:#b3450e;border-color:#b3450e;color:#fff}.custom-theme .el-button--danger.is-plain:active{background:#a13e0d;border-color:#a13e0d;color:#fff;outline:0}.custom-theme .el-button--danger.is-plain.is-disabled,.custom-theme .el-button--danger.is-plain.is-disabled:active,.custom-theme .el-button--danger.is-plain.is-disabled:focus,.custom-theme .el-button--danger.is-plain.is-disabled:hover{color:#d18f6e;background-color:#f7ece7;border-color:#f0dacf}.custom-theme .el-button--info{color:#fff;background-color:#0a76a4;border-color:#0a76a4}.custom-theme .el-button--info:focus,.custom-theme .el-button--info:hover{background:#3b91b6;border-color:#3b91b6;color:#fff}.custom-theme .el-button--info:active{background:#096a94;border-color:#096a94;color:#fff;outline:0}.custom-theme .el-button--info.is-active{background:#096a94;border-color:#096a94;color:#fff}.custom-theme .el-button--info.is-disabled,.custom-theme .el-button--info.is-disabled:active,.custom-theme .el-button--info.is-disabled:focus,.custom-theme .el-button--info.is-disabled:hover{color:#fff;background-color:#85bbd2;border-color:#85bbd2}.custom-theme .el-button--info.is-plain{color:#0a76a4;background:#e7f1f6;border-color:#9dc8db}.custom-theme .el-button--info.is-plain:focus,.custom-theme .el-button--info.is-plain:hover{background:#0a76a4;border-color:#0a76a4;color:#fff}.custom-theme .el-button--info.is-plain:active{background:#096a94;border-color:#096a94;color:#fff;outline:0}.custom-theme .el-button--info.is-plain.is-disabled,.custom-theme .el-button--info.is-plain.is-disabled:active,.custom-theme .el-button--info.is-plain.is-disabled:focus,.custom-theme .el-button--info.is-plain.is-disabled:hover{color:#6cadc8;background-color:#e7f1f6;border-color:#cee4ed}.custom-theme .el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.custom-theme .el-button--medium.is-round{padding:10px 20px}.custom-theme .el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.custom-theme .el-button--small.is-round{padding:9px 15px}.custom-theme .el-button--mini{padding:7px 15px;font-size:12px;border-radius:3px}.custom-theme .el-button--mini.is-round{padding:7px 15px}.custom-theme .el-button--text{border:none;color:#262729;background:0 0;padding-left:0;padding-right:0}.custom-theme .el-button--text:focus,.custom-theme .el-button--text:hover{color:#515254;border-color:transparent;background-color:transparent}.custom-theme .el-button--text:active{color:#222325;border-color:transparent;background-color:transparent}.custom-theme .el-button-group{display:inline-block;vertical-align:middle}.custom-theme .el-button-group::after,.custom-theme .el-button-group::before{display:table;content:""}.custom-theme .el-button-group::after{clear:both}.custom-theme .el-button-group .el-button{float:left;position:relative}.custom-theme .el-button-group .el-button+.el-button{margin-left:0}.custom-theme .el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.custom-theme .el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.custom-theme .el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.custom-theme .el-button-group .el-button:not(:last-child){margin-right:-1px}.custom-theme .el-button-group .el-button:active,.custom-theme .el-button-group .el-button:focus,.custom-theme .el-button-group .el-button:hover{z-index:1}.custom-theme .el-button-group .el-button.is-active{z-index:1}.custom-theme .el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.custom-theme .el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.custom-theme .el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-theme .el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5}.custom-theme .el-checkbox.is-bordered.is-checked{border-color:#262729}.custom-theme .el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.custom-theme .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.custom-theme .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small{padding:3px 15px 7px 10px;border-radius:3px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini{padding:1px 15px 5px 10px;border-radius:3px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.custom-theme .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.custom-theme .el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.custom-theme .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#262729;border-color:#262729}.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.custom-theme .el-checkbox__input.is-checked+.el-checkbox__label{color:#262729}.custom-theme .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#262729}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#262729;border-color:#262729}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.custom-theme .el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.custom-theme .el-checkbox__inner:hover{border-color:#262729}.custom-theme .el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.custom-theme .el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.custom-theme .el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.custom-theme .el-checkbox+.el-checkbox{margin-left:30px}.custom-theme .el-checkbox-button{position:relative;display:inline-block}.custom-theme .el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.custom-theme .el-checkbox-button__inner.is-round{padding:12px 20px}.custom-theme .el-checkbox-button__inner:hover{color:#262729}.custom-theme .el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.custom-theme .el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.custom-theme .el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.custom-theme .el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#262729;border-color:#262729;-webkit-box-shadow:-1px 0 0 0 #7d7d7f;box-shadow:-1px 0 0 0 #7d7d7f}.custom-theme .el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.custom-theme .el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.custom-theme .el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#262729}.custom-theme .el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.custom-theme .el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.custom-theme .el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.custom-theme .el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.custom-theme .el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.custom-theme .el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.custom-theme .el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.custom-theme .el-checkbox-group{font-size:0}.custom-theme .el-transfer{font-size:14px}.custom-theme .el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.custom-theme .el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#fff;background-color:#262729;font-size:0}.custom-theme .el-transfer__button.is-with-texts{border-radius:4px}.custom-theme .el-transfer__button.is-disabled{border:1px solid #d8dce5;background-color:#f5f7fa;color:#b4bccc}.custom-theme .el-transfer__button.is-disabled:hover{border:1px solid #d8dce5;background-color:#f5f7fa;color:#b4bccc}.custom-theme .el-transfer__button:first-child{margin-bottom:10px}.custom-theme .el-transfer__button:nth-child(2){margin:0}.custom-theme .el-transfer__button i,.custom-theme .el-transfer__button span{font-size:14px}.custom-theme .el-transfer__button [class*=el-icon-]+span{margin-left:0}.custom-theme .el-transfer-panel{border:1px solid #e6ebf5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;vertical-align:middle;width:200px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.custom-theme .el-transfer-panel__body{height:246px}.custom-theme .el-transfer-panel__body.is-with-footer{padding-bottom:40px}.custom-theme .el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.custom-theme .el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block}.custom-theme .el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.custom-theme .el-transfer-panel__item.el-checkbox{color:#5a5e66}.custom-theme .el-transfer-panel__item:hover{color:#262729}.custom-theme .el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.custom-theme .el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.custom-theme .el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.custom-theme .el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.custom-theme .el-transfer-panel__filter .el-input__icon{margin-left:5px}.custom-theme .el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.custom-theme .el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.custom-theme .el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.custom-theme .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#2d2f33;font-weight:400}.custom-theme .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#878d99;font-size:12px;font-weight:400}.custom-theme .el-transfer-panel .el-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #e6ebf5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.custom-theme .el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.custom-theme .el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#5a5e66}.custom-theme .el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#878d99}.custom-theme .el-transfer-panel .el-checkbox__label{padding-left:8px}.custom-theme .el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.custom-theme .el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.custom-theme .el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.custom-theme .el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-theme .el-main{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}.custom-theme .el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/echarts-macarons.js b/src/assets/echarts-macarons.js
new file mode 100644
index 0000000..0678ef8
--- /dev/null
+++ b/src/assets/echarts-macarons.js
@@ -0,0 +1,199 @@
+/* eslint-disable */
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
+        // CommonJS
+        factory(exports, require('echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+}(this, function (exports, echarts) {
+    var log = function (msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+
+    var colorPalette = [
+        '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80',
+        '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa',
+        '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050',
+        '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089'
+    ];
+
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#008acd'
+            }
+        },
+
+        visualMap: {
+            itemWidth: 15,
+            color: ['#5ab1ef','#e0ffff']
+        },
+
+        toolbox: {
+            iconStyle: {
+                normal: {
+                    borderColor: colorPalette[0]
+                }
+            }
+        },
+
+        tooltip: {
+            backgroundColor: 'rgba(50,50,50,0.5)',
+            axisPointer : {
+                type : 'line',
+                lineStyle : {
+                    color: '#008acd'
+                },
+                crossStyle: {
+                    color: '#008acd'
+                },
+                shadowStyle : {
+                    color: 'rgba(200,200,200,0.2)'
+                }
+            }
+        },
+
+        dataZoom: {
+            dataBackgroundColor: '#efefff',
+            fillerColor: 'rgba(182,162,222,0.2)',
+            handleColor: '#008acd'
+        },
+
+        grid: {
+            borderColor: '#eee'
+        },
+
+        categoryAxis: {
+            axisLine: {
+                lineStyle: {
+                    color: '#008acd'
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: ['#eee']
+                }
+            }
+        },
+
+        valueAxis: {
+            axisLine: {
+                lineStyle: {
+                    color: '#008acd'
+                }
+            },
+            splitArea : {
+                show : true,
+                areaStyle : {
+                    color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)']
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: ['#eee']
+                }
+            }
+        },
+
+        timeline : {
+            lineStyle : {
+                color : '#008acd'
+            },
+            controlStyle : {
+                normal : { color : '#008acd'},
+                emphasis : { color : '#008acd'}
+            },
+            symbol : 'emptyCircle',
+            symbolSize : 3
+        },
+
+        line: {
+            smooth : true,
+            symbol: 'emptyCircle',
+            symbolSize: 3
+        },
+
+        candlestick: {
+            itemStyle: {
+                normal: {
+                    color: '#d87a80',
+                    color0: '#2ec7c9',
+                    lineStyle: {
+                        color: '#d87a80',
+                        color0: '#2ec7c9'
+                    }
+                }
+            }
+        },
+
+        scatter: {
+            symbol: 'circle',
+            symbolSize: 4
+        },
+
+        map: {
+            label: {
+                normal: {
+                    textStyle: {
+                        color: '#d87a80'
+                    }
+                }
+            },
+            itemStyle: {
+                normal: {
+                    borderColor: '#eee',
+                    areaColor: '#ddd'
+                },
+                emphasis: {
+                    areaColor: '#fe994e'
+                }
+            }
+        },
+
+        graph: {
+            color: colorPalette
+        },
+
+        gauge : {
+            axisLine: {
+                lineStyle: {
+                    color: [[0.2, '#2ec7c9'],[0.8, '#5ab1ef'],[1, '#d87a80']],
+                    width: 10
+                }
+            },
+            axisTick: {
+                splitNumber: 10,
+                length :15,
+                lineStyle: {
+                    color: 'auto'
+                }
+            },
+            splitLine: {
+                length :22,
+                lineStyle: {
+                    color: 'auto'
+                }
+            },
+            pointer : {
+                width : 5
+            }
+        }
+    };
+
+    echarts.registerTheme('macarons', theme);
+}));
diff --git a/src/assets/image/background.jpg b/src/assets/image/background.jpg
new file mode 100644
index 0000000..224fa5b
Binary files /dev/null and b/src/assets/image/background.jpg differ
diff --git a/src/assets/image/blackback.png b/src/assets/image/blackback.png
new file mode 100644
index 0000000..b80bec8
Binary files /dev/null and b/src/assets/image/blackback.png differ
diff --git a/src/assets/image/blackmore.png b/src/assets/image/blackmore.png
new file mode 100644
index 0000000..3bd8c3f
Binary files /dev/null and b/src/assets/image/blackmore.png differ
diff --git a/src/assets/image/checked.png b/src/assets/image/checked.png
new file mode 100644
index 0000000..3972b19
Binary files /dev/null and b/src/assets/image/checked.png differ
diff --git a/src/assets/image/erwei.jpg b/src/assets/image/erwei.jpg
new file mode 100644
index 0000000..d817d84
Binary files /dev/null and b/src/assets/image/erwei.jpg differ
diff --git a/src/assets/image/fm.jpg b/src/assets/image/fm.jpg
new file mode 100644
index 0000000..3cb8940
Binary files /dev/null and b/src/assets/image/fm.jpg differ
diff --git a/src/assets/image/greyarrow.png b/src/assets/image/greyarrow.png
new file mode 100644
index 0000000..9a1f49c
Binary files /dev/null and b/src/assets/image/greyarrow.png differ
diff --git a/src/assets/image/image_not_found.jpg b/src/assets/image/image_not_found.jpg
new file mode 100644
index 0000000..477d698
Binary files /dev/null and b/src/assets/image/image_not_found.jpg differ
diff --git a/src/assets/image/kaquancode.jpg b/src/assets/image/kaquancode.jpg
new file mode 100644
index 0000000..347d0ab
Binary files /dev/null and b/src/assets/image/kaquancode.jpg differ
diff --git a/src/assets/image/logo32x32.ico b/src/assets/image/logo32x32.ico
new file mode 100644
index 0000000..cf7aebb
Binary files /dev/null and b/src/assets/image/logo32x32.ico differ
diff --git a/src/assets/image/noImg.png b/src/assets/image/noImg.png
new file mode 100644
index 0000000..bfa126b
Binary files /dev/null and b/src/assets/image/noImg.png differ
diff --git a/src/assets/image/pencil.png b/src/assets/image/pencil.png
new file mode 100644
index 0000000..d40cbbc
Binary files /dev/null and b/src/assets/image/pencil.png differ
diff --git a/src/assets/image/platform/anti-fake.png b/src/assets/image/platform/anti-fake.png
new file mode 100644
index 0000000..d565a76
Binary files /dev/null and b/src/assets/image/platform/anti-fake.png differ
diff --git a/src/assets/image/platform/audit.png b/src/assets/image/platform/audit.png
new file mode 100644
index 0000000..7dad5b0
Binary files /dev/null and b/src/assets/image/platform/audit.png differ
diff --git a/src/assets/image/platform/module-addressBook.png b/src/assets/image/platform/module-addressBook.png
new file mode 100644
index 0000000..288a8e4
Binary files /dev/null and b/src/assets/image/platform/module-addressBook.png differ
diff --git a/src/assets/image/platform/module-attendance.png b/src/assets/image/platform/module-attendance.png
new file mode 100644
index 0000000..f4b2e72
Binary files /dev/null and b/src/assets/image/platform/module-attendance.png differ
diff --git a/src/assets/image/platform/module-business.png b/src/assets/image/platform/module-business.png
new file mode 100644
index 0000000..f07b723
Binary files /dev/null and b/src/assets/image/platform/module-business.png differ
diff --git a/src/assets/image/platform/module-car.png b/src/assets/image/platform/module-car.png
new file mode 100644
index 0000000..5f397ae
Binary files /dev/null and b/src/assets/image/platform/module-car.png differ
diff --git a/src/assets/image/platform/module-content.png b/src/assets/image/platform/module-content.png
new file mode 100644
index 0000000..7928265
Binary files /dev/null and b/src/assets/image/platform/module-content.png differ
diff --git a/src/assets/image/platform/module-contract.png b/src/assets/image/platform/module-contract.png
new file mode 100644
index 0000000..666acb7
Binary files /dev/null and b/src/assets/image/platform/module-contract.png differ
diff --git a/src/assets/image/platform/module-cost.png b/src/assets/image/platform/module-cost.png
new file mode 100644
index 0000000..29f5cc3
Binary files /dev/null and b/src/assets/image/platform/module-cost.png differ
diff --git a/src/assets/image/platform/module-customerCenter .png b/src/assets/image/platform/module-customerCenter .png
new file mode 100644
index 0000000..d678d45
Binary files /dev/null and b/src/assets/image/platform/module-customerCenter .png differ
diff --git a/src/assets/image/platform/module-customerCenter.png b/src/assets/image/platform/module-customerCenter.png
new file mode 100644
index 0000000..d678d45
Binary files /dev/null and b/src/assets/image/platform/module-customerCenter.png differ
diff --git a/src/assets/image/platform/module-email1.png b/src/assets/image/platform/module-email1.png
new file mode 100644
index 0000000..d96c898
Binary files /dev/null and b/src/assets/image/platform/module-email1.png differ
diff --git a/src/assets/image/platform/module-email2.png b/src/assets/image/platform/module-email2.png
new file mode 100644
index 0000000..7ebcda7
Binary files /dev/null and b/src/assets/image/platform/module-email2.png differ
diff --git a/src/assets/image/platform/module-finance.png b/src/assets/image/platform/module-finance.png
new file mode 100644
index 0000000..2aac90a
Binary files /dev/null and b/src/assets/image/platform/module-finance.png differ
diff --git a/src/assets/image/platform/module-flow.png b/src/assets/image/platform/module-flow.png
new file mode 100644
index 0000000..b29c294
Binary files /dev/null and b/src/assets/image/platform/module-flow.png differ
diff --git a/src/assets/image/platform/module-historical.png b/src/assets/image/platform/module-historical.png
new file mode 100644
index 0000000..6368dbc
Binary files /dev/null and b/src/assets/image/platform/module-historical.png differ
diff --git a/src/assets/image/platform/module-intelligentForms.png b/src/assets/image/platform/module-intelligentForms.png
new file mode 100644
index 0000000..4e5cebd
Binary files /dev/null and b/src/assets/image/platform/module-intelligentForms.png differ
diff --git a/src/assets/image/platform/module-marketing.png b/src/assets/image/platform/module-marketing.png
new file mode 100644
index 0000000..d91bc7c
Binary files /dev/null and b/src/assets/image/platform/module-marketing.png differ
diff --git a/src/assets/image/platform/module-meeting.png b/src/assets/image/platform/module-meeting.png
new file mode 100644
index 0000000..87ef275
Binary files /dev/null and b/src/assets/image/platform/module-meeting.png differ
diff --git a/src/assets/image/platform/module-news.png b/src/assets/image/platform/module-news.png
new file mode 100644
index 0000000..8f61cca
Binary files /dev/null and b/src/assets/image/platform/module-news.png differ
diff --git a/src/assets/image/platform/module-note.png b/src/assets/image/platform/module-note.png
new file mode 100644
index 0000000..7ebe8e3
Binary files /dev/null and b/src/assets/image/platform/module-note.png differ
diff --git a/src/assets/image/platform/module-notice.png b/src/assets/image/platform/module-notice.png
new file mode 100644
index 0000000..cd7e0f8
Binary files /dev/null and b/src/assets/image/platform/module-notice.png differ
diff --git a/src/assets/image/platform/module-oa.png b/src/assets/image/platform/module-oa.png
new file mode 100644
index 0000000..95ffc93
Binary files /dev/null and b/src/assets/image/platform/module-oa.png differ
diff --git a/src/assets/image/platform/module-odelCenter.png b/src/assets/image/platform/module-odelCenter.png
new file mode 100644
index 0000000..b9d9da5
Binary files /dev/null and b/src/assets/image/platform/module-odelCenter.png differ
diff --git a/src/assets/image/platform/module-office.png b/src/assets/image/platform/module-office.png
new file mode 100644
index 0000000..764f231
Binary files /dev/null and b/src/assets/image/platform/module-office.png differ
diff --git a/src/assets/image/platform/module-organization.png b/src/assets/image/platform/module-organization.png
new file mode 100644
index 0000000..5c9d622
Binary files /dev/null and b/src/assets/image/platform/module-organization.png differ
diff --git a/src/assets/image/platform/module-performance.png b/src/assets/image/platform/module-performance.png
new file mode 100644
index 0000000..24a680c
Binary files /dev/null and b/src/assets/image/platform/module-performance.png differ
diff --git a/src/assets/image/platform/module-project.png b/src/assets/image/platform/module-project.png
new file mode 100644
index 0000000..7f8e882
Binary files /dev/null and b/src/assets/image/platform/module-project.png differ
diff --git a/src/assets/image/platform/module-property.png b/src/assets/image/platform/module-property.png
new file mode 100644
index 0000000..c38282a
Binary files /dev/null and b/src/assets/image/platform/module-property.png differ
diff --git a/src/assets/image/platform/module-record.png b/src/assets/image/platform/module-record.png
new file mode 100644
index 0000000..a0be62d
Binary files /dev/null and b/src/assets/image/platform/module-record.png differ
diff --git a/src/assets/image/platform/module-schedule.png b/src/assets/image/platform/module-schedule.png
new file mode 100644
index 0000000..9059329
Binary files /dev/null and b/src/assets/image/platform/module-schedule.png differ
diff --git a/src/assets/image/platform/module-sealCenter.png b/src/assets/image/platform/module-sealCenter.png
new file mode 100644
index 0000000..0f29121
Binary files /dev/null and b/src/assets/image/platform/module-sealCenter.png differ
diff --git a/src/assets/image/platform/module-store.png b/src/assets/image/platform/module-store.png
new file mode 100644
index 0000000..f1576ad
Binary files /dev/null and b/src/assets/image/platform/module-store.png differ
diff --git a/src/assets/image/platform/module-supervise.png b/src/assets/image/platform/module-supervise.png
new file mode 100644
index 0000000..3270cb7
Binary files /dev/null and b/src/assets/image/platform/module-supervise.png differ
diff --git a/src/assets/image/platform/module-supervisoryTask.png b/src/assets/image/platform/module-supervisoryTask.png
new file mode 100644
index 0000000..7a002a5
Binary files /dev/null and b/src/assets/image/platform/module-supervisoryTask.png differ
diff --git a/src/assets/image/platform/module-task.png b/src/assets/image/platform/module-task.png
new file mode 100644
index 0000000..fd704b2
Binary files /dev/null and b/src/assets/image/platform/module-task.png differ
diff --git a/src/assets/image/platform/traceSource.png b/src/assets/image/platform/traceSource.png
new file mode 100644
index 0000000..a52ea1c
Binary files /dev/null and b/src/assets/image/platform/traceSource.png differ
diff --git a/src/assets/image/qqlogo.png b/src/assets/image/qqlogo.png
new file mode 100644
index 0000000..5307b60
Binary files /dev/null and b/src/assets/image/qqlogo.png differ
diff --git a/src/assets/image/qqlogo_yuan.png b/src/assets/image/qqlogo_yuan.png
new file mode 100644
index 0000000..56ce18f
Binary files /dev/null and b/src/assets/image/qqlogo_yuan.png differ
diff --git a/src/assets/image/qrcode.png b/src/assets/image/qrcode.png
new file mode 100644
index 0000000..0a9f929
Binary files /dev/null and b/src/assets/image/qrcode.png differ
diff --git a/src/assets/image/question-mark.png b/src/assets/image/question-mark.png
new file mode 100644
index 0000000..ea671a2
Binary files /dev/null and b/src/assets/image/question-mark.png differ
diff --git a/src/assets/image/selected_image.png b/src/assets/image/selected_image.png
new file mode 100644
index 0000000..d290812
Binary files /dev/null and b/src/assets/image/selected_image.png differ
diff --git a/src/assets/image/show2.jpg b/src/assets/image/show2.jpg
new file mode 100644
index 0000000..aae990b
Binary files /dev/null and b/src/assets/image/show2.jpg differ
diff --git a/src/assets/image/tiaoxing.jpg b/src/assets/image/tiaoxing.jpg
new file mode 100644
index 0000000..4de15e9
Binary files /dev/null and b/src/assets/image/tiaoxing.jpg differ
diff --git a/src/assets/image/user_img.gif b/src/assets/image/user_img.gif
new file mode 100644
index 0000000..b4dd41b
Binary files /dev/null and b/src/assets/image/user_img.gif differ
diff --git a/src/assets/image/user_office.gif b/src/assets/image/user_office.gif
new file mode 100644
index 0000000..11a91ed
Binary files /dev/null and b/src/assets/image/user_office.gif differ
diff --git a/src/assets/image/whiteback.png b/src/assets/image/whiteback.png
new file mode 100644
index 0000000..a1fd2bd
Binary files /dev/null and b/src/assets/image/whiteback.png differ
diff --git a/src/assets/image/whitemore.png b/src/assets/image/whitemore.png
new file mode 100644
index 0000000..521c13d
Binary files /dev/null and b/src/assets/image/whitemore.png differ
diff --git a/src/assets/theme/blue-2.0.7/alert.css b/src/assets/theme/blue-2.0.7/alert.css
new file mode 100644
index 0000000..39a11b8
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/alert.css
@@ -0,0 +1 @@
+.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success{background-color:#f0f9eb;color:#67c23a}.el-alert--success .el-alert__description{color:#67c23a}.el-alert--info{background-color:#f3f4f5;color:#878d99}.el-alert--info .el-alert__description{color:#878d99}.el-alert--warning{background-color:#fdf5e6;color:#eb9e05}.el-alert--warning .el-alert__description{color:#eb9e05}.el-alert--error{background-color:#fee;color:#fa5555}.el-alert--error .el-alert__description{color:#fa5555}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;color:#b4bccc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/aside.css b/src/assets/theme/blue-2.0.7/aside.css
new file mode 100644
index 0000000..c72afbf
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/aside.css
@@ -0,0 +1 @@
+.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/autocomplete.css b/src/assets/theme/blue-2.0.7/autocomplete.css
new file mode 100644
index 0000000..a8b1f61
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/autocomplete.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;color:#b4bccc;height:100%;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px}.el-autocomplete-suggestion.el-popper .popper__arrow{left:24px!important}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:#fff;border:1px solid #dfe4ed;border-radius:4px}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#5a5e66;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/badge.css b/src/assets/theme/blue-2.0.7/badge.css
new file mode 100644
index 0000000..373184b
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/badge.css
@@ -0,0 +1 @@
+.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#fa5555;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/base.css b/src/assets/theme/blue-2.0.7/base.css
new file mode 100644
index 0000000..5458277
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/base.css
@@ -0,0 +1 @@
+.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1510834658947) format("woff"),url(fonts/element-icons.ttf?t=1510834658947) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-upload:before{content:"\e60d"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-back:before{content:"\e606"}.el-icon-circle-close:before{content:"\e607"}.el-icon-date:before{content:"\e608"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-close:before{content:"\e60f"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-check:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-document:before{content:"\e614"}.el-icon-d-caret:before{content:"\e615"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-download:before{content:"\e617"}.el-icon-goods:before{content:"\e618"}.el-icon-search:before{content:"\e619"}.el-icon-info:before{content:"\e61a"}.el-icon-message:before{content:"\e61b"}.el-icon-edit:before{content:"\e61c"}.el-icon-location:before{content:"\e61d"}.el-icon-loading:before{content:"\e61e"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-menu:before{content:"\e620"}.el-icon-minus:before{content:"\e621"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-news:before{content:"\e625"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-plus:before{content:"\e62b"}.el-icon-printer:before{content:"\e62f"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-question:before{content:"\e634"}.el-icon-remove:before{content:"\e635"}.el-icon-share:before{content:"\e636"}.el-icon-star-on:before{content:"\e637"}.el-icon-setting:before{content:"\e638"}.el-icon-circle-check:before{content:"\e639"}.el-icon-service:before{content:"\e63a"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-star-off:before{content:"\e63d"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-tickets:before{content:"\e63f"}.el-icon-sort:before{content:"\e640"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-time:before{content:"\e642"}.el-icon-view:before{content:"\e643"}.el-icon-upload2:before{content:"\e644"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/breadcrumb-item.css b/src/assets/theme/blue-2.0.7/breadcrumb-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/breadcrumb.css b/src/assets/theme/blue-2.0.7/breadcrumb.css
new file mode 100644
index 0000000..6386bc5
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/breadcrumb.css
@@ -0,0 +1 @@
+.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#b4bccc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:700;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#2d2f33}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner:hover{color:#1663B3;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#5a5e66;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/button-group.css b/src/assets/theme/blue-2.0.7/button-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/button.css b/src/assets/theme/blue-2.0.7/button.css
new file mode 100644
index 0000000..55a03ef
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/button.css
@@ -0,0 +1 @@
+.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1663B3;border-color:rgb(185, 208, 232);background-color:rgb(232, 239, 247)}.el-button:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1663B3;color:#1663B3}.el-button.is-active,.el-button.is-plain:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#1663B3;border-color:#1663B3}.el-button--primary:focus,.el-button--primary:hover{background:rgb(69, 130, 194);border-color:rgb(69, 130, 194);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(139, 177, 217);border-color:rgb(139, 177, 217)}.el-button--primary.is-plain{color:#1663B3;background:rgb(232, 239, 247);border-color:rgb(162, 193, 225)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#1663B3;border-color:#1663B3;color:#fff}.el-button--primary.is-plain:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(115, 161, 209);background-color:rgb(232, 239, 247);border-color:rgb(208, 224, 240)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#1663B3;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(69, 130, 194);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(20, 89, 161);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/card.css b/src/assets/theme/blue-2.0.7/card.css
new file mode 100644
index 0000000..9e83fbe
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/card.css
@@ -0,0 +1 @@
+.el-card{border-radius:4px;border:1px solid #e6ebf5;background-color:#fff;overflow:hidden;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#2d2f33}.el-card__header{padding:18px 20px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/carousel-item.css b/src/assets/theme/blue-2.0.7/carousel-item.css
new file mode 100644
index 0000000..0d496ad
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/carousel-item.css
@@ -0,0 +1 @@
+.el-carousel__item,.el-carousel__mask{position:absolute;height:100%;top:0;left:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#fff;opacity:.24;-webkit-transition:.2s;transition:.2s}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/carousel.css b/src/assets/theme/blue-2.0.7/carousel.css
new file mode 100644
index 0000000..0a97336
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/carousel.css
@@ -0,0 +1 @@
+.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#b4bccc;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/cascader.css b/src/assets/theme/blue-2.0.7/cascader.css
new file mode 100644
index 0000000..246f995
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/cascader.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input__inner,.el-textarea__inner{-webkit-box-sizing:border-box;background-image:none}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;border-radius:4px;border:1px solid #d8dce5;box-sizing:border-box;color:#5a5e66;display:inline-block;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-cascader-menu,.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{-webkit-transition:none;transition:none}.el-cascader .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-icon-circle-close{z-index:2;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader .el-icon-circle-close:hover{color:#878d99}.el-cascader__clearIcon{z-index:2;position:relative}.el-cascader__label{position:absolute;left:0;top:0;height:100%;padding:0 25px 0 15px;color:#5a5e66;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:left;font-size:inherit}.el-cascader__label span{color:#000}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#b4bccc}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader-menus .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px #dfe4ed;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:0}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e604";font-size:14px;color:#bfcbd9;position:absolute;right:15px}.el-cascader-menu__item.is-disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-active{color:#1663B3}.el-cascader-menu__item:focus:not(:active),.el-cascader-menu__item:hover{background-color:#f5f7fa}.el-cascader-menu__item.selected{color:#fff;background-color:#f5f7fa}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/checkbox-button.css b/src/assets/theme/blue-2.0.7/checkbox-button.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/checkbox-group.css b/src/assets/theme/blue-2.0.7/checkbox-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/checkbox.css b/src/assets/theme/blue-2.0.7/checkbox.css
new file mode 100644
index 0000000..f0a6984
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/checkbox.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-checkbox-button__inner,.el-checkbox__input{white-space:nowrap;vertical-align:middle;outline:0}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#1663B3}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;line-height:1}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1663B3;border-color:#1663B3}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#1663B3}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1663B3}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1663B3}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#1663B3}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#1663B3;border-color:#1663B3;-webkit-box-shadow:-1px 0 0 0 rgb(115, 161, 209);box-shadow:-1px 0 0 0 rgb(115, 161, 209)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#1663B3}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/col.css b/src/assets/theme/blue-2.0.7/col.css
new file mode 100644
index 0000000..2d62b09
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/col.css
@@ -0,0 +1 @@
+.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9{position:relative}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-col-0{display:none}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:768px){.el-col-xs-0{display:none}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/collapse-item.css b/src/assets/theme/blue-2.0.7/collapse-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/collapse.css b/src/assets/theme/blue-2.0.7/collapse.css
new file mode 100644
index 0000000..d3c5f08
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/collapse.css
@@ -0,0 +1 @@
+.el-collapse-item__header,.el-collapse-item__wrap{background-color:#fff;border-bottom:1px solid #e6ebf5}.el-collapse,.el-collapse-item__header,.el-collapse-item__wrap{border-bottom:1px solid #e6ebf5}.el-collapse{border-top:1px solid #e6ebf5}.el-collapse-item__header{height:48px;line-height:48px;color:#2d2f33;cursor:pointer;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:right;line-height:48px;font-weight:300}.el-collapse-item__header.focusing:focus:not(:hover){color:#1663B3}.el-collapse-item__wrap{will-change:height;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#2d2f33;line-height:1.769230769230769}.el-collapse-item.is-active .el-collapse-item__header{border-bottom-color:transparent}.el-collapse-item.is-active .el-collapse-item__header .el-collapse-item__arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item:last-child{margin-bottom:-1px}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/color-picker.css b/src/assets/theme/blue-2.0.7/color-picker.css
new file mode 100644
index 0000000..104dfb3
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/color-picker.css
@@ -0,0 +1 @@
+.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(to top,#000,transparent)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#1663B3;border-color:#1663B3}.el-color-dropdown__link-btn{cursor:pointer;color:#1663B3;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(primary,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/container.css b/src/assets/theme/blue-2.0.7/container.css
new file mode 100644
index 0000000..4fd9c75
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/container.css
@@ -0,0 +1 @@
+.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/date-picker.css b/src/assets/theme/blue-2.0.7/date-picker.css
new file mode 100644
index 0000000..57e7bdf
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/date-picker.css
@@ -0,0 +1 @@
+.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#edf2fc}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#5a5e66}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.next-month,.el-date-table td.prev-month{color:#b4bccc}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#1663B3}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:#1663B3}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:#1663B3}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#1663B3}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#b4bccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:#5a5e66}.el-date-table th{padding:5px;color:#5a5e66;font-weight:400;border-bottom:solid 1px #e6ebf5}.el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.el-month-table td.disabled .cell:hover{color:#b4bccc}.el-month-table td .cell{color:#5a5e66;margin:0 auto}.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell{color:#1663B3}.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-year-table .el-icon{color:#2d2f33}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.el-year-table td.disabled .cell:hover{color:#b4bccc}.el-year-table td .cell{color:#5a5e66;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#1663B3}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#878d99;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#1663B3}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#5a5e66}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#2d2f33;font-weight:700}.el-time-spinner__item.disabled{color:#b4bccc;cursor:not-allowed}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#5a5e66}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input::placeholder{color:#b4bccc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#2d2f33}.el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#1663B3}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#dfe4ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input::placeholder{color:#b4bccc}.el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.el-picker-panel{color:#5a5e66;border:1px solid #dfe4ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#5a5e66;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#1663B3}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#1663B3}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#2d2f33;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#1663B3}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #e6ebf5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#5a5e66}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#1663B3}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#2d2f33}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #dfe4ed}.el-time-panel{margin:5px 0;border:1px solid #dfe4ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #dfe4ed;border-bottom:1px solid #dfe4ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#2d2f33}.el-time-panel__btn.confirm{font-weight:800;color:#1663B3}.el-time-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/dialog.css b/src/assets/theme/blue-2.0.7/dialog.css
new file mode 100644
index 0000000..b41db29
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/dialog.css
@@ -0,0 +1 @@
+.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:15px 15px 10px}.el-dialog__headerbtn{position:absolute;top:15px;right:15px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#878d99}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#1663B3}.el-dialog__title{line-height:24px;font-size:18px;color:#2d2f33}.el-dialog__body{padding:30px 20px;color:#5a5e66;line-height:24px;font-size:14px}.el-dialog__footer{padding:10px 15px 15px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__header{padding-top:30px}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 27px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit;padding-bottom:30px}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/display.css b/src/assets/theme/blue-2.0.7/display.css
new file mode 100644
index 0000000..1d8790b
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/display.css
@@ -0,0 +1 @@
+@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/dropdown-item.css b/src/assets/theme/blue-2.0.7/dropdown-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/dropdown-menu.css b/src/assets/theme/blue-2.0.7/dropdown-menu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/dropdown.css b/src/assets/theme/blue-2.0.7/dropdown.css
new file mode 100644
index 0000000..b80fdd0
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/dropdown.css
@@ -0,0 +1 @@
+.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1663B3;border-color:rgb(185, 208, 232);background-color:rgb(232, 239, 247)}.el-button:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1663B3;color:#1663B3}.el-button.is-active,.el-button.is-plain:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#1663B3;border-color:#1663B3}.el-button--primary:focus,.el-button--primary:hover{background:rgb(69, 130, 194);border-color:rgb(69, 130, 194);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(139, 177, 217);border-color:rgb(139, 177, 217)}.el-button--primary.is-plain{color:#1663B3;background:rgb(232, 239, 247);border-color:rgb(162, 193, 225)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#1663B3;border-color:#1663B3;color:#fff}.el-button--primary.is-plain:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(115, 161, 209);background-color:rgb(232, 239, 247);border-color:rgb(208, 224, 240)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#1663B3;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(69, 130, 194);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(20, 89, 161);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-dropdown{display:inline-block;position:relative;color:#5a5e66;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#5a5e66;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(232, 239, 247);color:rgb(69, 130, 194)}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #e6ebf5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/fonts/element-icons.ttf b/src/assets/theme/blue-2.0.7/fonts/element-icons.ttf
new file mode 100644
index 0000000..73bc90f
Binary files /dev/null and b/src/assets/theme/blue-2.0.7/fonts/element-icons.ttf differ
diff --git a/src/assets/theme/blue-2.0.7/fonts/element-icons.woff b/src/assets/theme/blue-2.0.7/fonts/element-icons.woff
new file mode 100644
index 0000000..28da65d
Binary files /dev/null and b/src/assets/theme/blue-2.0.7/fonts/element-icons.woff differ
diff --git a/src/assets/theme/blue-2.0.7/footer.css b/src/assets/theme/blue-2.0.7/footer.css
new file mode 100644
index 0000000..b023be7
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/footer.css
@@ -0,0 +1 @@
+.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/form-item.css b/src/assets/theme/blue-2.0.7/form-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/form.css b/src/assets/theme/blue-2.0.7/form.css
new file mode 100644
index 0000000..b098e43
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/form.css
@@ -0,0 +1 @@
+.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#5a5e66;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__error{color:#fa5555;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#fa5555;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#fa5555}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#fa5555}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/header.css b/src/assets/theme/blue-2.0.7/header.css
new file mode 100644
index 0000000..7886b48
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/header.css
@@ -0,0 +1 @@
+.el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/icon.css b/src/assets/theme/blue-2.0.7/icon.css
new file mode 100644
index 0000000..4ee5ced
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/icon.css
@@ -0,0 +1 @@
+@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1510834658947) format("woff"),url(fonts/element-icons.ttf?t=1510834658947) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-upload:before{content:"\e60d"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-back:before{content:"\e606"}.el-icon-circle-close:before{content:"\e607"}.el-icon-date:before{content:"\e608"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-close:before{content:"\e60f"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-check:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-document:before{content:"\e614"}.el-icon-d-caret:before{content:"\e615"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-download:before{content:"\e617"}.el-icon-goods:before{content:"\e618"}.el-icon-search:before{content:"\e619"}.el-icon-info:before{content:"\e61a"}.el-icon-message:before{content:"\e61b"}.el-icon-edit:before{content:"\e61c"}.el-icon-location:before{content:"\e61d"}.el-icon-loading:before{content:"\e61e"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-menu:before{content:"\e620"}.el-icon-minus:before{content:"\e621"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-news:before{content:"\e625"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-plus:before{content:"\e62b"}.el-icon-printer:before{content:"\e62f"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-question:before{content:"\e634"}.el-icon-remove:before{content:"\e635"}.el-icon-share:before{content:"\e636"}.el-icon-star-on:before{content:"\e637"}.el-icon-setting:before{content:"\e638"}.el-icon-circle-check:before{content:"\e639"}.el-icon-service:before{content:"\e63a"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-star-off:before{content:"\e63d"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-tickets:before{content:"\e63f"}.el-icon-sort:before{content:"\e640"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-time:before{content:"\e642"}.el-icon-view:before{content:"\e643"}.el-icon-upload2:before{content:"\e644"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/index.css b/src/assets/theme/blue-2.0.7/index.css
new file mode 100644
index 0000000..43a41df
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/index.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-pagination--small .arrow.disabled,.el-table .hidden-columns,.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1510834658947) format("woff"),url(fonts/element-icons.ttf?t=1510834658947) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-upload:before{content:"\e60d"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-back:before{content:"\e606"}.el-icon-circle-close:before{content:"\e607"}.el-icon-date:before{content:"\e608"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-close:before{content:"\e60f"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-check:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-document:before{content:"\e614"}.el-icon-d-caret:before{content:"\e615"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-download:before{content:"\e617"}.el-icon-goods:before{content:"\e618"}.el-icon-search:before{content:"\e619"}.el-icon-info:before{content:"\e61a"}.el-icon-message:before{content:"\e61b"}.el-icon-edit:before{content:"\e61c"}.el-icon-location:before{content:"\e61d"}.el-icon-loading:before{content:"\e61e"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-menu:before{content:"\e620"}.el-icon-minus:before{content:"\e621"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-news:before{content:"\e625"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-plus:before{content:"\e62b"}.el-icon-printer:before{content:"\e62f"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-question:before{content:"\e634"}.el-icon-remove:before{content:"\e635"}.el-icon-share:before{content:"\e636"}.el-icon-star-on:before{content:"\e637"}.el-icon-setting:before{content:"\e638"}.el-icon-circle-check:before{content:"\e639"}.el-icon-service:before{content:"\e63a"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-star-off:before{content:"\e63d"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-tickets:before{content:"\e63f"}.el-icon-sort:before{content:"\e640"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-time:before{content:"\e642"}.el-icon-view:before{content:"\e643"}.el-icon-upload2:before{content:"\e644"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:#2d2f33;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#1663B3}.el-pagination button.disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;cursor:pointer;margin:0;color:#2d2f33}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#5a5e66}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#1663B3}.el-pagination__total{margin-right:10px;font-weight:400;color:#5a5e66}.el-pagination__jump{margin-left:24px;font-weight:400;color:#5a5e66}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f3f4f5;color:#5a5e66;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled{color:#b4bccc}.el-pagination.is-background .el-pager li:hover{color:#1663B3}.el-pagination.is-background .el-pager li.active{background-color:#1663B3;color:#fff}.el-dialog,.el-pager li{background:#fff;-webkit-box-sizing:border-box}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-date-table,.el-radio,.el-table th{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;font-size:13px;min-width:35.5px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#2d2f33}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#1663B3}.el-pager li.active{color:#1663B3;cursor:default}@-webkit-keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}.el-dialog{position:relative;margin:0 auto 50px;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:15px 15px 10px}.el-dialog__headerbtn{position:absolute;top:15px;right:15px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#878d99}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#1663B3}.el-dialog__title{line-height:24px;font-size:18px;color:#2d2f33}.el-dialog__body{padding:30px 20px;color:#5a5e66;line-height:24px;font-size:14px}.el-dialog__footer{padding:10px 15px 15px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__header{padding-top:30px}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 27px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit;padding-bottom:30px}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px}.el-autocomplete-suggestion.el-popper .popper__arrow{left:24px!important}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:#fff;border:1px solid #dfe4ed;border-radius:4px}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#5a5e66;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-dropdown{display:inline-block;position:relative;color:#5a5e66;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#5a5e66;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(232, 239, 247);color:rgb(69, 130, 194)}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #e6ebf5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu li{list-style:none}.el-menu--horizontal{border-right:none;border-bottom:solid 1px #e6e6e6}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;color:#878d99}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover{background-color:#fff}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu:focus{outline:0}.el-menu--horizontal .el-submenu:focus>.el-submenu__title{color:#2d2f33}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:none;padding:5px 0;background-color:#fff;z-index:100;min-width:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#878d99}.el-menu--horizontal .el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{outline:0;color:#2d2f33}.el-menu--horizontal>.el-menu-item.is-active,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #1663B3;color:#2d2f33}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;padding:0 20px;position:relative;-webkit-box-sizing:border-box;cursor:pointer;white-space:nowrap}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu-item{font-size:14px;color:#2d2f33;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:rgb(232, 239, 247)}.el-menu-item i{color:#878d99}.el-menu-item.is-active{color:#1663B3}.el-menu-item.is-active i{color:inherit}.el-submenu__title{font-size:14px;color:#2d2f33;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#878d99}.el-submenu__title:hover{background-color:rgb(232, 239, 247)}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-submenu.is-active .el-submenu__title{border-bottom-color:#1663B3}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#878d99}.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.el-radio{color:#5a5e66;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;outline:0}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#1663B3}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#e6ebf5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#dfe4ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#b4bccc}.el-radio__input.is-disabled+span.el-radio__label{color:#b4bccc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#1663B3;background:#1663B3}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#1663B3}.el-radio__input.is-focus .el-radio__inner{border-color:#1663B3}.el-radio__inner{border:1px solid #d8dce5;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio-button__inner,.el-switch__core{-webkit-box-sizing:border-box;vertical-align:middle}.el-radio__inner:hover{border-color:#1663B3}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6),-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio:focus:not(.is-focus):not(:active) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #1663B3;box-shadow:0 0 2px 2px #1663B3}.el-radio__label{font-size:14px;padding-left:10px}.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}.el-radio-button__inner{line-height:1;white-space:nowrap;background:#fff;border:1px solid #d8dce5;font-weight:500;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#1663B3}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#1663B3;border-color:#1663B3;-webkit-box-shadow:-1px 0 0 0 #1663B3;box-shadow:-1px 0 0 0 #1663B3}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#edf2fc}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-popover,.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-switch,.el-switch__label,.el-switch__label *{font-size:14px;display:inline-block}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active){-webkit-box-shadow:0 0 2px 2px #1663B3;box-shadow:0 0 2px 2px #1663B3}.el-switch{position:relative;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-weight:500;cursor:pointer;vertical-align:middle;color:#2d2f33}.el-switch__label.is-active{color:#1663B3}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus~.el-switch__core{outline:#1663B3 solid 1px}.el-message__closeBtn:focus,.el-message__content:focus,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing),.el-rate:active,.el-rate:focus,.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing),.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-switch__core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid #d8dce5;outline:0;border-radius:10px;box-sizing:border-box;background:#d8dce5;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.el-switch__core .el-switch__button{position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#1663B3;background-color:#1663B3}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1663B3;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#1663B3;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#878d99;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#b4bccc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#1663B3}.el-select .el-input .el-select__caret{color:#b4bccc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);line-height:16px;cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#b4bccc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#878d99}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#dfe4ed}.el-select .el-input.is-focus .el-input__inner{border-color:#1663B3}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__multiple-text{margin-left:15px;color:#5a5e66;font-size:14px;display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#b4bccc;line-height:18px;font-size:14px}.el-select__close:hover{color:#878d99}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:3px 0 3px 6px;background-color:#f0f2f5}.el-table-filter__bottom,.el-table__footer-wrapper td{border-top:1px solid #e6ebf5}.el-select .el-tag__close.el-icon-close{background-color:#b4bccc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#878d99}.el-table,.el-table__expanded-cell{background-color:#fff}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#5a5e66}.el-table--mini,.el-table--small{font-size:12px}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:color(primary s(16%) l(44%))}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:#f5f7fa!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table thead{color:#878d99;font-weight:500}.el-table thead.is-group th{background:#f5f7fa}.el-table td,.el-table th{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative}.el-table th div,.el-table th>.cell{-webkit-box-sizing:border-box;display:inline-block}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table--medium td,.el-table--medium th{padding:10px 0}.el-table--small td,.el-table--small th{padding:8px 0}.el-table--mini td,.el-table--mini th{padding:6px 0}.el-table .cell,.el-table th div{padding-right:10px;overflow:hidden;text-overflow:ellipsis}.el-table .cell,.el-table th div,.el-table--border td:first-child .cell,.el-table--border th:first-child .cell{padding-left:10px}.el-table tr{background-color:#fff}.el-table tr input[type=checkbox]{margin:0}.el-table td,.el-table th.is-leaf{border-bottom:1px solid #e6ebf5}.el-table th.is-sortable{cursor:pointer}.el-table th{white-space:nowrap;overflow:hidden;user-select:none;text-align:left}.el-table th div{line-height:40px;box-sizing:border-box;white-space:nowrap}.el-table th>.cell{position:relative;word-wrap:normal;text-overflow:ellipsis;vertical-align:middle;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#1663B3}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-table td.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;word-break:break-all;line-height:23px}.el-badge__content,.el-progress-bar__inner,.el-steps--horizontal,.el-table .cell.el-tooltip,.el-tabs__nav,.el-tag,.el-time-spinner,.el-tree-node,.el-upload-cover__title{white-space:nowrap}.el-table .cell.el-tooltip{min-width:50px}.el-table--border,.el-table--group{border:1px solid #e6ebf5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#e6ebf5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border td,.el-table--border th{border-right:1px solid #e6ebf5}.el-table--border .has-gutter td:nth-last-of-type(2),.el-table--border .has-gutter th:nth-last-of-type(2){border-right:none}.el-table--border th.gutter:last-of-type{border-bottom:1px solid #e6ebf5;border-bottom-width:1px}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid #e6ebf5}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e6ebf5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#fff}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid #e6ebf5;background-color:#f5f7fa;color:#5a5e66}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:#f5f7fa;color:#5a5e66}.el-table__body-wrapper{overflow:auto;position:relative}.el-table__body-wrapper.is-scroll-left~.el-table__fixed,.el-table__body-wrapper.is-scroll-none~.el-table__fixed,.el-table__body-wrapper.is-scroll-none~.el-table__fixed-right,.el-table__body-wrapper.is-scroll-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-picker-panel,.el-table-filter{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-table__body-wrapper .el-table--border.is-scroll-right~.el-table__fixed-right{border-left:1px solid #e6ebf5}.el-table__body-wrapper .el-table--border.is-scroll-left~.el-table__fixed{border-right:1px solid #e6ebf5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial}.el-table .sort-caret{color:#b4bccc;width:14px;overflow:hidden;font-size:15px;position:absolute}.el-table .sort-caret.ascending{top:5px}.el-table .sort-caret.descending{bottom:7px}.el-table .ascending .sort-caret.ascending,.el-table .descending .sort-caret.descending{color:#1663B3}.el-table .hidden-columns{position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(232, 239, 247)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #e6ebf5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#878d99;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f7fa}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #e6ebf5;border-radius:2px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(232, 239, 247);color:rgb(69, 130, 194)}.el-table-filter__list-item.is-active{background-color:#1663B3;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#5a5e66;cursor:pointer;font-size:13px;padding:0 3px}.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#edf2fc}.el-table-filter__bottom button:hover{color:#1663B3}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#b4bccc;cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;user-select:none}.el-slider__button-wrapper,.el-time-panel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#5a5e66}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.next-month,.el-date-table td.prev-month{color:#b4bccc}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#1663B3}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:#1663B3}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:#1663B3}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#1663B3}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#b4bccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:#5a5e66}.el-month-table,.el-year-table{font-size:12px;border-collapse:collapse}.el-date-table th{padding:5px;color:#5a5e66;font-weight:400;border-bottom:solid 1px #e6ebf5}.el-month-table{margin:-1px}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.el-month-table td.disabled .cell:hover{color:#b4bccc}.el-month-table td .cell{color:#5a5e66;margin:0 auto}.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell{color:#1663B3}.el-year-table{margin:-1px}.el-year-table .el-icon{color:#2d2f33}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.el-year-table td.disabled .cell:hover{color:#b4bccc}.el-year-table td .cell{color:#5a5e66;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#1663B3}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#2d2f33}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #dfe4ed}.el-picker-panel{color:#5a5e66;border:1px solid #dfe4ed;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-popover,.el-time-panel{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#5a5e66;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#1663B3}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#1663B3}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#2d2f33;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#1663B3}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #e6ebf5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#5a5e66}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#1663B3}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#1663B3;font-weight:700}.time-select-item.disabled{color:#dfe4ed;cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;font-size:14px;display:inline-block}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#5a5e66}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input::placeholder{color:#b4bccc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#2d2f33}.el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#1663B3}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#dfe4ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input::placeholder{color:#b4bccc}.el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#878d99;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#1663B3}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#5a5e66}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#2d2f33;font-weight:700}.el-time-spinner__item.disabled{color:#b4bccc;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #dfe4ed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #dfe4ed;border-bottom:1px solid #dfe4ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#2d2f33}.el-time-panel__btn.confirm{font-weight:800;color:#1663B3}.el-time-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-popover{position:absolute;background:#fff;min-width:150px;border:1px solid #e6ebf5;padding:12px;z-index:2000;color:#5a5e66;line-height:1.4;text-align:justify;word-break:break-all;font-size:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#2d2f33;font-size:16px;line-height:1;margin-bottom:12px}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #e6ebf5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#2d2f33}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#fa5555}.el-message-box__headerbtn .el-message-box__close{color:#878d99}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#1663B3}.el-message-box__content{position:relative;padding:10px 15px;color:#5a5e66;font-size:14px}.el-message-box__input{padding-top:15px}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#878d99}.el-message-box__status.el-icon-warning{color:#eb9e05}.el-message-box__status.el-icon-error{color:#fa5555}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#fa5555;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#b4bccc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:700;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#2d2f33}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner:hover{color:#1663B3;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#5a5e66;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item::after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#5a5e66;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content::after{clear:both}.el-form-item__error{color:#fa5555;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#fa5555;margin-right:4px}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#fa5555}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#1663B3;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#1663B3}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#dfe4ed;z-index:1}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after,.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#878d99}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#2d2f33;position:relative}.el-alert,.el-tag{-webkit-box-sizing:border-box}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:#b4bccc;color:#fff}.el-tabs__item.is-active{color:#1663B3}.el-tabs__item:hover{color:#1663B3;cursor:pointer}.el-tabs__item.is-disabled{color:#b4bccc;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #dfe4ed}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #dfe4ed;border-bottom:none;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #dfe4ed;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--border-card{background:#fff;border:1px solid #d8dce5;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card,.el-notification{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid #dfe4ed;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin:-1px -1px 0;color:#878d99}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#1663B3;background-color:#fff;border-right-color:#d8dce5;border-left-color:#d8dce5}.el-tabs--border-card>.el-tabs__header .el-tabs__item:hover{color:#1663B3}.el-tabs--bottom .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs__header{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header{border-bottom:0;border-top:1px solid #d8dce5}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap,.el-tabs--right .el-tabs__header,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap{height:100%}.el-tabs--left .el-tabs__active-bar,.el-tabs--right .el-tabs__active-bar{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap,.el-tabs--right .el-tabs__nav-wrap{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap::after,.el-tabs--right .el-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav,.el-tabs--right .el-tabs__nav{float:none}.el-tabs--left .el-tabs__item,.el-tabs--right .el-tabs__item{display:block}.el-tabs--left.el-tabs--card .el-tabs__active-bar,.el-tabs--right.el-tabs--card .el-tabs__active-bar{display:none}.el-tabs--left .el-tabs__nav-next,.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar,.el-tabs--left .el-tabs__nav-wrap::after{right:0;left:auto}.el-tabs--left .el-tabs__header{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap{margin-right:-1px}.el-tabs--left .el-tabs__item{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item{border-left:none;border-right:1px solid #dfe4ed;border-bottom:none;border-top:1px solid #dfe4ed}.el-tabs--left.el-tabs--card .el-tabs__item:first-child{border-right:1px solid #dfe4ed;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #dfe4ed;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar{left:0}.el-tag,.slideInLeft-transition,.slideInRight-transition{display:inline-block}.el-tabs--right.el-tabs--card .el-tabs__item{border-bottom:none;border-top:1px solid #dfe4ed}.el-tabs--right.el-tabs--card .el-tabs__item:first-child{border-left:1px solid #dfe4ed;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #dfe4ed;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-active{border-color:#d1dbe5 transparent}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.el-tag{background-color:rgba(64,158,255,.1);padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#1663B3;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#1663B3}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#1663B3;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-tree{cursor:default;background:#fff;color:#5a5e66}.el-tree-node:focus>.el-tree-node__content,.el-tree-node__content:hover{background-color:#f5f7fa}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#6f7180}.el-tree-node{outline:0}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>.el-checkbox{margin-right:8px}.el-tree-node__expand-icon{cursor:pointer;color:#b4bccc;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#b4bccc}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success{background-color:#f0f9eb;color:#67c23a}.el-alert--success .el-alert__description{color:#67c23a}.el-alert--info{background-color:#f3f4f5;color:#878d99}.el-alert--info .el-alert__description{color:#878d99}.el-alert--warning{background-color:#fdf5e6;color:#eb9e05}.el-alert--warning .el-alert__description{color:#eb9e05}.el-alert--error{background-color:#fee;color:#fa5555}.el-alert--error .el-alert__description{color:#fa5555}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;color:#b4bccc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active{opacity:0}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e6ebf5;position:fixed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px}.el-notification__title{font-weight:700;font-size:16px;color:#2d2f33;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#5a5e66;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px;-webkit-transform:translateY(4px);transform:translateY(4px)}.el-notification__closeBtn{position:absolute;top:15px;right:15px;cursor:pointer;color:#878d99;font-size:16px}.el-notification__closeBtn:hover{color:#5a5e66}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#fa5555}.el-notification .el-icon-info{color:#878d99}.el-notification .el-icon-warning{color:#eb9e05}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#5a5e66;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#1663B3}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#1663B3}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#b4bccc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #d8dce5}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #d8dce5}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#dfe4ed;color:#dfe4ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#dfe4ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d8dce5}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d8dce5;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-progress-bar__inner::after,.el-row::after,.el-row::before,.el-slider::after,.el-slider::before,.el-slider__button-wrapper::after,.el-upload-cover::after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper.is-dark{background:#2d2f33;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-slider::after,.el-slider::before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{vertical-align:middle;display:inline-block}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#dfe4ed;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#b4bccc}.el-slider__runway.disabled .el-slider__button{border-color:#b4bccc}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:6px;background-color:#1663B3;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;position:absolute;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;user-select:none}.el-slider__button,.el-step__icon-inner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-slider__button-wrapper::after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #1663B3;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;height:6px;width:6px;border-radius:100%;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #d8dce5;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#b4bccc}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#1663B3}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row{position:relative}.el-loading-spinner .el-loading-text{color:#1663B3;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#1663B3;stroke-linecap:round}.el-loading-spinner i{color:#1663B3}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-upload--picture-card,.el-upload-dragger{-webkit-box-sizing:border-box;cursor:pointer}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:768px){.el-col-xs-0{display:none}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#5a5e66;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#1663B3;color:#1663B3}.el-upload:focus .el-upload-dragger{border-color:#1663B3}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#b4bccc;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #d8dce5;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#5a5e66;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#1663B3;font-style:normal}.el-upload-dragger:hover{border-color:#1663B3}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #1663B3}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#5a5e66;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67c23a}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#5a5e66}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#1663B3}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#1663B3;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#5a5e66;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#878d99;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#5a5e66;display:none}.el-upload-list__item-delete:hover{color:#1663B3}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#2d2f33}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#5a5e66;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText,.el-spinner{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#fa5555}.el-progress.is-exception .el-progress__text{color:#fa5555}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#e6ebf5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#1663B3;text-align:right;border-radius:100px;line-height:1}.el-card,.el-message{border-radius:4px;overflow:hidden}.el-progress-bar__inner::after{height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:1px;border-style:solid;border-color:#e6ebf5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message p{margin:0}.el-message--info .el-message__content{color:#878d99}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf5e6;border-color:#fbeccd}.el-message--warning .el-message__content{color:#eb9e05}.el-message--error{background-color:#fee;border-color:#fedddd}.el-message--error .el-message__content{color:#fa5555}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#b4bccc;font-size:16px}.el-message__closeBtn:hover{color:#878d99}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#fa5555}.el-message .el-icon-info{color:#878d99}.el-message .el-icon-warning{color:#eb9e05}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#fa5555;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;border:1px solid #fff}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-card{border:1px solid #e6ebf5;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#2d2f33}.el-card__header{padding:18px 20px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#b4bccc;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-step.is-vertical,.el-steps{display:-webkit-box;display:-ms-flexbox}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#2d2f33;border-color:#2d2f33}.el-step__head.is-wait{color:#b4bccc;border-color:#b4bccc}.el-step__head.is-success{color:#67c23a;border-color:#67c23a}.el-step__head.is-error{color:#fa5555;border-color:#fa5555}.el-step__head.is-finish{color:#1663B3;border-color:#1663B3}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-button,.el-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#b4bccc}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#2d2f33}.el-step__title.is-wait{color:#b4bccc}.el-step__title.is-success{color:#67c23a}.el-step__title.is-error{color:#fa5555}.el-step__title.is-finish{color:#1663B3}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#2d2f33}.el-step__description.is-wait{color:#b4bccc}.el-step__description.is-success{color:#67c23a}.el-step__description.is-error{color:#fa5555}.el-step__description.is-finish{color:#1663B3}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#b4bccc}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#b4bccc;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.el-collapse,.el-collapse-item__header,.el-collapse-item__wrap{border-bottom:1px solid #e6ebf5}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-carousel__mask,.el-cascader-menu,.el-cascader-menu__item.is-disabled:hover,.el-collapse-item__header,.el-collapse-item__wrap{background-color:#fff}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-carousel__item,.el-carousel__mask{height:100%;top:0;left:0;position:absolute}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;opacity:.24;-webkit-transition:.2s;transition:.2s}.el-collapse{border-top:1px solid #e6ebf5}.el-collapse-item__header{height:48px;line-height:48px;color:#2d2f33;cursor:pointer;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:right;line-height:48px;font-weight:300}.el-collapse-item__header.focusing:focus:not(:hover){color:#1663B3}.el-collapse-item__wrap{will-change:height;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#2d2f33;line-height:1.769230769230769}.el-collapse-item.is-active .el-collapse-item__header{border-bottom-color:transparent}.el-collapse-item.is-active .el-collapse-item__header .el-collapse-item__arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item:last-child{margin-bottom:-1px}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{-webkit-transition:none;transition:none}.el-cascader .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-icon-circle-close{z-index:2;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader .el-icon-circle-close:hover{color:#878d99}.el-cascader__clearIcon{z-index:2;position:relative}.el-cascader__label{position:absolute;left:0;top:0;height:100%;padding:0 25px 0 15px;color:#5a5e66;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:left;font-size:inherit}.el-cascader__label span{color:#000}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#b4bccc}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader-menus .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px #dfe4ed;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:0}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e604";font-size:14px;color:#bfcbd9;position:absolute;right:15px}.el-cascader-menu__item.is-disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-active{color:#1663B3}.el-cascader-menu__item:focus:not(:active),.el-cascader-menu__item:hover{background-color:#f5f7fa}.el-cascader-menu__item.selected{color:#fff;background-color:#f5f7fa}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(to top,#000,transparent)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#1663B3;border-color:#1663B3}.el-color-dropdown__link-btn{cursor:pointer;color:#1663B3;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(primary,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input__inner,.el-textarea__inner{-webkit-box-sizing:border-box;background-image:none}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;border-radius:4px;border:1px solid #d8dce5;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1663B3;border-color:rgb(185, 208, 232);background-color:rgb(232, 239, 247)}.el-button:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1663B3;color:#1663B3}.el-button.is-active,.el-button.is-plain:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#1663B3;border-color:#1663B3}.el-button--primary:focus,.el-button--primary:hover{background:rgb(69, 130, 194);border-color:rgb(69, 130, 194);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(139, 177, 217);border-color:rgb(139, 177, 217)}.el-button--primary.is-plain{color:#1663B3;background:rgb(232, 239, 247);border-color:rgb(162, 193, 225)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#1663B3;border-color:#1663B3;color:#fff}.el-button--primary.is-plain:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(115, 161, 209);background-color:rgb(232, 239, 247);border-color:rgb(208, 224, 240)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#1663B3;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(69, 130, 194);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(20, 89, 161);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#1663B3}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1663B3;border-color:#1663B3}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#1663B3}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1663B3}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1663B3}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#1663B3}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#1663B3;border-color:#1663B3;-webkit-box-shadow:-1px 0 0 0 rgb(115, 161, 209);box-shadow:-1px 0 0 0 rgb(115, 161, 209)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#1663B3}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#fff;background-color:#1663B3;font-size:0}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #d8dce5;background-color:#f5f7fa;color:#b4bccc}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer-panel{border:1px solid #e6ebf5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;vertical-align:middle;width:200px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block}.el-transfer-panel__item.el-checkbox{color:#5a5e66}.el-transfer-panel__item:hover{color:#1663B3}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-container,.el-header{-webkit-box-sizing:border-box}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#2d2f33;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#878d99;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #e6ebf5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#5a5e66}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#878d99}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.el-header{padding:0 20px;box-sizing:border-box}.el-aside,.el-main{overflow:auto;-webkit-box-sizing:border-box}.el-aside{box-sizing:border-box}.el-main{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;padding:20px}.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/input-number.css b/src/assets/theme/blue-2.0.7/input-number.css
new file mode 100644
index 0000000..245f748
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/input-number.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#5a5e66;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#1663B3}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#1663B3}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#b4bccc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #d8dce5}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #d8dce5}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#dfe4ed;color:#dfe4ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#dfe4ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d8dce5}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d8dce5;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/input.css b/src/assets/theme/blue-2.0.7/input.css
new file mode 100644
index 0000000..716ee75
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/input.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/loading.css b/src/assets/theme/blue-2.0.7/loading.css
new file mode 100644
index 0000000..cd6916d
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/loading.css
@@ -0,0 +1 @@
+.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#1663B3;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#1663B3;stroke-linecap:round}.el-loading-spinner i{color:#1663B3}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/main.css b/src/assets/theme/blue-2.0.7/main.css
new file mode 100644
index 0000000..58e8019
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/main.css
@@ -0,0 +1 @@
+.el-main{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/menu-item-group.css b/src/assets/theme/blue-2.0.7/menu-item-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/menu-item.css b/src/assets/theme/blue-2.0.7/menu-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/menu.css b/src/assets/theme/blue-2.0.7/menu.css
new file mode 100644
index 0000000..b704261
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/menu.css
@@ -0,0 +1 @@
+.el-menu,.el-menu li{list-style:none}.el-menu,.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu .el-submenu__title:hover,.el-menu--horizontal .el-submenu>.el-menu{background-color:#fff}.el-menu{border-right:solid 1px #e6e6e6;position:relative;margin:0;padding-left:0}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu--horizontal{border-right:none;border-bottom:solid 1px #e6e6e6}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;color:#878d99}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu:focus{outline:0}.el-menu--horizontal .el-submenu:focus>.el-submenu__title{color:#2d2f33}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:none;padding:5px 0;z-index:100;min-width:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#878d99}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{outline:0;color:#2d2f33}.el-menu--horizontal>.el-menu-item.is-active,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #1663B3;color:#2d2f33}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;padding:0 20px;cursor:pointer;position:relative;white-space:nowrap}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu-item{font-size:14px;color:#2d2f33;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:rgb(232, 239, 247)}.el-menu-item i{color:#878d99}.el-menu-item.is-active{color:#1663B3}.el-menu-item.is-active i{color:inherit}.el-submenu__title{font-size:14px;color:#2d2f33;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#878d99}.el-submenu__title:hover{background-color:rgb(232, 239, 247)}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#1663B3}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#878d99}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/message-box.css b/src/assets/theme/blue-2.0.7/message-box.css
new file mode 100644
index 0000000..3d93406
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/message-box.css
@@ -0,0 +1 @@
+.el-button,.el-input__inner{-webkit-appearance:none;outline:0}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1663B3;border-color:rgb(185, 208, 232);background-color:rgb(232, 239, 247)}.el-button:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1663B3;color:#1663B3}.el-button.is-active,.el-button.is-plain:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#1663B3;border-color:#1663B3}.el-button--primary:focus,.el-button--primary:hover{background:rgb(69, 130, 194);border-color:rgb(69, 130, 194);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(139, 177, 217);border-color:rgb(139, 177, 217)}.el-button--primary.is-plain{color:#1663B3;background:rgb(232, 239, 247);border-color:rgb(162, 193, 225)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#1663B3;border-color:#1663B3;color:#fff}.el-button--primary.is-plain:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(115, 161, 209);background-color:rgb(232, 239, 247);border-color:rgb(208, 224, 240)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#1663B3;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(69, 130, 194);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(20, 89, 161);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;height:40px;line-height:1;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc;top:0}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #e6ebf5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#2d2f33}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#878d99}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#1663B3}.el-message-box__content{position:relative;padding:10px 15px;color:#5a5e66;font-size:14px}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#fa5555}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#878d99}.el-message-box__status.el-icon-warning{color:#eb9e05}.el-message-box__status.el-icon-error{color:#fa5555}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#fa5555;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/message.css b/src/assets/theme/blue-2.0.7/message.css
new file mode 100644
index 0000000..ba0eb75
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/message.css
@@ -0,0 +1 @@
+.el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#e6ebf5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message p{margin:0}.el-message--info .el-message__content{color:#878d99}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf5e6;border-color:#fbeccd}.el-message--warning .el-message__content{color:#eb9e05}.el-message--error{background-color:#fee;border-color:#fedddd}.el-message--error .el-message__content{color:#fa5555}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#b4bccc;font-size:16px}.el-message__closeBtn:hover{color:#878d99}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#fa5555}.el-message .el-icon-info{color:#878d99}.el-message .el-icon-warning{color:#eb9e05}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/notification.css b/src/assets/theme/blue-2.0.7/notification.css
new file mode 100644
index 0000000..dc70e8e
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/notification.css
@@ -0,0 +1 @@
+.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e6ebf5;position:fixed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px}.el-notification__title{font-weight:700;font-size:16px;color:#2d2f33;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#5a5e66;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px;-webkit-transform:translateY(4px);transform:translateY(4px)}.el-notification__closeBtn{position:absolute;top:15px;right:15px;cursor:pointer;color:#878d99;font-size:16px}.el-notification__closeBtn:hover{color:#5a5e66}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#fa5555}.el-notification .el-icon-info{color:#878d99}.el-notification .el-icon-warning{color:#eb9e05}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/option-group.css b/src/assets/theme/blue-2.0.7/option-group.css
new file mode 100644
index 0000000..a0bebe7
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/option-group.css
@@ -0,0 +1 @@
+.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#878d99;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/option.css b/src/assets/theme/blue-2.0.7/option.css
new file mode 100644
index 0000000..350ac0b
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/option.css
@@ -0,0 +1 @@
+.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#1663B3;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/pagination.css b/src/assets/theme/blue-2.0.7/pagination.css
new file mode 100644
index 0000000..c6cd79a
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/pagination.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1663B3;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-tag,.el-textarea__inner{-webkit-box-sizing:border-box}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#1663B3;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#1663B3}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#1663B3;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#1663B3;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#878d99;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#b4bccc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#1663B3}.el-select .el-input .el-select__caret{color:#b4bccc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);line-height:16px;cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#b4bccc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#878d99}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#dfe4ed}.el-select .el-input.is-focus .el-input__inner{border-color:#1663B3}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__multiple-text{margin-left:15px;color:#5a5e66;font-size:14px;display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#b4bccc;line-height:18px;font-size:14px}.el-select__close:hover{color:#878d99}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:3px 0 3px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#b4bccc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#878d99}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-pagination{white-space:nowrap;padding:2px 5px;color:#2d2f33;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#1663B3}.el-pagination button.disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;cursor:pointer;margin:0;color:#2d2f33}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#5a5e66}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#1663B3}.el-pagination__total{margin-right:10px;font-weight:400;color:#5a5e66}.el-pagination__jump{margin-left:24px;font-weight:400;color:#5a5e66}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f3f4f5;color:#5a5e66;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled{color:#b4bccc}.el-pagination.is-background .el-pager li:hover{color:#1663B3}.el-pagination.is-background .el-pager li.active{background-color:#1663B3;color:#fff}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#fff;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#2d2f33}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#1663B3}.el-pager li.active{color:#1663B3;cursor:default}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/popover.css b/src/assets/theme/blue-2.0.7/popover.css
new file mode 100644
index 0000000..ec9d47a
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/popover.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #e6ebf5;padding:12px;z-index:2000;color:#5a5e66;line-height:1.4;text-align:justify;word-break:break-all;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#2d2f33;font-size:16px;line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/popper.css b/src/assets/theme/blue-2.0.7/popper.css
new file mode 100644
index 0000000..1858510
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/popper.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/progress.css b/src/assets/theme/blue-2.0.7/progress.css
new file mode 100644
index 0000000..77594f7
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/progress.css
@@ -0,0 +1 @@
+.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#5a5e66;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#fa5555}.el-progress.is-exception .el-progress__text{color:#fa5555}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#e6ebf5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#1663B3;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__inner::after{content:"";height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/radio-button.css b/src/assets/theme/blue-2.0.7/radio-button.css
new file mode 100644
index 0000000..37eaf76
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/radio-button.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid #d8dce5;font-weight:500;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#1663B3}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#1663B3;border-color:#1663B3;-webkit-box-shadow:-1px 0 0 0 #1663B3;box-shadow:-1px 0 0 0 #1663B3}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#edf2fc}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active){-webkit-box-shadow:0 0 2px 2px #1663B3;box-shadow:0 0 2px 2px #1663B3}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/radio-group.css b/src/assets/theme/blue-2.0.7/radio-group.css
new file mode 100644
index 0000000..8b5d6e4
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/radio-group.css
@@ -0,0 +1 @@
+.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/radio.css b/src/assets/theme/blue-2.0.7/radio.css
new file mode 100644
index 0000000..1367080
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/radio.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio,.el-radio__input{white-space:nowrap;line-height:1;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:#5a5e66;font-weight:500;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#1663B3}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#e6ebf5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#dfe4ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{cursor:pointer;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#b4bccc}.el-radio__input.is-disabled+span.el-radio__label{color:#b4bccc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#1663B3;background:#1663B3}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#1663B3}.el-radio__input.is-focus .el-radio__inner{border-color:#1663B3}.el-radio__inner{border:1px solid #d8dce5;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#1663B3}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6),-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #1663B3;box-shadow:0 0 2px 2px #1663B3}.el-radio__label{font-size:14px;padding-left:10px}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/rate.css b/src/assets/theme/blue-2.0.7/rate.css
new file mode 100644
index 0000000..f985e62
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/rate.css
@@ -0,0 +1 @@
+.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-rate{height:20px;line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#b4bccc;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/reset.css b/src/assets/theme/blue-2.0.7/reset.css
new file mode 100644
index 0000000..6fa94fb
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/reset.css
@@ -0,0 +1 @@
+@charset "UTF-8";body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:14px;color:#000}a{color:#1663B3;text-decoration:none}a:focus,a:hover{color:rgb(69, 130, 194)}a:active{color:rgb(20, 89, 161)}h1,h2,h3,h4,h5,h6{color:#5a5e66;font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}sub,sup{font-size:13px}small{font-size:12px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/row.css b/src/assets/theme/blue-2.0.7/row.css
new file mode 100644
index 0000000..368780d
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/row.css
@@ -0,0 +1 @@
+.el-row{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table;content:""}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/scrollbar.css b/src/assets/theme/blue-2.0.7/scrollbar.css
new file mode 100644
index 0000000..b2111c8
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/scrollbar.css
@@ -0,0 +1 @@
+.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/select-dropdown.css b/src/assets/theme/blue-2.0.7/select-dropdown.css
new file mode 100644
index 0000000..af78402
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/select-dropdown.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1663B3;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/select.css b/src/assets/theme/blue-2.0.7/select.css
new file mode 100644
index 0000000..ab71a29
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/select.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1663B3;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input__inner,.el-textarea__inner{-webkit-box-sizing:border-box;background-image:none}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;border-radius:4px;border:1px solid #d8dce5;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--small .el-input__inner,.el-tag{height:32px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-select-dropdown__item,.el-tag{-webkit-box-sizing:border-box;white-space:nowrap}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;line-height:30px;font-size:12px;color:#1663B3;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#1663B3}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#1663B3;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#1663B3;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#878d99;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#b4bccc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#1663B3}.el-select .el-input .el-select__caret{color:#b4bccc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);line-height:16px;cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#b4bccc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#878d99}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#dfe4ed}.el-select .el-input.is-focus .el-input__inner{border-color:#1663B3}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__multiple-text{margin-left:15px;color:#5a5e66;font-size:14px;display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#b4bccc;line-height:18px;font-size:14px}.el-select__close:hover{color:#878d99}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:3px 0 3px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#b4bccc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#878d99}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/slider.css b/src/assets/theme/blue-2.0.7/slider.css
new file mode 100644
index 0000000..01ce118
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/slider.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#5a5e66;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#1663B3}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#1663B3}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#b4bccc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #d8dce5}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #d8dce5}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#dfe4ed;color:#dfe4ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#dfe4ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d8dce5}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d8dce5;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper.is-dark{background:#2d2f33;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-slider::after,.el-slider::before{display:table;content:""}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{vertical-align:middle;display:inline-block}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#dfe4ed;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#b4bccc}.el-slider__runway.disabled .el-slider__button{border-color:#b4bccc}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:6px;background-color:#1663B3;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;position:absolute;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button-wrapper::after{content:"";height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #1663B3;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;height:6px;width:6px;border-radius:100%;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #d8dce5;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#b4bccc}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#1663B3}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/spinner.css b/src/assets/theme/blue-2.0.7/spinner.css
new file mode 100644
index 0000000..7358802
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/spinner.css
@@ -0,0 +1 @@
+.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/step.css b/src/assets/theme/blue-2.0.7/step.css
new file mode 100644
index 0000000..125126a
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/step.css
@@ -0,0 +1 @@
+.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#2d2f33;border-color:#2d2f33}.el-step__head.is-wait{color:#b4bccc;border-color:#b4bccc}.el-step__head.is-success{color:#67c23a;border-color:#67c23a}.el-step__head.is-error{color:#fa5555;border-color:#fa5555}.el-step__head.is-finish{color:#1663B3;border-color:#1663B3}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#b4bccc}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#2d2f33}.el-step__title.is-wait{color:#b4bccc}.el-step__title.is-success{color:#67c23a}.el-step__title.is-error{color:#fa5555}.el-step__title.is-finish{color:#1663B3}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#2d2f33}.el-step__description.is-wait{color:#b4bccc}.el-step__description.is-success{color:#67c23a}.el-step__description.is-error{color:#fa5555}.el-step__description.is-finish{color:#1663B3}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#b4bccc}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/steps.css b/src/assets/theme/blue-2.0.7/steps.css
new file mode 100644
index 0000000..cbb05de
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/steps.css
@@ -0,0 +1 @@
+.el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/submenu.css b/src/assets/theme/blue-2.0.7/submenu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/switch.css b/src/assets/theme/blue-2.0.7/switch.css
new file mode 100644
index 0000000..ce45229
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/switch.css
@@ -0,0 +1 @@
+.el-switch{display:inline-block;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer;vertical-align:middle}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;color:#2d2f33}.el-switch__label.is-active{color:#1663B3}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus~.el-switch__core{outline:#1663B3 solid 1px}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #d8dce5;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#d8dce5;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.el-switch__core .el-switch__button{position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#1663B3;background-color:#1663B3}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/tab-pane.css b/src/assets/theme/blue-2.0.7/tab-pane.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/blue-2.0.7/table-column.css b/src/assets/theme/blue-2.0.7/table-column.css
new file mode 100644
index 0000000..7c24208
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/table-column.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{white-space:nowrap;display:inline-block;position:relative}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#1663B3}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1663B3;border-color:#1663B3}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#1663B3}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1663B3}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1663B3}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox-button__inner,.el-tag{-webkit-box-sizing:border-box;white-space:nowrap}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#1663B3}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#1663B3;border-color:#1663B3;-webkit-box-shadow:-1px 0 0 0 rgb(115, 161, 209);box-shadow:-1px 0 0 0 rgb(115, 161, 209)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#1663B3}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#1663B3;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#1663B3}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#1663B3;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #e6ebf5;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(232, 239, 247);color:rgb(69, 130, 194)}.el-table-filter__list-item.is-active{background-color:#1663B3;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #e6ebf5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#5a5e66;cursor:pointer;font-size:13px;padding:0 3px}.el-table-filter__bottom button:hover{color:#1663B3}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#b4bccc;cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/table.css b/src/assets/theme/blue-2.0.7/table.css
new file mode 100644
index 0000000..388bb83
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/table.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox-button__inner,.el-table th{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#1663B3}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1663B3;border-color:#1663B3}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#1663B3}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1663B3}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1663B3}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-table,.el-tag{-webkit-box-sizing:border-box}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#1663B3}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#1663B3;border-color:#1663B3;-webkit-box-shadow:-1px 0 0 0 rgb(115, 161, 209);box-shadow:-1px 0 0 0 rgb(115, 161, 209)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#1663B3}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#1663B3;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#1663B3}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#1663B3;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-table,.el-table__expanded-cell{background-color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-table{position:relative;overflow:hidden;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#5a5e66}.el-table--mini,.el-table--small{font-size:12px}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:color(primary s(16%) l(44%))}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:#f5f7fa!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table thead{color:#878d99;font-weight:500}.el-table thead.is-group th{background:#f5f7fa}.el-table td,.el-table th{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table--medium td,.el-table--medium th{padding:10px 0}.el-table--small td,.el-table--small th{padding:8px 0}.el-table--mini td,.el-table--mini th{padding:6px 0}.el-table .cell,.el-table th div{text-overflow:ellipsis;padding-right:10px;overflow:hidden}.el-table .cell,.el-table th div,.el-table--border td:first-child .cell,.el-table--border th:first-child .cell{padding-left:10px}.el-table tr{background-color:#fff}.el-table tr input[type=checkbox]{margin:0}.el-table td,.el-table th.is-leaf{border-bottom:1px solid #e6ebf5}.el-table th.is-sortable{cursor:pointer}.el-table th{overflow:hidden;user-select:none;text-align:left}.el-table th div{display:inline-block;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-table th>.cell{position:relative;word-wrap:normal;text-overflow:ellipsis;display:inline-block;vertical-align:middle;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-table th>.cell.highlight{color:#1663B3}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-table td.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;word-break:break-all;line-height:23px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #e6ebf5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#e6ebf5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border td,.el-table--border th{border-right:1px solid #e6ebf5}.el-table--border .has-gutter td:nth-last-of-type(2),.el-table--border .has-gutter th:nth-last-of-type(2){border-right:none}.el-table--border th.gutter:last-of-type{border-bottom:1px solid #e6ebf5;border-bottom-width:1px}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid #e6ebf5}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e6ebf5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#fff}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid #e6ebf5;background-color:#f5f7fa;color:#5a5e66}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td{border-top:1px solid #e6ebf5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:#f5f7fa;color:#5a5e66}.el-table__body-wrapper{overflow:auto;position:relative}.el-table__body-wrapper.is-scroll-left~.el-table__fixed,.el-table__body-wrapper.is-scroll-none~.el-table__fixed,.el-table__body-wrapper.is-scroll-none~.el-table__fixed-right,.el-table__body-wrapper.is-scroll-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper .el-table--border.is-scroll-right~.el-table__fixed-right{border-left:1px solid #e6ebf5}.el-table__body-wrapper .el-table--border.is-scroll-left~.el-table__fixed{border-right:1px solid #e6ebf5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial}.el-table .sort-caret{color:#b4bccc;width:14px;overflow:hidden;font-size:15px;position:absolute}.el-table .sort-caret.ascending{top:5px}.el-table .sort-caret.descending{bottom:7px}.el-table .ascending .sort-caret.ascending,.el-table .descending .sort-caret.descending{color:#1663B3}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(232, 239, 247)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #e6ebf5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#878d99;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f7fa}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/tabs.css b/src/assets/theme/blue-2.0.7/tabs.css
new file mode 100644
index 0000000..e99ed0a
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/tabs.css
@@ -0,0 +1 @@
+.el-tabs--left,.el-tabs--right,.el-tabs__content,.el-tabs__nav-scroll,.el-tabs__nav-wrap{overflow:hidden}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#1663B3;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#1663B3}.el-tabs__nav-wrap{margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#dfe4ed;z-index:1}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after,.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#878d99}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#2d2f33;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:#b4bccc;color:#fff}.el-tabs__item.is-active{color:#1663B3}.el-tabs__item:hover{color:#1663B3;cursor:pointer}.el-tabs__item.is-disabled{color:#b4bccc;cursor:default}.el-tabs__content{position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #dfe4ed}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #dfe4ed;border-bottom:none;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #dfe4ed;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--border-card{background:#fff;border:1px solid #d8dce5;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid #dfe4ed;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin:-1px -1px 0;color:#878d99}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#1663B3;background-color:#fff;border-right-color:#d8dce5;border-left-color:#d8dce5}.el-tabs--border-card>.el-tabs__header .el-tabs__item:hover{color:#1663B3}.el-tabs--bottom .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs__header{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header{border-bottom:0;border-top:1px solid #d8dce5}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.el-tabs--left .el-tabs__header,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap,.el-tabs--right .el-tabs__header,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap{height:100%}.el-tabs--left .el-tabs__active-bar,.el-tabs--right .el-tabs__active-bar{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap,.el-tabs--right .el-tabs__nav-wrap{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap::after,.el-tabs--right .el-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav,.el-tabs--right .el-tabs__nav{float:none}.el-tabs--left .el-tabs__item,.el-tabs--right .el-tabs__item{display:block}.el-tabs--left.el-tabs--card .el-tabs__active-bar,.el-tabs--right.el-tabs--card .el-tabs__active-bar{display:none}.el-tabs--left .el-tabs__nav-next,.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar,.el-tabs--left .el-tabs__nav-wrap::after{right:0;left:auto}.el-tabs--left .el-tabs__header{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap{margin-right:-1px}.el-tabs--left .el-tabs__item{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item{border-left:none;border-right:1px solid #dfe4ed;border-bottom:none;border-top:1px solid #dfe4ed}.el-tabs--left.el-tabs--card .el-tabs__item:first-child{border-right:1px solid #dfe4ed;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #dfe4ed;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar{left:0}.el-tabs--right.el-tabs--card .el-tabs__item{border-bottom:none;border-top:1px solid #dfe4ed}.el-tabs--right.el-tabs--card .el-tabs__item:first-child{border-left:1px solid #dfe4ed;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #dfe4ed;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-active{border-color:#d1dbe5 transparent}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/tag.css b/src/assets/theme/blue-2.0.7/tag.css
new file mode 100644
index 0000000..62086b1
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/tag.css
@@ -0,0 +1 @@
+.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#1663B3;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#1663B3}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#1663B3;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/time-picker.css b/src/assets/theme/blue-2.0.7/time-picker.css
new file mode 100644
index 0000000..9d8609f
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/time-picker.css
@@ -0,0 +1 @@
+.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;font-size:14px;display:inline-block}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#5a5e66}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input::placeholder{color:#b4bccc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#2d2f33}.el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#1663B3}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#dfe4ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input::placeholder{color:#b4bccc}.el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#878d99;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#1663B3}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#5a5e66}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#2d2f33;font-weight:700}.el-time-spinner__item.disabled{color:#b4bccc;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #dfe4ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #dfe4ed;border-bottom:1px solid #dfe4ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#2d2f33}.el-time-panel__btn.confirm{font-weight:800;color:#1663B3}.el-time-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/time-select.css b/src/assets/theme/blue-2.0.7/time-select.css
new file mode 100644
index 0000000..f5b3536
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/time-select.css
@@ -0,0 +1 @@
+.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#5a5e66}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input::placeholder{color:#b4bccc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#2d2f33}.el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#1663B3}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#dfe4ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input::placeholder{color:#b4bccc}.el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.el-picker-panel{color:#5a5e66;border:1px solid #dfe4ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#5a5e66;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#1663B3}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#1663B3}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#2d2f33;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#1663B3}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #e6ebf5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#5a5e66}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#1663B3}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#1663B3;font-weight:700}.time-select-item.disabled{color:#dfe4ed;cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/tooltip.css b/src/assets/theme/blue-2.0.7/tooltip.css
new file mode 100644
index 0000000..f0abe4f
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/tooltip.css
@@ -0,0 +1 @@
+.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper.is-dark{background:#2d2f33;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/transfer.css b/src/assets/theme/blue-2.0.7/transfer.css
new file mode 100644
index 0000000..977c254
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/transfer.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button,.el-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-button,.el-checkbox-button__inner{font-weight:500;-webkit-appearance:none}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#1663B3;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#1663B3}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1663B3;border-color:rgb(185, 208, 232);background-color:rgb(232, 239, 247)}.el-button:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1663B3;color:#1663B3}.el-button.is-active,.el-button.is-plain:active{color:rgb(20, 89, 161);border-color:rgb(20, 89, 161)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#1663B3;border-color:#1663B3}.el-button--primary:focus,.el-button--primary:hover{background:rgb(69, 130, 194);border-color:rgb(69, 130, 194);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(139, 177, 217);border-color:rgb(139, 177, 217)}.el-button--primary.is-plain{color:#1663B3;background:rgb(232, 239, 247);border-color:rgb(162, 193, 225)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#1663B3;border-color:#1663B3;color:#fff}.el-button--primary.is-plain:active{background:rgb(20, 89, 161);border-color:rgb(20, 89, 161);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(115, 161, 209);background-color:rgb(232, 239, 247);border-color:rgb(208, 224, 240)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#1663B3;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(69, 130, 194);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(20, 89, 161);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#1663B3}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1663B3;border-color:#1663B3}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#1663B3}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1663B3}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1663B3}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox-button__inner,.el-transfer-panel{-webkit-box-sizing:border-box;vertical-align:middle}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;text-align:center;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#1663B3}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#1663B3;border-color:#1663B3;-webkit-box-shadow:-1px 0 0 0 rgb(115, 161, 209);box-shadow:-1px 0 0 0 rgb(115, 161, 209)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#1663B3}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#fff;background-color:#1663B3;font-size:0}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #d8dce5;background-color:#f5f7fa;color:#b4bccc}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer-panel{border:1px solid #e6ebf5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;width:200px;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block}.el-transfer-panel__item.el-checkbox{color:#5a5e66}.el-transfer-panel__item:hover{color:#1663B3}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#2d2f33;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#878d99;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #e6ebf5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#5a5e66}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#878d99}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/tree.css b/src/assets/theme/blue-2.0.7/tree.css
new file mode 100644
index 0000000..e08eecb
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/tree.css
@@ -0,0 +1 @@
+.el-tree{cursor:default;background:#fff;color:#5a5e66}.el-tree-node:focus>.el-tree-node__content,.el-tree-node__content:hover{background-color:#f5f7fa}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#6f7180}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>.el-checkbox{margin-right:8px}.el-tree-node__expand-icon{cursor:pointer;color:#b4bccc;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#b4bccc}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}
\ No newline at end of file
diff --git a/src/assets/theme/blue-2.0.7/upload.css b/src/assets/theme/blue-2.0.7/upload.css
new file mode 100644
index 0000000..d9f6386
--- /dev/null
+++ b/src/assets/theme/blue-2.0.7/upload.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-upload-cover__title,.el-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#5a5e66;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#fa5555}.el-progress.is-exception .el-progress__text{color:#fa5555}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-upload--picture-card,.el-upload-dragger{-webkit-box-sizing:border-box;cursor:pointer}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#e6ebf5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#1663B3;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#5a5e66;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#1663B3;color:#1663B3}.el-upload:focus .el-upload-dragger{border-color:#1663B3}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#b4bccc;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #d8dce5;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#5a5e66;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#1663B3;font-style:normal}.el-upload-dragger:hover{border-color:#1663B3}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #1663B3}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#5a5e66;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67c23a}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#5a5e66}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#1663B3}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#1663B3;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#5a5e66;display:block;margin-right:40px;padding-left:4px;-webkit-transition:color .3s;transition:color .3s}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#878d99;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#5a5e66;display:none}.el-upload-list__item-delete:hover{color:#1663B3}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#2d2f33}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/alert.css b/src/assets/theme/darkGreen-2.0.7/alert.css
new file mode 100644
index 0000000..39a11b8
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/alert.css
@@ -0,0 +1 @@
+.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success{background-color:#f0f9eb;color:#67c23a}.el-alert--success .el-alert__description{color:#67c23a}.el-alert--info{background-color:#f3f4f5;color:#878d99}.el-alert--info .el-alert__description{color:#878d99}.el-alert--warning{background-color:#fdf5e6;color:#eb9e05}.el-alert--warning .el-alert__description{color:#eb9e05}.el-alert--error{background-color:#fee;color:#fa5555}.el-alert--error .el-alert__description{color:#fa5555}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;color:#b4bccc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/aside.css b/src/assets/theme/darkGreen-2.0.7/aside.css
new file mode 100644
index 0000000..c72afbf
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/aside.css
@@ -0,0 +1 @@
+.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/autocomplete.css b/src/assets/theme/darkGreen-2.0.7/autocomplete.css
new file mode 100644
index 0000000..f591a49
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/autocomplete.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;color:#b4bccc;height:100%;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px}.el-autocomplete-suggestion.el-popper .popper__arrow{left:24px!important}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:#fff;border:1px solid #dfe4ed;border-radius:4px}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#5a5e66;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/badge.css b/src/assets/theme/darkGreen-2.0.7/badge.css
new file mode 100644
index 0000000..373184b
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/badge.css
@@ -0,0 +1 @@
+.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#fa5555;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/base.css b/src/assets/theme/darkGreen-2.0.7/base.css
new file mode 100644
index 0000000..5458277
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/base.css
@@ -0,0 +1 @@
+.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1510834658947) format("woff"),url(fonts/element-icons.ttf?t=1510834658947) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-upload:before{content:"\e60d"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-back:before{content:"\e606"}.el-icon-circle-close:before{content:"\e607"}.el-icon-date:before{content:"\e608"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-close:before{content:"\e60f"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-check:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-document:before{content:"\e614"}.el-icon-d-caret:before{content:"\e615"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-download:before{content:"\e617"}.el-icon-goods:before{content:"\e618"}.el-icon-search:before{content:"\e619"}.el-icon-info:before{content:"\e61a"}.el-icon-message:before{content:"\e61b"}.el-icon-edit:before{content:"\e61c"}.el-icon-location:before{content:"\e61d"}.el-icon-loading:before{content:"\e61e"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-menu:before{content:"\e620"}.el-icon-minus:before{content:"\e621"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-news:before{content:"\e625"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-plus:before{content:"\e62b"}.el-icon-printer:before{content:"\e62f"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-question:before{content:"\e634"}.el-icon-remove:before{content:"\e635"}.el-icon-share:before{content:"\e636"}.el-icon-star-on:before{content:"\e637"}.el-icon-setting:before{content:"\e638"}.el-icon-circle-check:before{content:"\e639"}.el-icon-service:before{content:"\e63a"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-star-off:before{content:"\e63d"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-tickets:before{content:"\e63f"}.el-icon-sort:before{content:"\e640"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-time:before{content:"\e642"}.el-icon-view:before{content:"\e643"}.el-icon-upload2:before{content:"\e644"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/breadcrumb-item.css b/src/assets/theme/darkGreen-2.0.7/breadcrumb-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/breadcrumb.css b/src/assets/theme/darkGreen-2.0.7/breadcrumb.css
new file mode 100644
index 0000000..951f549
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/breadcrumb.css
@@ -0,0 +1 @@
+.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#b4bccc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:700;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#2d2f33}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner:hover{color:#50CAA9;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#5a5e66;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/button-group.css b/src/assets/theme/darkGreen-2.0.7/button-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/button.css b/src/assets/theme/darkGreen-2.0.7/button.css
new file mode 100644
index 0000000..6151e8e
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/button.css
@@ -0,0 +1 @@
+.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50CAA9;border-color:rgb(203, 239, 229);background-color:rgb(238, 250, 246)}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50CAA9;color:#50CAA9}.el-button.is-active,.el-button.is-plain:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#50CAA9;border-color:#50CAA9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(168, 229, 212);border-color:rgb(168, 229, 212)}.el-button--primary.is-plain{color:#50CAA9;background:rgb(238, 250, 246);border-color:rgb(185, 234, 221)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#50CAA9;border-color:#50CAA9;color:#fff}.el-button--primary.is-plain:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(150, 223, 203);background-color:rgb(238, 250, 246);border-color:rgb(220, 244, 238)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#50CAA9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(72, 182, 152);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/card.css b/src/assets/theme/darkGreen-2.0.7/card.css
new file mode 100644
index 0000000..9e83fbe
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/card.css
@@ -0,0 +1 @@
+.el-card{border-radius:4px;border:1px solid #e6ebf5;background-color:#fff;overflow:hidden;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#2d2f33}.el-card__header{padding:18px 20px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/carousel-item.css b/src/assets/theme/darkGreen-2.0.7/carousel-item.css
new file mode 100644
index 0000000..0d496ad
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/carousel-item.css
@@ -0,0 +1 @@
+.el-carousel__item,.el-carousel__mask{position:absolute;height:100%;top:0;left:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#fff;opacity:.24;-webkit-transition:.2s;transition:.2s}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/carousel.css b/src/assets/theme/darkGreen-2.0.7/carousel.css
new file mode 100644
index 0000000..0a97336
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/carousel.css
@@ -0,0 +1 @@
+.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#b4bccc;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/cascader.css b/src/assets/theme/darkGreen-2.0.7/cascader.css
new file mode 100644
index 0000000..61c9b43
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/cascader.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input__inner,.el-textarea__inner{-webkit-box-sizing:border-box;background-image:none}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;border-radius:4px;border:1px solid #d8dce5;box-sizing:border-box;color:#5a5e66;display:inline-block;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-cascader-menu,.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{-webkit-transition:none;transition:none}.el-cascader .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-icon-circle-close{z-index:2;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader .el-icon-circle-close:hover{color:#878d99}.el-cascader__clearIcon{z-index:2;position:relative}.el-cascader__label{position:absolute;left:0;top:0;height:100%;padding:0 25px 0 15px;color:#5a5e66;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:left;font-size:inherit}.el-cascader__label span{color:#000}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#b4bccc}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader-menus .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px #dfe4ed;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:0}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e604";font-size:14px;color:#bfcbd9;position:absolute;right:15px}.el-cascader-menu__item.is-disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-active{color:#50CAA9}.el-cascader-menu__item:focus:not(:active),.el-cascader-menu__item:hover{background-color:#f5f7fa}.el-cascader-menu__item.selected{color:#fff;background-color:#f5f7fa}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/checkbox-button.css b/src/assets/theme/darkGreen-2.0.7/checkbox-button.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/checkbox-group.css b/src/assets/theme/darkGreen-2.0.7/checkbox-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/checkbox.css b/src/assets/theme/darkGreen-2.0.7/checkbox.css
new file mode 100644
index 0000000..5a510c1
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/checkbox.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-checkbox-button__inner,.el-checkbox__input{white-space:nowrap;vertical-align:middle;outline:0}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#50CAA9}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;line-height:1}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50CAA9;border-color:#50CAA9}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#50CAA9}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50CAA9}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50CAA9}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#50CAA9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50CAA9;border-color:#50CAA9;-webkit-box-shadow:-1px 0 0 0 rgb(150, 223, 203);box-shadow:-1px 0 0 0 rgb(150, 223, 203)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50CAA9}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/col.css b/src/assets/theme/darkGreen-2.0.7/col.css
new file mode 100644
index 0000000..2d62b09
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/col.css
@@ -0,0 +1 @@
+.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9{position:relative}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-col-0{display:none}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:768px){.el-col-xs-0{display:none}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/collapse-item.css b/src/assets/theme/darkGreen-2.0.7/collapse-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/collapse.css b/src/assets/theme/darkGreen-2.0.7/collapse.css
new file mode 100644
index 0000000..046c856
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/collapse.css
@@ -0,0 +1 @@
+.el-collapse-item__header,.el-collapse-item__wrap{background-color:#fff;border-bottom:1px solid #e6ebf5}.el-collapse,.el-collapse-item__header,.el-collapse-item__wrap{border-bottom:1px solid #e6ebf5}.el-collapse{border-top:1px solid #e6ebf5}.el-collapse-item__header{height:48px;line-height:48px;color:#2d2f33;cursor:pointer;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:right;line-height:48px;font-weight:300}.el-collapse-item__header.focusing:focus:not(:hover){color:#50CAA9}.el-collapse-item__wrap{will-change:height;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#2d2f33;line-height:1.769230769230769}.el-collapse-item.is-active .el-collapse-item__header{border-bottom-color:transparent}.el-collapse-item.is-active .el-collapse-item__header .el-collapse-item__arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item:last-child{margin-bottom:-1px}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/color-picker.css b/src/assets/theme/darkGreen-2.0.7/color-picker.css
new file mode 100644
index 0000000..4670312
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/color-picker.css
@@ -0,0 +1 @@
+.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(to top,#000,transparent)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#50CAA9;border-color:#50CAA9}.el-color-dropdown__link-btn{cursor:pointer;color:#50CAA9;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(primary,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/container.css b/src/assets/theme/darkGreen-2.0.7/container.css
new file mode 100644
index 0000000..4fd9c75
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/container.css
@@ -0,0 +1 @@
+.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/date-picker.css b/src/assets/theme/darkGreen-2.0.7/date-picker.css
new file mode 100644
index 0000000..ecc1509
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/date-picker.css
@@ -0,0 +1 @@
+.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#edf2fc}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#5a5e66}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.next-month,.el-date-table td.prev-month{color:#b4bccc}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#50CAA9}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:#50CAA9}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:#50CAA9}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#50CAA9}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#b4bccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:#5a5e66}.el-date-table th{padding:5px;color:#5a5e66;font-weight:400;border-bottom:solid 1px #e6ebf5}.el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.el-month-table td.disabled .cell:hover{color:#b4bccc}.el-month-table td .cell{color:#5a5e66;margin:0 auto}.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell{color:#50CAA9}.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-year-table .el-icon{color:#2d2f33}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.el-year-table td.disabled .cell:hover{color:#b4bccc}.el-year-table td .cell{color:#5a5e66;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#50CAA9}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#878d99;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#50CAA9}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#5a5e66}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#2d2f33;font-weight:700}.el-time-spinner__item.disabled{color:#b4bccc;cursor:not-allowed}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#5a5e66}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input::placeholder{color:#b4bccc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#2d2f33}.el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#50CAA9}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#dfe4ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input::placeholder{color:#b4bccc}.el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.el-picker-panel{color:#5a5e66;border:1px solid #dfe4ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#5a5e66;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#50CAA9}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#50CAA9}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#2d2f33;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#50CAA9}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #e6ebf5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#5a5e66}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#50CAA9}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#2d2f33}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #dfe4ed}.el-time-panel{margin:5px 0;border:1px solid #dfe4ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #dfe4ed;border-bottom:1px solid #dfe4ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#2d2f33}.el-time-panel__btn.confirm{font-weight:800;color:#50CAA9}.el-time-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/dialog.css b/src/assets/theme/darkGreen-2.0.7/dialog.css
new file mode 100644
index 0000000..6128ad2
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/dialog.css
@@ -0,0 +1 @@
+.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:15px 15px 10px}.el-dialog__headerbtn{position:absolute;top:15px;right:15px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#878d99}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#50CAA9}.el-dialog__title{line-height:24px;font-size:18px;color:#2d2f33}.el-dialog__body{padding:30px 20px;color:#5a5e66;line-height:24px;font-size:14px}.el-dialog__footer{padding:10px 15px 15px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__header{padding-top:30px}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 27px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit;padding-bottom:30px}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/display.css b/src/assets/theme/darkGreen-2.0.7/display.css
new file mode 100644
index 0000000..1d8790b
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/display.css
@@ -0,0 +1 @@
+@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/dropdown-item.css b/src/assets/theme/darkGreen-2.0.7/dropdown-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/dropdown-menu.css b/src/assets/theme/darkGreen-2.0.7/dropdown-menu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/dropdown.css b/src/assets/theme/darkGreen-2.0.7/dropdown.css
new file mode 100644
index 0000000..6b05e2e
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/dropdown.css
@@ -0,0 +1 @@
+.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50CAA9;border-color:rgb(203, 239, 229);background-color:rgb(238, 250, 246)}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50CAA9;color:#50CAA9}.el-button.is-active,.el-button.is-plain:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#50CAA9;border-color:#50CAA9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(168, 229, 212);border-color:rgb(168, 229, 212)}.el-button--primary.is-plain{color:#50CAA9;background:rgb(238, 250, 246);border-color:rgb(185, 234, 221)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#50CAA9;border-color:#50CAA9;color:#fff}.el-button--primary.is-plain:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(150, 223, 203);background-color:rgb(238, 250, 246);border-color:rgb(220, 244, 238)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#50CAA9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(72, 182, 152);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-dropdown{display:inline-block;position:relative;color:#5a5e66;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#5a5e66;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(238, 250, 246);color:rgb(115, 213, 186)}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #e6ebf5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/fonts/element-icons.ttf b/src/assets/theme/darkGreen-2.0.7/fonts/element-icons.ttf
new file mode 100644
index 0000000..73bc90f
Binary files /dev/null and b/src/assets/theme/darkGreen-2.0.7/fonts/element-icons.ttf differ
diff --git a/src/assets/theme/darkGreen-2.0.7/fonts/element-icons.woff b/src/assets/theme/darkGreen-2.0.7/fonts/element-icons.woff
new file mode 100644
index 0000000..28da65d
Binary files /dev/null and b/src/assets/theme/darkGreen-2.0.7/fonts/element-icons.woff differ
diff --git a/src/assets/theme/darkGreen-2.0.7/footer.css b/src/assets/theme/darkGreen-2.0.7/footer.css
new file mode 100644
index 0000000..b023be7
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/footer.css
@@ -0,0 +1 @@
+.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/form-item.css b/src/assets/theme/darkGreen-2.0.7/form-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/form.css b/src/assets/theme/darkGreen-2.0.7/form.css
new file mode 100644
index 0000000..b098e43
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/form.css
@@ -0,0 +1 @@
+.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#5a5e66;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__error{color:#fa5555;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#fa5555;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#fa5555}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#fa5555}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/header.css b/src/assets/theme/darkGreen-2.0.7/header.css
new file mode 100644
index 0000000..7886b48
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/header.css
@@ -0,0 +1 @@
+.el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/icon.css b/src/assets/theme/darkGreen-2.0.7/icon.css
new file mode 100644
index 0000000..4ee5ced
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/icon.css
@@ -0,0 +1 @@
+@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1510834658947) format("woff"),url(fonts/element-icons.ttf?t=1510834658947) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-upload:before{content:"\e60d"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-back:before{content:"\e606"}.el-icon-circle-close:before{content:"\e607"}.el-icon-date:before{content:"\e608"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-close:before{content:"\e60f"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-check:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-document:before{content:"\e614"}.el-icon-d-caret:before{content:"\e615"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-download:before{content:"\e617"}.el-icon-goods:before{content:"\e618"}.el-icon-search:before{content:"\e619"}.el-icon-info:before{content:"\e61a"}.el-icon-message:before{content:"\e61b"}.el-icon-edit:before{content:"\e61c"}.el-icon-location:before{content:"\e61d"}.el-icon-loading:before{content:"\e61e"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-menu:before{content:"\e620"}.el-icon-minus:before{content:"\e621"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-news:before{content:"\e625"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-plus:before{content:"\e62b"}.el-icon-printer:before{content:"\e62f"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-question:before{content:"\e634"}.el-icon-remove:before{content:"\e635"}.el-icon-share:before{content:"\e636"}.el-icon-star-on:before{content:"\e637"}.el-icon-setting:before{content:"\e638"}.el-icon-circle-check:before{content:"\e639"}.el-icon-service:before{content:"\e63a"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-star-off:before{content:"\e63d"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-tickets:before{content:"\e63f"}.el-icon-sort:before{content:"\e640"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-time:before{content:"\e642"}.el-icon-view:before{content:"\e643"}.el-icon-upload2:before{content:"\e644"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/index.css b/src/assets/theme/darkGreen-2.0.7/index.css
new file mode 100644
index 0000000..ccc89cf
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/index.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-pagination--small .arrow.disabled,.el-table .hidden-columns,.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1510834658947) format("woff"),url(fonts/element-icons.ttf?t=1510834658947) format("truetype");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-upload:before{content:"\e60d"}.el-icon-error:before{content:"\e62c"}.el-icon-success:before{content:"\e62d"}.el-icon-warning:before{content:"\e62e"}.el-icon-sort-down:before{content:"\e630"}.el-icon-sort-up:before{content:"\e631"}.el-icon-arrow-left:before{content:"\e600"}.el-icon-circle-plus:before{content:"\e601"}.el-icon-circle-plus-outline:before{content:"\e602"}.el-icon-arrow-down:before{content:"\e603"}.el-icon-arrow-right:before{content:"\e604"}.el-icon-arrow-up:before{content:"\e605"}.el-icon-back:before{content:"\e606"}.el-icon-circle-close:before{content:"\e607"}.el-icon-date:before{content:"\e608"}.el-icon-circle-close-outline:before{content:"\e609"}.el-icon-caret-left:before{content:"\e60a"}.el-icon-caret-bottom:before{content:"\e60b"}.el-icon-caret-top:before{content:"\e60c"}.el-icon-caret-right:before{content:"\e60e"}.el-icon-close:before{content:"\e60f"}.el-icon-d-arrow-left:before{content:"\e610"}.el-icon-check:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-d-arrow-right:before{content:"\e613"}.el-icon-document:before{content:"\e614"}.el-icon-d-caret:before{content:"\e615"}.el-icon-edit-outline:before{content:"\e616"}.el-icon-download:before{content:"\e617"}.el-icon-goods:before{content:"\e618"}.el-icon-search:before{content:"\e619"}.el-icon-info:before{content:"\e61a"}.el-icon-message:before{content:"\e61b"}.el-icon-edit:before{content:"\e61c"}.el-icon-location:before{content:"\e61d"}.el-icon-loading:before{content:"\e61e"}.el-icon-location-outline:before{content:"\e61f"}.el-icon-menu:before{content:"\e620"}.el-icon-minus:before{content:"\e621"}.el-icon-bell:before{content:"\e622"}.el-icon-mobile-phone:before{content:"\e624"}.el-icon-news:before{content:"\e625"}.el-icon-more:before{content:"\e646"}.el-icon-more-outline:before{content:"\e626"}.el-icon-phone:before{content:"\e627"}.el-icon-phone-outline:before{content:"\e628"}.el-icon-picture:before{content:"\e629"}.el-icon-picture-outline:before{content:"\e62a"}.el-icon-plus:before{content:"\e62b"}.el-icon-printer:before{content:"\e62f"}.el-icon-rank:before{content:"\e632"}.el-icon-refresh:before{content:"\e633"}.el-icon-question:before{content:"\e634"}.el-icon-remove:before{content:"\e635"}.el-icon-share:before{content:"\e636"}.el-icon-star-on:before{content:"\e637"}.el-icon-setting:before{content:"\e638"}.el-icon-circle-check:before{content:"\e639"}.el-icon-service:before{content:"\e63a"}.el-icon-sold-out:before{content:"\e63b"}.el-icon-remove-outline:before{content:"\e63c"}.el-icon-star-off:before{content:"\e63d"}.el-icon-circle-check-outline:before{content:"\e63e"}.el-icon-tickets:before{content:"\e63f"}.el-icon-sort:before{content:"\e640"}.el-icon-zoom-in:before{content:"\e641"}.el-icon-time:before{content:"\e642"}.el-icon-view:before{content:"\e643"}.el-icon-upload2:before{content:"\e644"}.el-icon-zoom-out:before{content:"\e645"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:#2d2f33;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#50CAA9}.el-pagination button.disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;cursor:pointer;margin:0;color:#2d2f33}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#5a5e66}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#50CAA9}.el-pagination__total{margin-right:10px;font-weight:400;color:#5a5e66}.el-pagination__jump{margin-left:24px;font-weight:400;color:#5a5e66}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f3f4f5;color:#5a5e66;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled{color:#b4bccc}.el-pagination.is-background .el-pager li:hover{color:#50CAA9}.el-pagination.is-background .el-pager li.active{background-color:#50CAA9;color:#fff}.el-dialog,.el-pager li{background:#fff;-webkit-box-sizing:border-box}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-date-table,.el-radio,.el-table th{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;font-size:13px;min-width:35.5px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#2d2f33}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#50CAA9}.el-pager li.active{color:#50CAA9;cursor:default}@-webkit-keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}.el-dialog{position:relative;margin:0 auto 50px;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:15px 15px 10px}.el-dialog__headerbtn{position:absolute;top:15px;right:15px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#878d99}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#50CAA9}.el-dialog__title{line-height:24px;font-size:18px;color:#2d2f33}.el-dialog__body{padding:30px 20px;color:#5a5e66;line-height:24px;font-size:14px}.el-dialog__footer{padding:10px 15px 15px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__header{padding-top:30px}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 27px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit;padding-bottom:30px}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px}.el-autocomplete-suggestion.el-popper .popper__arrow{left:24px!important}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:#fff;border:1px solid #dfe4ed;border-radius:4px}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#5a5e66;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#f5f7fa}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-dropdown{display:inline-block;position:relative;color:#5a5e66;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#5a5e66;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(238, 250, 246);color:rgb(115, 213, 186)}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #e6ebf5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu li{list-style:none}.el-menu--horizontal{border-right:none;border-bottom:solid 1px #e6e6e6}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;color:#878d99}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover{background-color:#fff}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu:focus{outline:0}.el-menu--horizontal .el-submenu:focus>.el-submenu__title{color:#2d2f33}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:none;padding:5px 0;background-color:#fff;z-index:100;min-width:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#878d99}.el-menu--horizontal .el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{outline:0;color:#2d2f33}.el-menu--horizontal>.el-menu-item.is-active,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #50CAA9;color:#2d2f33}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;padding:0 20px;position:relative;-webkit-box-sizing:border-box;cursor:pointer;white-space:nowrap}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu-item{font-size:14px;color:#2d2f33;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:rgb(238, 250, 246)}.el-menu-item i{color:#878d99}.el-menu-item.is-active{color:#50CAA9}.el-menu-item.is-active i{color:inherit}.el-submenu__title{font-size:14px;color:#2d2f33;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#878d99}.el-submenu__title:hover{background-color:rgb(238, 250, 246)}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-submenu.is-active .el-submenu__title{border-bottom-color:#50CAA9}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#878d99}.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.el-radio{color:#5a5e66;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;outline:0}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#50CAA9}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#e6ebf5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#dfe4ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#b4bccc}.el-radio__input.is-disabled+span.el-radio__label{color:#b4bccc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#50CAA9;background:#50CAA9}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#50CAA9}.el-radio__input.is-focus .el-radio__inner{border-color:#50CAA9}.el-radio__inner{border:1px solid #d8dce5;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio-button__inner,.el-switch__core{-webkit-box-sizing:border-box;vertical-align:middle}.el-radio__inner:hover{border-color:#50CAA9}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6),-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio:focus:not(.is-focus):not(:active) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #50CAA9;box-shadow:0 0 2px 2px #50CAA9}.el-radio__label{font-size:14px;padding-left:10px}.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}.el-radio-button__inner{line-height:1;white-space:nowrap;background:#fff;border:1px solid #d8dce5;font-weight:500;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#50CAA9}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#50CAA9;border-color:#50CAA9;-webkit-box-shadow:-1px 0 0 0 #50CAA9;box-shadow:-1px 0 0 0 #50CAA9}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#edf2fc}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-popover,.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-switch,.el-switch__label,.el-switch__label *{font-size:14px;display:inline-block}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active){-webkit-box-shadow:0 0 2px 2px #50CAA9;box-shadow:0 0 2px 2px #50CAA9}.el-switch{position:relative;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-weight:500;cursor:pointer;vertical-align:middle;color:#2d2f33}.el-switch__label.is-active{color:#50CAA9}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus~.el-switch__core{outline:#50CAA9 solid 1px}.el-message__closeBtn:focus,.el-message__content:focus,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing),.el-rate:active,.el-rate:focus,.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing),.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-switch__core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid #d8dce5;outline:0;border-radius:10px;box-sizing:border-box;background:#d8dce5;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.el-switch__core .el-switch__button{position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#50CAA9;background-color:#50CAA9}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#50CAA9;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#50CAA9;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#878d99;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#b4bccc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#50CAA9}.el-select .el-input .el-select__caret{color:#b4bccc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);line-height:16px;cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#b4bccc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#878d99}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#dfe4ed}.el-select .el-input.is-focus .el-input__inner{border-color:#50CAA9}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__multiple-text{margin-left:15px;color:#5a5e66;font-size:14px;display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#b4bccc;line-height:18px;font-size:14px}.el-select__close:hover{color:#878d99}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:3px 0 3px 6px;background-color:#f0f2f5}.el-table-filter__bottom,.el-table__footer-wrapper td{border-top:1px solid #e6ebf5}.el-select .el-tag__close.el-icon-close{background-color:#b4bccc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#878d99}.el-table,.el-table__expanded-cell{background-color:#fff}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#5a5e66}.el-table--mini,.el-table--small{font-size:12px}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:color(primary s(16%) l(44%))}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:#f5f7fa!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table thead{color:#878d99;font-weight:500}.el-table thead.is-group th{background:#f5f7fa}.el-table td,.el-table th{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative}.el-table th div,.el-table th>.cell{-webkit-box-sizing:border-box;display:inline-block}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table--medium td,.el-table--medium th{padding:10px 0}.el-table--small td,.el-table--small th{padding:8px 0}.el-table--mini td,.el-table--mini th{padding:6px 0}.el-table .cell,.el-table th div{padding-right:10px;overflow:hidden;text-overflow:ellipsis}.el-table .cell,.el-table th div,.el-table--border td:first-child .cell,.el-table--border th:first-child .cell{padding-left:10px}.el-table tr{background-color:#fff}.el-table tr input[type=checkbox]{margin:0}.el-table td,.el-table th.is-leaf{border-bottom:1px solid #e6ebf5}.el-table th.is-sortable{cursor:pointer}.el-table th{white-space:nowrap;overflow:hidden;user-select:none;text-align:left}.el-table th div{line-height:40px;box-sizing:border-box;white-space:nowrap}.el-table th>.cell{position:relative;word-wrap:normal;text-overflow:ellipsis;vertical-align:middle;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#50CAA9}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-table td.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;word-break:break-all;line-height:23px}.el-badge__content,.el-progress-bar__inner,.el-steps--horizontal,.el-table .cell.el-tooltip,.el-tabs__nav,.el-tag,.el-time-spinner,.el-tree-node,.el-upload-cover__title{white-space:nowrap}.el-table .cell.el-tooltip{min-width:50px}.el-table--border,.el-table--group{border:1px solid #e6ebf5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#e6ebf5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border td,.el-table--border th{border-right:1px solid #e6ebf5}.el-table--border .has-gutter td:nth-last-of-type(2),.el-table--border .has-gutter th:nth-last-of-type(2){border-right:none}.el-table--border th.gutter:last-of-type{border-bottom:1px solid #e6ebf5;border-bottom-width:1px}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid #e6ebf5}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e6ebf5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#fff}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid #e6ebf5;background-color:#f5f7fa;color:#5a5e66}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:#f5f7fa;color:#5a5e66}.el-table__body-wrapper{overflow:auto;position:relative}.el-table__body-wrapper.is-scroll-left~.el-table__fixed,.el-table__body-wrapper.is-scroll-none~.el-table__fixed,.el-table__body-wrapper.is-scroll-none~.el-table__fixed-right,.el-table__body-wrapper.is-scroll-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-picker-panel,.el-table-filter{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-table__body-wrapper .el-table--border.is-scroll-right~.el-table__fixed-right{border-left:1px solid #e6ebf5}.el-table__body-wrapper .el-table--border.is-scroll-left~.el-table__fixed{border-right:1px solid #e6ebf5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial}.el-table .sort-caret{color:#b4bccc;width:14px;overflow:hidden;font-size:15px;position:absolute}.el-table .sort-caret.ascending{top:5px}.el-table .sort-caret.descending{bottom:7px}.el-table .ascending .sort-caret.ascending,.el-table .descending .sort-caret.descending{color:#50CAA9}.el-table .hidden-columns{position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(238, 250, 246)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #e6ebf5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#878d99;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f7fa}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #e6ebf5;border-radius:2px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(238, 250, 246);color:rgb(115, 213, 186)}.el-table-filter__list-item.is-active{background-color:#50CAA9;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#5a5e66;cursor:pointer;font-size:13px;padding:0 3px}.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#edf2fc}.el-table-filter__bottom button:hover{color:#50CAA9}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#b4bccc;cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;user-select:none}.el-slider__button-wrapper,.el-time-panel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#5a5e66}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.next-month,.el-date-table td.prev-month{color:#b4bccc}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#50CAA9}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:#50CAA9}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:#50CAA9}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#50CAA9}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#b4bccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:#5a5e66}.el-month-table,.el-year-table{font-size:12px;border-collapse:collapse}.el-date-table th{padding:5px;color:#5a5e66;font-weight:400;border-bottom:solid 1px #e6ebf5}.el-month-table{margin:-1px}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.el-month-table td.disabled .cell:hover{color:#b4bccc}.el-month-table td .cell{color:#5a5e66;margin:0 auto}.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell{color:#50CAA9}.el-year-table{margin:-1px}.el-year-table .el-icon{color:#2d2f33}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#b4bccc}.el-year-table td.disabled .cell:hover{color:#b4bccc}.el-year-table td .cell{color:#5a5e66;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#50CAA9}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#2d2f33}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #dfe4ed}.el-picker-panel{color:#5a5e66;border:1px solid #dfe4ed;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-popover,.el-time-panel{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#5a5e66;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#50CAA9}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#50CAA9}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#2d2f33;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#50CAA9}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #e6ebf5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#5a5e66}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#50CAA9}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#50CAA9;font-weight:700}.time-select-item.disabled{color:#dfe4ed;cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;font-size:14px;display:inline-block}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#5a5e66}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input::placeholder{color:#b4bccc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#2d2f33}.el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#50CAA9}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#dfe4ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input::placeholder{color:#b4bccc}.el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#878d99;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#50CAA9}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#5a5e66}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#2d2f33;font-weight:700}.el-time-spinner__item.disabled{color:#b4bccc;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #dfe4ed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #dfe4ed;border-bottom:1px solid #dfe4ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#2d2f33}.el-time-panel__btn.confirm{font-weight:800;color:#50CAA9}.el-time-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-popover{position:absolute;background:#fff;min-width:150px;border:1px solid #e6ebf5;padding:12px;z-index:2000;color:#5a5e66;line-height:1.4;text-align:justify;word-break:break-all;font-size:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#2d2f33;font-size:16px;line-height:1;margin-bottom:12px}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #e6ebf5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#2d2f33}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#fa5555}.el-message-box__headerbtn .el-message-box__close{color:#878d99}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#50CAA9}.el-message-box__content{position:relative;padding:10px 15px;color:#5a5e66;font-size:14px}.el-message-box__input{padding-top:15px}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#878d99}.el-message-box__status.el-icon-warning{color:#eb9e05}.el-message-box__status.el-icon-error{color:#fa5555}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#fa5555;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#b4bccc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:700;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#2d2f33}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner:hover{color:#50CAA9;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#5a5e66;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item::after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#5a5e66;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content::after{clear:both}.el-form-item__error{color:#fa5555;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#fa5555;margin-right:4px}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#fa5555}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#50CAA9;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#50CAA9}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#dfe4ed;z-index:1}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after,.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#878d99}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#2d2f33;position:relative}.el-alert,.el-tag{-webkit-box-sizing:border-box}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:#b4bccc;color:#fff}.el-tabs__item.is-active{color:#50CAA9}.el-tabs__item:hover{color:#50CAA9;cursor:pointer}.el-tabs__item.is-disabled{color:#b4bccc;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #dfe4ed}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #dfe4ed;border-bottom:none;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #dfe4ed;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--border-card{background:#fff;border:1px solid #d8dce5;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card,.el-notification{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid #dfe4ed;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin:-1px -1px 0;color:#878d99}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#50CAA9;background-color:#fff;border-right-color:#d8dce5;border-left-color:#d8dce5}.el-tabs--border-card>.el-tabs__header .el-tabs__item:hover{color:#50CAA9}.el-tabs--bottom .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs__header{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header{border-bottom:0;border-top:1px solid #d8dce5}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap,.el-tabs--right .el-tabs__header,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap{height:100%}.el-tabs--left .el-tabs__active-bar,.el-tabs--right .el-tabs__active-bar{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap,.el-tabs--right .el-tabs__nav-wrap{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap::after,.el-tabs--right .el-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav,.el-tabs--right .el-tabs__nav{float:none}.el-tabs--left .el-tabs__item,.el-tabs--right .el-tabs__item{display:block}.el-tabs--left.el-tabs--card .el-tabs__active-bar,.el-tabs--right.el-tabs--card .el-tabs__active-bar{display:none}.el-tabs--left .el-tabs__nav-next,.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar,.el-tabs--left .el-tabs__nav-wrap::after{right:0;left:auto}.el-tabs--left .el-tabs__header{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap{margin-right:-1px}.el-tabs--left .el-tabs__item{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item{border-left:none;border-right:1px solid #dfe4ed;border-bottom:none;border-top:1px solid #dfe4ed}.el-tabs--left.el-tabs--card .el-tabs__item:first-child{border-right:1px solid #dfe4ed;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #dfe4ed;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar{left:0}.el-tag,.slideInLeft-transition,.slideInRight-transition{display:inline-block}.el-tabs--right.el-tabs--card .el-tabs__item{border-bottom:none;border-top:1px solid #dfe4ed}.el-tabs--right.el-tabs--card .el-tabs__item:first-child{border-left:1px solid #dfe4ed;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #dfe4ed;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-active{border-color:#d1dbe5 transparent}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.el-tag{background-color:rgba(64,158,255,.1);padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#50CAA9;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#50CAA9}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#50CAA9;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-tree{cursor:default;background:#fff;color:#5a5e66}.el-tree-node:focus>.el-tree-node__content,.el-tree-node__content:hover{background-color:#f5f7fa}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#6f7180}.el-tree-node{outline:0}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>.el-checkbox{margin-right:8px}.el-tree-node__expand-icon{cursor:pointer;color:#b4bccc;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#b4bccc}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success{background-color:#f0f9eb;color:#67c23a}.el-alert--success .el-alert__description{color:#67c23a}.el-alert--info{background-color:#f3f4f5;color:#878d99}.el-alert--info .el-alert__description{color:#878d99}.el-alert--warning{background-color:#fdf5e6;color:#eb9e05}.el-alert--warning .el-alert__description{color:#eb9e05}.el-alert--error{background-color:#fee;color:#fa5555}.el-alert--error .el-alert__description{color:#fa5555}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;color:#b4bccc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active{opacity:0}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e6ebf5;position:fixed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px}.el-notification__title{font-weight:700;font-size:16px;color:#2d2f33;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#5a5e66;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px;-webkit-transform:translateY(4px);transform:translateY(4px)}.el-notification__closeBtn{position:absolute;top:15px;right:15px;cursor:pointer;color:#878d99;font-size:16px}.el-notification__closeBtn:hover{color:#5a5e66}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#fa5555}.el-notification .el-icon-info{color:#878d99}.el-notification .el-icon-warning{color:#eb9e05}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#5a5e66;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#50CAA9}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#50CAA9}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#b4bccc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #d8dce5}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #d8dce5}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#dfe4ed;color:#dfe4ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#dfe4ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d8dce5}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d8dce5;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-progress-bar__inner::after,.el-row::after,.el-row::before,.el-slider::after,.el-slider::before,.el-slider__button-wrapper::after,.el-upload-cover::after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper.is-dark{background:#2d2f33;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-slider::after,.el-slider::before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{vertical-align:middle;display:inline-block}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#dfe4ed;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#b4bccc}.el-slider__runway.disabled .el-slider__button{border-color:#b4bccc}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:6px;background-color:#50CAA9;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;position:absolute;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;user-select:none}.el-slider__button,.el-step__icon-inner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-slider__button-wrapper::after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #50CAA9;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;height:6px;width:6px;border-radius:100%;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #d8dce5;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#b4bccc}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#50CAA9}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row{position:relative}.el-loading-spinner .el-loading-text{color:#50CAA9;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#50CAA9;stroke-linecap:round}.el-loading-spinner i{color:#50CAA9}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-upload--picture-card,.el-upload-dragger{-webkit-box-sizing:border-box;cursor:pointer}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:768px){.el-col-xs-0{display:none}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#5a5e66;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#50CAA9;color:#50CAA9}.el-upload:focus .el-upload-dragger{border-color:#50CAA9}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#b4bccc;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #d8dce5;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#5a5e66;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#50CAA9;font-style:normal}.el-upload-dragger:hover{border-color:#50CAA9}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #50CAA9}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#5a5e66;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67c23a}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#5a5e66}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#50CAA9}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#50CAA9;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#5a5e66;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#878d99;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#5a5e66;display:none}.el-upload-list__item-delete:hover{color:#50CAA9}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#2d2f33}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#5a5e66;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText,.el-spinner{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#fa5555}.el-progress.is-exception .el-progress__text{color:#fa5555}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#e6ebf5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#50CAA9;text-align:right;border-radius:100px;line-height:1}.el-card,.el-message{border-radius:4px;overflow:hidden}.el-progress-bar__inner::after{height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:1px;border-style:solid;border-color:#e6ebf5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message p{margin:0}.el-message--info .el-message__content{color:#878d99}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf5e6;border-color:#fbeccd}.el-message--warning .el-message__content{color:#eb9e05}.el-message--error{background-color:#fee;border-color:#fedddd}.el-message--error .el-message__content{color:#fa5555}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#b4bccc;font-size:16px}.el-message__closeBtn:hover{color:#878d99}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#fa5555}.el-message .el-icon-info{color:#878d99}.el-message .el-icon-warning{color:#eb9e05}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#fa5555;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;border:1px solid #fff}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-card{border:1px solid #e6ebf5;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#2d2f33}.el-card__header{padding:18px 20px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#b4bccc;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-step.is-vertical,.el-steps{display:-webkit-box;display:-ms-flexbox}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#2d2f33;border-color:#2d2f33}.el-step__head.is-wait{color:#b4bccc;border-color:#b4bccc}.el-step__head.is-success{color:#67c23a;border-color:#67c23a}.el-step__head.is-error{color:#fa5555;border-color:#fa5555}.el-step__head.is-finish{color:#50CAA9;border-color:#50CAA9}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-button,.el-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#b4bccc}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#2d2f33}.el-step__title.is-wait{color:#b4bccc}.el-step__title.is-success{color:#67c23a}.el-step__title.is-error{color:#fa5555}.el-step__title.is-finish{color:#50CAA9}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#2d2f33}.el-step__description.is-wait{color:#b4bccc}.el-step__description.is-success{color:#67c23a}.el-step__description.is-error{color:#fa5555}.el-step__description.is-finish{color:#50CAA9}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#b4bccc}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#b4bccc;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.el-collapse,.el-collapse-item__header,.el-collapse-item__wrap{border-bottom:1px solid #e6ebf5}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-carousel__mask,.el-cascader-menu,.el-cascader-menu__item.is-disabled:hover,.el-collapse-item__header,.el-collapse-item__wrap{background-color:#fff}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-carousel__item,.el-carousel__mask{height:100%;top:0;left:0;position:absolute}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;opacity:.24;-webkit-transition:.2s;transition:.2s}.el-collapse{border-top:1px solid #e6ebf5}.el-collapse-item__header{height:48px;line-height:48px;color:#2d2f33;cursor:pointer;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:right;line-height:48px;font-weight:300}.el-collapse-item__header.focusing:focus:not(:hover){color:#50CAA9}.el-collapse-item__wrap{will-change:height;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#2d2f33;line-height:1.769230769230769}.el-collapse-item.is-active .el-collapse-item__header{border-bottom-color:transparent}.el-collapse-item.is-active .el-collapse-item__header .el-collapse-item__arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item:last-child{margin-bottom:-1px}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{-webkit-transition:none;transition:none}.el-cascader .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-icon-circle-close{z-index:2;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-cascader .el-icon-circle-close:hover{color:#878d99}.el-cascader__clearIcon{z-index:2;position:relative}.el-cascader__label{position:absolute;left:0;top:0;height:100%;padding:0 25px 0 15px;color:#5a5e66;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:left;font-size:inherit}.el-cascader__label span{color:#000}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#b4bccc}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader-menus .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px #dfe4ed;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:0}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e604";font-size:14px;color:#bfcbd9;position:absolute;right:15px}.el-cascader-menu__item.is-disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-active{color:#50CAA9}.el-cascader-menu__item:focus:not(:active),.el-cascader-menu__item:hover{background-color:#f5f7fa}.el-cascader-menu__item.selected{color:#fff;background-color:#f5f7fa}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(to top,#000,transparent)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#50CAA9;border-color:#50CAA9}.el-color-dropdown__link-btn{cursor:pointer;color:#50CAA9;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(primary,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid #e6ebf5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input__inner,.el-textarea__inner{-webkit-box-sizing:border-box;background-image:none}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;border-radius:4px;border:1px solid #d8dce5;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50CAA9;border-color:rgb(203, 239, 229);background-color:rgb(238, 250, 246)}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50CAA9;color:#50CAA9}.el-button.is-active,.el-button.is-plain:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#50CAA9;border-color:#50CAA9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(168, 229, 212);border-color:rgb(168, 229, 212)}.el-button--primary.is-plain{color:#50CAA9;background:rgb(238, 250, 246);border-color:rgb(185, 234, 221)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#50CAA9;border-color:#50CAA9;color:#fff}.el-button--primary.is-plain:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(150, 223, 203);background-color:rgb(238, 250, 246);border-color:rgb(220, 244, 238)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#50CAA9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(72, 182, 152);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#50CAA9}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50CAA9;border-color:#50CAA9}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#50CAA9}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50CAA9}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50CAA9}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#50CAA9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50CAA9;border-color:#50CAA9;-webkit-box-shadow:-1px 0 0 0 rgb(150, 223, 203);box-shadow:-1px 0 0 0 rgb(150, 223, 203)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50CAA9}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#fff;background-color:#50CAA9;font-size:0}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #d8dce5;background-color:#f5f7fa;color:#b4bccc}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer-panel{border:1px solid #e6ebf5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;vertical-align:middle;width:200px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block}.el-transfer-panel__item.el-checkbox{color:#5a5e66}.el-transfer-panel__item:hover{color:#50CAA9}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-container,.el-header{-webkit-box-sizing:border-box}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#2d2f33;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#878d99;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #e6ebf5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#5a5e66}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#878d99}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.el-header{padding:0 20px;box-sizing:border-box}.el-aside,.el-main{overflow:auto;-webkit-box-sizing:border-box}.el-aside{box-sizing:border-box}.el-main{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;padding:20px}.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/input-number.css b/src/assets/theme/darkGreen-2.0.7/input-number.css
new file mode 100644
index 0000000..7a31b2d
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/input-number.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#5a5e66;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#50CAA9}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#50CAA9}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#b4bccc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #d8dce5}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #d8dce5}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#dfe4ed;color:#dfe4ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#dfe4ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d8dce5}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d8dce5;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/input.css b/src/assets/theme/darkGreen-2.0.7/input.css
new file mode 100644
index 0000000..8ab0800
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/input.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/loading.css b/src/assets/theme/darkGreen-2.0.7/loading.css
new file mode 100644
index 0000000..b6b1cb9
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/loading.css
@@ -0,0 +1 @@
+.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#50CAA9;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#50CAA9;stroke-linecap:round}.el-loading-spinner i{color:#50CAA9}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/main.css b/src/assets/theme/darkGreen-2.0.7/main.css
new file mode 100644
index 0000000..58e8019
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/main.css
@@ -0,0 +1 @@
+.el-main{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/menu-item-group.css b/src/assets/theme/darkGreen-2.0.7/menu-item-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/menu-item.css b/src/assets/theme/darkGreen-2.0.7/menu-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/menu.css b/src/assets/theme/darkGreen-2.0.7/menu.css
new file mode 100644
index 0000000..3e4e213
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/menu.css
@@ -0,0 +1 @@
+.el-menu,.el-menu li{list-style:none}.el-menu,.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu .el-submenu__title:hover,.el-menu--horizontal .el-submenu>.el-menu{background-color:#fff}.el-menu{border-right:solid 1px #e6e6e6;position:relative;margin:0;padding-left:0}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu--horizontal{border-right:none;border-bottom:solid 1px #e6e6e6}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;color:#878d99}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu:focus{outline:0}.el-menu--horizontal .el-submenu:focus>.el-submenu__title{color:#2d2f33}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:none;padding:5px 0;z-index:100;min-width:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#878d99}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu-item:focus,.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{outline:0;color:#2d2f33}.el-menu--horizontal>.el-menu-item.is-active,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #50CAA9;color:#2d2f33}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #dfe4ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;padding:0 20px;cursor:pointer;position:relative;white-space:nowrap}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu-item{font-size:14px;color:#2d2f33;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:rgb(238, 250, 246)}.el-menu-item i{color:#878d99}.el-menu-item.is-active{color:#50CAA9}.el-menu-item.is-active i{color:inherit}.el-submenu__title{font-size:14px;color:#2d2f33;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#878d99}.el-submenu__title:hover{background-color:rgb(238, 250, 246)}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#50CAA9}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#878d99}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/message-box.css b/src/assets/theme/darkGreen-2.0.7/message-box.css
new file mode 100644
index 0000000..c4cccdf
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/message-box.css
@@ -0,0 +1 @@
+.el-button,.el-input__inner{-webkit-appearance:none;outline:0}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50CAA9;border-color:rgb(203, 239, 229);background-color:rgb(238, 250, 246)}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50CAA9;color:#50CAA9}.el-button.is-active,.el-button.is-plain:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#50CAA9;border-color:#50CAA9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(168, 229, 212);border-color:rgb(168, 229, 212)}.el-button--primary.is-plain{color:#50CAA9;background:rgb(238, 250, 246);border-color:rgb(185, 234, 221)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#50CAA9;border-color:#50CAA9;color:#fff}.el-button--primary.is-plain:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(150, 223, 203);background-color:rgb(238, 250, 246);border-color:rgb(220, 244, 238)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#50CAA9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(72, 182, 152);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;height:40px;line-height:1;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc;top:0}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #e6ebf5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#2d2f33}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#878d99}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#50CAA9}.el-message-box__content{position:relative;padding:10px 15px;color:#5a5e66;font-size:14px}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#fa5555}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#878d99}.el-message-box__status.el-icon-warning{color:#eb9e05}.el-message-box__status.el-icon-error{color:#fa5555}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#fa5555;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/message.css b/src/assets/theme/darkGreen-2.0.7/message.css
new file mode 100644
index 0000000..ba0eb75
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/message.css
@@ -0,0 +1 @@
+.el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#e6ebf5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message p{margin:0}.el-message--info .el-message__content{color:#878d99}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf5e6;border-color:#fbeccd}.el-message--warning .el-message__content{color:#eb9e05}.el-message--error{background-color:#fee;border-color:#fedddd}.el-message--error .el-message__content{color:#fa5555}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#b4bccc;font-size:16px}.el-message__closeBtn:hover{color:#878d99}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#fa5555}.el-message .el-icon-info{color:#878d99}.el-message .el-icon-warning{color:#eb9e05}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/notification.css b/src/assets/theme/darkGreen-2.0.7/notification.css
new file mode 100644
index 0000000..dc70e8e
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/notification.css
@@ -0,0 +1 @@
+.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e6ebf5;position:fixed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px}.el-notification__title{font-weight:700;font-size:16px;color:#2d2f33;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#5a5e66;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px;-webkit-transform:translateY(4px);transform:translateY(4px)}.el-notification__closeBtn{position:absolute;top:15px;right:15px;cursor:pointer;color:#878d99;font-size:16px}.el-notification__closeBtn:hover{color:#5a5e66}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#fa5555}.el-notification .el-icon-info{color:#878d99}.el-notification .el-icon-warning{color:#eb9e05}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/option-group.css b/src/assets/theme/darkGreen-2.0.7/option-group.css
new file mode 100644
index 0000000..a0bebe7
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/option-group.css
@@ -0,0 +1 @@
+.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#878d99;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/option.css b/src/assets/theme/darkGreen-2.0.7/option.css
new file mode 100644
index 0000000..41ea1c7
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/option.css
@@ -0,0 +1 @@
+.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#50CAA9;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/pagination.css b/src/assets/theme/darkGreen-2.0.7/pagination.css
new file mode 100644
index 0000000..ccd5d24
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/pagination.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#50CAA9;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-tag,.el-textarea__inner{-webkit-box-sizing:border-box}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#50CAA9;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#50CAA9}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#50CAA9;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#50CAA9;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#878d99;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#b4bccc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#50CAA9}.el-select .el-input .el-select__caret{color:#b4bccc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);line-height:16px;cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#b4bccc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#878d99}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#dfe4ed}.el-select .el-input.is-focus .el-input__inner{border-color:#50CAA9}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__multiple-text{margin-left:15px;color:#5a5e66;font-size:14px;display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#b4bccc;line-height:18px;font-size:14px}.el-select__close:hover{color:#878d99}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:3px 0 3px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#b4bccc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#878d99}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-pagination{white-space:nowrap;padding:2px 5px;color:#2d2f33;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#50CAA9}.el-pagination button.disabled{color:#b4bccc;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;cursor:pointer;margin:0;color:#2d2f33}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#5a5e66}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#50CAA9}.el-pagination__total{margin-right:10px;font-weight:400;color:#5a5e66}.el-pagination__jump{margin-left:24px;font-weight:400;color:#5a5e66}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f3f4f5;color:#5a5e66;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled{color:#b4bccc}.el-pagination.is-background .el-pager li:hover{color:#50CAA9}.el-pagination.is-background .el-pager li.active{background-color:#50CAA9;color:#fff}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#fff;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#2d2f33}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#50CAA9}.el-pager li.active{color:#50CAA9;cursor:default}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/popover.css b/src/assets/theme/darkGreen-2.0.7/popover.css
new file mode 100644
index 0000000..ec9d47a
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/popover.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #e6ebf5;padding:12px;z-index:2000;color:#5a5e66;line-height:1.4;text-align:justify;word-break:break-all;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#2d2f33;font-size:16px;line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/popper.css b/src/assets/theme/darkGreen-2.0.7/popper.css
new file mode 100644
index 0000000..1858510
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/popper.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/progress.css b/src/assets/theme/darkGreen-2.0.7/progress.css
new file mode 100644
index 0000000..52ee1e1
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/progress.css
@@ -0,0 +1 @@
+.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#5a5e66;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#fa5555}.el-progress.is-exception .el-progress__text{color:#fa5555}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#e6ebf5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#50CAA9;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__inner::after{content:"";height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/radio-button.css b/src/assets/theme/darkGreen-2.0.7/radio-button.css
new file mode 100644
index 0000000..a2df34e
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/radio-button.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid #d8dce5;font-weight:500;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#50CAA9}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#50CAA9;border-color:#50CAA9;-webkit-box-shadow:-1px 0 0 0 #50CAA9;box-shadow:-1px 0 0 0 #50CAA9}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#edf2fc}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active){-webkit-box-shadow:0 0 2px 2px #50CAA9;box-shadow:0 0 2px 2px #50CAA9}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/radio-group.css b/src/assets/theme/darkGreen-2.0.7/radio-group.css
new file mode 100644
index 0000000..8b5d6e4
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/radio-group.css
@@ -0,0 +1 @@
+.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/radio.css b/src/assets/theme/darkGreen-2.0.7/radio.css
new file mode 100644
index 0000000..c3be181
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/radio.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio,.el-radio__input{white-space:nowrap;line-height:1;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:#5a5e66;font-weight:500;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#50CAA9}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#e6ebf5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#dfe4ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{cursor:pointer;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#b4bccc}.el-radio__input.is-disabled+span.el-radio__label{color:#b4bccc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#50CAA9;background:#50CAA9}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#50CAA9}.el-radio__input.is-focus .el-radio__inner{border-color:#50CAA9}.el-radio__inner{border:1px solid #d8dce5;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#50CAA9}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6);transition:transform .15s cubic-bezier(.71,-.46,.88,.6),-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #50CAA9;box-shadow:0 0 2px 2px #50CAA9}.el-radio__label{font-size:14px;padding-left:10px}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/rate.css b/src/assets/theme/darkGreen-2.0.7/rate.css
new file mode 100644
index 0000000..f985e62
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/rate.css
@@ -0,0 +1 @@
+.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-rate{height:20px;line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#b4bccc;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/reset.css b/src/assets/theme/darkGreen-2.0.7/reset.css
new file mode 100644
index 0000000..cadb1ae
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/reset.css
@@ -0,0 +1 @@
+@charset "UTF-8";body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:14px;color:#000}a{color:#50CAA9;text-decoration:none}a:focus,a:hover{color:rgb(115, 213, 186)}a:active{color:rgb(72, 182, 152)}h1,h2,h3,h4,h5,h6{color:#5a5e66;font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}sub,sup{font-size:13px}small{font-size:12px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/row.css b/src/assets/theme/darkGreen-2.0.7/row.css
new file mode 100644
index 0000000..368780d
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/row.css
@@ -0,0 +1 @@
+.el-row{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table;content:""}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/scrollbar.css b/src/assets/theme/darkGreen-2.0.7/scrollbar.css
new file mode 100644
index 0000000..b2111c8
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/scrollbar.css
@@ -0,0 +1 @@
+.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/select-dropdown.css b/src/assets/theme/darkGreen-2.0.7/select-dropdown.css
new file mode 100644
index 0000000..f2a47c9
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/select-dropdown.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#50CAA9;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/select.css b/src/assets/theme/darkGreen-2.0.7/select.css
new file mode 100644
index 0000000..1984aec
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/select.css
@@ -0,0 +1 @@
+.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #dfe4ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#50CAA9;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-select-dropdown.is-arrow-fixed .popper__arrow{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input__inner,.el-textarea__inner{-webkit-box-sizing:border-box;background-image:none}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;border-radius:4px;border:1px solid #d8dce5;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--small .el-input__inner,.el-tag{height:32px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-select-dropdown__item,.el-tag{-webkit-box-sizing:border-box;white-space:nowrap}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;line-height:30px;font-size:12px;color:#50CAA9;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#50CAA9}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#50CAA9;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;overflow:hidden;text-overflow:ellipsis;color:#5a5e66;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#b4bccc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#50CAA9;font-weight:700}.el-select-dropdown__item span{line-height:34px!important}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#dfe4ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#878d99;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#b4bccc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#50CAA9}.el-select .el-input .el-select__caret{color:#b4bccc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);line-height:16px;cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#b4bccc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#878d99}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#dfe4ed}.el-select .el-input.is-focus .el-input__inner{border-color:#50CAA9}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__multiple-text{margin-left:15px;color:#5a5e66;font-size:14px;display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#b4bccc;line-height:18px;font-size:14px}.el-select__close:hover{color:#878d99}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:3px 0 3px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#b4bccc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#878d99}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/slider.css b/src/assets/theme/darkGreen-2.0.7/slider.css
new file mode 100644
index 0000000..63865a4
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/slider.css
@@ -0,0 +1 @@
+.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#5a5e66;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#50CAA9}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#50CAA9}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#b4bccc;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #d8dce5}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #d8dce5}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#dfe4ed;color:#dfe4ed}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#dfe4ed;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d8dce5}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d8dce5;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper.is-dark{background:#2d2f33;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-slider::after,.el-slider::before{display:table;content:""}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{vertical-align:middle;display:inline-block}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#dfe4ed;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#b4bccc}.el-slider__runway.disabled .el-slider__button{border-color:#b4bccc}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:6px;background-color:#50CAA9;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;position:absolute;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button-wrapper::after{content:"";height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #50CAA9;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;height:6px;width:6px;border-radius:100%;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #d8dce5;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#b4bccc}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#50CAA9}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/spinner.css b/src/assets/theme/darkGreen-2.0.7/spinner.css
new file mode 100644
index 0000000..7358802
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/spinner.css
@@ -0,0 +1 @@
+.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/step.css b/src/assets/theme/darkGreen-2.0.7/step.css
new file mode 100644
index 0000000..8033bde
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/step.css
@@ -0,0 +1 @@
+.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#2d2f33;border-color:#2d2f33}.el-step__head.is-wait{color:#b4bccc;border-color:#b4bccc}.el-step__head.is-success{color:#67c23a;border-color:#67c23a}.el-step__head.is-error{color:#fa5555;border-color:#fa5555}.el-step__head.is-finish{color:#50CAA9;border-color:#50CAA9}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#b4bccc}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#2d2f33}.el-step__title.is-wait{color:#b4bccc}.el-step__title.is-success{color:#67c23a}.el-step__title.is-error{color:#fa5555}.el-step__title.is-finish{color:#50CAA9}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#2d2f33}.el-step__description.is-wait{color:#b4bccc}.el-step__description.is-success{color:#67c23a}.el-step__description.is-error{color:#fa5555}.el-step__description.is-finish{color:#50CAA9}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#b4bccc}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/steps.css b/src/assets/theme/darkGreen-2.0.7/steps.css
new file mode 100644
index 0000000..cbb05de
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/steps.css
@@ -0,0 +1 @@
+.el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/submenu.css b/src/assets/theme/darkGreen-2.0.7/submenu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/switch.css b/src/assets/theme/darkGreen-2.0.7/switch.css
new file mode 100644
index 0000000..d82f112
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/switch.css
@@ -0,0 +1 @@
+.el-switch{display:inline-block;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer;vertical-align:middle}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;color:#2d2f33}.el-switch__label.is-active{color:#50CAA9}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus~.el-switch__core{outline:#50CAA9 solid 1px}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #d8dce5;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#d8dce5;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.el-switch__core .el-switch__button{position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#50CAA9;background-color:#50CAA9}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/tab-pane.css b/src/assets/theme/darkGreen-2.0.7/tab-pane.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/darkGreen-2.0.7/table-column.css b/src/assets/theme/darkGreen-2.0.7/table-column.css
new file mode 100644
index 0000000..ba469e8
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/table-column.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{white-space:nowrap;display:inline-block;position:relative}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#50CAA9}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50CAA9;border-color:#50CAA9}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#50CAA9}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50CAA9}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50CAA9}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox-button__inner,.el-tag{-webkit-box-sizing:border-box;white-space:nowrap}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#50CAA9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50CAA9;border-color:#50CAA9;-webkit-box-shadow:-1px 0 0 0 rgb(150, 223, 203);box-shadow:-1px 0 0 0 rgb(150, 223, 203)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50CAA9}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#50CAA9;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#50CAA9}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#50CAA9;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #e6ebf5;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(238, 250, 246);color:rgb(115, 213, 186)}.el-table-filter__list-item.is-active{background-color:#50CAA9;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #e6ebf5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#5a5e66;cursor:pointer;font-size:13px;padding:0 3px}.el-table-filter__bottom button:hover{color:#50CAA9}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#b4bccc;cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/table.css b/src/assets/theme/darkGreen-2.0.7/table.css
new file mode 100644
index 0000000..411ec3c
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/table.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox-button__inner,.el-table th{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#50CAA9}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50CAA9;border-color:#50CAA9}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#50CAA9}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50CAA9}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50CAA9}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-table,.el-tag{-webkit-box-sizing:border-box}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#50CAA9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50CAA9;border-color:#50CAA9;-webkit-box-shadow:-1px 0 0 0 rgb(150, 223, 203);box-shadow:-1px 0 0 0 rgb(150, 223, 203)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50CAA9}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#50CAA9;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#50CAA9}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#50CAA9;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-table,.el-table__expanded-cell{background-color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-table{position:relative;overflow:hidden;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#5a5e66}.el-table--mini,.el-table--small{font-size:12px}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:color(primary s(16%) l(44%))}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:#f5f7fa!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table thead{color:#878d99;font-weight:500}.el-table thead.is-group th{background:#f5f7fa}.el-table td,.el-table th{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table--medium td,.el-table--medium th{padding:10px 0}.el-table--small td,.el-table--small th{padding:8px 0}.el-table--mini td,.el-table--mini th{padding:6px 0}.el-table .cell,.el-table th div{text-overflow:ellipsis;padding-right:10px;overflow:hidden}.el-table .cell,.el-table th div,.el-table--border td:first-child .cell,.el-table--border th:first-child .cell{padding-left:10px}.el-table tr{background-color:#fff}.el-table tr input[type=checkbox]{margin:0}.el-table td,.el-table th.is-leaf{border-bottom:1px solid #e6ebf5}.el-table th.is-sortable{cursor:pointer}.el-table th{overflow:hidden;user-select:none;text-align:left}.el-table th div{display:inline-block;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-table th>.cell{position:relative;word-wrap:normal;text-overflow:ellipsis;display:inline-block;vertical-align:middle;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-table th>.cell.highlight{color:#50CAA9}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-table td.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;word-break:break-all;line-height:23px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #e6ebf5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#e6ebf5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border td,.el-table--border th{border-right:1px solid #e6ebf5}.el-table--border .has-gutter td:nth-last-of-type(2),.el-table--border .has-gutter th:nth-last-of-type(2){border-right:none}.el-table--border th.gutter:last-of-type{border-bottom:1px solid #e6ebf5;border-bottom-width:1px}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid #e6ebf5}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e6ebf5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#fff}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid #e6ebf5;background-color:#f5f7fa;color:#5a5e66}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td{border-top:1px solid #e6ebf5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:#f5f7fa;color:#5a5e66}.el-table__body-wrapper{overflow:auto;position:relative}.el-table__body-wrapper.is-scroll-left~.el-table__fixed,.el-table__body-wrapper.is-scroll-none~.el-table__fixed,.el-table__body-wrapper.is-scroll-none~.el-table__fixed-right,.el-table__body-wrapper.is-scroll-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper .el-table--border.is-scroll-right~.el-table__fixed-right{border-left:1px solid #e6ebf5}.el-table__body-wrapper .el-table--border.is-scroll-left~.el-table__fixed{border-right:1px solid #e6ebf5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial}.el-table .sort-caret{color:#b4bccc;width:14px;overflow:hidden;font-size:15px;position:absolute}.el-table .sort-caret.ascending{top:5px}.el-table .sort-caret.descending{bottom:7px}.el-table .ascending .sort-caret.ascending,.el-table .descending .sort-caret.descending{color:#50CAA9}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(238, 250, 246)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #e6ebf5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#878d99;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#f5f7fa}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/tabs.css b/src/assets/theme/darkGreen-2.0.7/tabs.css
new file mode 100644
index 0000000..e61d95a
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/tabs.css
@@ -0,0 +1 @@
+.el-tabs--left,.el-tabs--right,.el-tabs__content,.el-tabs__nav-scroll,.el-tabs__nav-wrap{overflow:hidden}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#50CAA9;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#50CAA9}.el-tabs__nav-wrap{margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#dfe4ed;z-index:1}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after,.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#878d99}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#2d2f33;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:#b4bccc;color:#fff}.el-tabs__item.is-active{color:#50CAA9}.el-tabs__item:hover{color:#50CAA9;cursor:pointer}.el-tabs__item.is-disabled{color:#b4bccc;cursor:default}.el-tabs__content{position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #dfe4ed}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #dfe4ed;border-bottom:none;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #dfe4ed;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--border-card{background:#fff;border:1px solid #d8dce5;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid #dfe4ed;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin:-1px -1px 0;color:#878d99}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#50CAA9;background-color:#fff;border-right-color:#d8dce5;border-left-color:#d8dce5}.el-tabs--border-card>.el-tabs__header .el-tabs__item:hover{color:#50CAA9}.el-tabs--bottom .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs__header{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header{border-bottom:0;border-top:1px solid #d8dce5}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.el-tabs--left .el-tabs__header,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap,.el-tabs--right .el-tabs__header,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap{height:100%}.el-tabs--left .el-tabs__active-bar,.el-tabs--right .el-tabs__active-bar{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap,.el-tabs--right .el-tabs__nav-wrap{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap::after,.el-tabs--right .el-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav,.el-tabs--right .el-tabs__nav{float:none}.el-tabs--left .el-tabs__item,.el-tabs--right .el-tabs__item{display:block}.el-tabs--left.el-tabs--card .el-tabs__active-bar,.el-tabs--right.el-tabs--card .el-tabs__active-bar{display:none}.el-tabs--left .el-tabs__nav-next,.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-next,.el-tabs--right .el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar,.el-tabs--left .el-tabs__nav-wrap::after{right:0;left:auto}.el-tabs--left .el-tabs__header{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap{margin-right:-1px}.el-tabs--left .el-tabs__item{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item{border-left:none;border-right:1px solid #dfe4ed;border-bottom:none;border-top:1px solid #dfe4ed}.el-tabs--left.el-tabs--card .el-tabs__item:first-child{border-right:1px solid #dfe4ed;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #dfe4ed;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar{left:0}.el-tabs--right.el-tabs--card .el-tabs__item{border-bottom:none;border-top:1px solid #dfe4ed}.el-tabs--right.el-tabs--card .el-tabs__item:first-child{border-left:1px solid #dfe4ed;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active{border:1px solid #dfe4ed;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #dfe4ed;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-active{border-color:#d1dbe5 transparent}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/tag.css b/src/assets/theme/darkGreen-2.0.7/tag.css
new file mode 100644
index 0000000..41293e3
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/tag.css
@@ -0,0 +1 @@
+.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#50CAA9;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#50CAA9}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#50CAA9;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#878d99}.el-tag--info{background-color:rgba(135,141,153,.1);border-color:rgba(135,141,153,.2)}.el-tag--info.is-hit{border-color:#878d99}.el-tag--info .el-tag__close:hover{background-color:#878d99;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(235,158,5,.1);border-color:rgba(235,158,5,.2);color:#eb9e05}.el-tag--warning.is-hit{border-color:#eb9e05}.el-tag--warning .el-tag__close{color:#eb9e05}.el-tag--warning .el-tag__close:hover{background-color:#eb9e05;color:#fff}.el-tag--danger{background-color:rgba(250,85,85,.1);border-color:rgba(250,85,85,.2);color:#fa5555}.el-tag--danger.is-hit{border-color:#fa5555}.el-tag--danger .el-tag__close{color:#fa5555}.el-tag--danger .el-tag__close:hover{background-color:#fa5555;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/time-picker.css b/src/assets/theme/darkGreen-2.0.7/time-picker.css
new file mode 100644
index 0000000..ddaaea3
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/time-picker.css
@@ -0,0 +1 @@
+.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;font-size:14px;display:inline-block}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#5a5e66}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input::placeholder{color:#b4bccc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#2d2f33}.el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#50CAA9}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#dfe4ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input::placeholder{color:#b4bccc}.el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#878d99;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#50CAA9}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#5a5e66}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#2d2f33;font-weight:700}.el-time-spinner__item.disabled{color:#b4bccc;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #dfe4ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #dfe4ed;border-bottom:1px solid #dfe4ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#2d2f33}.el-time-panel__btn.confirm{font-weight:800;color:#50CAA9}.el-time-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#b4bccc}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/time-select.css b/src/assets/theme/darkGreen-2.0.7/time-select.css
new file mode 100644
index 0000000..d4dae3b
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/time-select.css
@@ -0,0 +1 @@
+.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#b4bccc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#5a5e66}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#b4bccc}.el-date-editor .el-range-input::placeholder{color:#b4bccc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#2d2f33}.el-date-editor .el-range__close-icon{font-size:14px;color:#b4bccc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{padding:3px 10px}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#50CAA9}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#dfe4ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#b4bccc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#b4bccc}.el-range-editor.is-disabled input::placeholder{color:#b4bccc}.el-range-editor.is-disabled .el-range-separator{color:#b4bccc}.el-picker-panel{color:#5a5e66;border:1px solid #dfe4ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#5a5e66;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#50CAA9}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#50CAA9}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#2d2f33;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#50CAA9}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel .popper__arrow{-webkit-transform:translateX(-400%);transform:translateX(-400%)}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #e6ebf5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#5a5e66}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#50CAA9}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(135,141,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(135,141,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#e6ebf5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#e6ebf5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#e6ebf5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#e6ebf5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#50CAA9;font-weight:700}.time-select-item.disabled{color:#dfe4ed;cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/tooltip.css b/src/assets/theme/darkGreen-2.0.7/tooltip.css
new file mode 100644
index 0000000..f0abe4f
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/tooltip.css
@@ -0,0 +1 @@
+.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#2d2f33;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#2d2f33}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#2d2f33;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#2d2f33}.el-tooltip__popper.is-dark{background:#2d2f33;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#2d2f33}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/transfer.css b/src/assets/theme/darkGreen-2.0.7/transfer.css
new file mode 100644
index 0000000..0382cdb
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/transfer.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button,.el-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-button,.el-checkbox-button__inner{font-weight:500;-webkit-appearance:none}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#b4bccc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#878d99}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#5a5e66;display:inline-block;font-size:inherit;height:40px;line-height:1;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#b4bccc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input__inner::placeholder{color:#b4bccc}.el-input__inner:hover{border-color:#b4bccc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#50CAA9;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#b4bccc}.el-input.is-disabled .el-input__inner::placeholder{color:#b4bccc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#878d99;vertical-align:middle;display:table-cell;position:relative;border:1px solid #d8dce5;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#5a5e66;background-color:#fff;background-image:none;border:1px solid #d8dce5;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea__inner::placeholder{color:#b4bccc}.el-textarea__inner:hover{border-color:#b4bccc}.el-textarea__inner:focus{outline:0;border-color:#50CAA9}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#dfe4ed;color:#b4bccc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#b4bccc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#b4bccc}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;color:#5a5e66;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50CAA9;border-color:rgb(203, 239, 229);background-color:rgb(238, 250, 246)}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50CAA9;color:#50CAA9}.el-button.is-active,.el-button.is-plain:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#e6ebf5;color:#b4bccc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button--primary{color:#fff;background-color:#50CAA9;border-color:#50CAA9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(168, 229, 212);border-color:rgb(168, 229, 212)}.el-button--primary.is-plain{color:#50CAA9;background:rgb(238, 250, 246);border-color:rgb(185, 234, 221)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#50CAA9;border-color:#50CAA9;color:#fff}.el-button--primary.is-plain:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(150, 223, 203);background-color:rgb(238, 250, 246);border-color:rgb(220, 244, 238)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#eb9e05;border-color:#eb9e05}.el-button--warning:focus,.el-button--warning:hover{background:#efb137;border-color:#efb137;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#d48e05;border-color:#d48e05;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f5cf82;border-color:#f5cf82}.el-button--warning.is-plain{color:#eb9e05;background:#fdf5e6;border-color:#f7d89b}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#eb9e05;border-color:#eb9e05;color:#fff}.el-button--warning.is-plain:active{background:#d48e05;border-color:#d48e05;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f3c569;background-color:#fdf5e6;border-color:#fbeccd}.el-button--danger{color:#fff;background-color:#fa5555;border-color:#fa5555}.el-button--danger:focus,.el-button--danger:hover{background:#fb7777;border-color:#fb7777;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e14d4d;border-color:#e14d4d;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fdaaaa;border-color:#fdaaaa}.el-button--danger.is-plain{color:#fa5555;background:#fee;border-color:#fdbbbb}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fa5555;border-color:#fa5555;color:#fff}.el-button--danger.is-plain:active{background:#e14d4d;border-color:#e14d4d;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#fc9999;background-color:#fee;border-color:#fedddd}.el-button--info{color:#fff;background-color:#878d99;border-color:#878d99}.el-button--info:focus,.el-button--info:hover{background:#9fa4ad;border-color:#9fa4ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c3c6cc;border-color:#c3c6cc}.el-button--info.is-plain{color:#878d99;background:#f3f4f5;border-color:#cfd1d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#878d99;border-color:#878d99;color:#fff}.el-button--info.is-plain:active{background:#7a7f8a;border-color:#7a7f8a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#b7bbc2;background-color:#f3f4f5;border-color:#e7e8eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--text{color:#50CAA9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(72, 182, 152);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-checkbox{color:#5a5e66;font-weight:500;font-size:14px;cursor:pointer;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #d8dce5;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#50CAA9}.el-checkbox.is-bordered.is-disabled{border-color:#e6ebf5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#b4bccc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#b4bccc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#edf2fc;border-color:#d8dce5}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#b4bccc;border-color:#b4bccc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50CAA9;border-color:#50CAA9}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#b4bccc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#50CAA9}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50CAA9}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #d8dce5;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50CAA9}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms,-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;-webkit-transform-origin:center;transform-origin:center}.el-checkbox-button__inner,.el-transfer-panel{-webkit-box-sizing:border-box;vertical-align:middle}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-left:0;color:#5a5e66;text-align:center;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#50CAA9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50CAA9;border-color:#50CAA9;-webkit-box-shadow:-1px 0 0 0 rgb(150, 223, 203);box-shadow:-1px 0 0 0 rgb(150, 223, 203)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#b4bccc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#e6ebf5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d8dce5;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50CAA9}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#fff;background-color:#50CAA9;font-size:0}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #d8dce5;background-color:#f5f7fa;color:#b4bccc}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer-panel{border:1px solid #e6ebf5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;width:200px;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block}.el-transfer-panel__item.el-checkbox{color:#5a5e66}.el-transfer-panel__item:hover{color:#50CAA9}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #e6ebf5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#2d2f33;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#878d99;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #e6ebf5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#5a5e66}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#878d99}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/tree.css b/src/assets/theme/darkGreen-2.0.7/tree.css
new file mode 100644
index 0000000..e08eecb
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/tree.css
@@ -0,0 +1 @@
+.el-tree{cursor:default;background:#fff;color:#5a5e66}.el-tree-node:focus>.el-tree-node__content,.el-tree-node__content:hover{background-color:#f5f7fa}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#6f7180}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>.el-checkbox{margin-right:8px}.el-tree-node__expand-icon{cursor:pointer;color:#b4bccc;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#b4bccc}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}
\ No newline at end of file
diff --git a/src/assets/theme/darkGreen-2.0.7/upload.css b/src/assets/theme/darkGreen-2.0.7/upload.css
new file mode 100644
index 0000000..c972f18
--- /dev/null
+++ b/src/assets/theme/darkGreen-2.0.7/upload.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-upload-cover__title,.el-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#5a5e66;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#fa5555}.el-progress.is-exception .el-progress__text{color:#fa5555}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-upload--picture-card,.el-upload-dragger{-webkit-box-sizing:border-box;cursor:pointer}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#e6ebf5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#50CAA9;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#5a5e66;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#50CAA9;color:#50CAA9}.el-upload:focus .el-upload-dragger{border-color:#50CAA9}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#b4bccc;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #d8dce5;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#5a5e66;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#50CAA9;font-style:normal}.el-upload-dragger:hover{border-color:#50CAA9}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #50CAA9}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#5a5e66;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67c23a}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#5a5e66}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#50CAA9}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#50CAA9;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#5a5e66;display:block;margin-right:40px;padding-left:4px;-webkit-transition:color .3s;transition:color .3s}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#878d99;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#5a5e66;display:none}.el-upload-list__item-delete:hover{color:#50CAA9}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#2d2f33}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/alert.css b/src/assets/theme/green-2.0.7/alert.css
new file mode 100644
index 0000000..b4598a6
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/alert.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;color:#fff;opacity:1;display:table;transition:opacity .2s}.el-alert .el-alert__description{color:#fff;font-size:12px;margin:5px 0 0}.el-alert--success{background-color:#13ce66}.el-alert--info{background-color:#50bfff}.el-alert--warning{background-color:#f7ba2a}.el-alert--error{background-color:#ff4949}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px;display:table-cell;color:#fff;vertical-align:middle}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert__closebtn{font-size:12px;color:#fff;opacity:1;top:12px;right:15px;position:absolute;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/autocomplete.css b/src/assets/theme/green-2.0.7/autocomplete.css
new file mode 100644
index 0000000..d4706ea
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/autocomplete.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-textarea__inner{background-image:none;box-sizing:border-box}.el-input,.el-input__inner{width:100%;display:inline-block}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.12)}.el-autocomplete-suggestion li{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer;color:rgb(72, 106, 94);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:rgb(228, 241, 238)}.el-autocomplete-suggestion li.highlighted{background-color:#008040;color:#fff}.el-autocomplete-suggestion li:active{background-color:#0082e6}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid rgb(209, 229, 221)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-autocomplete-suggestion__wrap{max-height:280px;overflow:auto;background-color:#fff;border:1px solid rgb(209, 229, 221);padding:6px 0;border-radius:2px;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/badge.css b/src/assets/theme/green-2.0.7/badge.css
new file mode 100644
index 0000000..2c064fa
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/badge.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#ff4949;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-dot{width:8px;height:8px;padding:0;right:0;border-radius:50%}.el-badge__content.is-fixed{top:0;right:10px;position:absolute;-ms-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/base.css b/src/assets/theme/green-2.0.7/base.css
new file mode 100644
index 0000000..3f54e4c
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/base.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/breadcrumb-item.css b/src/assets/theme/green-2.0.7/breadcrumb-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/breadcrumb.css b/src/assets/theme/green-2.0.7/breadcrumb.css
new file mode 100644
index 0000000..2733f3f
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/breadcrumb.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-breadcrumb{font-size:13px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{display:table;content:""}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{margin:0 8px;color:rgb(191, 217, 207)}.el-breadcrumb__item{float:left}.el-breadcrumb__item:last-child .el-breadcrumb__item__inner,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover{color:rgb(151, 190, 177);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-breadcrumb__item__inner,.el-breadcrumb__item__inner a{transition:color .15s linear;color:rgb(72, 106, 94)}.el-breadcrumb__item__inner a:hover,.el-breadcrumb__item__inner:hover{color:#008040;cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/button-group.css b/src/assets/theme/green-2.0.7/button-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/button.css b/src/assets/theme/green-2.0.7/button.css
new file mode 100644
index 0000000..16f4692
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/button.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 49);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#008040;border-color:#008040}.el-button:active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 221);color:rgb(191, 217, 207)}.el-button.is-active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--primary{color:#fff;background-color:#008040;border-color:#008040}.el-button--primary:focus,.el-button--primary:hover{background:rgb(51, 153, 102);border-color:rgb(51, 153, 102);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(0, 115, 58);border-color:rgb(0, 115, 58);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#008040;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(51, 153, 102)}.el-button--text:active{color:rgb(0, 115, 58)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button-group:after{clear:both}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/card.css b/src/assets/theme/green-2.0.7/card.css
new file mode 100644
index 0000000..8332083
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/card.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-card{border:1px solid rgb(209, 229, 221);border-radius:4px;background-color:#fff;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card__header{padding:18px 20px;border-bottom:1px solid rgb(209, 229, 221);box-sizing:border-box}.el-card__body{padding:20px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/carousel-item.css b/src/assets/theme/green-2.0.7/carousel-item.css
new file mode 100644
index 0000000..88cbf00
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/carousel-item.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item,.el-carousel__mask{position:absolute;height:100%;top:0;left:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#fff;opacity:.24;transition:.2s}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/carousel.css b/src/assets/theme/green-2.0.7/carousel.css
new file mode 100644
index 0000000..f2d0f47
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/carousel.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-carousel__arrow,.el-carousel__button{outline:0;margin:0;cursor:pointer;transition:.3s}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;padding:0;width:36px;height:36px;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-ms-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:rgb(131, 165, 153);opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-ms-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{width:auto;height:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;padding:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-ms-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-ms-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/cascader.css b/src/assets/theme/green-2.0.7/cascader.css
new file mode 100644
index 0000000..ce14f9e
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/cascader.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 207);box-sizing:border-box;color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-cascader-menu,.el-textarea__inner{background-color:#fff;box-sizing:border-box}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-image:none;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-cascader{display:inline-block;position:relative}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{transition:none}.el-cascader .el-icon-caret-bottom{transition:transform .3s}.el-cascader .el-icon-caret-bottom.is-reverse{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-cascader .el-icon-circle-close{z-index:2}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#bbb}.el-cascader__label{position:absolute;left:0;top:0;height:100%;line-height:36px;padding:0 25px 0 10px;color:rgb(31, 61, 49);width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:left}.el-cascader__label span{color:rgb(151, 190, 177)}.el-cascader--large{font-size:16px}.el-cascader--large .el-cascader__label{line-height:40px}.el-cascader--small{font-size:13px}.el-cascader--small .el-cascader__label{line-height:28px}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid rgb(209, 229, 221);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px rgb(209, 229, 221);margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 30px 8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 94);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-cascader-menu__item:hover{background-color:rgb(228, 241, 238)}.el-cascader-menu__item.selected{color:#fff;background-color:#008040}.el-cascader-menu__item.selected.hover{background-color:rgb(0, 113, 56)}.el-cascader-menu__item.is-active{color:#fff;background-color:#008040}.el-cascader-menu__item.is-active:hover{background-color:rgb(0, 113, 56)}.el-cascader-menu__item.is-disabled{color:rgb(191, 217, 207);background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e606";font-size:12px;-ms-transform:scale(.8);transform:scale(.8);color:rgb(191, 217, 207);position:absolute;right:10px;margin-top:1px}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/checkbox-button.css b/src/assets/theme/green-2.0.7/checkbox-button.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/checkbox-group.css b/src/assets/theme/green-2.0.7/checkbox-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/checkbox.css b/src/assets/theme/green-2.0.7/checkbox.css
new file mode 100644
index 0000000..2087618
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/checkbox.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative}.el-checkbox,.el-checkbox-button__inner{white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox{color:rgb(31, 61, 49)}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{white-space:nowrap;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#008040}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 244)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#008040}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#008040;border-color:#008040;box-shadow:-1px 0 0 0 #008040}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);box-shadow:none}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#008040}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 207);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;vertical-align:middle;background:#fff;border:1px solid rgb(191, 217, 207);border-left:0;color:rgb(31, 61, 49);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#008040}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;visibility:hidden;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/col.css b/src/assets/theme/green-2.0.7/col.css
new file mode 100644
index 0000000..3b19b1b
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/col.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9{position:relative}.el-col-1,.el-col-10,.el-col-11,.el-col-12,.el-col-13,.el-col-14,.el-col-15,.el-col-16,.el-col-17,.el-col-18,.el-col-19,.el-col-2,.el-col-20,.el-col-21,.el-col-22,.el-col-23,.el-col-24,.el-col-3,.el-col-4,.el-col-5,.el-col-6,.el-col-7,.el-col-8,.el-col-9{float:left;box-sizing:border-box}.el-col-0{width:0}.el-col-offset-0{margin-left:0}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media (max-width:768px){.el-col-xs-0{width:0}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media (min-width:768px){.el-col-sm-0{width:0}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media (min-width:992px){.el-col-md-0{width:0}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media (min-width:1200px){.el-col-lg-0{width:0}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/collapse-item.css b/src/assets/theme/green-2.0.7/collapse-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/collapse.css b/src/assets/theme/green-2.0.7/collapse.css
new file mode 100644
index 0000000..a4034d1
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/collapse.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-collapse{border:1px solid rgb(223, 236, 230);border-radius:0}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse-item.is-active>.el-collapse-item__header .el-collapse-item__header__arrow{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header{height:43px;line-height:43px;padding-left:15px;background-color:#fff;color:rgb(72, 106, 94);cursor:pointer;border-bottom:1px solid rgb(223, 236, 230);font-size:13px}.el-collapse-item__header__arrow{margin-right:8px;transition:transform .3s}.el-collapse-item__wrap{will-change:height;background-color:rgb(250, 252, 251);overflow:hidden;box-sizing:border-box;border-bottom:1px solid rgb(223, 236, 230)}.el-collapse-item__content{padding:10px 15px;font-size:13px;color:rgb(31, 61, 49);line-height:1.769230769230769}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/color-picker.css b/src/assets/theme/green-2.0.7/color-picker.css
new file mode 100644
index 0000000..e98d94f
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/color-picker.css
@@ -0,0 +1 @@
+.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:rgb(31, 61, 49)}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#008040;border-color:#008040}.el-color-dropdown__link-btn{cursor:pointer;color:#008040;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:rgb(51, 153, 102)}.el-color-picker{display:inline-block;position:relative;line-height:normal}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:36px;padding:6px;border:1px solid rgb(191, 217, 207);border-radius:4px;font-size:0}.el-color-picker__color{position:relative;display:inline-block;box-sizing:border-box;border:1px solid #666;width:22px;height:22px;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;vertical-align:middle;color:#666;position:absolute;top:4px;left:4px}.el-color-picker__icon{display:inline-block;position:relative;top:-6px;margin-left:8px;width:12px;color:#888;font-size:12px}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid rgb(209, 229, 221);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12)}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/date-picker.css b/src/assets/theme/green-2.0.7/date-picker.css
new file mode 100644
index 0000000..bcd3db9
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/date-picker.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-month-table,.el-year-table{margin:-1px;border-collapse:collapse}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-date-picker table,.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-table{font-size:12px;min-width:224px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table td{width:32px;height:32px;box-sizing:border-box;text-align:center;cursor:pointer}.el-date-table td.next-month,.el-date-table td.prev-month{color:#ddd}.el-date-table td.today{color:#008040;position:relative}.el-date-table td.today:before{content:" ";position:absolute;top:0;right:0;width:0;height:0;border-top:.5em solid #008040;border-left:.5em solid transparent}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.available:hover{background-color:rgb(228, 241, 238)}.el-date-table td.in-range{background-color:rgb(204, 230, 217)}.el-date-table td.in-range:hover{background-color:rgb(204, 230, 217)Hover}.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{background-color:#008040!important;color:#fff}.el-date-table td.disabled{background-color:#f4f4f4;opacity:1;cursor:not-allowed;color:#ccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:rgb(131, 165, 153)}.el-date-table th{padding:5px;color:rgb(131, 165, 153);font-weight:400}.el-date-table.is-week-mode .el-date-table__row:hover{background-color:rgb(228, 241, 238)}.el-date-table.is-week-mode .el-date-table__row.current{background-color:rgb(204, 230, 217)}.el-month-table{font-size:12px}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td .cell{color:rgb(72, 106, 94)}.el-month-table td .cell:hover{background-color:rgb(228, 241, 238)}.el-month-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-month-table td.current:not(.disabled) .cell{background-color:#008040!important;color:#fff}.el-year-table{font-size:12px}.el-year-table .el-icon{color:rgb(151, 190, 177)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td .cell{color:rgb(72, 106, 94)}.el-year-table td .cell:hover{background-color:rgb(228, 241, 238)}.el-year-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-year-table td.current:not(.disabled) .cell{background-color:#008040!important;color:#fff}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 241, 238);cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 229, 221);cursor:not-allowed}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-picker-panel{color:rgb(72, 106, 94);border:1px solid rgb(209, 229, 221);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 106, 94);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 241, 238)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#008040}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 190, 177);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#008040}.el-picker-panel__link-btn{cursor:pointer;color:#008040;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(250, 252, 251);overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{min-width:520px}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker.has-sidebar.has-time{min-width:766px}.el-date-range-picker.has-sidebar{min-width:620px}.el-date-range-picker.has-time{min-width:660px}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header button{float:left}.el-date-range-picker__header div{font-size:14px;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-right .el-date-range-picker__header button{float:right}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:rgb(151, 190, 177)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-time-range-picker{min-width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid rgb(209, 229, 221)}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 229, 221);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#008040;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 165, 153)}.el-time-panel__btn.confirm{font-weight:800;color:#008040}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49);display:inline-block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/dialog.css b/src/assets/theme/green-2.0.7/dialog.css
new file mode 100644
index 0000000..93050c6
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/dialog.css
@@ -0,0 +1 @@
+@charset "UTF-8";.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-dialog{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin-bottom:50px}.el-dialog--tiny{width:30%}.el-dialog--small{width:50%}.el-dialog--large{width:90%}.el-dialog--full{width:100%;top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{top:0;right:0;bottom:0;left:0;position:fixed;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 0}.el-dialog__header:after,.el-dialog__header:before{display:table;content:""}.el-dialog__header:after{clear:both}.el-dialog__headerbtn{float:right;background:0 0;border:none;outline:0;padding:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:rgb(191, 217, 207)}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#008040}.el-dialog__title{line-height:1;font-size:16px;font-weight:700;color:rgb(31, 61, 49)}.el-dialog__body{padding:30px 20px;color:rgb(72, 106, 94);font-size:14px}.el-dialog__footer{padding:10px 20px 15px;text-align:right;box-sizing:border-box}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/dropdown-item.css b/src/assets/theme/green-2.0.7/dropdown-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/dropdown-menu.css b/src/assets/theme/green-2.0.7/dropdown-menu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/dropdown.css b/src/assets/theme/green-2.0.7/dropdown.css
new file mode 100644
index 0000000..94f8994
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/dropdown.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button,.el-button-group,.el-dropdown{display:inline-block}.el-button-group:after{clear:both}.el-button{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 49);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#008040;border-color:#008040}.el-button:active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 221);color:rgb(191, 217, 207)}.el-button.is-active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--primary{color:#fff;background-color:#008040;border-color:#008040}.el-button--primary:focus,.el-button--primary:hover{background:rgb(51, 153, 102);border-color:rgb(51, 153, 102);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(0, 115, 58);border-color:rgb(0, 115, 58);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#008040;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(51, 153, 102)}.el-button--text:active{color:rgb(0, 115, 58)}.el-button-group{vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-dropdown{position:relative;color:rgb(72, 106, 94);font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-right:5px;padding-left:5px}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown-menu{margin:5px 0;background-color:#fff;border:1px solid rgb(209, 229, 221);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);padding:6px 0;z-index:10;position:absolute;top:0;left:0;min-width:100px}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer}.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-dropdown-menu__item.is-disabled{cursor:default;color:rgb(191, 217, 207);pointer-events:none}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid rgb(209, 229, 221)}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -10px;background-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/fonts/element-icons.ttf b/src/assets/theme/green-2.0.7/fonts/element-icons.ttf
new file mode 100644
index 0000000..9c1b720
Binary files /dev/null and b/src/assets/theme/green-2.0.7/fonts/element-icons.ttf differ
diff --git a/src/assets/theme/green-2.0.7/fonts/element-icons.woff b/src/assets/theme/green-2.0.7/fonts/element-icons.woff
new file mode 100644
index 0000000..2bbd019
Binary files /dev/null and b/src/assets/theme/green-2.0.7/fonts/element-icons.woff differ
diff --git a/src/assets/theme/green-2.0.7/form-item.css b/src/assets/theme/green-2.0.7/form-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/form.css b/src/assets/theme/green-2.0.7/form.css
new file mode 100644
index 0000000..f676119
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/form.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item:after,.el-form-item__content:after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item:after,.el-form-item:before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner,.el-form-item.is-error .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-textarea__inner{border-color:#ff4949}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#ff4949;margin-right:4px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:rgb(72, 106, 94);line-height:1;padding:11px 12px 11px 0;box-sizing:border-box}.el-form-item__content{line-height:36px;position:relative;font-size:14px}.el-form-item__content:after,.el-form-item__content:before{display:table;content:""}.el-form-item__error{color:#ff4949;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/icon.css b/src/assets/theme/green-2.0.7/icon.css
new file mode 100644
index 0000000..fdbd61e
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/icon.css
@@ -0,0 +1 @@
+@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/index.css b/src/assets/theme/green-2.0.7/index.css
new file mode 100644
index 0000000..fbde60f
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/index.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-breadcrumb:after,.el-breadcrumb:before,.el-button-group:after,.el-button-group:before,.el-form-item:after,.el-form-item:before,.el-form-item__content:after,.el-form-item__content:before{display:table;content:""}.el-checkbox-button__original,.el-pagination--small .arrow.disabled,.el-table .hidden-columns,.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}.el-form-item__content:after{clear:both}.el-form-item:after{clear:both}.el-breadcrumb:after{clear:both}.el-button-group:after{clear:both}.el-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-dialog__header:after,.el-dialog__header:before{display:table;content:""}.el-dialog__header:after{clear:both}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:rgb(72, 106, 94)}.el-pagination:after,.el-pagination:before{display:table;content:""}.el-pagination:after{clear:both}.el-pagination button,.el-pagination span{display:inline-block;font-size:13px;min-width:28px;height:28px;line-height:28px;vertical-align:top;box-sizing:border-box}.el-pagination .el-select .el-input{width:110px}.el-pagination .el-select .el-input input{padding-right:25px;border-radius:2px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#008040}.el-pagination button.disabled{color:#e4e4e4;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;border:1px solid rgb(209, 229, 221);cursor:pointer;margin:0;color:rgb(151, 190, 177)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px}.el-pagination .btn-prev{border-radius:2px 0 0 2px;border-right:0}.el-pagination .btn-next{border-radius:0 2px 2px 0;border-left:0}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .el-pager li{border-radius:2px}.el-pagination__sizes{margin:0 10px 0 0}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;border-color:rgb(209, 229, 221)}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#008040}.el-pagination__jump{margin-left:10px}.el-pagination__total{margin:0 10px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{border:1px solid rgb(209, 229, 221);border-radius:2px;line-height:18px;padding:4px 2px;width:30px;text-align:center;margin:0 6px;box-sizing:border-box;transition:border .3s;-moz-appearance:textfield}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pagination__editor::-webkit-inner-spin-button,.el-pagination__editor::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__editor:focus{outline:0;border-color:#008040}.el-autocomplete-suggestion__wrap,.el-pager li{border:1px solid rgb(209, 229, 221);box-sizing:border-box}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0;padding:0}.el-date-table,.el-radio{-webkit-user-select:none;-ms-user-select:none}.el-date-table,.el-radio,.el-time-panel{-moz-user-select:none}.el-pager li{padding:0 4px;border-right:0;background:#fff;font-size:13px;min-width:28px;height:28px;line-height:28px;text-align:center}.el-pager li:last-child{border-right:1px solid rgb(209, 229, 221)}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:rgb(151, 190, 177)}.el-pager li.active+li{border-left:0;padding-left:5px}.el-pager li:hover{color:#008040}.el-pager li.active{border-color:#008040;background-color:#008040;color:#fff;cursor:default}.el-dialog{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin-bottom:50px}.el-dialog--tiny{width:30%}.el-dialog--small{width:50%}.el-dialog--large{width:90%}.el-dialog--full{width:100%;top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{top:0;right:0;bottom:0;left:0;position:fixed;overflow:auto;margin:0}.el-autocomplete,.el-dropdown{display:inline-block;position:relative}.el-dialog__header{padding:20px 20px 0}.el-dialog__headerbtn{float:right;background:0 0;border:none;outline:0;padding:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:rgb(191, 217, 207)}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#008040}.el-dialog__title{line-height:1;font-size:16px;font-weight:700;color:rgb(31, 61, 49)}.el-dialog__body{padding:30px 20px;color:rgb(72, 106, 94);font-size:14px}.el-dialog__footer{padding:10px 20px 15px;text-align:right;box-sizing:border-box}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete-suggestion{margin:5px 0;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.12)}.el-autocomplete-suggestion li{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer;color:rgb(72, 106, 94);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:rgb(228, 241, 238)}.el-autocomplete-suggestion li.highlighted{background-color:#008040;color:#fff}.el-autocomplete-suggestion li:active{background-color:#0082e6}.el-autocomplete-suggestion.is-loading li:hover,.el-dropdown-menu{background-color:#fff}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid rgb(209, 229, 221)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-autocomplete-suggestion__wrap{max-height:280px;overflow:auto;background-color:#fff;padding:6px 0;border-radius:2px}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-dropdown{color:rgb(72, 106, 94);font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-right:5px;padding-left:5px}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown-menu{margin:5px 0;border:1px solid rgb(209, 229, 221);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);padding:6px 0;z-index:10;position:absolute;top:0;left:0;min-width:100px}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer}.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-dropdown-menu__item.is-disabled{cursor:default;color:rgb(191, 217, 207);pointer-events:none}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid rgb(209, 229, 221)}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -10px;background-color:#fff}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;font-size:14px;color:rgb(72, 106, 94);padding:0 20px;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-menu{border-radius:2px;list-style:none;position:relative;margin:0;padding-left:0;background-color:rgb(238, 246, 244)}.el-menu:after,.el-menu:before{display:table;content:""}.el-menu:after{clear:both}.el-menu li{list-style:none}.el-menu--dark{background-color:rgb(50, 87, 76)}.el-menu--dark .el-menu-item,.el-menu--dark .el-submenu__title{color:rgb(191, 217, 207)}.el-menu--dark .el-menu-item:hover,.el-menu--dark .el-submenu__title:hover{background-color:rgb(72, 106, 94)}.el-menu--dark .el-submenu .el-menu{background-color:rgb(31, 61, 49)}.el-menu--dark .el-submenu .el-menu .el-menu-item:hover{background-color:rgb(72, 106, 94)}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;box-sizing:border-box;border-bottom:5px solid transparent}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:1px solid rgb(209, 229, 221);padding:5px 0;background-color:#fff;z-index:100;min-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:5px solid transparent}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:5px;color:rgb(151, 190, 177);margin-top:-3px}.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{background-color:rgb(238, 246, 244)}.el-menu--horizontal>.el-menu-item:hover,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{border-bottom:5px solid #008040}.el-menu--horizontal.el-menu--dark .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title:hover{background-color:rgb(50, 87, 76)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover,.el-menu-item:hover{background-color:rgb(209, 229, 221)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title{color:rgb(72, 106, 94)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active,.el-menu-item.is-active{color:#008040}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:none;transform:none}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center}.el-submenu .el-menu{background-color:rgb(228, 241, 238)}.el-submenu .el-menu-item:hover,.el-submenu__title:hover{background-color:rgb(209, 229, 221)}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-submenu.is-active .el-submenu__title{border-bottom-color:#008040}.el-submenu__title{position:relative}.el-submenu__title *{vertical-align:middle}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform .3s;font-size:12px}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding-top:15px;line-height:normal;font-size:14px;padding-left:20px;color:rgb(151, 190, 177)}.el-radio-button__inner,.el-radio-group,.el-radio__input{line-height:1;vertical-align:middle}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{transition:.2s;opacity:0}.el-radio{color:rgb(31, 61, 49);cursor:pointer;white-space:nowrap}.el-radio+.el-radio{margin-left:15px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0}.el-radio__input.is-focus .el-radio__inner{border-color:#008040}.el-radio__input.is-checked .el-radio__inner{border-color:#008040;background:#008040}.el-radio__input.is-checked .el-radio__inner::after{-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-disabled .el-radio__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:rgb(238, 246, 244)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#fff}.el-radio__input.is-disabled+.el-radio__label{color:#bbb;cursor:not-allowed}.el-radio__inner{border:1px solid rgb(191, 217, 207);width:18px;height:18px;border-radius:50%;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#008040}.el-radio__inner::after{width:6px;height:6px;border-radius:50%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-switch__core,.el-switch__label{width:46px;height:22px;cursor:pointer}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative}.el-radio__label{font-size:14px;padding-left:5px}.el-radio-group{display:inline-block;font-size:0}.el-radio-group .el-radio{font-size:14px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid rgb(191, 217, 207);border-radius:4px 0 0 4px;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button__inner{white-space:nowrap;background:#fff;border:1px solid rgb(191, 217, 207);border-left:0;color:rgb(31, 61, 49);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-radio-button__inner:hover{color:#008040}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#008040;border-color:#008040;box-shadow:-1px 0 0 0 #008040}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);box-shadow:none}.el-radio-button--large .el-radio-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-radio-button--small .el-radio-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner{padding:4px;font-size:12px;border-radius:0}.el-switch,.el-switch__label,.el-switch__label *{font-size:14px;display:inline-block}.el-switch{position:relative;line-height:22px;height:22px;vertical-align:middle}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-switch.is-disabled .el-switch__core{border-color:rgb(228, 241, 238)!important;background:rgb(228, 241, 238)!important}.el-switch.is-disabled .el-switch__core span{background-color:rgb(250, 252, 251)!important}.el-switch.is-disabled .el-switch__core~.el-switch__label *{color:rgb(250, 252, 251)!important}.el-switch.is-checked .el-switch__core{border-color:#008040;background-color:#008040}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:.2s;position:absolute;left:0;top:0;z-index:2}.el-switch__label *{line-height:1;top:4px;position:absolute;color:#fff}.el-switch__label--left i{left:6px}.el-switch__label--right i{right:6px}.el-switch__input{display:none}.el-switch__input.allow-focus{z-index:0;display:inline;display:initial;position:absolute;left:0;top:0;outline:0;opacity:0}.el-switch__input.allow-focus:focus+.el-switch__core{box-shadow:0 0 2px #008040}.el-switch__core{margin:0;display:inline-block;position:relative;border:1px solid rgb(191, 217, 207);outline:0;border-radius:12px;box-sizing:border-box;background:rgb(191, 217, 207);transition:border-color .3s,background-color .3s;z-index:1}.el-switch__core .el-switch__button{top:0;left:0;position:absolute;border-radius:100%;transition:transform .3s;width:16px;height:16px;background-color:#fff}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 229, 221);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#008040;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgb(228, 241, 238)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 94);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.selected{color:#fff;background-color:#008040}.el-select-dropdown__item.selected.hover{background-color:rgb(0, 113, 56)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 217, 207);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 165, 153)}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#008040}.el-select .el-input .el-input__icon{color:rgb(191, 217, 207);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 217, 207)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 190, 177)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 229, 221)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;box-sizing:border-box;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 217, 207);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 190, 177)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-table,.el-table td,.el-table th{box-sizing:border-box;position:relative}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#008040}.el-select__tag .el-icon-close{font-size:12px}.el-table{overflow:hidden;width:100%;max-width:100%;background-color:#fff;border:1px solid rgb(223, 236, 230);font-size:14px;color:rgb(31, 61, 49)}.el-table .el-tooltip.cell{white-space:nowrap;min-width:50px}.el-table td,.el-table th{height:40px;min-width:0;text-overflow:ellipsis;vertical-align:middle}.el-table::after,.el-table::before{content:'';position:absolute;background-color:rgb(223, 236, 230);z-index:1}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td,.el-table th.is-leaf{border-bottom:1px solid rgb(223, 236, 230)}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .cell,.el-table th>div{padding-left:18px;padding-right:18px;box-sizing:border-box;text-overflow:ellipsis}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table::after{top:0;right:0;width:1px;height:100%}.el-table .caret-wrapper,.el-table th>.cell{position:relative;display:inline-block;vertical-align:middle}.el-table th{white-space:nowrap;overflow:hidden;background-color:rgb(238, 246, 244);text-align:left}.el-table th.is-sortable{cursor:pointer}.el-table th>div{display:inline-block;line-height:40px;overflow:hidden;white-space:nowrap}.el-table td>div{box-sizing:border-box}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table th>.cell{word-wrap:normal;text-overflow:ellipsis;line-height:30px;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#008040}.el-table .caret-wrapper{cursor:pointer;margin-left:5px;margin-top:-2px;width:16px;height:30px;overflow:visible;overflow:initial}.el-table .cell,.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table .sort-caret{display:inline-block;width:0;height:0;border:0;content:"";position:absolute;left:3px;z-index:2}.el-table .sort-caret.ascending,.el-table .sort-caret.descending{border-right:5px solid transparent;border-left:5px solid transparent}.el-table .sort-caret.ascending{top:9px;border-top:none;border-bottom:5px solid rgb(151, 190, 177)}.el-table .sort-caret.descending{bottom:9px;border-top:5px solid rgb(151, 190, 177);border-bottom:none}.el-table .ascending .sort-caret.ascending{border-bottom-color:rgb(72, 106, 94)}.el-table .descending .sort-caret.descending{border-top-color:rgb(72, 106, 94)}.el-table td.gutter{width:0}.el-table .cell{white-space:normal;word-break:break-all;line-height:24px}.el-badge__content,.el-message__group p,.el-progress-bar__inner,.el-steps.is-horizontal,.el-tabs__nav,.el-tag,.el-time-spinner,.el-tree-node,.el-upload-list__item-name{white-space:nowrap}.el-table tr input[type=checkbox]{margin:0}.el-table tr{background-color:#fff}.el-table .hidden-columns{position:absolute;z-index:-1}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;transition:transform .2s ease-in-out;height:40px}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expand-icon--expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expanded-cell{padding:20px 50px;background-color:rgb(250, 252, 251);box-shadow:inset 0 2px 0 #f4f4f4}.el-table__expanded-cell:hover{background-color:rgb(250, 252, 251)!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid rgb(223, 236, 230)}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table--border td,.el-table--border th{border-right:1px solid rgb(223, 236, 230)}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;box-shadow:1px 0 8px #d3d4d6;overflow-x:hidden}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgb(223, 236, 230);z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:rgb(238, 246, 244)}.el-table__fixed-right{top:0;left:auto;right:0;box-shadow:-1px 0 8px #d3d4d6}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-header-wrapper thead div{background-color:rgb(238, 246, 244);color:rgb(31, 61, 49)}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid rgb(223, 236, 230);background-color:rgb(250, 252, 251);color:rgb(31, 61, 49)}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td{border-top:1px solid rgb(223, 236, 230)}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed}.el-table__footer-wrapper thead div,.el-table__header-wrapper thead div{background-color:rgb(238, 246, 244);color:rgb(31, 61, 49)}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:rgb(250, 252, 251);color:rgb(31, 61, 49)}.el-table__body-wrapper{overflow:auto;position:relative}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA;background-clip:padding-box}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td{background:rgb(235, 245, 240)}.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(238, 246, 244)}.el-table__body tr.current-row>td{background:rgb(235, 245, 240)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid rgb(223, 236, 230);z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;margin-left:5px;cursor:pointer}.el-table__column-filter-trigger i{color:rgb(151, 190, 177)}.el-table--enable-row-transition .el-table__body td{transition:background-color .25s ease}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:rgb(238, 246, 244);background-clip:padding-box}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid rgb(209, 229, 221);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-table-filter__list-item.is-active{background-color:#008040;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid rgb(209, 229, 221);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:rgb(131, 165, 153);cursor:pointer;font-size:14px;padding:0 3px}.el-table-filter__bottom button:hover{color:#008040}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:rgb(191, 217, 207);cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;min-width:224px;user-select:none}.el-date-table td{width:32px;height:32px;box-sizing:border-box;text-align:center;cursor:pointer}.el-date-table td.next-month,.el-date-table td.prev-month{color:#ddd}.el-date-table td.today{color:#008040;position:relative}.el-date-table td.today:before{content:" ";position:absolute;top:0;right:0;width:0;height:0;border-top:.5em solid #008040;border-left:.5em solid transparent}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.available:hover{background-color:rgb(228, 241, 238)}.el-date-table td.in-range{background-color:rgb(204, 230, 217)}.el-date-table td.in-range:hover{background-color:rgb(204, 230, 217)Hover}.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{background-color:#008040!important;color:#fff}.el-date-table td.disabled{background-color:#f4f4f4;opacity:1;cursor:not-allowed;color:#ccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:rgb(131, 165, 153)}.el-month-table,.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-date-table th{padding:5px;color:rgb(131, 165, 153);font-weight:400}.el-date-table.is-week-mode .el-date-table__row:hover{background-color:rgb(228, 241, 238)}.el-date-table.is-week-mode .el-date-table__row.current{background-color:rgb(204, 230, 217)}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td .cell{color:rgb(72, 106, 94)}.el-month-table td .cell:hover{background-color:rgb(228, 241, 238)}.el-month-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-month-table td.current:not(.disabled) .cell{background-color:#008040!important;color:#fff}.el-year-table .el-icon{color:rgb(151, 190, 177)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td .cell{color:rgb(72, 106, 94)}.el-year-table td .cell:hover{background-color:rgb(228, 241, 238)}.el-year-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-year-table td.current:not(.disabled) .cell{background-color:#008040!important;color:#fff}.el-date-range-picker{min-width:520px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker.has-sidebar.has-time{min-width:766px}.el-date-range-picker.has-sidebar{min-width:620px}.el-date-range-picker.has-time{min-width:660px}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header button{float:left}.el-date-range-picker__header div{font-size:14px;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-right .el-date-range-picker__header button{float:right}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:rgb(151, 190, 177)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{min-width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid rgb(209, 229, 221)}.el-picker-panel{color:rgb(72, 106, 94);border:1px solid rgb(209, 229, 221);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 106, 94);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 241, 238)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#008040}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 190, 177);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#008040}.el-picker-panel__link-btn{cursor:pointer;color:#008040;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(250, 252, 251);overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px}.time-select-item.selected:not(.disabled){background-color:#008040;color:#fff}.time-select-item.selected:not(.disabled):hover{background-color:#008040}.time-select-item.disabled{color:rgb(209, 229, 221);cursor:not-allowed}.time-select-item:hover{background-color:rgb(228, 241, 238);cursor:pointer}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 241, 238);cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 229, 221);cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 229, 221);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-ms-user-select:none;user-select:none}.el-popover,.el-tabs--border-card{box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-slider__button,.el-slider__button-wrapper{-webkit-user-select:none;-moz-user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#008040;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 165, 153)}.el-time-panel__btn.confirm{font-weight:800;color:#008040}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:2px;border:1px solid rgb(209, 229, 221);padding:10px;z-index:2000;font-size:12px}.el-popover .popper__arrow,.el-popover .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popover .popper__arrow{border-width:6px}.el-popover .popper__arrow::after{content:" ";border-width:6px}.el-popover[x-placement^=top]{margin-bottom:12px}.el-popover[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:rgb(209, 229, 221);border-bottom-width:0}.el-popover[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popover[x-placement^=bottom]{margin-top:12px}.el-popover[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:rgb(209, 229, 221)}.el-popover[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popover[x-placement^=right]{margin-left:12px}.el-popover[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:rgb(209, 229, 221);border-left-width:0}.el-popover[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popover[x-placement^=left]{margin-right:12px}.el-popover[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:rgb(209, 229, 221)}.el-popover[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover__title{color:rgb(31, 61, 49);font-size:13px;line-height:1;margin-bottom:9px}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-message-box{text-align:left;display:inline-block;vertical-align:middle;background-color:#fff;width:420px;border-radius:3px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:20px 20px 0}.el-message-box__headerbtn{position:absolute;top:19px;right:20px;background:0 0;border:none;outline:0;padding:0;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#999}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#008040}.el-message-box__content{padding:30px 20px;color:rgb(72, 106, 94);font-size:14px;position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#ff4949}.el-message-box__errormsg{color:#ff4949;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:16px;font-weight:700;height:18px;color:#333}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:1.4}.el-message-box__btns{padding:10px 20px 15px;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box__status{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:36px!important}.el-message-box__status.el-icon-circle-check{color:#13ce66}.el-message-box__status.el-icon-information{color:#50bfff}.el-message-box__status.el-icon-warning{color:#f7ba2a}.el-message-box__status.el-icon-circle-cross{color:#ff4949}.msgbox-fade-enter-active{animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{animation:msgbox-fade-out .3s}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:13px;line-height:1}.el-breadcrumb__separator{margin:0 8px;color:rgb(191, 217, 207)}.el-breadcrumb__item{float:left}.el-breadcrumb__item:last-child .el-breadcrumb__item__inner,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover{color:rgb(151, 190, 177);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-breadcrumb__item__inner,.el-breadcrumb__item__inner a{transition:color .15s linear;color:rgb(72, 106, 94)}.el-breadcrumb__item__inner a:hover,.el-breadcrumb__item__inner:hover{color:#008040;cursor:pointer}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner,.el-form-item.is-error .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-textarea__inner{border-color:#ff4949}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#ff4949;margin-right:4px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:rgb(72, 106, 94);line-height:1;padding:11px 12px 11px 0;box-sizing:border-box}.el-form-item__content{line-height:36px;position:relative;font-size:14px}.el-form-item__error{color:#ff4949;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-tabs__header{border-bottom:1px solid rgb(209, 229, 221);padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:3px;background-color:#008040;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-ms-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#008040}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap.is-scrollable{padding:0 15px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:rgb(131, 165, 153)}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{position:relative;transition:transform .3s;float:left}.el-tabs__item{padding:0 16px;height:42px;box-sizing:border-box;line-height:42px;display:inline-block;list-style:none;font-size:14px;color:rgb(131, 165, 153);position:relative}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-ms-transform:scale(.7,.7);transform:scale(.7,.7);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:rgb(151, 190, 177);color:#fff}.el-tabs__item:hover{color:rgb(31, 61, 49);cursor:pointer}.el-tabs__item.is-disabled{color:#bbb;cursor:default}.el-tabs__item.is-active{color:#008040}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tag,.slideInLeft-transition,.slideInRight-transition{display:inline-block}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid transparent;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-right:9px;padding-left:9px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border:1px solid rgb(209, 229, 221);border-bottom-color:#fff;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-right:16px;padding-left:16px}.el-tabs--border-card{background:#fff;border:1px solid rgb(209, 229, 221)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:rgb(238, 246, 244);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;border-top:0;margin-right:-1px;margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:#fff;border-right-color:rgb(209, 229, 221);border-left-color:rgb(209, 229, 221)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:first-child{border-left-color:rgb(209, 229, 221)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:last-child{border-right-color:rgb(209, 229, 221)}.slideInRight-enter{animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave .3s}.slideInLeft-enter{animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave .3s}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}.el-tag{background-color:rgb(131, 165, 153);padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 153)}.el-tag--gray{background-color:rgb(228, 241, 238);border-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 94);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 94)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#008040}.el-tag--primary .el-tag__close:hover{background-color:#008040;color:#fff}.el-tag--primary.is-hit{border-color:#008040}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-tree{cursor:default;background:#fff;border:1px solid rgb(209, 229, 221)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree-node__expand-icon,.el-tree-node__label,.el-tree-node__loading-icon{display:inline-block;vertical-align:middle}.el-tree-node__content{line-height:36px;height:36px;cursor:pointer}.el-tree-node__content>.el-checkbox,.el-tree-node__content>.el-tree-node__expand-icon{margin-right:8px}.el-tree-node__content>.el-checkbox{vertical-align:middle}.el-tree-node__content:hover{background:rgb(228, 241, 238)}.el-tree-node__expand-icon{cursor:pointer;width:0;height:0;margin-left:10px;border:6px solid transparent;border-right-width:0;border-left-color:rgb(151, 190, 177);border-left-width:7px;-ms-transform:rotate(0);transform:rotate(0);transition:transform .3s ease-in-out}.el-tree-node__expand-icon:hover{border-left-color:#999}.el-tree-node__expand-icon.expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{border-color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:4px;font-size:14px;color:rgb(151, 190, 177)}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:rgb(235, 245, 240)}.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;color:#fff;opacity:1;display:table;transition:opacity .2s}.el-alert .el-alert__description{color:#fff;font-size:12px;margin:5px 0 0}.el-alert--success{background-color:#13ce66}.el-alert--info{background-color:#50bfff}.el-alert--warning{background-color:#f7ba2a}.el-alert--error{background-color:#ff4949}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px;display:table-cell;color:#fff;vertical-align:middle}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert__closebtn{font-size:12px;color:#fff;opacity:1;top:12px;right:15px;position:absolute;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active{opacity:0}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{width:330px;padding:20px;box-sizing:border-box;border-radius:2px;position:fixed;right:16px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);transition:opacity .3s,transform .3s,right .3s,top .4s;overflow:hidden}.el-notification .el-icon-circle-check{color:#13ce66}.el-notification .el-icon-circle-cross{color:#ff4949}.el-notification .el-icon-information{color:#50bfff}.el-notification .el-icon-warning{color:#f7ba2a}.el-notification__group{margin-left:0}.el-notification__group.is-with-icon{margin-left:55px}.el-notification__title{font-weight:400;font-size:16px;color:rgb(31, 61, 49);margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:10px 0 0;color:rgb(131, 165, 153);text-align:justify}.el-notification__icon{width:40px;height:40px;font-size:40px;float:left;position:relative;top:3px}.el-notification__closeBtn{top:20px;right:20px;position:absolute;cursor:pointer;color:rgb(191, 217, 207);font-size:14px}.el-notification__closeBtn:hover{color:rgb(151, 190, 177)}.el-notification-fade-enter{-ms-transform:translateX(100%);transform:translateX(100%);right:0}.el-input-number{display:inline-block;width:180px;position:relative;line-height:normal}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 229, 221);color:rgb(209, 229, 221)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 229, 221);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 217, 207);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 190, 177);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#008040}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#008040}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 229, 221);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:40px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:28px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-progress-bar__inner:after,.el-row:after,.el-row:before,.el-slider:after,.el-slider:before,.el-slider__button-wrapper:after,.el-upload-cover:after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 61, 49);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 61, 49);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 61, 49);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 61, 49);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 61, 49);color:#fff}.el-slider:after,.el-slider:before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper:after{display:inline-block;vertical-align:middle}.el-slider:after{clear:both}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:4px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:4px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-16px;-ms-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-ms-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:64px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:30px;margin-top:-1px;border:1px solid rgb(191, 217, 207);line-height:20px;box-sizing:border-box;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:rgb(131, 165, 153)}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#008040}.el-slider__runway{width:100%;height:4px;margin:16px 0;background-color:rgb(228, 241, 238);border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar,.el-slider__runway.disabled .el-slider__button{background-color:rgb(191, 217, 207)}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-ms-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:4px;background-color:#008040;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{width:36px;height:36px;position:absolute;z-index:1001;top:-16px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-ms-user-select:none;user-select:none}.el-slider__button-wrapper:after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:12px;height:12px;background-color:#008040;border-radius:50%;transition:.2s;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-ms-transform:scale(1.5);transform:scale(1.5);background-color:rgb(0, 113, 56)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;width:4px;height:4px;border-radius:100%;background-color:rgb(191, 217, 207);-ms-transform:translateX(-50%);transform:translateX(-50%)}.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{width:50px;height:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row{position:relative}.el-loading-spinner .el-loading-text{color:#008040;margin:3px 0;font-size:14px}.el-loading-spinner .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#008040;stroke-linecap:round}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{box-sizing:border-box}.el-row:after,.el-row:before{display:table}.el-row:after{clear:both}.el-row--flex{display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-align-bottom{-ms-flex-align:end;align-items:flex-end}.el-row--flex.is-align-middle{-ms-flex-align:center;align-items:center}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-justify-space-between{-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-end{-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-center{-ms-flex-pack:center;justify-content:center}.el-col-1,.el-col-10,.el-col-11,.el-col-12,.el-col-13,.el-col-14,.el-col-15,.el-col-16,.el-col-17,.el-col-18,.el-col-19,.el-col-2,.el-col-20,.el-col-21,.el-col-22,.el-col-23,.el-col-24,.el-col-3,.el-col-4,.el-col-5,.el-col-6,.el-col-7,.el-col-8,.el-col-9{float:left;box-sizing:border-box}.el-col-0{width:0}.el-col-offset-0{margin-left:0}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media (max-width:768px){.el-col-xs-0{width:0}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media (min-width:768px){.el-col-sm-0{width:0}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media (min-width:992px){.el-col-md-0{width:0}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media (min-width:1200px){.el-col-lg-0{width:0}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}.el-progress-bar__inner:after{display:inline-block;height:100%;vertical-align:middle}.el-upload{display:inline-block;text-align:center;cursor:pointer}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:rgb(131, 165, 153);margin-top:7px}.el-upload--picture-card{background-color:rgb(250, 252, 251);border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:#008040;color:#008040}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-upload__text{color:rgb(151, 190, 177);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#008040;font-style:normal}.el-upload-dragger .el-icon-upload{font-size:67px;color:rgb(151, 190, 177);margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid rgba(191,203,217,.2);margin-top:7px;padding-top:5px}.el-upload-dragger:hover{border-color:#008040}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #008040}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:rgb(72, 106, 94);line-height:1.8;margin-top:5px;box-sizing:border-box;border-radius:4px;width:100%;position:relative}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;top:-13px;right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#13ce66}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:rgb(72, 106, 94);-ms-transform:scale(.7);transform:scale(.7)}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item:hover{background-color:rgb(238, 246, 244)}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#008040;cursor:pointer}.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none}.el-upload-list__item-name{color:rgb(72, 106, 94);display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;transition:color .3s}.el-upload-list__item-name [class^=el-icon]{color:rgb(151, 190, 177);margin-right:7px;height:100%;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:rgb(72, 106, 94);display:none}.el-upload-list__item-delete:hover{color:#008040}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover:after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-ms-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:rgb(72, 106, 94)}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 106, 94);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__innerText,.el-spinner{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 241, 238);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#008040;text-align:right;border-radius:100px;line-height:1}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:300px;padding:10px 12px;box-sizing:border-box;border-radius:2px;position:fixed;left:50%;top:20px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;transition:opacity .3s,transform .4s;overflow:hidden}.el-message .el-icon-circle-check{color:#13ce66}.el-message .el-icon-circle-cross{color:#ff4949}.el-message .el-icon-information{color:#50bfff}.el-message .el-icon-warning{color:#f7ba2a}.el-message__group{margin-left:38px;position:relative;height:20px;line-height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.el-message__group p{font-size:14px;margin:0 34px 0 0;color:rgb(131, 165, 153);text-align:justify}.el-step__head,.el-steps.is-horizontal.is-center{text-align:center}.el-message__group.is-with-icon{margin-left:0}.el-message__img{width:40px;height:40px;position:absolute;left:0;top:0}.el-message__icon{vertical-align:middle;margin-right:8px}.el-message__closeBtn{top:3px;right:0;position:absolute;cursor:pointer;color:rgb(191, 217, 207);font-size:14px}.el-message__closeBtn:hover{color:rgb(151, 190, 177)}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#ff4949;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;border:1px solid #fff}.el-badge__content.is-dot{width:8px;height:8px;padding:0;right:0;border-radius:50%}.el-badge__content.is-fixed{top:0;right:10px;position:absolute;-ms-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-card{border:1px solid rgb(209, 229, 221);border-radius:4px;background-color:#fff;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card__header{padding:18px 20px;border-bottom:1px solid rgb(209, 229, 221);box-sizing:border-box}.el-card__body{padding:20px}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:rgb(191, 217, 207);transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-ms-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{font-size:0}.el-steps>:last-child .el-step__line{display:none}.el-step.is-horizontal,.el-step.is-vertical .el-step__head,.el-step.is-vertical .el-step__main,.el-step__line{display:inline-block}.el-step{position:relative;vertical-align:top}.el-step:last-child .el-step__main{padding-right:0}.el-step.is-vertical .el-step__main{padding-left:10px}.el-step__line{position:absolute;border-color:inherit;background-color:rgb(191, 217, 207)}.el-step__line.is-vertical{width:2px;box-sizing:border-box;top:32px;bottom:0;left:15px}.el-step__line.is-horizontal{top:15px;height:2px;left:32px;right:0}.el-step__line.is-icon.is-horizontal{right:4px}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:all 150ms;box-sizing:border-box;width:0;height:0}.el-step__icon{display:block;line-height:28px}.el-step__icon>*{line-height:inherit;vertical-align:middle}.el-step__head{width:28px;height:28px;border-radius:50%;background-color:transparent;line-height:28px;font-size:28px;vertical-align:top;transition:all 150ms}.el-carousel__arrow,.el-carousel__button{margin:0;transition:.3s;cursor:pointer;outline:0}.el-step__head.is-finish{color:#008040;border-color:#008040}.el-step__head.is-error{color:#ff4949;border-color:#ff4949}.el-step__head.is-success{color:#13ce66;border-color:#13ce66}.el-step__head.is-process,.el-step__head.is-wait{color:rgb(191, 217, 207);border-color:rgb(191, 217, 207)}.el-step__head.is-text{font-size:14px;border-width:2px;border-style:solid}.el-step__head.is-text.is-finish{color:#fff;background-color:#008040;border-color:#008040}.el-step__head.is-text.is-error{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-step__head.is-text.is-success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-step__head.is-text.is-wait{color:rgb(191, 217, 207);background-color:#fff;border-color:rgb(191, 217, 207)}.el-step__head.is-text.is-process{color:#fff;background-color:rgb(191, 217, 207);border-color:rgb(191, 217, 207)}.el-step__main{white-space:normal;padding-right:10px;text-align:left}.el-step__title{font-size:14px;line-height:32px;display:inline-block}.el-step__title.is-finish{font-weight:700;color:#008040}.el-step__title.is-error{font-weight:700;color:#ff4949}.el-step__title.is-success{font-weight:700;color:#13ce66}.el-step__title.is-wait{font-weight:400;color:rgb(151, 190, 177)}.el-step__title.is-process{font-weight:700;color:rgb(72, 106, 94)}.el-step__description{font-size:12px;font-weight:400;line-height:14px}.el-step__description.is-finish{color:#008040}.el-step__description.is-error{color:#ff4949}.el-step__description.is-success{color:#13ce66}.el-step__description.is-wait{color:rgb(191, 217, 207)}.el-step__description.is-process{color:rgb(131, 165, 153)}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;padding:0;width:36px;height:36px;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-ms-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:rgb(131, 165, 153);opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-ms-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{width:auto;height:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;padding:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-ms-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-ms-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-active,.el-cascader .el-icon-circle-close,.el-cascader-menus{z-index:2}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.24;transition:.2s}.el-collapse{border:1px solid rgb(223, 236, 230);border-radius:0}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse-item.is-active>.el-collapse-item__header .el-collapse-item__header__arrow{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header{height:43px;line-height:43px;padding-left:15px;background-color:#fff;color:rgb(72, 106, 94);cursor:pointer;border-bottom:1px solid rgb(223, 236, 230);font-size:13px}.el-collapse-item__header__arrow{margin-right:8px;transition:transform .3s}.el-collapse-item__wrap{will-change:height;background-color:rgb(250, 252, 251);overflow:hidden;box-sizing:border-box;border-bottom:1px solid rgb(223, 236, 230)}.el-collapse-item__content{padding:10px 15px;font-size:13px;color:rgb(31, 61, 49);line-height:1.769230769230769}.el-cascader{display:inline-block;position:relative}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{transition:none}.el-cascader .el-icon-caret-bottom{transition:transform .3s}.el-cascader .el-icon-caret-bottom.is-reverse{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#bbb}.el-cascader__label{position:absolute;left:0;top:0;height:100%;line-height:36px;padding:0 25px 0 10px;color:rgb(31, 61, 49);width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:left}.el-cascader__label span{color:rgb(151, 190, 177)}.el-cascader--large{font-size:16px}.el-cascader--large .el-cascader__label{line-height:40px}.el-cascader--small{font-size:13px}.el-cascader--small .el-cascader__label{line-height:28px}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;border:1px solid rgb(209, 229, 221);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px rgb(209, 229, 221);background-color:#fff;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 30px 8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 94);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-cascader-menu__item:hover{background-color:rgb(228, 241, 238)}.el-cascader-menu__item.selected{color:#fff;background-color:#008040}.el-cascader-menu__item.selected.hover{background-color:rgb(0, 113, 56)}.el-cascader-menu__item.is-active{color:#fff;background-color:#008040}.el-cascader-menu__item.is-active:hover{background-color:rgb(0, 113, 56)}.el-cascader-menu__item.is-disabled{color:rgb(191, 217, 207);background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e606";font-size:12px;-ms-transform:scale(.8);transform:scale(.8);color:rgb(191, 217, 207);position:absolute;right:10px;margin-top:1px}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:rgb(31, 61, 49)}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#008040;border-color:#008040}.el-color-dropdown__link-btn{cursor:pointer;color:#008040;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:rgb(51, 153, 102)}.el-color-picker{display:inline-block;position:relative;line-height:normal}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:36px;padding:6px;border:1px solid rgb(191, 217, 207);border-radius:4px;font-size:0}.el-color-picker__color{position:relative;display:inline-block;box-sizing:border-box;border:1px solid #666;width:22px;height:22px;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;vertical-align:middle;color:#666;position:absolute;top:4px;left:4px}.el-color-picker__icon{display:inline-block;position:relative;top:-6px;margin-left:8px;width:12px;color:#888;font-size:12px}.el-input,.el-input__inner{width:100%;display:inline-block}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid rgb(209, 229, 221);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12)}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 207);box-sizing:border-box;color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-button,.el-checkbox-button__inner{-webkit-appearance:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;outline:0;text-align:center}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-button,.el-textarea__inner{font-size:14px;box-sizing:border-box}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;color:rgb(31, 61, 49);background-color:#fff;background-image:none;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 49);margin:0;padding:10px 15px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#008040;border-color:#008040}.el-button:active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221)}.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 221);color:rgb(191, 217, 207)}.el-button.is-active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--primary{color:#fff;background-color:#008040;border-color:#008040}.el-button--primary:focus,.el-button--primary:hover{background:rgb(51, 153, 102);border-color:rgb(51, 153, 102);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(0, 115, 58);border-color:rgb(0, 115, 58);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#008040;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(51, 153, 102)}.el-button--text:active{color:rgb(0, 115, 58)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-checkbox{color:rgb(31, 61, 49);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#008040}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 244)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#008040}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#008040;border-color:#008040;box-shadow:-1px 0 0 0 #008040}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);box-shadow:none}.el-checkbox-button__inner,.el-transfer-panel{background:#fff;vertical-align:middle;box-sizing:border-box}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#008040}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 207);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;white-space:nowrap;border:1px solid rgb(191, 217, 207);border-left:0;color:rgb(31, 61, 49);margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#008040}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 10px}.el-transfer__buttons .el-button{display:block;margin:0 auto;padding:8px 12px}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__buttons .el-button [class*=el-icon-]+span{margin-left:0}.el-transfer__buttons .el-button:first-child{margin-bottom:6px}.el-transfer-panel{border:1px solid rgb(209, 229, 221);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);display:inline-block;width:200px;position:relative}.el-transfer-panel .el-transfer-panel__header{height:36px;line-height:36px;background:rgb(250, 252, 251);margin:0;padding-left:20px;border-bottom:1px solid rgb(209, 229, 221);box-sizing:border-box;color:rgb(31, 61, 49)}.el-transfer-panel .el-transfer-panel__footer{height:36px;background:#fff;margin:0;padding:0;border-top:1px solid rgb(209, 229, 221);position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:rgb(131, 165, 153)}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:32px;line-height:32px;padding:6px 20px 0;color:rgb(131, 165, 153)}.el-transfer-panel .el-checkbox__label{padding-left:14px}.el-transfer-panel .el-checkbox__inner{width:14px;height:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-transfer-panel__body{padding-bottom:36px;height:246px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:214px}.el-transfer-panel__item{height:32px;line-height:32px;padding-left:20px;display:block}.el-transfer-panel__item .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:28px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:9px}.el-transfer-panel__item.el-checkbox{color:rgb(72, 106, 94)}.el-transfer-panel__item:hover{background:rgb(228, 241, 238)}.el-transfer-panel__filter{margin-top:10px;text-align:center;padding:0 10px;width:100%;box-sizing:border-box}.el-transfer-panel__filter .el-input__inner{height:22px;width:100%;display:inline-block;box-sizing:border-box}.el-transfer-panel__filter .el-input__icon{right:10px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/input-number.css b/src/assets/theme/green-2.0.7/input-number.css
new file mode 100644
index 0000000..4ac14ca
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/input-number.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 207);box-sizing:border-box;color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;background-image:none;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-input-number{display:inline-block;width:180px;position:relative;line-height:normal}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 229, 221);color:rgb(209, 229, 221)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 229, 221);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 217, 207);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 190, 177);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#008040}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#008040}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 229, 221);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:40px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:28px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/input.css b/src/assets/theme/green-2.0.7/input.css
new file mode 100644
index 0000000..b306039
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/input.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/loading.css b/src/assets/theme/green-2.0.7/loading.css
new file mode 100644
index 0000000..adb7c99
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/loading.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{width:50px;height:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#008040;margin:3px 0;font-size:14px}.el-loading-spinner .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#008040;stroke-linecap:round}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/menu-item-group.css b/src/assets/theme/green-2.0.7/menu-item-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/menu-item.css b/src/assets/theme/green-2.0.7/menu-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/menu.css b/src/assets/theme/green-2.0.7/menu.css
new file mode 100644
index 0000000..2c5589f
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/menu.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-menu,.el-menu li{list-style:none}.el-menu:after,.el-menu:before{display:table;content:""}.el-menu:after{clear:both}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;font-size:14px;color:rgb(72, 106, 94);padding:0 20px;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-menu{border-radius:2px;position:relative;margin:0;padding-left:0;background-color:rgb(238, 246, 244)}.el-menu--dark{background-color:rgb(50, 87, 76)}.el-menu--dark .el-menu-item,.el-menu--dark .el-submenu__title{color:rgb(191, 217, 207)}.el-menu--dark .el-menu-item:hover,.el-menu--dark .el-submenu__title:hover{background-color:rgb(72, 106, 94)}.el-menu--dark .el-submenu .el-menu{background-color:rgb(31, 61, 49)}.el-menu--dark .el-submenu .el-menu .el-menu-item:hover{background-color:rgb(72, 106, 94)}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;box-sizing:border-box;border-bottom:5px solid transparent}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:1px solid rgb(209, 229, 221);padding:5px 0;background-color:#fff;z-index:100;min-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:5px solid transparent}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:5px;color:rgb(151, 190, 177);margin-top:-3px}.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{background-color:rgb(238, 246, 244)}.el-menu--horizontal>.el-menu-item:hover,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{border-bottom:5px solid #008040}.el-menu--horizontal.el-menu--dark .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title:hover{background-color:rgb(50, 87, 76)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover,.el-menu-item:hover{background-color:rgb(209, 229, 221)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title{color:rgb(72, 106, 94)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active,.el-menu-item.is-active{color:#008040}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:none;transform:none}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center}.el-submenu .el-menu{background-color:rgb(228, 241, 238)}.el-submenu .el-menu-item:hover,.el-submenu__title:hover{background-color:rgb(209, 229, 221)}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-submenu.is-active .el-submenu__title{border-bottom-color:#008040}.el-submenu__title{position:relative}.el-submenu__title *{vertical-align:middle}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform .3s;font-size:12px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding-top:15px;line-height:normal;font-size:14px;padding-left:20px;color:rgb(151, 190, 177)}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{transition:.2s;opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/message-box.css b/src/assets/theme/green-2.0.7/message-box.css
new file mode 100644
index 0000000..ca2593d
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/message-box.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button,.el-input__inner{-webkit-appearance:none;line-height:1;outline:0}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button,.el-button-group,.el-input,.el-input__inner{display:inline-block}.el-button-group:after{clear:both}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 49);text-align:center;box-sizing:border-box;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#008040;border-color:#008040}.el-button:active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 221);color:rgb(191, 217, 207)}.el-button.is-active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--primary{color:#fff;background-color:#008040;border-color:#008040}.el-button--primary:focus,.el-button--primary:hover{background:rgb(51, 153, 102);border-color:rgb(51, 153, 102);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(0, 115, 58);border-color:rgb(0, 115, 58);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#008040;background:0 0;padding-left:0;padding-right:0}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-button--text:focus,.el-button--text:hover{color:rgb(51, 153, 102)}.el-button--text:active{color:rgb(0, 115, 58)}.el-button-group{vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-input{position:relative;font-size:14px;width:100%}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49);height:36px;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-message-box{text-align:left;display:inline-block;vertical-align:middle;background-color:#fff;width:420px;border-radius:3px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:20px 20px 0}.el-message-box__headerbtn{position:absolute;top:19px;right:20px;background:0 0;border:none;outline:0;padding:0;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#999}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#008040}.el-message-box__content{padding:30px 20px;color:rgb(72, 106, 94);font-size:14px;position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#ff4949}.el-message-box__errormsg{color:#ff4949;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:16px;font-weight:700;height:18px;color:#333}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:1.4}.el-message-box__btns{padding:10px 20px 15px;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box__status{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:36px!important}.el-message-box__status.el-icon-circle-check{color:#13ce66}.el-message-box__status.el-icon-information{color:#50bfff}.el-message-box__status.el-icon-warning{color:#f7ba2a}.el-message-box__status.el-icon-circle-cross{color:#ff4949}.msgbox-fade-enter-active{animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{animation:msgbox-fade-out .3s}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/message.css b/src/assets/theme/green-2.0.7/message.css
new file mode 100644
index 0000000..fc1eead
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/message.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-message{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:300px;padding:10px 12px;box-sizing:border-box;border-radius:2px;position:fixed;left:50%;top:20px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;transition:opacity .3s,transform .4s;overflow:hidden}.el-message .el-icon-circle-check{color:#13ce66}.el-message .el-icon-circle-cross{color:#ff4949}.el-message .el-icon-information{color:#50bfff}.el-message .el-icon-warning{color:#f7ba2a}.el-message__group{margin-left:38px;position:relative;height:20px;line-height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.el-message__group p{font-size:14px;margin:0 34px 0 0;white-space:nowrap;color:rgb(131, 165, 153);text-align:justify}.el-message__group.is-with-icon{margin-left:0}.el-message__img{width:40px;height:40px;position:absolute;left:0;top:0}.el-message__icon{vertical-align:middle;margin-right:8px}.el-message__closeBtn{top:3px;right:0;position:absolute;cursor:pointer;color:rgb(191, 217, 207);font-size:14px}.el-message__closeBtn:hover{color:rgb(151, 190, 177)}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/notification.css b/src/assets/theme/green-2.0.7/notification.css
new file mode 100644
index 0000000..9336009
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/notification.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-notification{width:330px;padding:20px;box-sizing:border-box;border-radius:2px;position:fixed;right:16px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);transition:opacity .3s,transform .3s,right .3s,top .4s;overflow:hidden}.el-notification .el-icon-circle-check{color:#13ce66}.el-notification .el-icon-circle-cross{color:#ff4949}.el-notification .el-icon-information{color:#50bfff}.el-notification .el-icon-warning{color:#f7ba2a}.el-notification__group{margin-left:0}.el-notification__group.is-with-icon{margin-left:55px}.el-notification__title{font-weight:400;font-size:16px;color:rgb(31, 61, 49);margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:10px 0 0;color:rgb(131, 165, 153);text-align:justify}.el-notification__icon{width:40px;height:40px;font-size:40px;float:left;position:relative;top:3px}.el-notification__closeBtn{top:20px;right:20px;position:absolute;cursor:pointer;color:rgb(191, 217, 207);font-size:14px}.el-notification__closeBtn:hover{color:rgb(151, 190, 177)}.el-notification-fade-enter{-ms-transform:translateX(100%);transform:translateX(100%);right:0}.el-notification-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/option-group.css b/src/assets/theme/green-2.0.7/option-group.css
new file mode 100644
index 0000000..9cb89d3
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/option-group.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/option.css b/src/assets/theme/green-2.0.7/option.css
new file mode 100644
index 0000000..c800862
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/option.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 94);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgb(228, 241, 238)}.el-select-dropdown__item.selected{color:#fff;background-color:#008040}.el-select-dropdown__item.selected.hover{background-color:rgb(0, 113, 56)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 217, 207);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/pagination.css b/src/assets/theme/green-2.0.7/pagination.css
new file mode 100644
index 0000000..a6a8b2d
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/pagination.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-textarea__inner{background-image:none;box-sizing:border-box}.el-input,.el-input__inner{width:100%;display:inline-block}.el-pagination:after,.el-pagination:before{display:table;content:""}.el-pagination:after{clear:both}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 229, 221);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#008040;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 241, 238)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-tag{background-color:rgb(131, 165, 153);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 153)}.el-tag--gray{background-color:rgb(228, 241, 238);border-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 94);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 94)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#008040}.el-tag--primary .el-tag__close:hover{background-color:#008040;color:#fff}.el-tag--primary.is-hit{border-color:#008040}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 94);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgb(228, 241, 238)}.el-select-dropdown__item.selected{color:#fff;background-color:#008040}.el-select-dropdown__item.selected.hover{background-color:rgb(0, 113, 56)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 217, 207);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 165, 153)}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#008040}.el-select .el-input .el-input__icon{color:rgb(191, 217, 207);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 217, 207)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 190, 177)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 229, 221)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;box-sizing:border-box;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 217, 207);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 190, 177)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#008040}.el-select__tag .el-icon-close{font-size:12px}.el-pagination{white-space:nowrap;padding:2px 5px;color:rgb(72, 106, 94)}.el-pagination button,.el-pagination span{display:inline-block;font-size:13px;min-width:28px;height:28px;line-height:28px;vertical-align:top;box-sizing:border-box}.el-pagination .el-select .el-input{width:110px}.el-pagination .el-select .el-input input{padding-right:25px;border-radius:2px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#008040}.el-pagination button.disabled{color:#e4e4e4;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;border:1px solid rgb(209, 229, 221);cursor:pointer;margin:0;color:rgb(151, 190, 177)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px}.el-pagination .btn-prev{border-radius:2px 0 0 2px;border-right:0}.el-pagination .btn-next{border-radius:0 2px 2px 0;border-left:0}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .el-pager li{border-radius:2px}.el-pagination__sizes{margin:0 10px 0 0}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;border-color:rgb(209, 229, 221)}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#008040}.el-pagination__jump{margin-left:10px}.el-pagination__total{margin:0 10px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{border:1px solid rgb(209, 229, 221);border-radius:2px;line-height:18px;padding:4px 2px;width:30px;text-align:center;margin:0 6px;box-sizing:border-box;transition:border .3s;-moz-appearance:textfield}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pagination__editor::-webkit-inner-spin-button,.el-pagination__editor::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__editor:focus{outline:0;border-color:#008040}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0;padding:0}.el-pager li{padding:0 4px;border:1px solid rgb(209, 229, 221);border-right:0;background:#fff;font-size:13px;min-width:28px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-pager li:last-child{border-right:1px solid rgb(209, 229, 221)}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:rgb(151, 190, 177)}.el-pager li.active+li{border-left:0;padding-left:5px}.el-pager li:hover{color:#008040}.el-pager li.active{border-color:#008040;background-color:#008040;color:#fff;cursor:default}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/popover.css b/src/assets/theme/green-2.0.7/popover.css
new file mode 100644
index 0000000..c797923
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/popover.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:2px;border:1px solid rgb(209, 229, 221);padding:10px;z-index:2000;font-size:12px;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-popover .popper__arrow,.el-popover .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popover .popper__arrow{border-width:6px}.el-popover .popper__arrow::after{content:" ";border-width:6px}.el-popover[x-placement^=top]{margin-bottom:12px}.el-popover[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:rgb(209, 229, 221);border-bottom-width:0}.el-popover[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popover[x-placement^=bottom]{margin-top:12px}.el-popover[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:rgb(209, 229, 221)}.el-popover[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popover[x-placement^=right]{margin-left:12px}.el-popover[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:rgb(209, 229, 221);border-left-width:0}.el-popover[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popover[x-placement^=left]{margin-right:12px}.el-popover[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:rgb(209, 229, 221)}.el-popover[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover__title{color:rgb(31, 61, 49);font-size:13px;line-height:1;margin-bottom:9px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/progress.css b/src/assets/theme/green-2.0.7/progress.css
new file mode 100644
index 0000000..4eb186b
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/progress.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-progress-bar__inner:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 106, 94);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 241, 238);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#008040;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/radio-button.css b/src/assets/theme/green-2.0.7/radio-button.css
new file mode 100644
index 0000000..d578baa
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/radio-button.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid rgb(191, 217, 207);border-radius:4px 0 0 4px;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid rgb(191, 217, 207);border-left:0;color:rgb(31, 61, 49);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-radio-button__inner:hover{color:#008040}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#008040;border-color:#008040;box-shadow:-1px 0 0 0 #008040}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);box-shadow:none}.el-radio-button--large .el-radio-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-radio-button--small .el-radio-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner{padding:4px;font-size:12px;border-radius:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/radio-group.css b/src/assets/theme/green-2.0.7/radio-group.css
new file mode 100644
index 0000000..2231971
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/radio-group.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio-group{display:inline-block;font-size:0;line-height:1;vertical-align:middle}.el-radio-group .el-radio{font-size:14px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/radio.css b/src/assets/theme/green-2.0.7/radio.css
new file mode 100644
index 0000000..85eef7d
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/radio.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio,.el-radio__input{white-space:nowrap;cursor:pointer}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:rgb(31, 61, 49);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio+.el-radio{margin-left:15px}.el-radio__input{outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-focus .el-radio__inner{border-color:#008040}.el-radio__input.is-checked .el-radio__inner{border-color:#008040;background:#008040}.el-radio__input.is-checked .el-radio__inner::after{-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-disabled .el-radio__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:rgb(238, 246, 244)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#fff}.el-radio__input.is-disabled+.el-radio__label{color:#bbb;cursor:not-allowed}.el-radio__inner{border:1px solid rgb(191, 217, 207);width:18px;height:18px;border-radius:50%;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#008040}.el-radio__inner::after{width:6px;height:6px;border-radius:50%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio__label{font-size:14px;padding-left:5px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/rate.css b/src/assets/theme/green-2.0.7/rate.css
new file mode 100644
index 0000000..62a0a37
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/rate.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:rgb(191, 217, 207);transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-ms-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/reset.css b/src/assets/theme/green-2.0.7/reset.css
new file mode 100644
index 0000000..f304156
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/reset.css
@@ -0,0 +1 @@
+progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}button,hr,input{overflow:visible}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#008040;text-decoration:none}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;vertical-align:middle}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto;resize:none;vertical-align:top}input,select,textarea{outline:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}input::-moz-placeholder,textarea::-moz-placeholder{color:inherit;opacity:.54}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:inherit;opacity:.54}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.54}input::-ms-clear,input::-ms-reveal{display:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}dd,dl,li,ol,ul{margin:0;padding:0}ol,ul{list-style:none}body{margin:0;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:14px;color:rgb(31, 61, 49)}a:focus,a:hover{color:rgb(51, 153, 102)}a:active{color:rgb(0, 115, 58)}h1,h2,h3,h4,h5,h6{color:rgb(31, 61, 49);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}sub,sup{font-size:13px}small{font-size:12px}hr{box-sizing:content-box;height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/row.css b/src/assets/theme/green-2.0.7/row.css
new file mode 100644
index 0000000..6ef3843
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/row.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-row:after,.el-row:before{display:table;content:""}.el-row:after{clear:both}.el-row{position:relative;box-sizing:border-box}.el-row--flex{display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-align-bottom{-ms-flex-align:end;align-items:flex-end}.el-row--flex.is-align-middle{-ms-flex-align:center;align-items:center}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-justify-space-between{-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-end{-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-center{-ms-flex-pack:center;justify-content:center}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/scrollbar.css b/src/assets/theme/green-2.0.7/scrollbar.css
new file mode 100644
index 0000000..7df0bb5
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/scrollbar.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/select-dropdown.css b/src/assets/theme/green-2.0.7/select-dropdown.css
new file mode 100644
index 0000000..da3b0e5
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/select-dropdown.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 229, 221);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#008040;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 241, 238)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/select.css b/src/assets/theme/green-2.0.7/select.css
new file mode 100644
index 0000000..3c0b933
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/select.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-input__inner,.el-select .el-tag,.el-select-dropdown,.el-select-dropdown__item,.el-tag,.el-textarea__inner{box-sizing:border-box}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 229, 221);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#008040;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 241, 238)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;background-image:none;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-tag{background-color:rgb(131, 165, 153);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 153)}.el-tag--gray{background-color:rgb(228, 241, 238);border-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 94);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 94)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#008040}.el-tag--primary .el-tag__close:hover{background-color:#008040;color:#fff}.el-tag--primary.is-hit{border-color:#008040}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 94);height:36px;line-height:1.5;cursor:pointer}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgb(228, 241, 238)}.el-select-dropdown__item.selected{color:#fff;background-color:#008040}.el-select-dropdown__item.selected.hover{background-color:rgb(0, 113, 56)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 217, 207);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 165, 153)}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#008040}.el-select .el-input .el-input__icon{color:rgb(191, 217, 207);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 217, 207)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 190, 177)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 229, 221)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 217, 207);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 190, 177)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#008040}.el-select__tag .el-icon-close{font-size:12px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/slider.css b/src/assets/theme/green-2.0.7/slider.css
new file mode 100644
index 0000000..f62f667
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/slider.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-textarea__inner{background-image:none;box-sizing:border-box}.el-input,.el-input__inner{width:100%;display:inline-block}.el-slider__button-wrapper:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-slider:after,.el-slider:before{display:table;content:""}.el-slider:after{clear:both}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-input-number{display:inline-block;width:180px;position:relative;line-height:normal}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 229, 221);color:rgb(209, 229, 221)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 229, 221);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 217, 207);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 190, 177);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#008040}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#008040}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 229, 221);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:40px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:28px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 61, 49);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 61, 49);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 61, 49);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 61, 49);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 61, 49);color:#fff}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:4px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:4px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-16px;-ms-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-ms-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:64px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:30px;margin-top:-1px;border:1px solid rgb(191, 217, 207);line-height:20px;box-sizing:border-box;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:rgb(131, 165, 153)}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#008040}.el-slider__runway{width:100%;height:4px;margin:16px 0;background-color:rgb(228, 241, 238);border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar,.el-slider__runway.disabled .el-slider__button{background-color:rgb(191, 217, 207)}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-ms-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:4px;background-color:#008040;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{width:36px;height:36px;position:absolute;z-index:1001;top:-16px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button-wrapper .el-tooltip{vertical-align:middle;display:inline-block}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:12px;height:12px;background-color:#008040;border-radius:50%;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-ms-transform:scale(1.5);transform:scale(1.5);background-color:rgb(0, 113, 56)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;width:4px;height:4px;border-radius:100%;background-color:rgb(191, 217, 207);-ms-transform:translateX(-50%);transform:translateX(-50%)}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/spinner.css b/src/assets/theme/green-2.0.7/spinner.css
new file mode 100644
index 0000000..e4e3474
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/spinner.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/step.css b/src/assets/theme/green-2.0.7/step.css
new file mode 100644
index 0000000..f7d5db8
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/step.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-step.is-horizontal,.el-step.is-vertical .el-step__head,.el-step.is-vertical .el-step__main,.el-step__line{display:inline-block}.el-step{position:relative;vertical-align:top}.el-step:last-child .el-step__main{padding-right:0}.el-step.is-vertical .el-step__main{padding-left:10px}.el-step__line{position:absolute;border-color:inherit;background-color:rgb(191, 217, 207)}.el-step__line.is-vertical{width:2px;box-sizing:border-box;top:32px;bottom:0;left:15px}.el-step__line.is-horizontal{top:15px;height:2px;left:32px;right:0}.el-step__line.is-icon.is-horizontal{right:4px}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:all 150ms;box-sizing:border-box;width:0;height:0}.el-step__icon{display:block;line-height:28px}.el-step__icon>*{line-height:inherit;vertical-align:middle}.el-step__head{width:28px;height:28px;border-radius:50%;background-color:transparent;text-align:center;line-height:28px;font-size:28px;vertical-align:top;transition:all 150ms}.el-step__head.is-finish{color:#008040;border-color:#008040}.el-step__head.is-error{color:#ff4949;border-color:#ff4949}.el-step__head.is-success{color:#13ce66;border-color:#13ce66}.el-step__head.is-process,.el-step__head.is-wait{color:rgb(191, 217, 207);border-color:rgb(191, 217, 207)}.el-step__head.is-text{font-size:14px;border-width:2px;border-style:solid}.el-step__head.is-text.is-finish{color:#fff;background-color:#008040;border-color:#008040}.el-step__head.is-text.is-error{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-step__head.is-text.is-success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-step__head.is-text.is-wait{color:rgb(191, 217, 207);background-color:#fff;border-color:rgb(191, 217, 207)}.el-step__head.is-text.is-process{color:#fff;background-color:rgb(191, 217, 207);border-color:rgb(191, 217, 207)}.el-step__main{white-space:normal;padding-right:10px;text-align:left}.el-step__title{font-size:14px;line-height:32px;display:inline-block}.el-step__title.is-finish{font-weight:700;color:#008040}.el-step__title.is-error{font-weight:700;color:#ff4949}.el-step__title.is-success{font-weight:700;color:#13ce66}.el-step__title.is-wait{font-weight:400;color:rgb(151, 190, 177)}.el-step__title.is-process{font-weight:700;color:rgb(72, 106, 94)}.el-step__description{font-size:12px;font-weight:400;line-height:14px}.el-step__description.is-finish{color:#008040}.el-step__description.is-error{color:#ff4949}.el-step__description.is-success{color:#13ce66}.el-step__description.is-wait{color:rgb(191, 217, 207)}.el-step__description.is-process{color:rgb(131, 165, 153)}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/steps.css b/src/assets/theme/green-2.0.7/steps.css
new file mode 100644
index 0000000..586d1f9
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/steps.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-steps{font-size:0}.el-steps>:last-child .el-step__line{display:none}.el-steps.is-horizontal{white-space:nowrap}.el-steps.is-horizontal.is-center{text-align:center}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/submenu.css b/src/assets/theme/green-2.0.7/submenu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/switch.css b/src/assets/theme/green-2.0.7/switch.css
new file mode 100644
index 0000000..7657dde
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/switch.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-switch,.el-switch__label,.el-switch__label *{font-size:14px;display:inline-block}.el-switch{position:relative;line-height:22px;height:22px;vertical-align:middle}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-switch.is-disabled .el-switch__core{border-color:rgb(228, 241, 238)!important;background:rgb(228, 241, 238)!important}.el-switch.is-disabled .el-switch__core span{background-color:rgb(250, 252, 251)!important}.el-switch.is-disabled .el-switch__core~.el-switch__label *{color:rgb(250, 252, 251)!important}.el-switch.is-checked .el-switch__core{border-color:#008040;background-color:#008040}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{width:46px;height:22px;cursor:pointer}.el-switch__label{transition:.2s;position:absolute;left:0;top:0;z-index:2}.el-switch__label *{line-height:1;top:4px;position:absolute;color:#fff}.el-switch__label--left i{left:6px}.el-switch__label--right i{right:6px}.el-switch__input{display:none}.el-switch__input.allow-focus{z-index:0;display:inline;display:initial;position:absolute;left:0;top:0;outline:0;opacity:0}.el-switch__input.allow-focus:focus+.el-switch__core{box-shadow:0 0 2px #008040}.el-switch__core{margin:0;display:inline-block;position:relative;border:1px solid rgb(191, 217, 207);outline:0;border-radius:12px;box-sizing:border-box;background:rgb(191, 217, 207);transition:border-color .3s,background-color .3s;z-index:1}.el-switch__core .el-switch__button{top:0;left:0;position:absolute;border-radius:100%;transition:transform .3s;width:16px;height:16px;background-color:#fff}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/tab-pane.css b/src/assets/theme/green-2.0.7/tab-pane.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/green-2.0.7/table-column.css b/src/assets/theme/green-2.0.7/table-column.css
new file mode 100644
index 0000000..8f15f7b
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/table-column.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative}.el-checkbox,.el-checkbox-button__inner{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;white-space:nowrap}.el-checkbox{color:rgb(31, 61, 49)}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{white-space:nowrap;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#008040}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 244)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#008040}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#008040;border-color:#008040;box-shadow:-1px 0 0 0 #008040}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);box-shadow:none}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#008040}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 207);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;vertical-align:middle;background:#fff;border:1px solid rgb(191, 217, 207);border-left:0;color:rgb(31, 61, 49);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#008040}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;visibility:hidden;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}.el-tag{background-color:rgb(131, 165, 153);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 153)}.el-tag--gray{background-color:rgb(228, 241, 238);border-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 94);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 94)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#008040}.el-tag--primary .el-tag__close:hover{background-color:#008040;color:#fff}.el-tag--primary.is-hit{border-color:#008040}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid rgb(209, 229, 221);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-table-filter__list-item.is-active{background-color:#008040;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid rgb(209, 229, 221);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:rgb(131, 165, 153);cursor:pointer;font-size:14px;padding:0 3px}.el-table-filter__bottom button:hover{color:#008040}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:rgb(191, 217, 207);cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/table.css b/src/assets/theme/green-2.0.7/table.css
new file mode 100644
index 0000000..10a3ead
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/table.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative}.el-checkbox,.el-checkbox-button__inner{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;white-space:nowrap}.el-table .hidden-columns,.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}.el-checkbox{color:rgb(31, 61, 49)}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{white-space:nowrap;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#008040}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 244)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#008040}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-table,.el-table td,.el-table th,.el-tag{box-sizing:border-box}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#008040;border-color:#008040;box-shadow:-1px 0 0 0 #008040}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);box-shadow:none}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#008040}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 207);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;vertical-align:middle;background:#fff;border:1px solid rgb(191, 217, 207);border-left:0;color:rgb(31, 61, 49);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#008040}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;visibility:hidden;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}.el-tag{background-color:rgb(131, 165, 153);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 153)}.el-tag--gray{background-color:rgb(228, 241, 238);border-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 94);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 94)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#008040}.el-tag--primary .el-tag__close:hover{background-color:#008040;color:#fff}.el-tag--primary.is-hit{border-color:#008040}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-table{position:relative;overflow:hidden;width:100%;max-width:100%;background-color:#fff;border:1px solid rgb(223, 236, 230);font-size:14px;color:rgb(31, 61, 49)}.el-table .el-tooltip.cell{white-space:nowrap;min-width:50px}.el-table td,.el-table th{height:40px;min-width:0;text-overflow:ellipsis;vertical-align:middle;position:relative}.el-table::after,.el-table::before{content:'';position:absolute;background-color:rgb(223, 236, 230);z-index:1}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td,.el-table th.is-leaf{border-bottom:1px solid rgb(223, 236, 230)}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .cell,.el-table th>div{box-sizing:border-box;text-overflow:ellipsis;padding-left:18px;padding-right:18px}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table::after{top:0;right:0;width:1px;height:100%}.el-table .caret-wrapper,.el-table th>.cell{position:relative;vertical-align:middle;display:inline-block}.el-table th{white-space:nowrap;overflow:hidden;background-color:rgb(238, 246, 244);text-align:left}.el-table th.is-sortable{cursor:pointer}.el-table th>div{display:inline-block;line-height:40px;overflow:hidden;white-space:nowrap}.el-table td>div{box-sizing:border-box}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table th>.cell{word-wrap:normal;text-overflow:ellipsis;line-height:30px;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#008040}.el-table .caret-wrapper{cursor:pointer;margin-left:5px;margin-top:-2px;width:16px;height:30px;overflow:visible;overflow:initial}.el-table .cell,.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table .sort-caret{display:inline-block;width:0;height:0;border:0;content:"";position:absolute;left:3px;z-index:2}.el-table .sort-caret.ascending,.el-table .sort-caret.descending{border-right:5px solid transparent;border-left:5px solid transparent}.el-table .sort-caret.ascending{top:9px;border-top:none;border-bottom:5px solid rgb(151, 190, 177)}.el-table .sort-caret.descending{bottom:9px;border-top:5px solid rgb(151, 190, 177);border-bottom:none}.el-table .ascending .sort-caret.ascending{border-bottom-color:rgb(72, 106, 94)}.el-table .descending .sort-caret.descending{border-top-color:rgb(72, 106, 94)}.el-table td.gutter{width:0}.el-table .cell{white-space:normal;word-break:break-all;line-height:24px}.el-table tr input[type=checkbox]{margin:0}.el-table tr{background-color:#fff}.el-table .hidden-columns{position:absolute;z-index:-1}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;transition:transform .2s ease-in-out;height:40px}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expand-icon--expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expanded-cell{padding:20px 50px;background-color:rgb(250, 252, 251);box-shadow:inset 0 2px 0 #f4f4f4}.el-table__expanded-cell:hover{background-color:rgb(250, 252, 251)!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid rgb(223, 236, 230)}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table--border td,.el-table--border th{border-right:1px solid rgb(223, 236, 230)}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;box-shadow:1px 0 8px #d3d4d6;overflow-x:hidden}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgb(223, 236, 230);z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:rgb(238, 246, 244)}.el-table__fixed-right{top:0;left:auto;right:0;box-shadow:-1px 0 8px #d3d4d6}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-header-wrapper thead div{background-color:rgb(238, 246, 244);color:rgb(31, 61, 49)}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid rgb(223, 236, 230);background-color:rgb(250, 252, 251);color:rgb(31, 61, 49)}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td{border-top:1px solid rgb(223, 236, 230)}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed}.el-table__footer-wrapper thead div,.el-table__header-wrapper thead div{background-color:rgb(238, 246, 244);color:rgb(31, 61, 49)}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:rgb(250, 252, 251);color:rgb(31, 61, 49)}.el-table__body-wrapper{overflow:auto;position:relative}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA;background-clip:padding-box}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td{background:rgb(235, 245, 240)}.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(238, 246, 244)}.el-table__body tr.current-row>td{background:rgb(235, 245, 240)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid rgb(223, 236, 230);z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;margin-left:5px;cursor:pointer}.el-table__column-filter-trigger i{color:rgb(151, 190, 177)}.el-table--enable-row-transition .el-table__body td{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:rgb(238, 246, 244);background-clip:padding-box}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/tabs.css b/src/assets/theme/green-2.0.7/tabs.css
new file mode 100644
index 0000000..fc51f7a
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/tabs.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tabs__header{border-bottom:1px solid rgb(209, 229, 221);padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:3px;background-color:#008040;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-ms-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#008040}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap.is-scrollable{padding:0 15px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:rgb(131, 165, 153)}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;transition:transform .3s;float:left}.el-tabs__item{padding:0 16px;height:42px;box-sizing:border-box;line-height:42px;display:inline-block;list-style:none;font-size:14px;color:rgb(131, 165, 153);position:relative}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-ms-transform:scale(.7,.7);transform:scale(.7,.7);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:rgb(151, 190, 177);color:#fff}.el-tabs__item:hover{color:rgb(31, 61, 49);cursor:pointer}.el-tabs__item.is-disabled{color:#bbb;cursor:default}.el-tabs__item.is-active{color:#008040}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid transparent;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-right:9px;padding-left:9px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border:1px solid rgb(209, 229, 221);border-bottom-color:#fff;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-right:16px;padding-left:16px}.el-tabs--border-card{background:#fff;border:1px solid rgb(209, 229, 221);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:rgb(238, 246, 244);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;border-top:0;margin-right:-1px;margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:#fff;border-right-color:rgb(209, 229, 221);border-left-color:rgb(209, 229, 221)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:first-child{border-left-color:rgb(209, 229, 221)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:last-child{border-right-color:rgb(209, 229, 221)}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave .3s}.slideInLeft-enter{animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave .3s}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/tag.css b/src/assets/theme/green-2.0.7/tag.css
new file mode 100644
index 0000000..088ddcf
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/tag.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tag{background-color:rgb(131, 165, 153);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 153)}.el-tag--gray{background-color:rgb(228, 241, 238);border-color:rgb(228, 241, 238);color:rgb(72, 106, 94)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 94);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 94)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#008040}.el-tag--primary .el-tag__close:hover{background-color:#008040;color:#fff}.el-tag--primary.is-hit{border-color:#008040}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/time-picker.css b/src/assets/theme/green-2.0.7/time-picker.css
new file mode 100644
index 0000000..8c99290
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/time-picker.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 241, 238);cursor:pointer}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 229, 221);cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 229, 221);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#008040;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 165, 153)}.el-time-panel__btn.confirm{font-weight:800;color:#008040}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49);display:inline-block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 49);background-color:#fff;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/time-select.css b/src/assets/theme/green-2.0.7/time-select.css
new file mode 100644
index 0000000..e4c1b62
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/time-select.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-picker-panel{color:rgb(72, 106, 94);border:1px solid rgb(209, 229, 221);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 106, 94);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 241, 238)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#008040}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 190, 177);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#008040}.el-picker-panel__link-btn{cursor:pointer;color:#008040;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(250, 252, 251);overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px}.time-select-item.selected:not(.disabled){background-color:#008040;color:#fff}.time-select-item.selected:not(.disabled):hover{background-color:#008040}.time-select-item.disabled{color:rgb(209, 229, 221);cursor:not-allowed}.time-select-item:hover{background-color:rgb(228, 241, 238);cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/tooltip.css b/src/assets/theme/green-2.0.7/tooltip.css
new file mode 100644
index 0000000..afd1253
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/tooltip.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 61, 49);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 61, 49);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 61, 49);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 61, 49);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 61, 49)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 61, 49)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 61, 49);color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/transfer.css b/src/assets/theme/green-2.0.7/transfer.css
new file mode 100644
index 0000000..61f4e09
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/transfer.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-transfer-panel .el-transfer-panel__footer:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button-group:after{clear:both}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 207)}.el-input.is-active .el-input__inner{outline:0;border-color:#008040}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 207);box-sizing:border-box;color:rgb(31, 61, 49);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-button,.el-checkbox-button__inner{-webkit-appearance:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;outline:0;text-align:center}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-input__inner::placeholder{color:rgb(151, 190, 177)}.el-input__inner:hover{border-color:rgb(131, 165, 153)}.el-input__inner:focus{outline:0;border-color:#008040}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 207);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 153)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 153)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 252, 251);color:rgb(151, 190, 177);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-button,.el-textarea__inner{font-size:14px;box-sizing:border-box}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 207)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 207)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;color:rgb(31, 61, 49);background-color:#fff;background-image:none;border:1px solid rgb(191, 217, 207);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 177)}.el-textarea__inner::placeholder{color:rgb(151, 190, 177)}.el-textarea__inner:hover{border-color:rgb(131, 165, 153)}.el-textarea__inner:focus{outline:0;border-color:#008040}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 49);margin:0;padding:10px 15px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#008040;border-color:#008040}.el-button:active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221)}.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 221);color:rgb(191, 217, 207)}.el-button.is-active{color:rgb(0, 115, 58);border-color:rgb(0, 115, 58)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--primary{color:#fff;background-color:#008040;border-color:#008040}.el-button--primary:focus,.el-button--primary:hover{background:rgb(51, 153, 102);border-color:rgb(51, 153, 102);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(0, 115, 58);border-color:rgb(0, 115, 58);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#008040;color:#008040}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(0, 115, 58);color:rgb(0, 115, 58);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 207);color:rgb(31, 61, 49)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#008040;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(51, 153, 102)}.el-button--text:active{color:rgb(0, 115, 58)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-checkbox{color:rgb(31, 61, 49);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#008040}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#008040;border-color:rgb(1, 117, 59)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 244)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 221);border-color:rgb(209, 229, 221)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 207);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#008040}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#008040;border-color:#008040;box-shadow:-1px 0 0 0 #008040}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 207);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 244);border-color:rgb(209, 229, 221);box-shadow:none}.el-checkbox-button__inner,.el-transfer-panel{background:#fff;vertical-align:middle;box-sizing:border-box}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#008040}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 207);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;white-space:nowrap;border:1px solid rgb(191, 217, 207);border-left:0;color:rgb(31, 61, 49);margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#008040}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;visibility:hidden;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 10px}.el-transfer__buttons .el-button{display:block;margin:0 auto;padding:8px 12px}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__buttons .el-button [class*=el-icon-]+span{margin-left:0}.el-transfer__buttons .el-button:first-child{margin-bottom:6px}.el-transfer-panel{border:1px solid rgb(209, 229, 221);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);display:inline-block;width:200px;position:relative}.el-transfer-panel .el-transfer-panel__header{height:36px;line-height:36px;background:rgb(250, 252, 251);margin:0;padding-left:20px;border-bottom:1px solid rgb(209, 229, 221);box-sizing:border-box;color:rgb(31, 61, 49)}.el-transfer-panel .el-transfer-panel__footer{height:36px;background:#fff;margin:0;padding:0;border-top:1px solid rgb(209, 229, 221);position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:rgb(131, 165, 153)}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:32px;line-height:32px;padding:6px 20px 0;color:rgb(131, 165, 153)}.el-transfer-panel .el-checkbox__label{padding-left:14px}.el-transfer-panel .el-checkbox__inner{width:14px;height:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-transfer-panel__body{padding-bottom:36px;height:246px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:214px}.el-transfer-panel__item{height:32px;line-height:32px;padding-left:20px;display:block}.el-transfer-panel__item .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:28px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:9px}.el-transfer-panel__item.el-checkbox{color:rgb(72, 106, 94)}.el-transfer-panel__item:hover{background:rgb(228, 241, 238)}.el-transfer-panel__filter{margin-top:10px;text-align:center;padding:0 10px;width:100%;box-sizing:border-box}.el-transfer-panel__filter .el-input__inner{height:22px;width:100%;display:inline-block;box-sizing:border-box}.el-transfer-panel__filter .el-input__icon{right:10px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/tree.css b/src/assets/theme/green-2.0.7/tree.css
new file mode 100644
index 0000000..eb2c3c4
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/tree.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tree{cursor:default;background:#fff;border:1px solid rgb(209, 229, 221)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-tree-node{white-space:nowrap}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree-node__expand-icon,.el-tree-node__label,.el-tree-node__loading-icon{display:inline-block;vertical-align:middle}.el-tree-node__content{line-height:36px;height:36px;cursor:pointer}.el-tree-node__content>.el-checkbox,.el-tree-node__content>.el-tree-node__expand-icon{margin-right:8px}.el-tree-node__content>.el-checkbox{vertical-align:middle}.el-tree-node__content:hover{background:rgb(228, 241, 238)}.el-tree-node__expand-icon{cursor:pointer;width:0;height:0;margin-left:10px;border:6px solid transparent;border-right-width:0;border-left-color:rgb(151, 190, 177);border-left-width:7px;-ms-transform:rotate(0);transform:rotate(0);transition:transform .3s ease-in-out}.el-tree-node__expand-icon:hover{border-left-color:#999}.el-tree-node__expand-icon.expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{border-color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:4px;font-size:14px;color:rgb(151, 190, 177)}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:rgb(235, 245, 240)}
\ No newline at end of file
diff --git a/src/assets/theme/green-2.0.7/upload.css b/src/assets/theme/green-2.0.7/upload.css
new file mode 100644
index 0000000..475a27b
--- /dev/null
+++ b/src/assets/theme/green-2.0.7/upload.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-upload-cover__title,.el-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-progress-bar__inner:after,.el-upload-cover:after,.el-upload-list--picture-card .el-upload-list__item-actions:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 106, 94);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 241, 238);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#008040;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:rgb(131, 165, 153);margin-top:7px}.el-upload--picture-card{background-color:rgb(250, 252, 251);border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:#008040;color:#008040}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-upload__text{color:rgb(151, 190, 177);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#008040;font-style:normal}.el-upload-dragger .el-icon-upload{font-size:67px;color:rgb(151, 190, 177);margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid rgba(191,203,217,.2);margin-top:7px;padding-top:5px}.el-upload-dragger:hover{border-color:#008040}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #008040}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:rgb(72, 106, 94);line-height:1.8;margin-top:5px;box-sizing:border-box;border-radius:4px;width:100%;position:relative}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;top:-13px;right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#13ce66}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:rgb(72, 106, 94);-ms-transform:scale(.7);transform:scale(.7)}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item:hover{background-color:rgb(238, 246, 244)}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#008040;cursor:pointer}.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none}.el-upload-list__item-name{color:rgb(72, 106, 94);display:block;margin-right:40px;padding-left:4px;transition:color .3s}.el-upload-list__item-name [class^=el-icon]{color:rgb(151, 190, 177);margin-right:7px;height:100%;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:rgb(72, 106, 94);display:none}.el-upload-list__item-delete:hover{color:#008040}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-ms-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:rgb(72, 106, 94)}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/alert.css b/src/assets/theme/new-green/alert.css
new file mode 100644
index 0000000..b4598a6
--- /dev/null
+++ b/src/assets/theme/new-green/alert.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;color:#fff;opacity:1;display:table;transition:opacity .2s}.el-alert .el-alert__description{color:#fff;font-size:12px;margin:5px 0 0}.el-alert--success{background-color:#13ce66}.el-alert--info{background-color:#50bfff}.el-alert--warning{background-color:#f7ba2a}.el-alert--error{background-color:#ff4949}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px;display:table-cell;color:#fff;vertical-align:middle}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert__closebtn{font-size:12px;color:#fff;opacity:1;top:12px;right:15px;position:absolute;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/autocomplete.css b/src/assets/theme/new-green/autocomplete.css
new file mode 100644
index 0000000..0dedb9c
--- /dev/null
+++ b/src/assets/theme/new-green/autocomplete.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-textarea__inner{background-image:none;box-sizing:border-box}.el-input,.el-input__inner{width:100%;display:inline-block}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.12)}.el-autocomplete-suggestion li{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer;color:rgb(72, 106, 102);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:rgb(228, 241, 241)}.el-autocomplete-suggestion li.highlighted{background-color:#50caa9;color:#fff}.el-autocomplete-suggestion li:active{background-color:#0082e6}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid rgb(209, 229, 226)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-autocomplete-suggestion__wrap{max-height:280px;overflow:auto;background-color:#fff;border:1px solid rgb(209, 229, 226);padding:6px 0;border-radius:2px;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/badge.css b/src/assets/theme/new-green/badge.css
new file mode 100644
index 0000000..2c064fa
--- /dev/null
+++ b/src/assets/theme/new-green/badge.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#ff4949;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-dot{width:8px;height:8px;padding:0;right:0;border-radius:50%}.el-badge__content.is-fixed{top:0;right:10px;position:absolute;-ms-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/base.css b/src/assets/theme/new-green/base.css
new file mode 100644
index 0000000..3f54e4c
--- /dev/null
+++ b/src/assets/theme/new-green/base.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/breadcrumb-item.css b/src/assets/theme/new-green/breadcrumb-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/breadcrumb.css b/src/assets/theme/new-green/breadcrumb.css
new file mode 100644
index 0000000..825819b
--- /dev/null
+++ b/src/assets/theme/new-green/breadcrumb.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-breadcrumb{font-size:13px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{display:table;content:""}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{margin:0 8px;color:rgb(191, 217, 213)}.el-breadcrumb__item{float:left}.el-breadcrumb__item:last-child .el-breadcrumb__item__inner,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover{color:rgb(151, 190, 186);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-breadcrumb__item__inner,.el-breadcrumb__item__inner a{transition:color .15s linear;color:rgb(72, 106, 102)}.el-breadcrumb__item__inner a:hover,.el-breadcrumb__item__inner:hover{color:#50caa9;cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/button-group.css b/src/assets/theme/new-green/button-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/button.css b/src/assets/theme/new-green/button.css
new file mode 100644
index 0000000..cdc254d
--- /dev/null
+++ b/src/assets/theme/new-green/button.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 56);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50caa9;border-color:#50caa9}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 226);color:rgb(191, 217, 213)}.el-button.is-active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--primary{color:#fff;background-color:#50caa9;border-color:#50caa9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#50caa9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186)}.el-button--text:active{color:rgb(72, 182, 152)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button-group:after{clear:both}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/card.css b/src/assets/theme/new-green/card.css
new file mode 100644
index 0000000..1f1c3a3
--- /dev/null
+++ b/src/assets/theme/new-green/card.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-card{border:1px solid rgb(209, 229, 226);border-radius:4px;background-color:#fff;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card__header{padding:18px 20px;border-bottom:1px solid rgb(209, 229, 226);box-sizing:border-box}.el-card__body{padding:20px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/carousel-item.css b/src/assets/theme/new-green/carousel-item.css
new file mode 100644
index 0000000..88cbf00
--- /dev/null
+++ b/src/assets/theme/new-green/carousel-item.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item,.el-carousel__mask{position:absolute;height:100%;top:0;left:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#fff;opacity:.24;transition:.2s}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/carousel.css b/src/assets/theme/new-green/carousel.css
new file mode 100644
index 0000000..0a8ab68
--- /dev/null
+++ b/src/assets/theme/new-green/carousel.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-carousel__arrow,.el-carousel__button{outline:0;margin:0;cursor:pointer;transition:.3s}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;padding:0;width:36px;height:36px;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-ms-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:rgb(131, 165, 161);opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-ms-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{width:auto;height:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;padding:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-ms-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-ms-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/cascader.css b/src/assets/theme/new-green/cascader.css
new file mode 100644
index 0000000..c217f3f
--- /dev/null
+++ b/src/assets/theme/new-green/cascader.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 213);box-sizing:border-box;color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-cascader-menu,.el-textarea__inner{background-color:#fff;box-sizing:border-box}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-image:none;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-cascader{display:inline-block;position:relative}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{transition:none}.el-cascader .el-icon-caret-bottom{transition:transform .3s}.el-cascader .el-icon-caret-bottom.is-reverse{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-cascader .el-icon-circle-close{z-index:2}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#bbb}.el-cascader__label{position:absolute;left:0;top:0;height:100%;line-height:36px;padding:0 25px 0 10px;color:rgb(31, 61, 56);width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:left}.el-cascader__label span{color:rgb(151, 190, 186)}.el-cascader--large{font-size:16px}.el-cascader--large .el-cascader__label{line-height:40px}.el-cascader--small{font-size:13px}.el-cascader--small .el-cascader__label{line-height:28px}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid rgb(209, 229, 226);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px rgb(209, 229, 226);margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 30px 8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 102);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-cascader-menu__item:hover{background-color:rgb(228, 241, 241)}.el-cascader-menu__item.selected{color:#fff;background-color:#50caa9}.el-cascader-menu__item.selected.hover{background-color:rgb(70, 178, 149)}.el-cascader-menu__item.is-active{color:#fff;background-color:#50caa9}.el-cascader-menu__item.is-active:hover{background-color:rgb(70, 178, 149)}.el-cascader-menu__item.is-disabled{color:rgb(191, 217, 213);background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e606";font-size:12px;-ms-transform:scale(.8);transform:scale(.8);color:rgb(191, 217, 213);position:absolute;right:10px;margin-top:1px}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/checkbox-button.css b/src/assets/theme/new-green/checkbox-button.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/checkbox-group.css b/src/assets/theme/new-green/checkbox-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/checkbox.css b/src/assets/theme/new-green/checkbox.css
new file mode 100644
index 0000000..e73f1c6
--- /dev/null
+++ b/src/assets/theme/new-green/checkbox.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative}.el-checkbox,.el-checkbox-button__inner{white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox{color:rgb(31, 61, 56)}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{white-space:nowrap;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50caa9}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 246)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50caa9}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50caa9;border-color:#50caa9;box-shadow:-1px 0 0 0 #50caa9}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);box-shadow:none}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50caa9}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 213);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;vertical-align:middle;background:#fff;border:1px solid rgb(191, 217, 213);border-left:0;color:rgb(31, 61, 56);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#50caa9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;visibility:hidden;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/col.css b/src/assets/theme/new-green/col.css
new file mode 100644
index 0000000..3b19b1b
--- /dev/null
+++ b/src/assets/theme/new-green/col.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9{position:relative}.el-col-1,.el-col-10,.el-col-11,.el-col-12,.el-col-13,.el-col-14,.el-col-15,.el-col-16,.el-col-17,.el-col-18,.el-col-19,.el-col-2,.el-col-20,.el-col-21,.el-col-22,.el-col-23,.el-col-24,.el-col-3,.el-col-4,.el-col-5,.el-col-6,.el-col-7,.el-col-8,.el-col-9{float:left;box-sizing:border-box}.el-col-0{width:0}.el-col-offset-0{margin-left:0}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media (max-width:768px){.el-col-xs-0{width:0}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media (min-width:768px){.el-col-sm-0{width:0}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media (min-width:992px){.el-col-md-0{width:0}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media (min-width:1200px){.el-col-lg-0{width:0}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/collapse-item.css b/src/assets/theme/new-green/collapse-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/collapse.css b/src/assets/theme/new-green/collapse.css
new file mode 100644
index 0000000..fb289ec
--- /dev/null
+++ b/src/assets/theme/new-green/collapse.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-collapse{border:1px solid rgb(223, 236, 234);border-radius:0}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse-item.is-active>.el-collapse-item__header .el-collapse-item__header__arrow{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header{height:43px;line-height:43px;padding-left:15px;background-color:#fff;color:rgb(72, 106, 102);cursor:pointer;border-bottom:1px solid rgb(223, 236, 234);font-size:13px}.el-collapse-item__header__arrow{margin-right:8px;transition:transform .3s}.el-collapse-item__wrap{will-change:height;background-color:rgb(252, 254, 253);overflow:hidden;box-sizing:border-box;border-bottom:1px solid rgb(223, 236, 234)}.el-collapse-item__content{padding:10px 15px;font-size:13px;color:rgb(31, 61, 56);line-height:1.769230769230769}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/color-picker.css b/src/assets/theme/new-green/color-picker.css
new file mode 100644
index 0000000..ee12aa5
--- /dev/null
+++ b/src/assets/theme/new-green/color-picker.css
@@ -0,0 +1 @@
+.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:rgb(31, 61, 56)}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#50caa9;border-color:#50caa9}.el-color-dropdown__link-btn{cursor:pointer;color:#50caa9;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:rgb(115, 213, 186)}.el-color-picker{display:inline-block;position:relative;line-height:normal}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:36px;padding:6px;border:1px solid rgb(191, 217, 213);border-radius:4px;font-size:0}.el-color-picker__color{position:relative;display:inline-block;box-sizing:border-box;border:1px solid #666;width:22px;height:22px;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;vertical-align:middle;color:#666;position:absolute;top:4px;left:4px}.el-color-picker__icon{display:inline-block;position:relative;top:-6px;margin-left:8px;width:12px;color:#888;font-size:12px}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid rgb(209, 229, 226);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12)}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/date-picker.css b/src/assets/theme/new-green/date-picker.css
new file mode 100644
index 0000000..a22b59d
--- /dev/null
+++ b/src/assets/theme/new-green/date-picker.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-month-table,.el-year-table{margin:-1px;border-collapse:collapse}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-date-picker table,.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-table{font-size:12px;min-width:224px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table td{width:32px;height:32px;box-sizing:border-box;text-align:center;cursor:pointer}.el-date-table td.next-month,.el-date-table td.prev-month{color:#ddd}.el-date-table td.today{color:#50caa9;position:relative}.el-date-table td.today:before{content:" ";position:absolute;top:0;right:0;width:0;height:0;border-top:.5em solid #50caa9;border-left:.5em solid transparent}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.available:hover{background-color:rgb(228, 241, 241)}.el-date-table td.in-range{background-color:rgb(220, 244, 238)}.el-date-table td.in-range:hover{background-color:rgb(220, 244, 238)Hover}.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{background-color:#50caa9!important;color:#fff}.el-date-table td.disabled{background-color:#f4f4f4;opacity:1;cursor:not-allowed;color:#ccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:rgb(131, 165, 161)}.el-date-table th{padding:5px;color:rgb(131, 165, 161);font-weight:400}.el-date-table.is-week-mode .el-date-table__row:hover{background-color:rgb(228, 241, 241)}.el-date-table.is-week-mode .el-date-table__row.current{background-color:rgb(220, 244, 238)}.el-month-table{font-size:12px}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td .cell{color:rgb(72, 106, 102)}.el-month-table td .cell:hover{background-color:rgb(228, 241, 241)}.el-month-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-month-table td.current:not(.disabled) .cell{background-color:#50caa9!important;color:#fff}.el-year-table{font-size:12px}.el-year-table .el-icon{color:rgb(151, 190, 186)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td .cell{color:rgb(72, 106, 102)}.el-year-table td .cell:hover{background-color:rgb(228, 241, 241)}.el-year-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-year-table td.current:not(.disabled) .cell{background-color:#50caa9!important;color:#fff}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 241, 241);cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 229, 226);cursor:not-allowed}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-picker-panel{color:rgb(72, 106, 102);border:1px solid rgb(209, 229, 226);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 106, 102);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 241, 241)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#50caa9}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 190, 186);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#50caa9}.el-picker-panel__link-btn{cursor:pointer;color:#50caa9;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(252, 254, 253);overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{min-width:520px}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker.has-sidebar.has-time{min-width:766px}.el-date-range-picker.has-sidebar{min-width:620px}.el-date-range-picker.has-time{min-width:660px}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header button{float:left}.el-date-range-picker__header div{font-size:14px;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-right .el-date-range-picker__header button{float:right}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:rgb(151, 190, 186)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-time-range-picker{min-width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid rgb(209, 229, 226)}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 229, 226);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#50caa9;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 165, 161)}.el-time-panel__btn.confirm{font-weight:800;color:#50caa9}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56);display:inline-block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/dialog.css b/src/assets/theme/new-green/dialog.css
new file mode 100644
index 0000000..2d81ef4
--- /dev/null
+++ b/src/assets/theme/new-green/dialog.css
@@ -0,0 +1 @@
+@charset "UTF-8";.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-dialog{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin-bottom:50px}.el-dialog--tiny{width:30%}.el-dialog--small{width:50%}.el-dialog--large{width:90%}.el-dialog--full{width:100%;top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{top:0;right:0;bottom:0;left:0;position:fixed;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 0}.el-dialog__header:after,.el-dialog__header:before{display:table;content:""}.el-dialog__header:after{clear:both}.el-dialog__headerbtn{float:right;background:0 0;border:none;outline:0;padding:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:rgb(191, 217, 213)}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#50caa9}.el-dialog__title{line-height:1;font-size:16px;font-weight:700;color:rgb(31, 61, 56)}.el-dialog__body{padding:30px 20px;color:rgb(72, 106, 102);font-size:14px}.el-dialog__footer{padding:10px 20px 15px;text-align:right;box-sizing:border-box}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/dropdown-item.css b/src/assets/theme/new-green/dropdown-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/dropdown-menu.css b/src/assets/theme/new-green/dropdown-menu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/dropdown.css b/src/assets/theme/new-green/dropdown.css
new file mode 100644
index 0000000..eb8dfb7
--- /dev/null
+++ b/src/assets/theme/new-green/dropdown.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button,.el-button-group,.el-dropdown{display:inline-block}.el-button-group:after{clear:both}.el-button{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 56);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50caa9;border-color:#50caa9}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 226);color:rgb(191, 217, 213)}.el-button.is-active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--primary{color:#fff;background-color:#50caa9;border-color:#50caa9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#50caa9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186)}.el-button--text:active{color:rgb(72, 182, 152)}.el-button-group{vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-dropdown{position:relative;color:rgb(72, 106, 102);font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-right:5px;padding-left:5px}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown-menu{margin:5px 0;background-color:#fff;border:1px solid rgb(209, 229, 226);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);padding:6px 0;z-index:10;position:absolute;top:0;left:0;min-width:100px}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer}.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-dropdown-menu__item.is-disabled{cursor:default;color:rgb(191, 217, 213);pointer-events:none}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid rgb(209, 229, 226)}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -10px;background-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/fonts/element-icons.ttf b/src/assets/theme/new-green/fonts/element-icons.ttf
new file mode 100644
index 0000000..9c1b720
Binary files /dev/null and b/src/assets/theme/new-green/fonts/element-icons.ttf differ
diff --git a/src/assets/theme/new-green/fonts/element-icons.woff b/src/assets/theme/new-green/fonts/element-icons.woff
new file mode 100644
index 0000000..2bbd019
Binary files /dev/null and b/src/assets/theme/new-green/fonts/element-icons.woff differ
diff --git a/src/assets/theme/new-green/form-item.css b/src/assets/theme/new-green/form-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/form.css b/src/assets/theme/new-green/form.css
new file mode 100644
index 0000000..6ca9d01
--- /dev/null
+++ b/src/assets/theme/new-green/form.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item:after,.el-form-item__content:after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item:after,.el-form-item:before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner,.el-form-item.is-error .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-textarea__inner{border-color:#ff4949}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#ff4949;margin-right:4px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:rgb(72, 106, 102);line-height:1;padding:11px 12px 11px 0;box-sizing:border-box}.el-form-item__content{line-height:36px;position:relative;font-size:14px}.el-form-item__content:after,.el-form-item__content:before{display:table;content:""}.el-form-item__error{color:#ff4949;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/icon.css b/src/assets/theme/new-green/icon.css
new file mode 100644
index 0000000..fdbd61e
--- /dev/null
+++ b/src/assets/theme/new-green/icon.css
@@ -0,0 +1 @@
+@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/index.css b/src/assets/theme/new-green/index.css
new file mode 100644
index 0000000..f797a26
--- /dev/null
+++ b/src/assets/theme/new-green/index.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-breadcrumb:after,.el-breadcrumb:before,.el-button-group:after,.el-button-group:before,.el-form-item:after,.el-form-item:before,.el-form-item__content:after,.el-form-item__content:before{display:table;content:""}.el-checkbox-button__original,.el-pagination--small .arrow.disabled,.el-table .hidden-columns,.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}.el-form-item__content:after{clear:both}.el-form-item:after{clear:both}.el-breadcrumb:after{clear:both}.el-button-group:after{clear:both}.el-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-dialog__header:after,.el-dialog__header:before{display:table;content:""}.el-dialog__header:after{clear:both}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:rgb(72, 106, 102)}.el-pagination:after,.el-pagination:before{display:table;content:""}.el-pagination:after{clear:both}.el-pagination button,.el-pagination span{display:inline-block;font-size:13px;min-width:28px;height:28px;line-height:28px;vertical-align:top;box-sizing:border-box}.el-pagination .el-select .el-input{width:110px}.el-pagination .el-select .el-input input{padding-right:25px;border-radius:2px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#50caa9}.el-pagination button.disabled{color:#e4e4e4;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;border:1px solid rgb(209, 229, 226);cursor:pointer;margin:0;color:rgb(151, 190, 186)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px}.el-pagination .btn-prev{border-radius:2px 0 0 2px;border-right:0}.el-pagination .btn-next{border-radius:0 2px 2px 0;border-left:0}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .el-pager li{border-radius:2px}.el-pagination__sizes{margin:0 10px 0 0}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;border-color:rgb(209, 229, 226)}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#50caa9}.el-pagination__jump{margin-left:10px}.el-pagination__total{margin:0 10px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{border:1px solid rgb(209, 229, 226);border-radius:2px;line-height:18px;padding:4px 2px;width:30px;text-align:center;margin:0 6px;box-sizing:border-box;transition:border .3s;-moz-appearance:textfield}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pagination__editor::-webkit-inner-spin-button,.el-pagination__editor::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__editor:focus{outline:0;border-color:#50caa9}.el-autocomplete-suggestion__wrap,.el-pager li{border:1px solid rgb(209, 229, 226);box-sizing:border-box}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0;padding:0}.el-date-table,.el-radio{-webkit-user-select:none;-ms-user-select:none}.el-date-table,.el-radio,.el-time-panel{-moz-user-select:none}.el-pager li{padding:0 4px;border-right:0;background:#fff;font-size:13px;min-width:28px;height:28px;line-height:28px;text-align:center}.el-pager li:last-child{border-right:1px solid rgb(209, 229, 226)}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:rgb(151, 190, 186)}.el-pager li.active+li{border-left:0;padding-left:5px}.el-pager li:hover{color:#50caa9}.el-pager li.active{border-color:#50caa9;background-color:#50caa9;color:#fff;cursor:default}.el-dialog{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin-bottom:50px}.el-dialog--tiny{width:30%}.el-dialog--small{width:50%}.el-dialog--large{width:90%}.el-dialog--full{width:100%;top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{top:0;right:0;bottom:0;left:0;position:fixed;overflow:auto;margin:0}.el-autocomplete,.el-dropdown{display:inline-block;position:relative}.el-dialog__header{padding:20px 20px 0}.el-dialog__headerbtn{float:right;background:0 0;border:none;outline:0;padding:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:rgb(191, 217, 213)}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#50caa9}.el-dialog__title{line-height:1;font-size:16px;font-weight:700;color:rgb(31, 61, 56)}.el-dialog__body{padding:30px 20px;color:rgb(72, 106, 102);font-size:14px}.el-dialog__footer{padding:10px 20px 15px;text-align:right;box-sizing:border-box}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete-suggestion{margin:5px 0;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.12)}.el-autocomplete-suggestion li{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer;color:rgb(72, 106, 102);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:rgb(228, 241, 241)}.el-autocomplete-suggestion li.highlighted{background-color:#50caa9;color:#fff}.el-autocomplete-suggestion li:active{background-color:#0082e6}.el-autocomplete-suggestion.is-loading li:hover,.el-dropdown-menu{background-color:#fff}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid rgb(209, 229, 226)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-autocomplete-suggestion__wrap{max-height:280px;overflow:auto;background-color:#fff;padding:6px 0;border-radius:2px}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-dropdown{color:rgb(72, 106, 102);font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-right:5px;padding-left:5px}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown-menu{margin:5px 0;border:1px solid rgb(209, 229, 226);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);padding:6px 0;z-index:10;position:absolute;top:0;left:0;min-width:100px}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer}.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-dropdown-menu__item.is-disabled{cursor:default;color:rgb(191, 217, 213);pointer-events:none}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid rgb(209, 229, 226)}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -10px;background-color:#fff}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;font-size:14px;color:rgb(72, 106, 102);padding:0 20px;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-menu{border-radius:2px;list-style:none;position:relative;margin:0;padding-left:0;background-color:rgb(228,228,228)}.el-menu:after,.el-menu:before{display:table;content:""}.el-menu:after{clear:both}.el-menu li{list-style:none}.el-menu--dark{background-color:rgb(50, 87, 84)}.el-menu--dark .el-menu-item,.el-menu--dark .el-submenu__title{color:rgb(191, 217, 213)}.el-menu--dark .el-menu-item:hover,.el-menu--dark .el-submenu__title:hover{background-color:rgb(72, 106, 102)}.el-menu--dark .el-submenu .el-menu{background-color:rgb(31, 61, 56)}.el-menu--dark .el-submenu .el-menu .el-menu-item:hover{background-color:rgb(72, 106, 102)}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;box-sizing:border-box;border-bottom:5px solid transparent}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:1px solid rgb(209, 229, 226);padding:5px 0;background-color:#fff;z-index:100;min-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:5px solid transparent}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:5px;color:rgb(151, 190, 186);margin-top:-3px}.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{background-color:rgb(228,228,228)}.el-menu--horizontal>.el-menu-item:hover,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{border-bottom:5px solid #50caa9}.el-menu--horizontal.el-menu--dark .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title:hover{background-color:rgb(50, 87, 84)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover,.el-menu-item:hover{background-color:rgb(209, 229, 226)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title{color:rgb(72, 106, 102)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active,.el-menu-item.is-active{color:#50caa9}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:none;transform:none}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center}.el-submenu .el-menu{background-color:rgb(241, 241, 241)}.el-submenu .el-menu-item:hover,.el-submenu__title:hover{background-color:rgb(209, 229, 226)}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-submenu.is-active .el-submenu__title{border-bottom-color:#50caa9}.el-submenu__title{position:relative}.el-submenu__title *{vertical-align:middle}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform .3s;font-size:12px}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding-top:15px;line-height:normal;font-size:14px;padding-left:20px;color:rgb(151, 190, 186)}.el-radio-button__inner,.el-radio-group,.el-radio__input{line-height:1;vertical-align:middle}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{transition:.2s;opacity:0}.el-radio{color:rgb(31, 61, 56);cursor:pointer;white-space:nowrap}.el-radio+.el-radio{margin-left:15px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0}.el-radio__input.is-focus .el-radio__inner{border-color:#50caa9}.el-radio__input.is-checked .el-radio__inner{border-color:#50caa9;background:#50caa9}.el-radio__input.is-checked .el-radio__inner::after{-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-disabled .el-radio__inner{background-color:rgb(228,228,228);border-color:rgb(209, 229, 226);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:rgb(228,228,228)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#fff}.el-radio__input.is-disabled+.el-radio__label{color:#bbb;cursor:not-allowed}.el-radio__inner{border:1px solid rgb(191, 217, 213);width:18px;height:18px;border-radius:50%;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#50caa9}.el-radio__inner::after{width:6px;height:6px;border-radius:50%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-switch__core,.el-switch__label{width:46px;height:22px;cursor:pointer}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative}.el-radio__label{font-size:14px;padding-left:5px}.el-radio-group{display:inline-block;font-size:0}.el-radio-group .el-radio{font-size:14px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid rgb(191, 217, 213);border-radius:4px 0 0 4px;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button__inner{white-space:nowrap;background:#fff;border:1px solid rgb(191, 217, 213);border-left:0;color:rgb(31, 61, 56);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-radio-button__inner:hover{color:#50caa9}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#50caa9;border-color:#50caa9;box-shadow:-1px 0 0 0 #50caa9}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(228,228,228);border-color:rgb(209, 229, 226);box-shadow:none}.el-radio-button--large .el-radio-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-radio-button--small .el-radio-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner{padding:4px;font-size:12px;border-radius:0}.el-switch,.el-switch__label,.el-switch__label *{font-size:14px;display:inline-block}.el-switch{position:relative;line-height:22px;height:22px;vertical-align:middle}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-switch.is-disabled .el-switch__core{border-color:rgb(228, 241, 241)!important;background:rgb(228, 241, 241)!important}.el-switch.is-disabled .el-switch__core span{background-color:rgb(252, 254, 253)!important}.el-switch.is-disabled .el-switch__core~.el-switch__label *{color:rgb(252, 254, 253)!important}.el-switch.is-checked .el-switch__core{border-color:#50caa9;background-color:#50caa9}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:.2s;position:absolute;left:0;top:0;z-index:2}.el-switch__label *{line-height:1;top:4px;position:absolute;color:#fff}.el-switch__label--left i{left:6px}.el-switch__label--right i{right:6px}.el-switch__input{display:none}.el-switch__input.allow-focus{z-index:0;display:inline;display:initial;position:absolute;left:0;top:0;outline:0;opacity:0}.el-switch__input.allow-focus:focus+.el-switch__core{box-shadow:0 0 2px #50caa9}.el-switch__core{margin:0;display:inline-block;position:relative;border:1px solid rgb(191, 217, 213);outline:0;border-radius:12px;box-sizing:border-box;background:rgb(191, 217, 213);transition:border-color .3s,background-color .3s;z-index:1}.el-switch__core .el-switch__button{top:0;left:0;position:absolute;border-radius:100%;transition:transform .3s;width:16px;height:16px;background-color:#fff}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 229, 226);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#50caa9;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgb(228, 241, 241)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 102);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.selected{color:#fff;background-color:#50caa9}.el-select-dropdown__item.selected.hover{background-color:rgb(70, 178, 149)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 217, 213);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 165, 161)}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#50caa9}.el-select .el-input .el-input__icon{color:rgb(191, 217, 213);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 217, 213)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 190, 186)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 229, 226)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;box-sizing:border-box;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 217, 213);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 190, 186)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-table,.el-table td,.el-table th{box-sizing:border-box;position:relative}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#50caa9}.el-select__tag .el-icon-close{font-size:12px}.el-table{overflow:hidden;width:100%;max-width:100%;background-color:#fff;border:1px solid rgb(223, 236, 234);font-size:14px;color:rgb(31, 61, 56)}.el-table .el-tooltip.cell{white-space:nowrap;min-width:50px}.el-table td,.el-table th{height:40px;min-width:0;text-overflow:ellipsis;vertical-align:middle}.el-table::after,.el-table::before{content:'';position:absolute;background-color:rgb(223, 236, 234);z-index:1}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td,.el-table th.is-leaf{border-bottom:1px solid rgb(223, 236, 234)}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .cell,.el-table th>div{padding-left:18px;padding-right:18px;box-sizing:border-box;text-overflow:ellipsis}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table::after{top:0;right:0;width:1px;height:100%}.el-table .caret-wrapper,.el-table th>.cell{position:relative;display:inline-block;vertical-align:middle}.el-table th{white-space:nowrap;overflow:hidden;background-color:rgb(228,228,228);text-align:left}.el-table th.is-sortable{cursor:pointer}.el-table th>div{display:inline-block;line-height:40px;overflow:hidden;white-space:nowrap}.el-table td>div{box-sizing:border-box}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table th>.cell{word-wrap:normal;text-overflow:ellipsis;line-height:30px;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#50caa9}.el-table .caret-wrapper{cursor:pointer;margin-left:5px;margin-top:-2px;width:16px;height:30px;overflow:visible;overflow:initial}.el-table .cell,.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table .sort-caret{display:inline-block;width:0;height:0;border:0;content:"";position:absolute;left:3px;z-index:2}.el-table .sort-caret.ascending,.el-table .sort-caret.descending{border-right:5px solid transparent;border-left:5px solid transparent}.el-table .sort-caret.ascending{top:9px;border-top:none;border-bottom:5px solid rgb(151, 190, 186)}.el-table .sort-caret.descending{bottom:9px;border-top:5px solid rgb(151, 190, 186);border-bottom:none}.el-table .ascending .sort-caret.ascending{border-bottom-color:rgb(72, 106, 102)}.el-table .descending .sort-caret.descending{border-top-color:rgb(72, 106, 102)}.el-table td.gutter{width:0}.el-table .cell{white-space:normal;word-break:break-all;line-height:24px}.el-badge__content,.el-message__group p,.el-progress-bar__inner,.el-steps.is-horizontal,.el-tabs__nav,.el-tag,.el-time-spinner,.el-tree-node,.el-upload-list__item-name{white-space:nowrap}.el-table tr input[type=checkbox]{margin:0}.el-table tr{background-color:#fff}.el-table .hidden-columns{position:absolute;z-index:-1}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;transition:transform .2s ease-in-out;height:40px}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expand-icon--expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expanded-cell{padding:20px 50px;background-color:rgb(252, 254, 253);box-shadow:inset 0 2px 0 #f4f4f4}.el-table__expanded-cell:hover{background-color:rgb(252, 254, 253)!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid rgb(223, 236, 234)}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table--border td,.el-table--border th{border-right:1px solid rgb(223, 236, 234)}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;box-shadow:1px 0 8px #d3d4d6;overflow-x:hidden}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgb(223, 236, 234);z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:rgb(228,228,228)}.el-table__fixed-right{top:0;left:auto;right:0;box-shadow:-1px 0 8px #d3d4d6}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-header-wrapper thead div{background-color:rgb(228,228,228);color:rgb(31, 61, 56)}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid rgb(223, 236, 234);background-color:rgb(252, 254, 253);color:rgb(31, 61, 56)}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td{border-top:1px solid rgb(223, 236, 234)}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed}.el-table__footer-wrapper thead div,.el-table__header-wrapper thead div{background-color:rgb(228,228,228);color:rgb(31, 61, 56)}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:rgb(252, 254, 253);color:rgb(31, 61, 56)}.el-table__body-wrapper{overflow:auto;position:relative}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA;background-clip:padding-box}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td{background:rgb(241, 251, 248)}.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(228,228,228)}.el-table__body tr.current-row>td{background:rgb(196, 202, 200)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid rgb(223, 236, 234);z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;margin-left:5px;cursor:pointer}.el-table__column-filter-trigger i{color:rgb(151, 190, 186)}.el-table--enable-row-transition .el-table__body td{transition:background-color .25s ease}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:rgb(228,228,228);background-clip:padding-box}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid rgb(209, 229, 226);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-table-filter__list-item.is-active{background-color:#50caa9;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid rgb(209, 229, 226);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:rgb(131, 165, 161);cursor:pointer;font-size:14px;padding:0 3px}.el-table-filter__bottom button:hover{color:#50caa9}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:rgb(191, 217, 213);cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;min-width:224px;user-select:none}.el-date-table td{width:32px;height:32px;box-sizing:border-box;text-align:center;cursor:pointer}.el-date-table td.next-month,.el-date-table td.prev-month{color:#ddd}.el-date-table td.today{color:#50caa9;position:relative}.el-date-table td.today:before{content:" ";position:absolute;top:0;right:0;width:0;height:0;border-top:.5em solid #50caa9;border-left:.5em solid transparent}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.available:hover{background-color:rgb(228, 241, 241)}.el-date-table td.in-range{background-color:rgb(220, 244, 238)}.el-date-table td.in-range:hover{background-color:rgb(220, 244, 238)Hover}.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{background-color:#50caa9!important;color:#fff}.el-date-table td.disabled{background-color:#f4f4f4;opacity:1;cursor:not-allowed;color:#ccc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:rgb(131, 165, 161)}.el-month-table,.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-date-table th{padding:5px;color:rgb(131, 165, 161);font-weight:400}.el-date-table.is-week-mode .el-date-table__row:hover{background-color:rgb(228, 241, 241)}.el-date-table.is-week-mode .el-date-table__row.current{background-color:rgb(220, 244, 238)}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td .cell{color:rgb(72, 106, 102)}.el-month-table td .cell:hover{background-color:rgb(228, 241, 241)}.el-month-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-month-table td.current:not(.disabled) .cell{background-color:#50caa9!important;color:#fff}.el-year-table .el-icon{color:rgb(151, 190, 186)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td .cell{color:rgb(72, 106, 102)}.el-year-table td .cell:hover{background-color:rgb(228, 241, 241)}.el-year-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-year-table td.current:not(.disabled) .cell{background-color:#50caa9!important;color:#fff}.el-date-range-picker{min-width:520px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker.has-sidebar.has-time{min-width:766px}.el-date-range-picker.has-sidebar{min-width:620px}.el-date-range-picker.has-time{min-width:660px}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header button{float:left}.el-date-range-picker__header div{font-size:14px;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-right .el-date-range-picker__header button{float:right}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:rgb(151, 190, 186)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{min-width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid rgb(209, 229, 226)}.el-picker-panel{color:rgb(72, 106, 102);border:1px solid rgb(209, 229, 226);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 106, 102);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 241, 241)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#50caa9}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 190, 186);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#50caa9}.el-picker-panel__link-btn{cursor:pointer;color:#50caa9;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(252, 254, 253);overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px}.time-select-item.selected:not(.disabled){background-color:#50caa9;color:#fff}.time-select-item.selected:not(.disabled):hover{background-color:#50caa9}.time-select-item.disabled{color:rgb(209, 229, 226);cursor:not-allowed}.time-select-item:hover{background-color:rgb(228, 241, 241);cursor:pointer}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 241, 241);cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 229, 226);cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 229, 226);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-ms-user-select:none;user-select:none}.el-popover,.el-tabs--border-card{box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-slider__button,.el-slider__button-wrapper{-webkit-user-select:none;-moz-user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#50caa9;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 165, 161)}.el-time-panel__btn.confirm{font-weight:800;color:#50caa9}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:2px;border:1px solid rgb(209, 229, 226);padding:10px;z-index:2000;font-size:12px}.el-popover .popper__arrow,.el-popover .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popover .popper__arrow{border-width:6px}.el-popover .popper__arrow::after{content:" ";border-width:6px}.el-popover[x-placement^=top]{margin-bottom:12px}.el-popover[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:rgb(209, 229, 226);border-bottom-width:0}.el-popover[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popover[x-placement^=bottom]{margin-top:12px}.el-popover[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:rgb(209, 229, 226)}.el-popover[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popover[x-placement^=right]{margin-left:12px}.el-popover[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:rgb(209, 229, 226);border-left-width:0}.el-popover[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popover[x-placement^=left]{margin-right:12px}.el-popover[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:rgb(209, 229, 226)}.el-popover[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover__title{color:rgb(31, 61, 56);font-size:13px;line-height:1;margin-bottom:9px}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-message-box{text-align:left;display:inline-block;vertical-align:middle;background-color:#fff;width:420px;border-radius:3px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:20px 20px 0}.el-message-box__headerbtn{position:absolute;top:19px;right:20px;background:0 0;border:none;outline:0;padding:0;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#999}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#50caa9}.el-message-box__content{padding:30px 20px;color:rgb(72, 106, 102);font-size:14px;position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#ff4949}.el-message-box__errormsg{color:#ff4949;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:16px;font-weight:700;height:18px;color:#333}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:1.4}.el-message-box__btns{padding:10px 20px 15px;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box__status{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:36px!important}.el-message-box__status.el-icon-circle-check{color:#13ce66}.el-message-box__status.el-icon-information{color:#50bfff}.el-message-box__status.el-icon-warning{color:#f7ba2a}.el-message-box__status.el-icon-circle-cross{color:#ff4949}.msgbox-fade-enter-active{animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{animation:msgbox-fade-out .3s}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:13px;line-height:1}.el-breadcrumb__separator{margin:0 8px;color:rgb(191, 217, 213)}.el-breadcrumb__item{float:left}.el-breadcrumb__item:last-child .el-breadcrumb__item__inner,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover{color:rgb(151, 190, 186);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-breadcrumb__item__inner,.el-breadcrumb__item__inner a{transition:color .15s linear;color:rgb(72, 106, 102)}.el-breadcrumb__item__inner a:hover,.el-breadcrumb__item__inner:hover{color:#50caa9;cursor:pointer}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner,.el-form-item.is-error .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-textarea__inner{border-color:#ff4949}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#ff4949;margin-right:4px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:rgb(72, 106, 102);line-height:1;padding:11px 12px 11px 0;box-sizing:border-box}.el-form-item__content{line-height:36px;position:relative;font-size:14px}.el-form-item__error{color:#ff4949;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-tabs__header{border-bottom:1px solid rgb(209, 229, 226);padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:3px;background-color:#50caa9;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-ms-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#50caa9}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap.is-scrollable{padding:0 15px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:rgb(131, 165, 161)}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{position:relative;transition:transform .3s;float:left}.el-tabs__item{padding:0 16px;height:42px;box-sizing:border-box;line-height:42px;display:inline-block;list-style:none;font-size:14px;color:rgb(131, 165, 161);position:relative}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-ms-transform:scale(.7,.7);transform:scale(.7,.7);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:rgb(151, 190, 186);color:#fff}.el-tabs__item:hover{color:rgb(31, 61, 56);cursor:pointer}.el-tabs__item.is-disabled{color:#bbb;cursor:default}.el-tabs__item.is-active{color:#50caa9}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tag,.slideInLeft-transition,.slideInRight-transition{display:inline-block}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid transparent;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-right:9px;padding-left:9px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border:1px solid rgb(209, 229, 226);border-bottom-color:#fff;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-right:16px;padding-left:16px}.el-tabs--border-card{background:#fff;border:1px solid rgb(209, 229, 226)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:rgb(228,228,228);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;border-top:0;margin-right:-1px;margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:#fff;border-right-color:rgb(209, 229, 226);border-left-color:rgb(209, 229, 226)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:first-child{border-left-color:rgb(209, 229, 226)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:last-child{border-right-color:rgb(209, 229, 226)}.slideInRight-enter{animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave .3s}.slideInLeft-enter{animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave .3s}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}.el-tag{background-color:rgb(131, 165, 161);padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 161)}.el-tag--gray{background-color:rgb(228, 241, 241);border-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 102);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 102)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#50caa9}.el-tag--primary .el-tag__close:hover{background-color:#50caa9;color:#fff}.el-tag--primary.is-hit{border-color:#50caa9}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-tree{cursor:default;background:#fff;border:1px solid rgb(209, 229, 226)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree-node__expand-icon,.el-tree-node__label,.el-tree-node__loading-icon{display:inline-block;vertical-align:middle}.el-tree-node__content{line-height:36px;height:36px;cursor:pointer}.el-tree-node__content>.el-checkbox,.el-tree-node__content>.el-tree-node__expand-icon{margin-right:8px}.el-tree-node__content>.el-checkbox{vertical-align:middle}.el-tree-node__content:hover{background:rgb(228, 241, 241)}.el-tree-node__expand-icon{cursor:pointer;width:0;height:0;margin-left:10px;border:6px solid transparent;border-right-width:0;border-left-color:rgb(151, 190, 186);border-left-width:7px;-ms-transform:rotate(0);transform:rotate(0);transition:transform .3s ease-in-out}.el-tree-node__expand-icon:hover{border-left-color:#999}.el-tree-node__expand-icon.expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{border-color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:4px;font-size:14px;color:rgb(151, 190, 186)}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:rgb(220,220,220)}.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;color:#fff;opacity:1;display:table;transition:opacity .2s}.el-alert .el-alert__description{color:#fff;font-size:12px;margin:5px 0 0}.el-alert--success{background-color:#13ce66}.el-alert--info{background-color:#50bfff}.el-alert--warning{background-color:#f7ba2a}.el-alert--error{background-color:#ff4949}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px;display:table-cell;color:#fff;vertical-align:middle}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert__closebtn{font-size:12px;color:#fff;opacity:1;top:12px;right:15px;position:absolute;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active{opacity:0}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{width:330px;padding:20px;box-sizing:border-box;border-radius:2px;position:fixed;right:16px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);transition:opacity .3s,transform .3s,right .3s,top .4s;overflow:hidden}.el-notification .el-icon-circle-check{color:#13ce66}.el-notification .el-icon-circle-cross{color:#ff4949}.el-notification .el-icon-information{color:#50bfff}.el-notification .el-icon-warning{color:#f7ba2a}.el-notification__group{margin-left:0}.el-notification__group.is-with-icon{margin-left:55px}.el-notification__title{font-weight:400;font-size:16px;color:rgb(31, 61, 56);margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:10px 0 0;color:rgb(131, 165, 161);text-align:justify}.el-notification__icon{width:40px;height:40px;font-size:40px;float:left;position:relative;top:3px}.el-notification__closeBtn{top:20px;right:20px;position:absolute;cursor:pointer;color:rgb(191, 217, 213);font-size:14px}.el-notification__closeBtn:hover{color:rgb(151, 190, 186)}.el-notification-fade-enter{-ms-transform:translateX(100%);transform:translateX(100%);right:0}.el-input-number{display:inline-block;width:180px;position:relative;line-height:normal}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 229, 226);color:rgb(209, 229, 226)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 229, 226);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 217, 213);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 190, 186);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#50caa9}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#50caa9}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 229, 226);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:40px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:28px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-progress-bar__inner:after,.el-row:after,.el-row:before,.el-slider:after,.el-slider:before,.el-slider__button-wrapper:after,.el-upload-cover:after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 61, 56);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 61, 56);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 61, 56);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 61, 56);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 61, 56);color:#fff}.el-slider:after,.el-slider:before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper:after{display:inline-block;vertical-align:middle}.el-slider:after{clear:both}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:4px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:4px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-16px;-ms-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-ms-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:64px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:30px;margin-top:-1px;border:1px solid rgb(191, 217, 213);line-height:20px;box-sizing:border-box;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:rgb(131, 165, 161)}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#50caa9}.el-slider__runway{width:100%;height:4px;margin:16px 0;background-color:rgb(228, 241, 241);border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar,.el-slider__runway.disabled .el-slider__button{background-color:rgb(191, 217, 213)}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-ms-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:4px;background-color:#50caa9;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{width:36px;height:36px;position:absolute;z-index:1001;top:-16px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-ms-user-select:none;user-select:none}.el-slider__button-wrapper:after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:12px;height:12px;background-color:#50caa9;border-radius:50%;transition:.2s;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-ms-transform:scale(1.5);transform:scale(1.5);background-color:rgb(70, 178, 149)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;width:4px;height:4px;border-radius:100%;background-color:rgb(191, 217, 213);-ms-transform:translateX(-50%);transform:translateX(-50%)}.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{width:50px;height:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row{position:relative}.el-loading-spinner .el-loading-text{color:#50caa9;margin:3px 0;font-size:14px}.el-loading-spinner .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#50caa9;stroke-linecap:round}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{box-sizing:border-box}.el-row:after,.el-row:before{display:table}.el-row:after{clear:both}.el-row--flex{display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-align-bottom{-ms-flex-align:end;align-items:flex-end}.el-row--flex.is-align-middle{-ms-flex-align:center;align-items:center}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-justify-space-between{-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-end{-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-center{-ms-flex-pack:center;justify-content:center}.el-col-1,.el-col-10,.el-col-11,.el-col-12,.el-col-13,.el-col-14,.el-col-15,.el-col-16,.el-col-17,.el-col-18,.el-col-19,.el-col-2,.el-col-20,.el-col-21,.el-col-22,.el-col-23,.el-col-24,.el-col-3,.el-col-4,.el-col-5,.el-col-6,.el-col-7,.el-col-8,.el-col-9{float:left;box-sizing:border-box}.el-col-0{width:0}.el-col-offset-0{margin-left:0}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media (max-width:768px){.el-col-xs-0{width:0}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media (min-width:768px){.el-col-sm-0{width:0}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media (min-width:992px){.el-col-md-0{width:0}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media (min-width:1200px){.el-col-lg-0{width:0}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}.el-progress-bar__inner:after{display:inline-block;height:100%;vertical-align:middle}.el-upload{display:inline-block;text-align:center;cursor:pointer}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:rgb(131, 165, 161);margin-top:7px}.el-upload--picture-card{background-color:rgb(252, 254, 253);border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:#50caa9;color:#50caa9}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-upload__text{color:rgb(151, 190, 186);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#50caa9;font-style:normal}.el-upload-dragger .el-icon-upload{font-size:67px;color:rgb(151, 190, 186);margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid rgba(191,203,217,.2);margin-top:7px;padding-top:5px}.el-upload-dragger:hover{border-color:#50caa9}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #50caa9}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:rgb(72, 106, 102);line-height:1.8;margin-top:5px;box-sizing:border-box;border-radius:4px;width:100%;position:relative}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;top:-13px;right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#13ce66}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:rgb(72, 106, 102);-ms-transform:scale(.7);transform:scale(.7)}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item:hover{background-color:rgb(228,228,228)}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#50caa9;cursor:pointer}.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none}.el-upload-list__item-name{color:rgb(72, 106, 102);display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;transition:color .3s}.el-upload-list__item-name [class^=el-icon]{color:rgb(151, 190, 186);margin-right:7px;height:100%;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:rgb(72, 106, 102);display:none}.el-upload-list__item-delete:hover{color:#50caa9}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover:after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-ms-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:rgb(72, 106, 102)}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 106, 102);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__innerText,.el-spinner{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 241, 241);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#50caa9;text-align:right;border-radius:100px;line-height:1}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:300px;padding:10px 12px;box-sizing:border-box;border-radius:2px;position:fixed;left:50%;top:20px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;transition:opacity .3s,transform .4s;overflow:hidden}.el-message .el-icon-circle-check{color:#13ce66}.el-message .el-icon-circle-cross{color:#ff4949}.el-message .el-icon-information{color:#50bfff}.el-message .el-icon-warning{color:#f7ba2a}.el-message__group{margin-left:38px;position:relative;height:20px;line-height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.el-message__group p{font-size:14px;margin:0 34px 0 0;color:rgb(131, 165, 161);text-align:justify}.el-step__head,.el-steps.is-horizontal.is-center{text-align:center}.el-message__group.is-with-icon{margin-left:0}.el-message__img{width:40px;height:40px;position:absolute;left:0;top:0}.el-message__icon{vertical-align:middle;margin-right:8px}.el-message__closeBtn{top:3px;right:0;position:absolute;cursor:pointer;color:rgb(191, 217, 213);font-size:14px}.el-message__closeBtn:hover{color:rgb(151, 190, 186)}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#ff4949;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;border:1px solid #fff}.el-badge__content.is-dot{width:8px;height:8px;padding:0;right:0;border-radius:50%}.el-badge__content.is-fixed{top:0;right:10px;position:absolute;-ms-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-card{border:1px solid rgb(209, 229, 226);border-radius:4px;background-color:#fff;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card__header{padding:18px 20px;border-bottom:1px solid rgb(209, 229, 226);box-sizing:border-box}.el-card__body{padding:20px}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:rgb(191, 217, 213);transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-ms-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{font-size:0}.el-steps>:last-child .el-step__line{display:none}.el-step.is-horizontal,.el-step.is-vertical .el-step__head,.el-step.is-vertical .el-step__main,.el-step__line{display:inline-block}.el-step{position:relative;vertical-align:top}.el-step:last-child .el-step__main{padding-right:0}.el-step.is-vertical .el-step__main{padding-left:10px}.el-step__line{position:absolute;border-color:inherit;background-color:rgb(191, 217, 213)}.el-step__line.is-vertical{width:2px;box-sizing:border-box;top:32px;bottom:0;left:15px}.el-step__line.is-horizontal{top:15px;height:2px;left:32px;right:0}.el-step__line.is-icon.is-horizontal{right:4px}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:all 150ms;box-sizing:border-box;width:0;height:0}.el-step__icon{display:block;line-height:28px}.el-step__icon>*{line-height:inherit;vertical-align:middle}.el-step__head{width:28px;height:28px;border-radius:50%;background-color:transparent;line-height:28px;font-size:28px;vertical-align:top;transition:all 150ms}.el-carousel__arrow,.el-carousel__button{margin:0;transition:.3s;cursor:pointer;outline:0}.el-step__head.is-finish{color:#50caa9;border-color:#50caa9}.el-step__head.is-error{color:#ff4949;border-color:#ff4949}.el-step__head.is-success{color:#13ce66;border-color:#13ce66}.el-step__head.is-process,.el-step__head.is-wait{color:rgb(191, 217, 213);border-color:rgb(191, 217, 213)}.el-step__head.is-text{font-size:14px;border-width:2px;border-style:solid}.el-step__head.is-text.is-finish{color:#fff;background-color:#50caa9;border-color:#50caa9}.el-step__head.is-text.is-error{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-step__head.is-text.is-success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-step__head.is-text.is-wait{color:rgb(191, 217, 213);background-color:#fff;border-color:rgb(191, 217, 213)}.el-step__head.is-text.is-process{color:#fff;background-color:rgb(191, 217, 213);border-color:rgb(191, 217, 213)}.el-step__main{white-space:normal;padding-right:10px;text-align:left}.el-step__title{font-size:14px;line-height:32px;display:inline-block}.el-step__title.is-finish{font-weight:700;color:#50caa9}.el-step__title.is-error{font-weight:700;color:#ff4949}.el-step__title.is-success{font-weight:700;color:#13ce66}.el-step__title.is-wait{font-weight:400;color:rgb(151, 190, 186)}.el-step__title.is-process{font-weight:700;color:rgb(72, 106, 102)}.el-step__description{font-size:12px;font-weight:400;line-height:14px}.el-step__description.is-finish{color:#50caa9}.el-step__description.is-error{color:#ff4949}.el-step__description.is-success{color:#13ce66}.el-step__description.is-wait{color:rgb(191, 217, 213)}.el-step__description.is-process{color:rgb(131, 165, 161)}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;padding:0;width:36px;height:36px;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-ms-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:rgb(131, 165, 161);opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-ms-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{width:auto;height:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;padding:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-ms-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-ms-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-active,.el-cascader .el-icon-circle-close,.el-cascader-menus{z-index:2}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.24;transition:.2s}.el-collapse{border:1px solid rgb(223, 236, 234);border-radius:0}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse-item.is-active>.el-collapse-item__header .el-collapse-item__header__arrow{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header{height:43px;line-height:43px;padding-left:15px;background-color:#fff;color:rgb(72, 106, 102);cursor:pointer;border-bottom:1px solid rgb(223, 236, 234);font-size:13px}.el-collapse-item__header__arrow{margin-right:8px;transition:transform .3s}.el-collapse-item__wrap{will-change:height;background-color:rgb(245, 245, 245);overflow:hidden;box-sizing:border-box;border-bottom:1px solid rgb(223, 236, 234)}.el-collapse-item__content{padding:10px 15px;font-size:13px;color:rgb(31, 61, 56);line-height:1.769230769230769}.el-cascader{display:inline-block;position:relative}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer}.el-cascader .el-input__icon{transition:none}.el-cascader .el-icon-caret-bottom{transition:transform .3s}.el-cascader .el-icon-caret-bottom.is-reverse{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#bbb}.el-cascader__label{position:absolute;left:0;top:0;height:100%;line-height:36px;padding:0 25px 0 10px;color:rgb(31, 61, 56);width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:left}.el-cascader__label span{color:rgb(151, 190, 186)}.el-cascader--large{font-size:16px}.el-cascader--large .el-cascader__label{line-height:40px}.el-cascader--small{font-size:13px}.el-cascader--small .el-cascader__label{line-height:28px}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;border:1px solid rgb(209, 229, 226);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px rgb(209, 229, 226);background-color:#fff;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 30px 8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 102);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-cascader-menu__item:hover{background-color:rgb(228, 241, 241)}.el-cascader-menu__item.selected{color:#fff;background-color:#50caa9}.el-cascader-menu__item.selected.hover{background-color:rgb(70, 178, 149)}.el-cascader-menu__item.is-active{color:#fff;background-color:#50caa9}.el-cascader-menu__item.is-active:hover{background-color:rgb(70, 178, 149)}.el-cascader-menu__item.is-disabled{color:rgb(191, 217, 213);background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e606";font-size:12px;-ms-transform:scale(.8);transform:scale(.8);color:rgb(191, 217, 213);position:absolute;right:10px;margin-top:1px}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:rgb(31, 61, 56)}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#50caa9;border-color:#50caa9}.el-color-dropdown__link-btn{cursor:pointer;color:#50caa9;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:rgb(115, 213, 186)}.el-color-picker{display:inline-block;position:relative;line-height:normal}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:36px;padding:6px;border:1px solid rgb(191, 217, 213);border-radius:4px;font-size:0}.el-color-picker__color{position:relative;display:inline-block;box-sizing:border-box;border:1px solid #666;width:22px;height:22px;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;vertical-align:middle;color:#666;position:absolute;top:4px;left:4px}.el-color-picker__icon{display:inline-block;position:relative;top:-6px;margin-left:8px;width:12px;color:#888;font-size:12px}.el-input,.el-input__inner{width:100%;display:inline-block}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid rgb(209, 229, 226);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12)}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(228,228,228);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 213);box-sizing:border-box;color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-button,.el-checkbox-button__inner{-webkit-appearance:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;outline:0;text-align:center}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-button,.el-textarea__inner{font-size:14px;box-sizing:border-box}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(228,228,228);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;color:rgb(31, 61, 56);background-color:#fff;background-image:none;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 56);margin:0;padding:10px 15px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50caa9;border-color:#50caa9}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(228,228,228);border-color:rgb(209, 229, 226)}.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 226);color:rgb(191, 217, 213)}.el-button.is-active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--primary{color:#fff;background-color:#50caa9;border-color:#50caa9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#50caa9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186)}.el-button--text:active{color:rgb(72, 182, 152)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-checkbox{color:rgb(31, 61, 56);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50caa9}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(228,228,228);border-color:rgb(209, 229, 226);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(228,228,228)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50caa9}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50caa9;border-color:#50caa9;box-shadow:-1px 0 0 0 #50caa9}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(228,228,228);border-color:rgb(209, 229, 226);box-shadow:none}.el-checkbox-button__inner,.el-transfer-panel{background:#fff;vertical-align:middle;box-sizing:border-box}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50caa9}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 213);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;white-space:nowrap;border:1px solid rgb(191, 217, 213);border-left:0;color:rgb(31, 61, 56);margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#50caa9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 10px}.el-transfer__buttons .el-button{display:block;margin:0 auto;padding:8px 12px}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__buttons .el-button [class*=el-icon-]+span{margin-left:0}.el-transfer__buttons .el-button:first-child{margin-bottom:6px}.el-transfer-panel{border:1px solid rgb(209, 229, 226);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);display:inline-block;width:200px;position:relative}.el-transfer-panel .el-transfer-panel__header{height:36px;line-height:36px;background:rgb(252, 254, 253);margin:0;padding-left:20px;border-bottom:1px solid rgb(209, 229, 226);box-sizing:border-box;color:rgb(31, 61, 56)}.el-transfer-panel .el-transfer-panel__footer{height:36px;background:#fff;margin:0;padding:0;border-top:1px solid rgb(209, 229, 226);position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:rgb(131, 165, 161)}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:32px;line-height:32px;padding:6px 20px 0;color:rgb(131, 165, 161)}.el-transfer-panel .el-checkbox__label{padding-left:14px}.el-transfer-panel .el-checkbox__inner{width:14px;height:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-transfer-panel__body{padding-bottom:36px;height:246px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:214px}.el-transfer-panel__item{height:32px;line-height:32px;padding-left:20px;display:block}.el-transfer-panel__item .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:28px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:9px}.el-transfer-panel__item.el-checkbox{color:rgb(72, 106, 102)}.el-transfer-panel__item:hover{background:rgb(228, 241, 241)}.el-transfer-panel__filter{margin-top:10px;text-align:center;padding:0 10px;width:100%;box-sizing:border-box}.el-transfer-panel__filter .el-input__inner{height:22px;width:100%;display:inline-block;box-sizing:border-box}.el-transfer-panel__filter .el-input__icon{right:10px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/input-number.css b/src/assets/theme/new-green/input-number.css
new file mode 100644
index 0000000..2dd711d
--- /dev/null
+++ b/src/assets/theme/new-green/input-number.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 213);box-sizing:border-box;color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;background-image:none;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-input-number{display:inline-block;width:180px;position:relative;line-height:normal}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 229, 226);color:rgb(209, 229, 226)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 229, 226);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 217, 213);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 190, 186);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#50caa9}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#50caa9}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 229, 226);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:40px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:28px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/input.css b/src/assets/theme/new-green/input.css
new file mode 100644
index 0000000..1152e03
--- /dev/null
+++ b/src/assets/theme/new-green/input.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/loading.css b/src/assets/theme/new-green/loading.css
new file mode 100644
index 0000000..cab627a
--- /dev/null
+++ b/src/assets/theme/new-green/loading.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{width:50px;height:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#50caa9;margin:3px 0;font-size:14px}.el-loading-spinner .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#50caa9;stroke-linecap:round}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/menu-item-group.css b/src/assets/theme/new-green/menu-item-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/menu-item.css b/src/assets/theme/new-green/menu-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/menu.css b/src/assets/theme/new-green/menu.css
new file mode 100644
index 0000000..f35ada1
--- /dev/null
+++ b/src/assets/theme/new-green/menu.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-menu,.el-menu li{list-style:none}.el-menu:after,.el-menu:before{display:table;content:""}.el-menu:after{clear:both}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;font-size:14px;color:rgb(72, 106, 102);padding:0 20px;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-menu{border-radius:2px;position:relative;margin:0;padding-left:0;background-color:rgb(238, 246, 246)}.el-menu--dark{background-color:rgb(50, 87, 84)}.el-menu--dark .el-menu-item,.el-menu--dark .el-submenu__title{color:rgb(191, 217, 213)}.el-menu--dark .el-menu-item:hover,.el-menu--dark .el-submenu__title:hover{background-color:rgb(72, 106, 102)}.el-menu--dark .el-submenu .el-menu{background-color:rgb(31, 61, 56)}.el-menu--dark .el-submenu .el-menu .el-menu-item:hover{background-color:rgb(72, 106, 102)}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;box-sizing:border-box;border-bottom:5px solid transparent}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:1px solid rgb(209, 229, 226);padding:5px 0;background-color:#fff;z-index:100;min-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:5px solid transparent}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:5px;color:rgb(151, 190, 186);margin-top:-3px}.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{background-color:rgb(238, 246, 246)}.el-menu--horizontal>.el-menu-item:hover,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{border-bottom:5px solid #50caa9}.el-menu--horizontal.el-menu--dark .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title:hover{background-color:rgb(50, 87, 84)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover,.el-menu-item:hover{background-color:rgb(209, 229, 226)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title{color:rgb(72, 106, 102)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active,.el-menu-item.is-active{color:#50caa9}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:none;transform:none}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center}.el-menu-item *{vertical-align:middle}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center}.el-submenu .el-menu{background-color:rgb(228, 241, 241)}.el-submenu .el-menu-item:hover,.el-submenu__title:hover{background-color:rgb(209, 229, 226)}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-submenu.is-active .el-submenu__title{border-bottom-color:#50caa9}.el-submenu__title{position:relative}.el-submenu__title *{vertical-align:middle}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform .3s;font-size:12px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding-top:15px;line-height:normal;font-size:14px;padding-left:20px;color:rgb(151, 190, 186)}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{transition:.2s;opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/message-box.css b/src/assets/theme/new-green/message-box.css
new file mode 100644
index 0000000..e7d28aa
--- /dev/null
+++ b/src/assets/theme/new-green/message-box.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button,.el-input__inner{-webkit-appearance:none;line-height:1;outline:0}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button,.el-button-group,.el-input,.el-input__inner{display:inline-block}.el-button-group:after{clear:both}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 56);text-align:center;box-sizing:border-box;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50caa9;border-color:#50caa9}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 226);color:rgb(191, 217, 213)}.el-button.is-active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--primary{color:#fff;background-color:#50caa9;border-color:#50caa9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#50caa9;background:0 0;padding-left:0;padding-right:0}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186)}.el-button--text:active{color:rgb(72, 182, 152)}.el-button-group{vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-input{position:relative;font-size:14px;width:100%}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56);height:36px;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-message-box{text-align:left;display:inline-block;vertical-align:middle;background-color:#fff;width:420px;border-radius:3px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:20px 20px 0}.el-message-box__headerbtn{position:absolute;top:19px;right:20px;background:0 0;border:none;outline:0;padding:0;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#999}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#50caa9}.el-message-box__content{padding:30px 20px;color:rgb(72, 106, 102);font-size:14px;position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#ff4949}.el-message-box__errormsg{color:#ff4949;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:16px;font-weight:700;height:18px;color:#333}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:1.4}.el-message-box__btns{padding:10px 20px 15px;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box__status{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:36px!important}.el-message-box__status.el-icon-circle-check{color:#13ce66}.el-message-box__status.el-icon-information{color:#50bfff}.el-message-box__status.el-icon-warning{color:#f7ba2a}.el-message-box__status.el-icon-circle-cross{color:#ff4949}.msgbox-fade-enter-active{animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{animation:msgbox-fade-out .3s}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/message.css b/src/assets/theme/new-green/message.css
new file mode 100644
index 0000000..f973423
--- /dev/null
+++ b/src/assets/theme/new-green/message.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-message{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:300px;padding:10px 12px;box-sizing:border-box;border-radius:2px;position:fixed;left:50%;top:20px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;transition:opacity .3s,transform .4s;overflow:hidden}.el-message .el-icon-circle-check{color:#13ce66}.el-message .el-icon-circle-cross{color:#ff4949}.el-message .el-icon-information{color:#50bfff}.el-message .el-icon-warning{color:#f7ba2a}.el-message__group{margin-left:38px;position:relative;height:20px;line-height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.el-message__group p{font-size:14px;margin:0 34px 0 0;white-space:nowrap;color:rgb(131, 165, 161);text-align:justify}.el-message__group.is-with-icon{margin-left:0}.el-message__img{width:40px;height:40px;position:absolute;left:0;top:0}.el-message__icon{vertical-align:middle;margin-right:8px}.el-message__closeBtn{top:3px;right:0;position:absolute;cursor:pointer;color:rgb(191, 217, 213);font-size:14px}.el-message__closeBtn:hover{color:rgb(151, 190, 186)}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/notification.css b/src/assets/theme/new-green/notification.css
new file mode 100644
index 0000000..9358f4d
--- /dev/null
+++ b/src/assets/theme/new-green/notification.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-notification{width:330px;padding:20px;box-sizing:border-box;border-radius:2px;position:fixed;right:16px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);transition:opacity .3s,transform .3s,right .3s,top .4s;overflow:hidden}.el-notification .el-icon-circle-check{color:#13ce66}.el-notification .el-icon-circle-cross{color:#ff4949}.el-notification .el-icon-information{color:#50bfff}.el-notification .el-icon-warning{color:#f7ba2a}.el-notification__group{margin-left:0}.el-notification__group.is-with-icon{margin-left:55px}.el-notification__title{font-weight:400;font-size:16px;color:rgb(31, 61, 56);margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:10px 0 0;color:rgb(131, 165, 161);text-align:justify}.el-notification__icon{width:40px;height:40px;font-size:40px;float:left;position:relative;top:3px}.el-notification__closeBtn{top:20px;right:20px;position:absolute;cursor:pointer;color:rgb(191, 217, 213);font-size:14px}.el-notification__closeBtn:hover{color:rgb(151, 190, 186)}.el-notification-fade-enter{-ms-transform:translateX(100%);transform:translateX(100%);right:0}.el-notification-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/option-group.css b/src/assets/theme/new-green/option-group.css
new file mode 100644
index 0000000..9cb89d3
--- /dev/null
+++ b/src/assets/theme/new-green/option-group.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/option.css b/src/assets/theme/new-green/option.css
new file mode 100644
index 0000000..a339e2c
--- /dev/null
+++ b/src/assets/theme/new-green/option.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 102);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgb(228, 241, 241)}.el-select-dropdown__item.selected{color:#fff;background-color:#50caa9}.el-select-dropdown__item.selected.hover{background-color:rgb(70, 178, 149)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 217, 213);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/pagination.css b/src/assets/theme/new-green/pagination.css
new file mode 100644
index 0000000..e540e67
--- /dev/null
+++ b/src/assets/theme/new-green/pagination.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-textarea__inner{background-image:none;box-sizing:border-box}.el-input,.el-input__inner{width:100%;display:inline-block}.el-pagination:after,.el-pagination:before{display:table;content:""}.el-pagination:after{clear:both}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 229, 226);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#50caa9;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 241, 241)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-tag{background-color:rgb(131, 165, 161);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 161)}.el-tag--gray{background-color:rgb(228, 241, 241);border-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 102);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 102)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#50caa9}.el-tag--primary .el-tag__close:hover{background-color:#50caa9;color:#fff}.el-tag--primary.is-hit{border-color:#50caa9}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 102);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgb(228, 241, 241)}.el-select-dropdown__item.selected{color:#fff;background-color:#50caa9}.el-select-dropdown__item.selected.hover{background-color:rgb(70, 178, 149)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 217, 213);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 165, 161)}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#50caa9}.el-select .el-input .el-input__icon{color:rgb(191, 217, 213);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 217, 213)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 190, 186)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 229, 226)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;box-sizing:border-box;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 217, 213);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 190, 186)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#50caa9}.el-select__tag .el-icon-close{font-size:12px}.el-pagination{white-space:nowrap;padding:2px 5px;color:rgb(72, 106, 102)}.el-pagination button,.el-pagination span{display:inline-block;font-size:13px;min-width:28px;height:28px;line-height:28px;vertical-align:top;box-sizing:border-box}.el-pagination .el-select .el-input{width:110px}.el-pagination .el-select .el-input input{padding-right:25px;border-radius:2px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#50caa9}.el-pagination button.disabled{color:#e4e4e4;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;border:1px solid rgb(209, 229, 226);cursor:pointer;margin:0;color:rgb(151, 190, 186)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px}.el-pagination .btn-prev{border-radius:2px 0 0 2px;border-right:0}.el-pagination .btn-next{border-radius:0 2px 2px 0;border-left:0}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .el-pager li{border-radius:2px}.el-pagination__sizes{margin:0 10px 0 0}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;border-color:rgb(209, 229, 226)}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#50caa9}.el-pagination__jump{margin-left:10px}.el-pagination__total{margin:0 10px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{border:1px solid rgb(209, 229, 226);border-radius:2px;line-height:18px;padding:4px 2px;width:30px;text-align:center;margin:0 6px;box-sizing:border-box;transition:border .3s;-moz-appearance:textfield}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pagination__editor::-webkit-inner-spin-button,.el-pagination__editor::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__editor:focus{outline:0;border-color:#50caa9}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0;padding:0}.el-pager li{padding:0 4px;border:1px solid rgb(209, 229, 226);border-right:0;background:#fff;font-size:13px;min-width:28px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-pager li:last-child{border-right:1px solid rgb(209, 229, 226)}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:rgb(151, 190, 186)}.el-pager li.active+li{border-left:0;padding-left:5px}.el-pager li:hover{color:#50caa9}.el-pager li.active{border-color:#50caa9;background-color:#50caa9;color:#fff;cursor:default}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/popover.css b/src/assets/theme/new-green/popover.css
new file mode 100644
index 0000000..562de26
--- /dev/null
+++ b/src/assets/theme/new-green/popover.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:2px;border:1px solid rgb(209, 229, 226);padding:10px;z-index:2000;font-size:12px;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-popover .popper__arrow,.el-popover .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popover .popper__arrow{border-width:6px}.el-popover .popper__arrow::after{content:" ";border-width:6px}.el-popover[x-placement^=top]{margin-bottom:12px}.el-popover[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:rgb(209, 229, 226);border-bottom-width:0}.el-popover[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popover[x-placement^=bottom]{margin-top:12px}.el-popover[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:rgb(209, 229, 226)}.el-popover[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popover[x-placement^=right]{margin-left:12px}.el-popover[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:rgb(209, 229, 226);border-left-width:0}.el-popover[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popover[x-placement^=left]{margin-right:12px}.el-popover[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:rgb(209, 229, 226)}.el-popover[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover__title{color:rgb(31, 61, 56);font-size:13px;line-height:1;margin-bottom:9px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/progress.css b/src/assets/theme/new-green/progress.css
new file mode 100644
index 0000000..9c0a7db
--- /dev/null
+++ b/src/assets/theme/new-green/progress.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-progress-bar__inner:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 106, 102);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 241, 241);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#50caa9;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/radio-button.css b/src/assets/theme/new-green/radio-button.css
new file mode 100644
index 0000000..d4fbc11
--- /dev/null
+++ b/src/assets/theme/new-green/radio-button.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid rgb(191, 217, 213);border-radius:4px 0 0 4px;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid rgb(191, 217, 213);border-left:0;color:rgb(31, 61, 56);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-radio-button__inner:hover{color:#50caa9}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#50caa9;border-color:#50caa9;box-shadow:-1px 0 0 0 #50caa9}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);box-shadow:none}.el-radio-button--large .el-radio-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-radio-button--small .el-radio-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner{padding:4px;font-size:12px;border-radius:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/radio-group.css b/src/assets/theme/new-green/radio-group.css
new file mode 100644
index 0000000..2231971
--- /dev/null
+++ b/src/assets/theme/new-green/radio-group.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio-group{display:inline-block;font-size:0;line-height:1;vertical-align:middle}.el-radio-group .el-radio{font-size:14px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/radio.css b/src/assets/theme/new-green/radio.css
new file mode 100644
index 0000000..97b3fde
--- /dev/null
+++ b/src/assets/theme/new-green/radio.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio,.el-radio__input{white-space:nowrap;cursor:pointer}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:rgb(31, 61, 56);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio+.el-radio{margin-left:15px}.el-radio__input{outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-focus .el-radio__inner{border-color:#50caa9}.el-radio__input.is-checked .el-radio__inner{border-color:#50caa9;background:#50caa9}.el-radio__input.is-checked .el-radio__inner::after{-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-disabled .el-radio__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:rgb(238, 246, 246)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#fff}.el-radio__input.is-disabled+.el-radio__label{color:#bbb;cursor:not-allowed}.el-radio__inner{border:1px solid rgb(191, 217, 213);width:18px;height:18px;border-radius:50%;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#50caa9}.el-radio__inner::after{width:6px;height:6px;border-radius:50%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio__label{font-size:14px;padding-left:5px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/rate.css b/src/assets/theme/new-green/rate.css
new file mode 100644
index 0000000..6745125
--- /dev/null
+++ b/src/assets/theme/new-green/rate.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:rgb(191, 217, 213);transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-ms-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/reset.css b/src/assets/theme/new-green/reset.css
new file mode 100644
index 0000000..ebe7986
--- /dev/null
+++ b/src/assets/theme/new-green/reset.css
@@ -0,0 +1 @@
+progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}button,hr,input{overflow:visible}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#50caa9;text-decoration:none}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;vertical-align:middle}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto;resize:none;vertical-align:top}input,select,textarea{outline:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}input::-moz-placeholder,textarea::-moz-placeholder{color:inherit;opacity:.54}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:inherit;opacity:.54}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.54}input::-ms-clear,input::-ms-reveal{display:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}dd,dl,li,ol,ul{margin:0;padding:0}ol,ul{list-style:none}body{margin:0;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:14px;color:rgb(31, 61, 56)}a:focus,a:hover{color:rgb(115, 213, 186)}a:active{color:rgb(72, 182, 152)}h1,h2,h3,h4,h5,h6{color:rgb(31, 61, 56);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}sub,sup{font-size:13px}small{font-size:12px}hr{box-sizing:content-box;height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/row.css b/src/assets/theme/new-green/row.css
new file mode 100644
index 0000000..6ef3843
--- /dev/null
+++ b/src/assets/theme/new-green/row.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-row:after,.el-row:before{display:table;content:""}.el-row:after{clear:both}.el-row{position:relative;box-sizing:border-box}.el-row--flex{display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-align-bottom{-ms-flex-align:end;align-items:flex-end}.el-row--flex.is-align-middle{-ms-flex-align:center;align-items:center}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-justify-space-between{-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-end{-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-center{-ms-flex-pack:center;justify-content:center}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/scrollbar.css b/src/assets/theme/new-green/scrollbar.css
new file mode 100644
index 0000000..7df0bb5
--- /dev/null
+++ b/src/assets/theme/new-green/scrollbar.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/select-dropdown.css b/src/assets/theme/new-green/select-dropdown.css
new file mode 100644
index 0000000..48ffa29
--- /dev/null
+++ b/src/assets/theme/new-green/select-dropdown.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 229, 226);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#50caa9;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 241, 241)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/select.css b/src/assets/theme/new-green/select.css
new file mode 100644
index 0000000..150c6c0
--- /dev/null
+++ b/src/assets/theme/new-green/select.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-input__inner,.el-select .el-tag,.el-select-dropdown,.el-select-dropdown__item,.el-tag,.el-textarea__inner{box-sizing:border-box}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 229, 226);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#50caa9;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 241, 241)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;background-image:none;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-tag{background-color:rgb(131, 165, 161);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 161)}.el-tag--gray{background-color:rgb(228, 241, 241);border-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 102);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 102)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#50caa9}.el-tag--primary .el-tag__close:hover{background-color:#50caa9;color:#fff}.el-tag--primary.is-hit{border-color:#50caa9}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 106, 102);height:36px;line-height:1.5;cursor:pointer}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgb(228, 241, 241)}.el-select-dropdown__item.selected{color:#fff;background-color:#50caa9}.el-select-dropdown__item.selected.hover{background-color:rgb(70, 178, 149)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 217, 213);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 165, 161)}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#50caa9}.el-select .el-input .el-input__icon{color:rgb(191, 217, 213);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 217, 213)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 190, 186)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 229, 226)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 217, 213);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 190, 186)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#50caa9}.el-select__tag .el-icon-close{font-size:12px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/slider.css b/src/assets/theme/new-green/slider.css
new file mode 100644
index 0000000..47a3ab2
--- /dev/null
+++ b/src/assets/theme/new-green/slider.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-textarea__inner{background-image:none;box-sizing:border-box}.el-input,.el-input__inner{width:100%;display:inline-block}.el-slider__button-wrapper:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-slider:after,.el-slider:before{display:table;content:""}.el-slider:after{clear:both}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-input-number{display:inline-block;width:180px;position:relative;line-height:normal}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 229, 226);color:rgb(209, 229, 226)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 229, 226);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 217, 213);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 190, 186);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#50caa9}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#50caa9}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 229, 226);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:40px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:28px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 61, 56);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 61, 56);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 61, 56);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 61, 56);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 61, 56);color:#fff}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:4px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:4px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-16px;-ms-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-ms-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:64px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:30px;margin-top:-1px;border:1px solid rgb(191, 217, 213);line-height:20px;box-sizing:border-box;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:rgb(131, 165, 161)}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#50caa9}.el-slider__runway{width:100%;height:4px;margin:16px 0;background-color:rgb(228, 241, 241);border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar,.el-slider__runway.disabled .el-slider__button{background-color:rgb(191, 217, 213)}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-ms-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:4px;background-color:#50caa9;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{width:36px;height:36px;position:absolute;z-index:1001;top:-16px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button-wrapper .el-tooltip{vertical-align:middle;display:inline-block}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:12px;height:12px;background-color:#50caa9;border-radius:50%;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-ms-transform:scale(1.5);transform:scale(1.5);background-color:rgb(70, 178, 149)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;width:4px;height:4px;border-radius:100%;background-color:rgb(191, 217, 213);-ms-transform:translateX(-50%);transform:translateX(-50%)}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/spinner.css b/src/assets/theme/new-green/spinner.css
new file mode 100644
index 0000000..e4e3474
--- /dev/null
+++ b/src/assets/theme/new-green/spinner.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/step.css b/src/assets/theme/new-green/step.css
new file mode 100644
index 0000000..75c277b
--- /dev/null
+++ b/src/assets/theme/new-green/step.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-step.is-horizontal,.el-step.is-vertical .el-step__head,.el-step.is-vertical .el-step__main,.el-step__line{display:inline-block}.el-step{position:relative;vertical-align:top}.el-step:last-child .el-step__main{padding-right:0}.el-step.is-vertical .el-step__main{padding-left:10px}.el-step__line{position:absolute;border-color:inherit;background-color:rgb(191, 217, 213)}.el-step__line.is-vertical{width:2px;box-sizing:border-box;top:32px;bottom:0;left:15px}.el-step__line.is-horizontal{top:15px;height:2px;left:32px;right:0}.el-step__line.is-icon.is-horizontal{right:4px}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:all 150ms;box-sizing:border-box;width:0;height:0}.el-step__icon{display:block;line-height:28px}.el-step__icon>*{line-height:inherit;vertical-align:middle}.el-step__head{width:28px;height:28px;border-radius:50%;background-color:transparent;text-align:center;line-height:28px;font-size:28px;vertical-align:top;transition:all 150ms}.el-step__head.is-finish{color:#50caa9;border-color:#50caa9}.el-step__head.is-error{color:#ff4949;border-color:#ff4949}.el-step__head.is-success{color:#13ce66;border-color:#13ce66}.el-step__head.is-process,.el-step__head.is-wait{color:rgb(191, 217, 213);border-color:rgb(191, 217, 213)}.el-step__head.is-text{font-size:14px;border-width:2px;border-style:solid}.el-step__head.is-text.is-finish{color:#fff;background-color:#50caa9;border-color:#50caa9}.el-step__head.is-text.is-error{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-step__head.is-text.is-success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-step__head.is-text.is-wait{color:rgb(191, 217, 213);background-color:#fff;border-color:rgb(191, 217, 213)}.el-step__head.is-text.is-process{color:#fff;background-color:rgb(191, 217, 213);border-color:rgb(191, 217, 213)}.el-step__main{white-space:normal;padding-right:10px;text-align:left}.el-step__title{font-size:14px;line-height:32px;display:inline-block}.el-step__title.is-finish{font-weight:700;color:#50caa9}.el-step__title.is-error{font-weight:700;color:#ff4949}.el-step__title.is-success{font-weight:700;color:#13ce66}.el-step__title.is-wait{font-weight:400;color:rgb(151, 190, 186)}.el-step__title.is-process{font-weight:700;color:rgb(72, 106, 102)}.el-step__description{font-size:12px;font-weight:400;line-height:14px}.el-step__description.is-finish{color:#50caa9}.el-step__description.is-error{color:#ff4949}.el-step__description.is-success{color:#13ce66}.el-step__description.is-wait{color:rgb(191, 217, 213)}.el-step__description.is-process{color:rgb(131, 165, 161)}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/steps.css b/src/assets/theme/new-green/steps.css
new file mode 100644
index 0000000..586d1f9
--- /dev/null
+++ b/src/assets/theme/new-green/steps.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-steps{font-size:0}.el-steps>:last-child .el-step__line{display:none}.el-steps.is-horizontal{white-space:nowrap}.el-steps.is-horizontal.is-center{text-align:center}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/submenu.css b/src/assets/theme/new-green/submenu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/switch.css b/src/assets/theme/new-green/switch.css
new file mode 100644
index 0000000..9075fd3
--- /dev/null
+++ b/src/assets/theme/new-green/switch.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-switch,.el-switch__label,.el-switch__label *{font-size:14px;display:inline-block}.el-switch{position:relative;line-height:22px;height:22px;vertical-align:middle}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-switch.is-disabled .el-switch__core{border-color:rgb(228, 241, 241)!important;background:rgb(228, 241, 241)!important}.el-switch.is-disabled .el-switch__core span{background-color:rgb(252, 254, 253)!important}.el-switch.is-disabled .el-switch__core~.el-switch__label *{color:rgb(252, 254, 253)!important}.el-switch.is-checked .el-switch__core{border-color:#50caa9;background-color:#50caa9}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{width:46px;height:22px;cursor:pointer}.el-switch__label{transition:.2s;position:absolute;left:0;top:0;z-index:2}.el-switch__label *{line-height:1;top:4px;position:absolute;color:#fff}.el-switch__label--left i{left:6px}.el-switch__label--right i{right:6px}.el-switch__input{display:none}.el-switch__input.allow-focus{z-index:0;display:inline;display:initial;position:absolute;left:0;top:0;outline:0;opacity:0}.el-switch__input.allow-focus:focus+.el-switch__core{box-shadow:0 0 2px #50caa9}.el-switch__core{margin:0;display:inline-block;position:relative;border:1px solid rgb(191, 217, 213);outline:0;border-radius:12px;box-sizing:border-box;background:rgb(191, 217, 213);transition:border-color .3s,background-color .3s;z-index:1}.el-switch__core .el-switch__button{top:0;left:0;position:absolute;border-radius:100%;transition:transform .3s;width:16px;height:16px;background-color:#fff}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/tab-pane.css b/src/assets/theme/new-green/tab-pane.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/new-green/table-column.css b/src/assets/theme/new-green/table-column.css
new file mode 100644
index 0000000..1bc655d
--- /dev/null
+++ b/src/assets/theme/new-green/table-column.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative}.el-checkbox,.el-checkbox-button__inner{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;white-space:nowrap}.el-checkbox{color:rgb(31, 61, 56)}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{white-space:nowrap;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50caa9}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 246)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50caa9}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50caa9;border-color:#50caa9;box-shadow:-1px 0 0 0 #50caa9}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);box-shadow:none}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50caa9}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 213);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;vertical-align:middle;background:#fff;border:1px solid rgb(191, 217, 213);border-left:0;color:rgb(31, 61, 56);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#50caa9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;visibility:hidden;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}.el-tag{background-color:rgb(131, 165, 161);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 161)}.el-tag--gray{background-color:rgb(228, 241, 241);border-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 102);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 102)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#50caa9}.el-tag--primary .el-tag__close:hover{background-color:#50caa9;color:#fff}.el-tag--primary.is-hit{border-color:#50caa9}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid rgb(209, 229, 226);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-table-filter__list-item.is-active{background-color:#50caa9;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid rgb(209, 229, 226);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:rgb(131, 165, 161);cursor:pointer;font-size:14px;padding:0 3px}.el-table-filter__bottom button:hover{color:#50caa9}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:rgb(191, 217, 213);cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/table.css b/src/assets/theme/new-green/table.css
new file mode 100644
index 0000000..fd36c0d
--- /dev/null
+++ b/src/assets/theme/new-green/table.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative}.el-checkbox,.el-checkbox-button__inner{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;white-space:nowrap}.el-table .hidden-columns,.el-table td.is-hidden>*,.el-table th.is-hidden>*,.el-table--hidden{visibility:hidden}.el-checkbox{color:rgb(31, 61, 56)}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{white-space:nowrap;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50caa9}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 246)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50caa9}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-table,.el-table td,.el-table th,.el-tag{box-sizing:border-box}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50caa9;border-color:#50caa9;box-shadow:-1px 0 0 0 #50caa9}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);box-shadow:none}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50caa9}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 213);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;vertical-align:middle;background:#fff;border:1px solid rgb(191, 217, 213);border-left:0;color:rgb(31, 61, 56);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#50caa9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;visibility:hidden;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}.el-tag{background-color:rgb(131, 165, 161);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 161)}.el-tag--gray{background-color:rgb(228, 241, 241);border-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 102);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 102)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#50caa9}.el-tag--primary .el-tag__close:hover{background-color:#50caa9;color:#fff}.el-tag--primary.is-hit{border-color:#50caa9}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-table{position:relative;overflow:hidden;width:100%;max-width:100%;background-color:#fff;border:1px solid rgb(223, 236, 234);font-size:14px;color:rgb(31, 61, 56)}.el-table .el-tooltip.cell{white-space:nowrap;min-width:50px}.el-table td,.el-table th{height:40px;min-width:0;text-overflow:ellipsis;vertical-align:middle;position:relative}.el-table::after,.el-table::before{content:'';position:absolute;background-color:rgb(223, 236, 234);z-index:1}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td,.el-table th.is-leaf{border-bottom:1px solid rgb(223, 236, 234)}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .cell,.el-table th>div{box-sizing:border-box;text-overflow:ellipsis;padding-left:18px;padding-right:18px}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table::after{top:0;right:0;width:1px;height:100%}.el-table .caret-wrapper,.el-table th>.cell{position:relative;vertical-align:middle;display:inline-block}.el-table th{white-space:nowrap;overflow:hidden;background-color:rgb(238, 246, 246);text-align:left}.el-table th.is-sortable{cursor:pointer}.el-table th>div{display:inline-block;line-height:40px;overflow:hidden;white-space:nowrap}.el-table td>div{box-sizing:border-box}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table th>.cell{word-wrap:normal;text-overflow:ellipsis;line-height:30px;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#50caa9}.el-table .caret-wrapper{cursor:pointer;margin-left:5px;margin-top:-2px;width:16px;height:30px;overflow:visible;overflow:initial}.el-table .cell,.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table .sort-caret{display:inline-block;width:0;height:0;border:0;content:"";position:absolute;left:3px;z-index:2}.el-table .sort-caret.ascending,.el-table .sort-caret.descending{border-right:5px solid transparent;border-left:5px solid transparent}.el-table .sort-caret.ascending{top:9px;border-top:none;border-bottom:5px solid rgb(151, 190, 186)}.el-table .sort-caret.descending{bottom:9px;border-top:5px solid rgb(151, 190, 186);border-bottom:none}.el-table .ascending .sort-caret.ascending{border-bottom-color:rgb(72, 106, 102)}.el-table .descending .sort-caret.descending{border-top-color:rgb(72, 106, 102)}.el-table td.gutter{width:0}.el-table .cell{white-space:normal;word-break:break-all;line-height:24px}.el-table tr input[type=checkbox]{margin:0}.el-table tr{background-color:#fff}.el-table .hidden-columns{position:absolute;z-index:-1}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;transition:transform .2s ease-in-out;height:40px}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expand-icon--expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expanded-cell{padding:20px 50px;background-color:rgb(252, 254, 253);box-shadow:inset 0 2px 0 #f4f4f4}.el-table__expanded-cell:hover{background-color:rgb(252, 254, 253)!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid rgb(223, 236, 234)}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table--border td,.el-table--border th{border-right:1px solid rgb(223, 236, 234)}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;box-shadow:1px 0 8px #d3d4d6;overflow-x:hidden}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgb(223, 236, 234);z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:rgb(238, 246, 246)}.el-table__fixed-right{top:0;left:auto;right:0;box-shadow:-1px 0 8px #d3d4d6}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-header-wrapper thead div{background-color:rgb(238, 246, 246);color:rgb(31, 61, 56)}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td{border-top:1px solid rgb(223, 236, 234);background-color:rgb(252, 254, 253);color:rgb(31, 61, 56)}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td{border-top:1px solid rgb(223, 236, 234)}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed}.el-table__footer-wrapper thead div,.el-table__header-wrapper thead div{background-color:rgb(238, 246, 246);color:rgb(31, 61, 56)}.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td{background-color:rgb(252, 254, 253);color:rgb(31, 61, 56)}.el-table__body-wrapper{overflow:auto;position:relative}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA;background-clip:padding-box}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td{background:rgb(241, 251, 248)}.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{background-color:rgb(238, 246, 246)}.el-table__body tr.current-row>td{background:rgb(241, 251, 248)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid rgb(223, 236, 234);z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;margin-left:5px;cursor:pointer}.el-table__column-filter-trigger i{color:rgb(151, 190, 186)}.el-table--enable-row-transition .el-table__body td{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:rgb(238, 246, 246);background-clip:padding-box}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/tabs.css b/src/assets/theme/new-green/tabs.css
new file mode 100644
index 0000000..6e527f9
--- /dev/null
+++ b/src/assets/theme/new-green/tabs.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tabs__header{border-bottom:1px solid rgb(209, 229, 226);padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:3px;background-color:#50caa9;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-ms-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#50caa9}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap.is-scrollable{padding:0 15px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:rgb(131, 165, 161)}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;transition:transform .3s;float:left}.el-tabs__item{padding:0 16px;height:42px;box-sizing:border-box;line-height:42px;display:inline-block;list-style:none;font-size:14px;color:rgb(131, 165, 161);position:relative}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-ms-transform:scale(.7,.7);transform:scale(.7,.7);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:rgb(151, 190, 186);color:#fff}.el-tabs__item:hover{color:rgb(31, 61, 56);cursor:pointer}.el-tabs__item.is-disabled{color:#bbb;cursor:default}.el-tabs__item.is-active{color:#50caa9}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid transparent;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-right:9px;padding-left:9px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border:1px solid rgb(209, 229, 226);border-bottom-color:#fff;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-right:16px;padding-left:16px}.el-tabs--border-card{background:#fff;border:1px solid rgb(209, 229, 226);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:rgb(238, 246, 246);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;border-top:0;margin-right:-1px;margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:#fff;border-right-color:rgb(209, 229, 226);border-left-color:rgb(209, 229, 226)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:first-child{border-left-color:rgb(209, 229, 226)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:last-child{border-right-color:rgb(209, 229, 226)}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave .3s}.slideInLeft-enter{animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave .3s}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/tag.css b/src/assets/theme/new-green/tag.css
new file mode 100644
index 0000000..e82fe8d
--- /dev/null
+++ b/src/assets/theme/new-green/tag.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tag{background-color:rgb(131, 165, 161);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 165, 161)}.el-tag--gray{background-color:rgb(228, 241, 241);border-color:rgb(228, 241, 241);color:rgb(72, 106, 102)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 106, 102);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 106, 102)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#50caa9}.el-tag--primary .el-tag__close:hover{background-color:#50caa9;color:#fff}.el-tag--primary.is-hit{border-color:#50caa9}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/time-picker.css b/src/assets/theme/new-green/time-picker.css
new file mode 100644
index 0000000..4c96c22
--- /dev/null
+++ b/src/assets/theme/new-green/time-picker.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 241, 241);cursor:pointer}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 229, 226);cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 229, 226);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#50caa9;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 165, 161)}.el-time-panel__btn.confirm{font-weight:800;color:#50caa9}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56);display:inline-block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 61, 56);background-color:#fff;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/time-select.css b/src/assets/theme/new-green/time-select.css
new file mode 100644
index 0000000..ded3294
--- /dev/null
+++ b/src/assets/theme/new-green/time-select.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active,.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-picker-panel{color:rgb(72, 106, 102);border:1px solid rgb(209, 229, 226);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 106, 102);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 241, 241)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#50caa9}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 190, 186);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#50caa9}.el-picker-panel__link-btn{cursor:pointer;color:#50caa9;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(252, 254, 253);overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px}.time-select-item.selected:not(.disabled){background-color:#50caa9;color:#fff}.time-select-item.selected:not(.disabled):hover{background-color:#50caa9}.time-select-item.disabled{color:rgb(209, 229, 226);cursor:not-allowed}.time-select-item:hover{background-color:rgb(228, 241, 241);cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/tooltip.css b/src/assets/theme/new-green/tooltip.css
new file mode 100644
index 0000000..4d72ac0
--- /dev/null
+++ b/src/assets/theme/new-green/tooltip.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 61, 56);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 61, 56);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 61, 56);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 61, 56);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 61, 56)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 61, 56)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 61, 56);color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/transfer.css b/src/assets/theme/new-green/transfer.css
new file mode 100644
index 0000000..695f1c9
--- /dev/null
+++ b/src/assets/theme/new-green/transfer.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input,.el-input__inner{width:100%;display:inline-block}.el-transfer-panel .el-transfer-panel__footer:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button-group:after{clear:both}.el-input{position:relative;font-size:14px}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 217, 213)}.el-input.is-active .el-input__inner{outline:0;border-color:#50caa9}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 217, 213);box-sizing:border-box;color:rgb(31, 61, 56);font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-button,.el-checkbox-button__inner{-webkit-appearance:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;outline:0;text-align:center}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-input__inner::placeholder{color:rgb(151, 190, 186)}.el-input__inner:hover{border-color:rgb(131, 165, 161)}.el-input__inner:focus{outline:0;border-color:#50caa9}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 217, 213);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 165, 161)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 165, 161)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(252, 254, 253);color:rgb(151, 190, 186);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;padding:0 10px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-button,.el-textarea__inner{font-size:14px;box-sizing:border-box}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 217, 213)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 217, 213)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;color:rgb(31, 61, 56);background-color:#fff;background-image:none;border:1px solid rgb(191, 217, 213);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 190, 186)}.el-textarea__inner::placeholder{color:rgb(151, 190, 186)}.el-textarea__inner:hover{border-color:rgb(131, 165, 161)}.el-textarea__inner:focus{outline:0;border-color:#50caa9}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c4c4c4;color:rgb(31, 61, 56);margin:0;padding:10px 15px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#50caa9;border-color:#50caa9}.el-button:active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226)}.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 229, 226);color:rgb(191, 217, 213)}.el-button.is-active{color:rgb(72, 182, 152);border-color:rgb(72, 182, 152)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--primary{color:#fff;background-color:#50caa9;border-color:#50caa9}.el-button--primary:focus,.el-button--primary:hover{background:rgb(115, 213, 186);border-color:rgb(115, 213, 186);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(72, 182, 152);border-color:rgb(72, 182, 152);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#50caa9;color:#50caa9}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(72, 182, 152);color:rgb(72, 182, 152);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 217, 213);color:rgb(31, 61, 56)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#50caa9;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(115, 213, 186)}.el-button--text:active{color:rgb(72, 182, 152)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-checkbox{color:rgb(31, 61, 56);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#50caa9}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#50caa9;border-color:rgb(1, 254, 186)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 246, 246)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 229, 226);border-color:rgb(209, 229, 226)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 217, 213);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#50caa9}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;left:-999px}.el-checkbox-button,.el-checkbox-button__inner{position:relative;display:inline-block}.el-checkbox__label{font-size:14px;padding-left:5px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#50caa9;border-color:#50caa9;box-shadow:-1px 0 0 0 #50caa9}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:rgb(191, 217, 213);cursor:not-allowed;background-image:none;background-color:rgb(238, 246, 246);border-color:rgb(209, 229, 226);box-shadow:none}.el-checkbox-button__inner,.el-transfer-panel{background:#fff;vertical-align:middle;box-sizing:border-box}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#50caa9}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid rgb(191, 217, 213);border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button__inner{line-height:1;white-space:nowrap;border:1px solid rgb(191, 217, 213);border-left:0;color:rgb(31, 61, 56);margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner:hover{color:#50caa9}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;visibility:hidden;left:-999px}.el-checkbox-button--large .el-checkbox-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner{padding:4px;font-size:12px;border-radius:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 10px}.el-transfer__buttons .el-button{display:block;margin:0 auto;padding:8px 12px}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__buttons .el-button [class*=el-icon-]+span{margin-left:0}.el-transfer__buttons .el-button:first-child{margin-bottom:6px}.el-transfer-panel{border:1px solid rgb(209, 229, 226);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);display:inline-block;width:200px;position:relative}.el-transfer-panel .el-transfer-panel__header{height:36px;line-height:36px;background:rgb(252, 254, 253);margin:0;padding-left:20px;border-bottom:1px solid rgb(209, 229, 226);box-sizing:border-box;color:rgb(31, 61, 56)}.el-transfer-panel .el-transfer-panel__footer{height:36px;background:#fff;margin:0;padding:0;border-top:1px solid rgb(209, 229, 226);position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:rgb(131, 165, 161)}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:32px;line-height:32px;padding:6px 20px 0;color:rgb(131, 165, 161)}.el-transfer-panel .el-checkbox__label{padding-left:14px}.el-transfer-panel .el-checkbox__inner{width:14px;height:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-transfer-panel__body{padding-bottom:36px;height:246px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:214px}.el-transfer-panel__item{height:32px;line-height:32px;padding-left:20px;display:block}.el-transfer-panel__item .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:28px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:9px}.el-transfer-panel__item.el-checkbox{color:rgb(72, 106, 102)}.el-transfer-panel__item:hover{background:rgb(228, 241, 241)}.el-transfer-panel__filter{margin-top:10px;text-align:center;padding:0 10px;width:100%;box-sizing:border-box}.el-transfer-panel__filter .el-input__inner{height:22px;width:100%;display:inline-block;box-sizing:border-box}.el-transfer-panel__filter .el-input__icon{right:10px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/tree.css b/src/assets/theme/new-green/tree.css
new file mode 100644
index 0000000..b76315a
--- /dev/null
+++ b/src/assets/theme/new-green/tree.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tree{cursor:default;background:#fff;border:1px solid rgb(209, 229, 226)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-tree-node{white-space:nowrap}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree-node__expand-icon,.el-tree-node__label,.el-tree-node__loading-icon{display:inline-block;vertical-align:middle}.el-tree-node__content{line-height:36px;height:36px;cursor:pointer}.el-tree-node__content>.el-checkbox,.el-tree-node__content>.el-tree-node__expand-icon{margin-right:8px}.el-tree-node__content>.el-checkbox{vertical-align:middle}.el-tree-node__content:hover{background:rgb(228, 241, 241)}.el-tree-node__expand-icon{cursor:pointer;width:0;height:0;margin-left:10px;border:6px solid transparent;border-right-width:0;border-left-color:rgb(151, 190, 186);border-left-width:7px;-ms-transform:rotate(0);transform:rotate(0);transition:transform .3s ease-in-out}.el-tree-node__expand-icon:hover{border-left-color:#999}.el-tree-node__expand-icon.expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{border-color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:4px;font-size:14px;color:rgb(151, 190, 186)}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:rgb(241, 251, 248)}
\ No newline at end of file
diff --git a/src/assets/theme/new-green/upload.css b/src/assets/theme/new-green/upload.css
new file mode 100644
index 0000000..f01d5d7
--- /dev/null
+++ b/src/assets/theme/new-green/upload.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-upload-cover__title,.el-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-progress-bar__inner:after,.el-upload-cover:after,.el-upload-list--picture-card .el-upload-list__item-actions:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 106, 102);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 241, 241);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#50caa9;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:rgb(131, 165, 161);margin-top:7px}.el-upload--picture-card{background-color:rgb(252, 254, 253);border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:#50caa9;color:#50caa9}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-upload__text{color:rgb(151, 190, 186);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#50caa9;font-style:normal}.el-upload-dragger .el-icon-upload{font-size:67px;color:rgb(151, 190, 186);margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid rgba(191,203,217,.2);margin-top:7px;padding-top:5px}.el-upload-dragger:hover{border-color:#50caa9}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #50caa9}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:rgb(72, 106, 102);line-height:1.8;margin-top:5px;box-sizing:border-box;border-radius:4px;width:100%;position:relative}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;top:-13px;right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#13ce66}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:rgb(72, 106, 102);-ms-transform:scale(.7);transform:scale(.7)}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item:hover{background-color:rgb(238, 246, 246)}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#50caa9;cursor:pointer}.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none}.el-upload-list__item-name{color:rgb(72, 106, 102);display:block;margin-right:40px;padding-left:4px;transition:color .3s}.el-upload-list__item-name [class^=el-icon]{color:rgb(151, 190, 186);margin-right:7px;height:100%;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:rgb(72, 106, 102);display:none}.el-upload-list__item-delete:hover{color:#50caa9}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-ms-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:rgb(72, 106, 102)}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/alert.css b/src/assets/theme/theme-darkblue/alert.css
new file mode 100644
index 0000000..b4598a6
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/alert.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;color:#fff;opacity:1;display:table;transition:opacity .2s}.el-alert .el-alert__description{color:#fff;font-size:12px;margin:5px 0 0}.el-alert--success{background-color:#13ce66}.el-alert--info{background-color:#50bfff}.el-alert--warning{background-color:#f7ba2a}.el-alert--error{background-color:#ff4949}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px;display:table-cell;color:#fff;vertical-align:middle}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert__closebtn{font-size:12px;color:#fff;opacity:1;top:12px;right:15px;position:absolute;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/autocomplete.css b/src/assets/theme/theme-darkblue/autocomplete.css
new file mode 100644
index 0000000..4d643ad
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/autocomplete.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-textarea__inner{background-image:none;box-sizing:border-box}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.12)}.el-autocomplete-suggestion li{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer;color:rgb(72, 87, 106);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:rgb(228, 232, 241)}.el-autocomplete-suggestion li.highlighted{background-color:#1d8ce0;color:#fff}.el-autocomplete-suggestion li:active{background-color:#0082e6}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid rgb(209, 219, 229)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#fff}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-autocomplete-suggestion__wrap{max-height:280px;overflow:auto;background-color:#fff;border:1px solid rgb(209, 219, 229);padding:6px 0;border-radius:2px;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/badge.css b/src/assets/theme/theme-darkblue/badge.css
new file mode 100644
index 0000000..2c064fa
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/badge.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#ff4949;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-dot{width:8px;height:8px;padding:0;right:0;border-radius:50%}.el-badge__content.is-fixed{top:0;right:10px;position:absolute;-ms-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/base.css b/src/assets/theme/theme-darkblue/base.css
new file mode 100644
index 0000000..d7b981f
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/base.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-enter,.el-fade-in-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.list-enter-active,.list-leave-active{transition:all 1s}.list-enter,.list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/breadcrumb-item.css b/src/assets/theme/theme-darkblue/breadcrumb-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/breadcrumb.css b/src/assets/theme/theme-darkblue/breadcrumb.css
new file mode 100644
index 0000000..e6d873e
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/breadcrumb.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-breadcrumb{font-size:13px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{display:table;content:""}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{margin:0 8px;color:rgb(191, 203, 217)}.el-breadcrumb__item{float:left}.el-breadcrumb__item:last-child .el-breadcrumb__item__inner,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover{color:rgb(151, 168, 190);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-breadcrumb__item__inner,.el-breadcrumb__item__inner a{transition:color .15s linear;color:rgb(72, 87, 106)}.el-breadcrumb__item__inner a:hover,.el-breadcrumb__item__inner:hover{color:#1d8ce0;cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/button-group.css b/src/assets/theme/theme-darkblue/button-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/button.css b/src/assets/theme/theme-darkblue/button.css
new file mode 100644
index 0000000..a4c6d88
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/button.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1d8ce0;border-color:#1d8ce0}.el-button:active{color:rgb(26, 126, 202);border-color:rgb(26, 126, 202);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 203, 217);cursor:not-allowed;background-image:none;background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 219, 229);color:rgb(191, 203, 217)}.el-button.is-active{color:rgb(26, 126, 202);border-color:rgb(26, 126, 202)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1d8ce0;color:#1d8ce0}.el-button.is-plain:active{background:#fff;border-color:rgb(26, 126, 202);color:rgb(26, 126, 202);outline:0}.el-button--primary{color:#fff;background-color:#1d8ce0;border-color:#1d8ce0}.el-button--primary:focus,.el-button--primary:hover{background:rgb(74, 163, 230);border-color:rgb(74, 163, 230);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(26, 126, 202);border-color:rgb(26, 126, 202);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#1d8ce0;color:#1d8ce0}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(26, 126, 202);color:rgb(26, 126, 202);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#1d8ce0;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(74, 163, 230)}.el-button--text:active{color:rgb(26, 126, 202)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button-group:after{clear:both}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/card.css b/src/assets/theme/theme-darkblue/card.css
new file mode 100644
index 0000000..ab9ceaa
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/card.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-card{border:1px solid rgb(209, 219, 229);border-radius:4px;background-color:#fff;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card__header{padding:18px 20px;border-bottom:1px solid rgb(209, 219, 229);box-sizing:border-box}.el-card__body{padding:20px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/carousel-item.css b/src/assets/theme/theme-darkblue/carousel-item.css
new file mode 100644
index 0000000..5ba781e
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/carousel-item.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-carousel__item,.el-carousel__mask{position:absolute;height:100%;top:0;left:0}.el-carousel__item{width:100%;display:inline-block;transition:.4s ease-in-out;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#fff;opacity:.24;transition:.2s}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/carousel.css b/src/assets/theme/theme-darkblue/carousel.css
new file mode 100644
index 0000000..cd6f244
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/carousel.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-carousel__arrow,.el-carousel__button{outline:0;margin:0;cursor:pointer;transition:.3s}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;padding:0;width:36px;height:36px;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-ms-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:rgb(131, 145, 165);opacity:.24}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;padding:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-ms-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-ms-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/cascader.css b/src/assets/theme/theme-darkblue/cascader.css
new file mode 100644
index 0000000..3dfb2ca
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/cascader.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 203, 217);box-sizing:border-box;color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-cascader__label,.el-textarea__inner{width:100%;font-size:14px;box-sizing:border-box}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;color:rgb(31, 45, 61);background-color:#fff;background-image:none;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-cascader{display:inline-block;position:relative;background-color:#fff}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer;background-color:transparent;z-index:1}.el-cascader .el-input__icon{transition:none}.el-cascader .el-icon-caret-bottom{transition:transform .3s}.el-cascader .el-icon-caret-bottom.is-reverse{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#bbb}.el-cascader__label{position:absolute;left:0;top:0;height:100%;line-height:34px;padding:0 25px 0 10px;color:rgb(31, 45, 61);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;text-align:left}.el-cascader__label span{color:rgb(151, 168, 190)}.el-cascader--large{font-size:16px}.el-cascader--large .el-cascader__label{line-height:40px}.el-cascader--small{font-size:13px}.el-cascader--small .el-cascader__label{line-height:28px}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid rgb(209, 219, 229);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px rgb(209, 219, 229);background-color:#fff;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 30px 8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 87, 106);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-cascader-menu__item:hover{background-color:rgb(228, 232, 241)}.el-cascader-menu__item.selected{color:#fff;background-color:#1d8ce0}.el-cascader-menu__item.selected.hover{background-color:rgb(26, 123, 197)}.el-cascader-menu__item.is-active{color:#fff;background-color:#1d8ce0}.el-cascader-menu__item.is-active:hover{background-color:rgb(26, 123, 197)}.el-cascader-menu__item.is-disabled{color:rgb(191, 203, 217);background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e606";font-size:12px;-ms-transform:scale(.8);transform:scale(.8);color:rgb(191, 203, 217);position:absolute;right:10px;margin-top:1px}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/checkbox-group.css b/src/assets/theme/theme-darkblue/checkbox-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/checkbox.css b/src/assets/theme/theme-darkblue/checkbox.css
new file mode 100644
index 0000000..38f8a68
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/checkbox.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{white-space:nowrap;cursor:pointer;display:inline-block;position:relative}.el-checkbox{color:rgb(31, 45, 61);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1d8ce0;border-color:rgb(1, 130, 228)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1d8ce0}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#1d8ce0;border-color:rgb(1, 130, 228)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 241, 246)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1d8ce0}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox__label{font-size:14px;padding-left:5px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/col.css b/src/assets/theme/theme-darkblue/col.css
new file mode 100644
index 0000000..307070f
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/col.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9{position:relative}.el-col-1,.el-col-10,.el-col-11,.el-col-12,.el-col-13,.el-col-14,.el-col-15,.el-col-16,.el-col-17,.el-col-18,.el-col-19,.el-col-2,.el-col-20,.el-col-21,.el-col-22,.el-col-23,.el-col-24,.el-col-3,.el-col-4,.el-col-5,.el-col-6,.el-col-7,.el-col-8,.el-col-9{float:left;box-sizing:border-box}.el-col-0{display:none}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media (max-width:768px){.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media (min-width:768px){.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media (min-width:992px){.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media (min-width:1200px){.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/collapse-item.css b/src/assets/theme/theme-darkblue/collapse-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/collapse.css b/src/assets/theme/theme-darkblue/collapse.css
new file mode 100644
index 0000000..64b42f9
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/collapse.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-collapse{border:1px solid rgb(223, 230, 236);border-radius:0}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse-item.is-active>.el-collapse-item__header .el-collapse-item__header__arrow{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header{height:43px;line-height:43px;padding-left:15px;background-color:#fff;color:rgb(72, 87, 106);cursor:pointer;border-bottom:1px solid rgb(223, 230, 236);font-size:13px}.el-collapse-item__header__arrow{margin-right:8px;transition:transform .3s}.el-collapse-item__wrap{will-change:height;background-color:rgb(250, 253, 254);overflow:hidden;box-sizing:border-box;border-bottom:1px solid rgb(223, 230, 236)}.el-collapse-item__content{padding:10px 15px;font-size:13px;color:rgb(31, 45, 61);line-height:1.769230769230769}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/color-picker.css b/src/assets/theme/theme-darkblue/color-picker.css
new file mode 100644
index 0000000..a7672ad
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/color-picker.css
@@ -0,0 +1 @@
+.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:rgb(31, 45, 61)}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#1d8ce0;border-color:#1d8ce0}.el-color-dropdown__link-btn{cursor:pointer;color:#1d8ce0;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:rgb(74, 163, 230)}.el-color-picker{display:inline-block;position:relative}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:36px;padding:6px;border:1px solid rgb(191, 203, 217);border-radius:4px;font-size:0}.el-color-picker__color{position:relative;display:inline-block;box-sizing:border-box;vertical-align:middle;border:1px solid #666;width:22px;height:22px;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;vertical-align:middle;margin-top:4px;color:#666}.el-color-picker__icon{display:inline-block;position:relative;vertical-align:middle;margin-left:8px;width:12px;color:#888;font-size:12px}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid rgb(209, 219, 229);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12)}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/date-picker.css b/src/assets/theme/theme-darkblue/date-picker.css
new file mode 100644
index 0000000..2a79285
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/date-picker.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-month-table,.el-year-table{margin:-1px;border-collapse:collapse}.el-date-picker table,.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-table{font-size:12px;min-width:224px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table td{width:32px;height:32px;box-sizing:border-box;text-align:center;cursor:pointer}.el-date-table td.next-month,.el-date-table td.prev-month{color:#ddd}.el-date-table td.today{color:#1d8ce0;position:relative}.el-date-table td.today:before{content:" ";position:absolute;top:0;right:0;width:0;height:0;border-top:.5em solid #1d8ce0;border-left:.5em solid transparent}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.available:hover{background-color:rgb(228, 232, 241)}.el-date-table td.in-range{background-color:rgb(210, 232, 249)}.el-date-table td.in-range:hover{background-color:rgb(210, 232, 249)Hover}.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{background-color:#1d8ce0!important;color:#fff}.el-date-table td.disabled{background-color:#f4f4f4;opacity:1;cursor:not-allowed;color:#ccc}.el-fade-in-enter,.el-fade-in-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:rgb(131, 145, 165)}.el-date-table th{padding:5px;color:rgb(131, 145, 165);font-weight:400}.el-date-table.is-week-mode .el-date-table__row:hover{background-color:rgb(228, 232, 241)}.el-date-table.is-week-mode .el-date-table__row.current{background-color:rgb(210, 232, 249)}.el-month-table{font-size:12px}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td .cell{color:rgb(72, 87, 106)}.el-month-table td .cell:hover{background-color:rgb(228, 232, 241)}.el-month-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-month-table td.current:not(.disabled) .cell{background-color:#1d8ce0!important;color:#fff}.el-year-table{font-size:12px}.el-year-table .el-icon{color:rgb(151, 168, 190)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td .cell{color:rgb(72, 87, 106)}.el-year-table td .cell:hover{background-color:rgb(228, 232, 241)}.el-year-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-year-table td.current:not(.disabled) .cell{background-color:#1d8ce0!important;color:#fff}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 232, 241);cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 219, 229);cursor:not-allowed}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.list-enter-active,.list-leave-active{transition:all 1s}.list-enter,.list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-picker-panel{color:rgb(72, 87, 106);border:1px solid rgb(209, 219, 229);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 87, 106);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 232, 241)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#1d8ce0}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 168, 190);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#1d8ce0}.el-picker-panel__link-btn{cursor:pointer;color:#1d8ce0;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(250, 253, 254)}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{min-width:520px}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker.has-sidebar.has-time{min-width:766px}.el-date-range-picker.has-sidebar{min-width:620px}.el-date-range-picker.has-time{min-width:660px}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header button{float:left}.el-date-range-picker__header div{font-size:14px;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-right .el-date-range-picker__header button{float:right}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:rgb(151, 168, 190)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-time-range-picker{min-width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid rgb(209, 219, 229)}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 219, 229);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#1d8ce0;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 145, 165)}.el-time-panel__btn.confirm{font-weight:800;color:#1d8ce0}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/dialog.css b/src/assets/theme/theme-darkblue/dialog.css
new file mode 100644
index 0000000..f75cdbb
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/dialog.css
@@ -0,0 +1 @@
+@charset "UTF-8";.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-dialog{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box}.el-dialog--tiny{width:30%}.el-dialog--small{width:50%}.el-dialog--large{width:90%}.el-dialog--full{width:100%;top:0;height:100%;overflow:auto}.el-dialog__wrapper{top:0;right:0;bottom:0;left:0;position:fixed;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 0}.el-dialog__close{cursor:pointer;color:rgb(191, 203, 217)}.el-dialog__close:hover{color:#1d8ce0}.el-dialog__title{line-height:1;font-size:16px;font-weight:700;color:rgb(31, 45, 61)}.el-dialog__body{padding:30px 20px;color:rgb(72, 87, 106);font-size:14px}.el-dialog__headerbtn{float:right}.el-dialog__footer{padding:10px 20px 15px;text-align:right;box-sizing:border-box}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/dropdown-item.css b/src/assets/theme/theme-darkblue/dropdown-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/dropdown-menu.css b/src/assets/theme/theme-darkblue/dropdown-menu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/dropdown.css b/src/assets/theme/theme-darkblue/dropdown.css
new file mode 100644
index 0000000..6cca2b2
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/dropdown.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button,.el-button-group,.el-dropdown{display:inline-block}.el-button-group:after{clear:both}.el-button{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1d8ce0;border-color:#1d8ce0}.el-button:active{color:rgb(26, 126, 202);border-color:rgb(26, 126, 202);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 203, 217);cursor:not-allowed;background-image:none;background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 219, 229);color:rgb(191, 203, 217)}.el-button.is-active{color:rgb(26, 126, 202);border-color:rgb(26, 126, 202)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1d8ce0;color:#1d8ce0}.el-button.is-plain:active{background:#fff;border-color:rgb(26, 126, 202);color:rgb(26, 126, 202);outline:0}.el-button--primary{color:#fff;background-color:#1d8ce0;border-color:#1d8ce0}.el-button--primary:focus,.el-button--primary:hover{background:rgb(74, 163, 230);border-color:rgb(74, 163, 230);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(26, 126, 202);border-color:rgb(26, 126, 202);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#1d8ce0;color:#1d8ce0}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(26, 126, 202);color:rgb(26, 126, 202);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#1d8ce0;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(74, 163, 230)}.el-button--text:active{color:rgb(26, 126, 202)}.el-button-group{vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-dropdown{position:relative;color:rgb(72, 87, 106);font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-dropdown__caret-button{padding-right:5px;padding-left:5px}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown-menu{margin:5px 0;background-color:#fff;border:1px solid rgb(209, 219, 229);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);padding:6px 0;z-index:10;position:absolute;top:0;left:0;min-width:100px}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer}.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-dropdown-menu__item.is-disabled{cursor:default;color:rgb(191, 203, 217);pointer-events:none}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid rgb(209, 219, 229)}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -10px;background-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/fonts/element-icons.ttf b/src/assets/theme/theme-darkblue/fonts/element-icons.ttf
new file mode 100644
index 0000000..9c1b720
Binary files /dev/null and b/src/assets/theme/theme-darkblue/fonts/element-icons.ttf differ
diff --git a/src/assets/theme/theme-darkblue/fonts/element-icons.woff b/src/assets/theme/theme-darkblue/fonts/element-icons.woff
new file mode 100644
index 0000000..2bbd019
Binary files /dev/null and b/src/assets/theme/theme-darkblue/fonts/element-icons.woff differ
diff --git a/src/assets/theme/theme-darkblue/form-item.css b/src/assets/theme/theme-darkblue/form-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/form.css b/src/assets/theme/theme-darkblue/form.css
new file mode 100644
index 0000000..fdc1859
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/form.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item:after,.el-form-item__content:after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item:after,.el-form-item:before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-form-item .el-form-item__content{margin-left:0!important}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner,.el-form-item.is-error .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-textarea__inner{border-color:#ff4949}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#ff4949;margin-right:4px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:rgb(72, 87, 106);line-height:1;padding:11px 12px 11px 0;box-sizing:border-box}.el-form-item__content{line-height:36px;position:relative;font-size:14px}.el-form-item__content:after,.el-form-item__content:before{display:table;content:""}.el-form-item__error{color:#ff4949;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/icon.css b/src/assets/theme/theme-darkblue/icon.css
new file mode 100644
index 0000000..fdbd61e
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/icon.css
@@ -0,0 +1 @@
+@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/index.css b/src/assets/theme/theme-darkblue/index.css
new file mode 100644
index 0000000..9397900
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/index.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-breadcrumb:after,.el-breadcrumb:before,.el-button-group:after,.el-button-group:before,.el-form-item:after,.el-form-item:before,.el-form-item__content:after,.el-form-item__content:before{display:table;content:""}.el-dialog__headerbtn,.el-pagination__rightwrapper{float:right}.el-pagination--small .arrow.disabled,.el-table td.is-hidden>*,.el-table th.is-hidden>*{visibility:hidden}.el-form-item__content:after{clear:both}.el-form-item:after{clear:both}.el-breadcrumb:after{clear:both}.el-button-group:after{clear:both}.el-autocomplete-suggestion.is-loading li:after{display:inline-block;content:"";height:100%;vertical-align:middle}@font-face{font-family:element-icons;src:url(fonts/element-icons.woff?t=1472440741) format('woff'),url(fonts/element-icons.ttf?t=1472440741) format('truetype');font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-arrow-down:before{content:"\e600"}.el-icon-arrow-left:before{content:"\e601"}.el-icon-arrow-right:before{content:"\e602"}.el-icon-arrow-up:before{content:"\e603"}.el-icon-caret-bottom:before{content:"\e604"}.el-icon-caret-left:before{content:"\e605"}.el-icon-caret-right:before{content:"\e606"}.el-icon-caret-top:before{content:"\e607"}.el-icon-check:before{content:"\e608"}.el-icon-circle-check:before{content:"\e609"}.el-icon-circle-close:before{content:"\e60a"}.el-icon-circle-cross:before{content:"\e60b"}.el-icon-close:before{content:"\e60c"}.el-icon-upload:before{content:"\e60d"}.el-icon-d-arrow-left:before{content:"\e60e"}.el-icon-d-arrow-right:before{content:"\e60f"}.el-icon-d-caret:before{content:"\e610"}.el-icon-date:before{content:"\e611"}.el-icon-delete:before{content:"\e612"}.el-icon-document:before{content:"\e613"}.el-icon-edit:before{content:"\e614"}.el-icon-information:before{content:"\e615"}.el-icon-loading:before{content:"\e616"}.el-icon-menu:before{content:"\e617"}.el-icon-message:before{content:"\e618"}.el-icon-minus:before{content:"\e619"}.el-icon-more:before{content:"\e61a"}.el-icon-picture:before{content:"\e61b"}.el-icon-plus:before{content:"\e61c"}.el-icon-search:before{content:"\e61d"}.el-icon-setting:before{content:"\e61e"}.el-icon-share:before{content:"\e61f"}.el-icon-star-off:before{content:"\e620"}.el-icon-star-on:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-warning:before{content:"\e623"}.el-icon-delete2:before{content:"\e624"}.el-icon-upload2:before{content:"\e627"}.el-icon-view:before{content:"\e626"}.el-icon-loading{animation:rotating 1s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:rgb(72, 87, 106)}.el-pagination:after,.el-pagination:before{display:table;content:""}.el-pagination:after{clear:both}.el-pagination button,.el-pagination span{display:inline-block;font-size:13px;min-width:28px;height:28px;line-height:28px;vertical-align:top;box-sizing:border-box}.el-pagination .el-select .el-input{width:110px}.el-pagination .el-select .el-input input{padding-right:25px;border-radius:2px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#1d8ce0}.el-pagination button.disabled{color:#e4e4e4;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;border:1px solid rgb(209, 219, 229);cursor:pointer;margin:0;color:rgb(151, 168, 190)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px}.el-pager,.el-pager li{vertical-align:top;display:inline-block}.el-pagination .btn-prev{border-radius:2px 0 0 2px;border-right:0}.el-pagination .btn-next{border-radius:0 2px 2px 0;border-left:0}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .el-pager li{border-radius:2px}.el-pagination__sizes{margin:0 10px 0 0}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;border-color:rgb(209, 219, 229)}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#1d8ce0}.el-pagination__jump{margin-left:10px}.el-pagination__total{margin:0 10px}.el-pagination__editor{border:1px solid rgb(209, 219, 229);border-radius:2px;line-height:18px;padding:4px 2px;width:30px;text-align:center;margin:0 6px;box-sizing:border-box;transition:border .3s}.el-pagination__editor::-webkit-inner-spin-button,.el-pagination__editor::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__editor:focus{outline:0;border-color:#1d8ce0}.el-autocomplete-suggestion__wrap,.el-pager li{border:1px solid rgb(209, 219, 229);box-sizing:border-box}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0}.el-radio,.el-radio-button__inner,.el-switch__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-pager li{padding:0 4px;border-right:0;background:#fff;font-size:13px;min-width:28px;height:28px;line-height:28px;text-align:center;margin:0}.el-pager li:last-child{border-right:1px solid rgb(209, 219, 229)}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:rgb(151, 168, 190)}.el-pager li.active+li{border-left:0;padding-left:5px}.el-pager li:hover{color:#1d8ce0}.el-pager li.active{border-color:#1d8ce0;background-color:#1d8ce0;color:#fff;cursor:default}.el-dialog{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box}.el-dialog--tiny{width:30%}.el-dialog--small{width:50%}.el-dialog--large{width:90%}.el-dialog--full{width:100%;top:0;height:100%;overflow:auto}.el-dialog__wrapper{top:0;right:0;bottom:0;left:0;position:fixed;overflow:auto;margin:0}.el-autocomplete,.el-dropdown{display:inline-block;position:relative}.el-dialog__header{padding:20px 20px 0}.el-dialog__close{cursor:pointer;color:rgb(191, 203, 217)}.el-dialog__close:hover{color:#1d8ce0}.el-dialog__title{line-height:1;font-size:16px;font-weight:700;color:rgb(31, 45, 61)}.el-dialog__body{padding:30px 20px;color:rgb(72, 87, 106);font-size:14px}.el-dialog__footer{padding:10px 20px 15px;text-align:right;box-sizing:border-box}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete-suggestion{margin:5px 0;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.12)}.el-autocomplete-suggestion li{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer;color:rgb(72, 87, 106);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:rgb(228, 232, 241)}.el-autocomplete-suggestion li.highlighted{background-color:#1d8ce0;color:#fff}.el-autocomplete-suggestion li:active{background-color:#0082e6}.el-autocomplete-suggestion.is-loading li:hover,.el-dropdown-menu{background-color:#fff}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid rgb(209, 219, 229)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-autocomplete-suggestion__wrap{max-height:280px;overflow:auto;background-color:#fff;padding:6px 0;border-radius:2px}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-dropdown{color:rgb(72, 87, 106);font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-dropdown__caret-button{padding-right:5px;padding-left:5px}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown-menu{margin:5px 0;border:1px solid rgb(209, 219, 229);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);padding:6px 0;z-index:10;position:absolute;top:0;left:0;min-width:100px}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 10px;margin:0;cursor:pointer}.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-dropdown-menu__item.is-disabled{cursor:default;color:rgb(191, 203, 217);pointer-events:none}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid rgb(209, 219, 229)}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -10px;background-color:#fff}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;font-size:14px;color:rgb(72, 87, 106);padding:0 20px;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-menu{border-radius:2px;list-style:none;position:relative;margin:0;padding-left:0;background-color:rgb(238, 241, 246)}.el-menu:after,.el-menu:before{display:table;content:""}.el-menu:after{clear:both}.el-menu li{list-style:none}.el-menu--dark{background-color:rgb(50, 65, 87)}.el-menu--dark .el-menu-item,.el-menu--dark .el-submenu__title{color:rgb(191, 203, 217)}.el-menu--dark .el-menu-item:hover,.el-menu--dark .el-submenu__title:hover{background-color:rgb(72, 87, 106)}.el-menu--dark .el-submenu .el-menu{background-color:rgb(31, 45, 61)}.el-menu--dark .el-submenu .el-menu .el-menu-item:hover{background-color:rgb(72, 87, 106)}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;box-sizing:border-box;border-bottom:5px solid transparent}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:1px solid rgb(209, 219, 229);padding:5px 0;background-color:#fff;z-index:100;min-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:5px solid transparent}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:5px;color:rgb(151, 168, 190);margin-top:-3px}.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{background-color:rgb(238, 241, 246)}.el-menu--horizontal>.el-menu-item:hover,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{border-bottom:5px solid #1d8ce0}.el-menu--horizontal.el-menu--dark .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title:hover{background-color:rgb(50, 65, 87)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover,.el-menu-item:hover{background-color:rgb(209, 219, 229)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title{color:rgb(72, 87, 106)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active,.el-menu-item.is-active{color:#1d8ce0}.el-menu-item [class^=el-icon-]{vertical-align:baseline;margin-right:10px}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-submenu [class^=el-icon-]{vertical-align:baseline;margin-right:10px}.el-submenu .el-menu{background-color:rgb(228, 232, 241)}.el-submenu .el-menu-item:hover,.el-submenu__title:hover{background-color:rgb(209, 219, 229)}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-submenu.is-active .el-submenu__title{border-bottom-color:#1d8ce0}.el-submenu__title{position:relative}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform .3s;font-size:12px}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding-top:15px;line-height:normal;font-size:14px;padding-left:20px;color:rgb(151, 168, 190)}.el-radio{color:rgb(31, 45, 61);cursor:pointer;white-space:nowrap}.el-radio+.el-radio{margin-left:15px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-focus .el-radio__inner{border-color:#1d8ce0}.el-radio__input.is-checked .el-radio__inner{border-color:#1d8ce0;background:#1d8ce0}.el-radio__input.is-checked .el-radio__inner::after{-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-disabled .el-radio__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:rgb(238, 241, 246)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#fff}.el-radio__input.is-disabled+.el-radio__label{color:#bbb;cursor:not-allowed}.el-radio__inner{border:1px solid rgb(191, 203, 217);width:18px;height:18px;border-radius:50%;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#1d8ce0}.el-radio__inner::after{width:6px;height:6px;border-radius:50%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-switch__core,.el-switch__label{width:46px;height:22px;cursor:pointer}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio-button,.el-radio-button__inner{position:relative;display:inline-block}.el-radio__label{font-size:14px;padding-left:5px}.el-radio-group{display:inline-block;font-size:0;line-height:1}.el-radio-group .el-radio{font-size:14px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid rgb(191, 203, 217);border-radius:4px 0 0 4px;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid rgb(191, 203, 217);border-left:0;color:rgb(31, 45, 61);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-radio-button__inner:hover{color:#1d8ce0}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#1d8ce0;border-color:#1d8ce0;box-shadow:-1px 0 0 0 #1d8ce0}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:rgb(191, 203, 217);cursor:not-allowed;background-image:none;background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229)}.el-radio-button--large .el-radio-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-radio-button--small .el-radio-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner{padding:4px;font-size:12px;border-radius:0}.el-switch{display:inline-block;position:relative;font-size:14px;line-height:22px;height:22px;vertical-align:middle}.el-switch__label,.el-switch__label *{position:absolute;font-size:14px;display:inline-block}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-switch.is-disabled .el-switch__core{border-color:rgb(228, 232, 241)!important;background:rgb(228, 232, 241)!important}.el-switch.is-disabled .el-switch__core span{background-color:rgb(250, 253, 254)!important}.el-switch.is-disabled .el-switch__core~.el-switch__label *{color:rgb(250, 253, 254)!important}.el-switch.is-disabled .el-switch__input:checked+.el-switch__core{border-color:rgb(228, 232, 241);background-color:rgb(228, 232, 241)}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:.2s;z-index:10;left:0;top:0;user-select:none}.el-checkbox,.el-date-table,.el-time-panel{-webkit-user-select:none;-ms-user-select:none}.el-switch__label *{line-height:1;top:4px;color:#fff}.el-switch__label--left i{left:6px}.el-switch__label--right i{right:6px}.el-switch__input{display:none}.el-switch__input:checked+.el-switch__core{border-color:#1d8ce0;background-color:#1d8ce0}.el-switch__core{margin:0;display:inline-block;position:relative;border:1px solid rgb(191, 203, 217);outline:0;border-radius:12px;box-sizing:border-box;background:rgb(191, 203, 217);transition:border-color .3s,background-color .3s}.el-switch__core .el-switch__button{top:0;left:0;position:absolute;border-radius:100%;transition:transform .3s;width:16px;height:16px;z-index:20;background-color:#fff}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 219, 229);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1d8ce0;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,.el-select-dropdown__item.hover{background-color:rgb(228, 232, 241)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 87, 106);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.selected{color:#fff;background-color:#1d8ce0}.el-select-dropdown__item.selected.hover{background-color:rgb(26, 123, 197)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 203, 217);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 145, 165)}.el-select .el-input__inner{cursor:pointer}.el-select .el-input__inner:focus{border-color:#1d8ce0}.el-select .el-input .el-input__icon{color:rgb(191, 203, 217);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 203, 217)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 168, 190)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 219, 229)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;box-sizing:border-box;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 203, 217);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 168, 190)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1000;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-table,.el-table td,.el-table th{box-sizing:border-box;position:relative}.el-table .el-tooltip.cell,.el-table th,.el-table th>div{white-space:nowrap}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#1d8ce0}.el-select__tag .el-icon-close{font-size:12px}.el-table{overflow:hidden;width:100%;max-width:100%;background-color:#fff;border:1px solid rgb(223, 230, 236);font-size:14px;color:rgb(31, 45, 61)}.el-table td,.el-table th{height:40px;min-width:0;text-overflow:ellipsis;vertical-align:middle}.el-table::after,.el-table::before{content:'';position:absolute;background-color:rgb(223, 230, 236);z-index:1}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td,.el-table th.is-leaf{border-bottom:1px solid rgb(223, 230, 236)}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .cell,.el-table th>div{padding-left:18px;padding-right:18px;box-sizing:border-box;text-overflow:ellipsis}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table::after{top:0;right:0;width:1px;height:100%}.el-table .caret-wrapper,.el-table th>.cell{position:relative;display:inline-block;vertical-align:middle}.el-table th{overflow:hidden;background-color:rgb(238, 241, 246);text-align:left}.el-table th>div{display:inline-block;line-height:40px;overflow:hidden}.el-table td>div{box-sizing:border-box}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table th>.cell{word-wrap:normal;text-overflow:ellipsis;line-height:20px;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#1d8ce0}.el-table .caret-wrapper{cursor:pointer;margin-left:5px;margin-top:-2px;width:16px;height:34px;overflow:visible;overflow:initial}.el-table .cell,.el-table__header-wrapper{overflow:hidden}.el-table .sort-caret{display:inline-block;width:0;height:0;border:0;content:"";position:absolute;left:3px;z-index:2}.el-table .sort-caret.ascending,.el-table .sort-caret.descending{border-right:5px solid transparent;border-left:5px solid transparent}.el-table .sort-caret.ascending{top:11px;border-top:none;border-bottom:5px solid rgb(151, 168, 190)}.el-table .sort-caret.descending{bottom:11px;border-top:5px solid rgb(151, 168, 190);border-bottom:none}.el-table .ascending .sort-caret.ascending{border-bottom-color:rgb(72, 87, 106)}.el-table .descending .sort-caret.descending{border-top-color:rgb(72, 87, 106)}.el-table td.gutter{width:0}.el-table .cell{white-space:normal;word-break:break-all;line-height:24px}.el-table tr input[type=checkbox]{margin:0}.el-table tr{background-color:#fff}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;transition:transform .2s ease-in-out;height:40px}.el-table__fixed-header-wrapper thead div,.el-table__header-wrapper thead div{color:rgb(31, 45, 61);background-color:rgb(238, 241, 246)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expand-icon--expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expanded-cell{padding:20px 50px;background-color:rgb(250, 253, 254);box-shadow:inset 0 2px 0 #f4f4f4}.el-table__expanded-cell:hover{background-color:rgb(250, 253, 254)!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid rgb(223, 230, 236)}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table--border td,.el-table--border th{border-right:1px solid rgb(223, 230, 236)}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;box-shadow:1px 0 8px #d3d4d6;overflow-x:hidden}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgb(223, 230, 236);z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:rgb(238, 241, 246)}.el-table__fixed-right{top:0;left:auto;right:0;box-shadow:-1px 0 8px #d3d4d6}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__header-wrapper{width:100%}.el-table__body,.el-table__header{table-layout:fixed}.el-table__body-wrapper{overflow:auto;position:relative}.el-table--striped .el-table__body tr:nth-child(2n) td{background:#FAFAFA}.el-table--striped .el-table__body tr:nth-child(2n).current-row td{background:rgb(237, 246, 253)}.el-table__body tr.hover-row>td{background-color:rgb(238, 241, 246)}.el-table__body tr.current-row>td{background:rgb(237, 246, 253)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid rgb(223, 230, 236);z-index:10}.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}.el-table__column-filter-trigger{display:inline-block;line-height:34px;margin-left:5px;cursor:pointer}.el-table__column-filter-trigger i{color:rgb(151, 168, 190)}.el-table--enable-row-transition .el-table__body td{transition:background-color .25s ease}.el-table--enable-row-hover tr:hover>td{background-color:rgb(238, 241, 246)}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-checkbox{color:rgb(31, 45, 61);-moz-user-select:none}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1d8ce0;border-color:rgb(1, 130, 228)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1d8ce0}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#1d8ce0;border-color:rgb(1, 130, 228)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 241, 246)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1d8ce0}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox__label{font-size:14px;padding-left:5px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid rgb(209, 219, 229);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-table-filter__list-item.is-active{background-color:#1d8ce0;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid rgb(209, 219, 229);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:rgb(131, 145, 165);cursor:pointer;font-size:14px;padding:0 3px}.el-table-filter__bottom button:hover{color:#1d8ce0}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:rgb(191, 203, 217);cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group .el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;min-width:224px;-moz-user-select:none;user-select:none}.el-date-table td{width:32px;height:32px;box-sizing:border-box;text-align:center;cursor:pointer}.el-date-table td.next-month,.el-date-table td.prev-month{color:#ddd}.el-date-table td.today{color:#1d8ce0;position:relative}.el-date-table td.today:before{content:" ";position:absolute;top:0;right:0;width:0;height:0;border-top:.5em solid #1d8ce0;border-left:.5em solid transparent}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.available:hover{background-color:rgb(228, 232, 241)}.el-date-table td.in-range{background-color:rgb(210, 232, 249)}.el-date-table td.in-range:hover{background-color:rgb(210, 232, 249)Hover}.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{background-color:#1d8ce0!important;color:#fff}.el-date-table td.disabled{background-color:#f4f4f4;opacity:1;cursor:not-allowed;color:#ccc}.el-fade-in-enter,.el-fade-in-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.week{font-size:80%;color:rgb(131, 145, 165)}.el-month-table,.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-date-table th{padding:5px;color:rgb(131, 145, 165);font-weight:400}.el-date-table.is-week-mode .el-date-table__row:hover{background-color:rgb(228, 232, 241)}.el-date-table.is-week-mode .el-date-table__row.current{background-color:rgb(210, 232, 249)}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td .cell{color:rgb(72, 87, 106)}.el-month-table td .cell:hover{background-color:rgb(228, 232, 241)}.el-month-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-month-table td.current:not(.disabled) .cell{background-color:#1d8ce0!important;color:#fff}.el-year-table .el-icon{color:rgb(151, 168, 190)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td .cell{color:rgb(72, 87, 106)}.el-year-table td .cell:hover{background-color:rgb(228, 232, 241)}.el-year-table td.disabled .cell{background-color:#f4f4f4;cursor:not-allowed;color:#ccc}.el-year-table td.current:not(.disabled) .cell{background-color:#1d8ce0!important;color:#fff}.el-date-range-picker{min-width:520px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker.has-sidebar.has-time{min-width:766px}.el-date-range-picker.has-sidebar{min-width:620px}.el-date-range-picker.has-time{min-width:660px}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header button{float:left}.el-date-range-picker__header div{font-size:14px;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-right .el-date-range-picker__header button{float:right}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:rgb(151, 168, 190)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{min-width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid rgb(209, 219, 229)}.el-picker-panel{color:rgb(72, 87, 106);border:1px solid rgb(209, 219, 229);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 87, 106);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 232, 241)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#1d8ce0}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 168, 190);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#1d8ce0}.el-picker-panel__link-btn{cursor:pointer;color:#1d8ce0;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(250, 253, 254)}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px}.time-select-item.selected:not(.disabled){background-color:#1d8ce0;color:#fff}.time-select-item.selected:not(.disabled):hover{background-color:#1d8ce0}.time-select-item.disabled{color:rgb(209, 219, 229);cursor:not-allowed}.time-select-item:hover{background-color:rgb(228, 232, 241);cursor:pointer}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.list-enter-active,.list-leave-active{transition:all 1s}.list-enter,.list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 232, 241);cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 219, 229);cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 219, 229);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-moz-user-select:none;user-select:none}.el-popover,.el-tabs--border-card{box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-button,.el-slider__button-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#1d8ce0;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 145, 165)}.el-time-panel__btn.confirm{font-weight:800;color:#1d8ce0}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:2px;border:1px solid rgb(209, 219, 229);padding:10px;z-index:2000;font-size:12px}.el-popover .popper__arrow,.el-popover .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popover .popper__arrow{border-width:6px}.el-popover .popper__arrow::after{content:" ";border-width:6px}.el-popover[x-placement^=top]{margin-bottom:12px}.el-popover[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:rgb(209, 219, 229);border-bottom-width:0}.el-popover[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popover[x-placement^=bottom]{margin-top:12px}.el-popover[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:rgb(209, 219, 229)}.el-popover[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popover[x-placement^=right]{margin-left:12px}.el-popover[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:rgb(209, 219, 229);border-left-width:0}.el-popover[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popover[x-placement^=left]{margin-right:12px}.el-popover[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:rgb(209, 219, 229)}.el-popover[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover__title{color:rgb(31, 45, 61);font-size:13px;line-height:1;margin-bottom:9px}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1d8ce0;border-color:#1d8ce0}.el-button:active{color:rgb(26, 126, 202);border-color:rgb(26, 126, 202);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 203, 217);cursor:not-allowed;background-image:none;background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 219, 229);color:rgb(191, 203, 217)}.el-button.is-active{color:rgb(26, 126, 202);border-color:rgb(26, 126, 202)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1d8ce0;color:#1d8ce0}.el-button.is-plain:active{background:#fff;border-color:rgb(26, 126, 202);color:rgb(26, 126, 202);outline:0}.el-button--primary{color:#fff;background-color:#1d8ce0;border-color:#1d8ce0}.el-button--primary:focus,.el-button--primary:hover{background:rgb(74, 163, 230);border-color:rgb(74, 163, 230);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(26, 126, 202);border-color:rgb(26, 126, 202);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#1d8ce0;color:#1d8ce0}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(26, 126, 202);color:rgb(26, 126, 202);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#1d8ce0;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(74, 163, 230)}.el-button--text:active{color:rgb(26, 126, 202)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-message-box{text-align:left;display:inline-block;vertical-align:middle;background-color:#fff;width:420px;border-radius:3px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:20px 20px 0}.el-message-box__content{padding:30px 20px;color:rgb(72, 87, 106);font-size:14px;position:relative}.el-message-box__close{display:inline-block;position:absolute;top:19px;right:20px;color:#999;cursor:pointer;line-height:20px;text-align:center}.el-message-box__close:hover{color:#1d8ce0}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#ff4949}.el-message-box__errormsg{color:#ff4949;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:16px;font-weight:700;height:18px;color:#333}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:1.4}.el-message-box__btns{padding:10px 20px 15px;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box__status{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:36px!important}.el-message-box__status.el-icon-circle-check{color:#13ce66}.el-message-box__status.el-icon-information{color:#50bfff}.el-message-box__status.el-icon-warning{color:#f7ba2a}.el-message-box__status.el-icon-circle-cross{color:#ff4949}.msgbox-fade-enter-active{animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{animation:msgbox-fade-out .3s}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:13px;line-height:1}.el-breadcrumb__separator{margin:0 8px;color:rgb(191, 203, 217)}.el-breadcrumb__item{float:left}.el-breadcrumb__item:last-child .el-breadcrumb__item__inner,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover{color:rgb(151, 168, 190);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-breadcrumb__item__inner,.el-breadcrumb__item__inner a{transition:color .15s linear;color:rgb(72, 87, 106)}.el-breadcrumb__item__inner a:hover,.el-breadcrumb__item__inner:hover{color:#1d8ce0;cursor:pointer}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-form-item .el-form-item__content{margin-left:0!important}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner,.el-form-item.is-error .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-textarea__inner{border-color:#ff4949}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#ff4949;margin-right:4px}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:rgb(72, 87, 106);line-height:1;padding:11px 12px 11px 0;box-sizing:border-box}.el-form-item__content{line-height:36px;position:relative;font-size:14px}.el-form-item__error{color:#ff4949;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-tabs__header{border-bottom:1px solid rgb(209, 219, 229);padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:3px;background-color:#1d8ce0;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-ms-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#1d8ce0}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap.is-scrollable{padding:0 15px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:rgb(131, 145, 165)}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;transition:transform .3s;float:left}.el-tabs__item{padding:0 16px;height:42px;box-sizing:border-box;line-height:42px;display:inline-block;list-style:none;font-size:14px;color:rgb(131, 145, 165);position:relative}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-ms-transform:scale(.7,.7);transform:scale(.7,.7);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:rgb(151, 168, 190);color:#fff}.el-tabs__item:hover{color:rgb(31, 45, 61);cursor:pointer}.el-tabs__item.is-disabled{color:#bbb;cursor:default}.el-tabs__item.is-active{color:#1d8ce0}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tag,.slideInLeft-transition,.slideInRight-transition{display:inline-block}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid transparent;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-right:9px;padding-left:9px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border:1px solid rgb(209, 219, 229);border-bottom-color:#fff;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-right:16px;padding-left:16px}.el-tabs--border-card{background:#fff;border:1px solid rgb(209, 219, 229)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:rgb(238, 241, 246);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;border-top:0;margin-right:-1px;margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:#fff;border-right-color:rgb(209, 219, 229);border-left-color:rgb(209, 219, 229)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:first-child{border-left-color:rgb(209, 219, 229)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:last-child{border-right-color:rgb(209, 219, 229)}.slideInRight-enter{animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave .3s}.slideInLeft-enter{animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave .3s}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}.el-tag{background-color:rgb(131, 145, 165);padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 145, 165)}.el-tag--gray{background-color:rgb(228, 232, 241);border-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 87, 106);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 87, 106)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#1d8ce0}.el-tag--primary .el-tag__close:hover{background-color:#1d8ce0;color:#fff}.el-tag--primary.is-hit{border-color:#1d8ce0}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-tree{cursor:default;background:#fff;border:1px solid rgb(209, 219, 229)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-tree-node{white-space:nowrap}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree-node__expand-icon,.el-tree-node__label,.el-tree-node__loading-icon{display:inline-block;vertical-align:middle}.el-tree-node__content{line-height:36px;height:36px;cursor:pointer}.el-tree-node__content>.el-checkbox,.el-tree-node__content>.el-tree-node__expand-icon{margin-right:8px}.el-tree-node__content>.el-checkbox{vertical-align:middle}.el-tree-node__content:hover{background:rgb(228, 232, 241)}.el-tree-node__expand-icon{cursor:pointer;width:0;height:0;margin-left:10px;border:6px solid transparent;border-right-width:0;border-left-color:rgb(151, 168, 190);border-left-width:7px;-ms-transform:rotate(0);transform:rotate(0);transition:transform .3s ease-in-out}.el-tree-node__expand-icon:hover{border-left-color:#999}.el-tree-node__expand-icon.expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{border-color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:4px;font-size:14px;color:rgb(151, 168, 190)}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:rgb(237, 246, 253)}.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;color:#fff;opacity:1;display:table;transition:opacity .2s}.el-alert .el-alert__description{color:#fff;font-size:12px;margin:5px 0 0}.el-alert--success{background-color:#13ce66}.el-alert--info{background-color:#50bfff}.el-alert--warning{background-color:#f7ba2a}.el-alert--error{background-color:#ff4949}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px;display:table-cell;color:#fff;vertical-align:middle}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert__closebtn{font-size:12px;color:#fff;opacity:1;top:12px;right:15px;position:absolute;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active{opacity:0}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{width:330px;padding:20px;box-sizing:border-box;border-radius:2px;position:fixed;right:16px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);transition:opacity .3s,transform .3s,right .3s,top .4s;overflow:hidden}.el-notification .el-icon-circle-check{color:#13ce66}.el-notification .el-icon-circle-cross{color:#ff4949}.el-notification .el-icon-information{color:#50bfff}.el-notification .el-icon-warning{color:#f7ba2a}.el-notification__group{margin-left:0}.el-notification__group.is-with-icon{margin-left:55px}.el-notification__title{font-weight:400;font-size:16px;color:rgb(31, 45, 61);margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:10px 0 0;color:rgb(131, 145, 165);text-align:justify}.el-notification__icon{width:40px;height:40px;font-size:40px;float:left;position:relative;top:3px}.el-notification__closeBtn{top:20px;right:20px;position:absolute;cursor:pointer;color:rgb(191, 203, 217);font-size:14px}.el-notification__closeBtn:hover{color:rgb(151, 168, 190)}.el-notification-fade-enter{-ms-transform:translateX(100%);transform:translateX(100%);right:0}.el-input-number{display:inline-block;overflow:hidden;width:180px;position:relative}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 219, 229);color:rgb(209, 219, 229)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 219, 229);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 203, 217);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 168, 190);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#1d8ce0}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#1d8ce0}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 219, 229);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:42px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:30px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-progress-bar__inner:after,.el-row:after,.el-row:before,.el-slider:after,.el-slider:before,.el-slider__button-wrapper:after,.el-upload-cover:after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 45, 61);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 45, 61);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 45, 61);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 45, 61);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 45, 61);color:#fff}.el-slider:after,.el-slider:before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper:after{display:inline-block;vertical-align:middle}.el-slider:after{clear:both}.el-slider__runway{width:100%;height:4px;margin:16px 0;background-color:rgb(228, 232, 241);border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar,.el-slider__runway.disabled .el-slider__button{background-color:rgb(191, 203, 217)}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-ms-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:4px;background-color:#1d8ce0;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{width:36px;height:36px;position:absolute;z-index:1001;top:-16px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;user-select:none}.el-slider__button-wrapper:after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:12px;height:12px;background-color:#1d8ce0;border-radius:50%;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-ms-transform:scale(1.5);transform:scale(1.5);background-color:rgb(26, 123, 197)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;width:4px;height:4px;border-radius:100%;background-color:rgb(191, 203, 217);-ms-transform:translateX(-50%);transform:translateX(-50%)}.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{width:50px;height:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row{position:relative}.el-loading-spinner .el-loading-text{color:#1d8ce0;margin:3px 0;font-size:14px}.el-loading-spinner .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#1d8ce0;stroke-linecap:round}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{box-sizing:border-box}.el-row:after,.el-row:before{display:table}.el-row:after{clear:both}.el-row--flex{display:-ms-flexbox;display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-align-bottom{-ms-flex-align:end;align-items:flex-end}.el-row--flex.is-align-middle{-ms-flex-align:center;align-items:center}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-justify-space-between{-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-end{-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-center{-ms-flex-pack:center;justify-content:center}.el-col-1,.el-col-10,.el-col-11,.el-col-12,.el-col-13,.el-col-14,.el-col-15,.el-col-16,.el-col-17,.el-col-18,.el-col-19,.el-col-2,.el-col-20,.el-col-21,.el-col-22,.el-col-23,.el-col-24,.el-col-3,.el-col-4,.el-col-5,.el-col-6,.el-col-7,.el-col-8,.el-col-9{float:left;box-sizing:border-box}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media (max-width:768px){.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media (min-width:768px){.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media (min-width:992px){.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media (min-width:1200px){.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}.el-progress-bar__inner:after{display:inline-block;height:100%;vertical-align:middle}.el-upload{display:inline-block;text-align:center;cursor:pointer}.el-upload-list__item.is-success .el-icon-close,.el-upload__input{display:none}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload__tip{font-size:12px;color:rgb(131, 145, 165);margin-top:7px}.el-upload--picture-card{background-color:rgb(250, 253, 254);border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:#1d8ce0;color:#1d8ce0}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-upload__text{color:rgb(151, 168, 190);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#1d8ce0;font-style:normal}.el-upload-dragger .el-icon-upload{font-size:67px;color:rgb(151, 168, 190);margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid rgba(191,203,217,.2);margin-top:7px;padding-top:5px}.el-upload-dragger:hover{border-color:#1d8ce0}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #1d8ce0}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:rgb(72, 87, 106);line-height:1.8;margin-top:5px;box-sizing:border-box;border-radius:4px;width:100%;position:relative}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-progress{position:absolute;bottom:-3px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;top:-10px;right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item:hover{background-color:rgb(238, 241, 246)}.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#1d8ce0;cursor:pointer}.el-upload-list__item.is-success:hover .el-icon-close{display:inline-block;cursor:pointer;opacity:.75;-ms-transform:scale(.7);transform:scale(.7);color:rgb(72, 87, 106)}.el-upload-list__item.is-success:hover .el-icon-close:hover{opacity:1}.el-upload-list__item.is-success:hover .el-icon-check,.el-upload-list__item.is-success:hover .el-icon-circle-check{display:none}.el-upload-list__item-name{color:rgb(72, 87, 106);display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{color:rgb(151, 168, 190);margin-right:7px;height:100%;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:10px;top:0;line-height:inherit;color:#13ce66}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:rgb(72, 87, 106);display:none}.el-upload-list__item-delete:hover{color:#1d8ce0}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item-name,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label .el-icon-close{-ms-transform:rotate(45deg) scale(.7);transform:rotate(45deg) scale(.7)}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-list--picture .el-progress{position:static}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover:after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-ms-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:rgb(72, 87, 106)}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 87, 106);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-badge,.el-badge__content,.el-progress-bar,.el-spinner{display:inline-block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 232, 241);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#1d8ce0;text-align:right;border-radius:100px;line-height:1}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:300px;padding:10px 12px;box-sizing:border-box;border-radius:2px;position:fixed;left:50%;top:20px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;transition:opacity .3s,transform .4s;overflow:hidden}.el-message .el-icon-circle-check{color:#13ce66}.el-message .el-icon-circle-cross{color:#ff4949}.el-message .el-icon-information{color:#50bfff}.el-message .el-icon-warning{color:#f7ba2a}.el-message__group{margin-left:38px;position:relative;height:20px;line-height:20px}.el-message__group p{font-size:14px;margin:0 34px 0 0;white-space:nowrap;color:rgb(131, 145, 165);text-align:justify}.el-step__head,.el-steps.is-horizontal.is-center{text-align:center}.el-message__group.is-with-icon{margin-left:0}.el-message__img{width:40px;height:40px;position:absolute;left:0;top:0}.el-message__icon{vertical-align:middle;margin-right:8px}.el-message__closeBtn{top:3px;right:0;position:absolute;cursor:pointer;color:rgb(191, 203, 217);font-size:14px}.el-message__closeBtn:hover{color:rgb(151, 168, 190)}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle}.el-badge__content{background-color:#ff4949;border-radius:10px;color:#fff;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff}.el-badge__content.is-dot{width:8px;height:8px;padding:0;right:0;border-radius:50%}.el-badge__content.is-fixed{top:0;right:10px;position:absolute;-ms-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-card{border:1px solid rgb(209, 219, 229);border-radius:4px;background-color:#fff;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-card__header{padding:18px 20px;border-bottom:1px solid rgb(209, 219, 229);box-sizing:border-box}.el-card__body{padding:20px}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:rgb(191, 203, 217);transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-ms-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{font-size:0}.el-steps>:last-child .el-step__line{display:none}.el-step.is-horizontal,.el-step.is-vertical .el-step__head,.el-step.is-vertical .el-step__main,.el-step__line{display:inline-block}.el-steps.is-horizontal{white-space:nowrap}.el-step{position:relative;vertical-align:top}.el-step.is-vertical .el-step__main{padding-left:10px}.el-step__line{position:absolute;border-color:inherit;background-color:rgb(191, 203, 217)}.el-step__line.is-vertical{width:2px;box-sizing:border-box;top:32px;bottom:0;left:15px}.el-step__line.is-horizontal{top:15px;height:2px;left:32px;right:0}.el-step__line.is-icon.is-horizontal{right:4px}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:all 150ms;width:0;height:0}.el-step__icon{display:block;line-height:28px}.el-step__icon>*{line-height:inherit;vertical-align:middle}.el-step__head{width:28px;height:28px;border-radius:50%;background-color:transparent;line-height:28px;font-size:28px;vertical-align:top;transition:all 150ms}.el-carousel__arrow,.el-carousel__button{margin:0;transition:.3s;cursor:pointer;outline:0}.el-step__head.is-finish{color:#1d8ce0;border-color:#1d8ce0}.el-step__head.is-error{color:#ff4949;border-color:#ff4949}.el-step__head.is-success{color:#13ce66;border-color:#13ce66}.el-step__head.is-process,.el-step__head.is-wait{color:rgb(191, 203, 217);border-color:rgb(191, 203, 217)}.el-step__head.is-text{font-size:14px;border-width:2px;border-style:solid}.el-step__head.is-text.is-finish{color:#fff;background-color:#1d8ce0;border-color:#1d8ce0}.el-step__head.is-text.is-error{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-step__head.is-text.is-success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-step__head.is-text.is-wait{color:rgb(191, 203, 217);background-color:#fff;border-color:rgb(191, 203, 217)}.el-step__head.is-text.is-process{color:#fff;background-color:rgb(191, 203, 217);border-color:rgb(191, 203, 217)}.el-step__main{white-space:normal;padding-right:10px;text-align:left}.el-step__title{font-size:14px;line-height:32px;display:inline-block}.el-step__title.is-finish{font-weight:700;color:#1d8ce0}.el-step__title.is-error{font-weight:700;color:#ff4949}.el-step__title.is-success{font-weight:700;color:#13ce66}.el-step__title.is-wait{font-weight:400;color:rgb(151, 168, 190)}.el-step__title.is-process{font-weight:700;color:rgb(72, 87, 106)}.el-step__description{font-size:12px;font-weight:400;line-height:14px}.el-step__description.is-finish{color:#1d8ce0}.el-step__description.is-error{color:#ff4949}.el-step__description.is-success{color:#13ce66}.el-step__description.is-wait{color:rgb(191, 203, 217)}.el-step__description.is-process{color:rgb(131, 145, 165)}.el-carousel{overflow-x:hidden;position:relative}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;padding:0;width:36px;height:36px;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-ms-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:rgb(131, 145, 165);opacity:.24}.el-carousel__indicator{display:inline-block;background-color:transparent;padding:12px 4px;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#fff;border:none;padding:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-ms-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-ms-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;transition:.4s ease-in-out;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.24;transition:.2s}.el-collapse{border:1px solid rgb(223, 230, 236);border-radius:0}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse-item.is-active>.el-collapse-item__header .el-collapse-item__header__arrow{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header{height:43px;line-height:43px;padding-left:15px;background-color:#fff;color:rgb(72, 87, 106);cursor:pointer;border-bottom:1px solid rgb(223, 230, 236);font-size:13px}.el-collapse-item__header__arrow{margin-right:8px;transition:transform .3s}.el-collapse-item__wrap{will-change:height;background-color:rgb(250, 253, 254);overflow:hidden;box-sizing:border-box;border-bottom:1px solid rgb(223, 230, 236)}.el-collapse-item__content{padding:10px 15px;font-size:13px;color:rgb(31, 45, 61);line-height:1.769230769230769}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 203, 217);box-sizing:border-box;color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-cascader__label,.el-textarea__inner{width:100%;font-size:14px;box-sizing:border-box}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;color:rgb(31, 45, 61);background-color:#fff;background-image:none;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-cascader{display:inline-block;position:relative;background-color:#fff}.el-cascader .el-input,.el-cascader .el-input__inner{cursor:pointer;background-color:transparent;z-index:1}.el-cascader .el-input__icon{transition:none}.el-cascader .el-icon-caret-bottom{transition:transform .3s}.el-cascader .el-icon-caret-bottom.is-reverse{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#bbb}.el-cascader__label{position:absolute;left:0;top:0;height:100%;line-height:34px;padding:0 25px 0 10px;color:rgb(31, 45, 61);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;text-align:left}.el-cascader__label span{color:rgb(151, 168, 190)}.el-cascader--large{font-size:16px}.el-cascader--large .el-cascader__label{line-height:40px}.el-cascader--small{font-size:13px}.el-cascader--small .el-cascader__label{line-height:28px}.el-cascader-menus{white-space:nowrap;background:#fff;position:absolute;margin:5px 0;z-index:2;border:1px solid rgb(209, 219, 229);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.el-cascader-menu{display:inline-block;vertical-align:top;height:204px;overflow:auto;border-right:solid 1px rgb(209, 219, 229);background-color:#fff;box-sizing:border-box;margin:0;padding:6px 0;min-width:160px}.el-cascader-menu:last-child{border-right:0}.el-cascader-menu__item{font-size:14px;padding:8px 30px 8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 87, 106);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-cascader-menu__item:hover{background-color:rgb(228, 232, 241)}.el-cascader-menu__item.selected{color:#fff;background-color:#1d8ce0}.el-cascader-menu__item.selected.hover{background-color:rgb(26, 123, 197)}.el-cascader-menu__item.is-active{color:#fff;background-color:#1d8ce0}.el-cascader-menu__item.is-active:hover{background-color:rgb(26, 123, 197)}.el-cascader-menu__item.is-disabled{color:rgb(191, 203, 217);background-color:#fff;cursor:not-allowed}.el-cascader-menu__item.is-disabled:hover{background-color:#fff}.el-cascader-menu__item__keyword{font-weight:700}.el-cascader-menu__item--extensible:after{font-family:element-icons;content:"\e606";font-size:12px;-ms-transform:scale(.8);transform:scale(.8);color:rgb(191, 203, 217);position:absolute;right:10px;margin-top:1px}.el-cascader-menu--flexible{height:auto;max-height:180px;overflow:auto}.el-cascader-menu--flexible .el-cascader-menu__item{overflow:visible}.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:rgb(31, 45, 61)}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#1d8ce0;border-color:#1d8ce0}.el-color-dropdown__link-btn{cursor:pointer;color:#1d8ce0;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:rgb(74, 163, 230)}.el-color-picker{display:inline-block;position:relative}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:36px;padding:6px;border:1px solid rgb(191, 203, 217);border-radius:4px;font-size:0}.el-color-picker__color{position:relative;display:inline-block;box-sizing:border-box;vertical-align:middle;border:1px solid #666;width:22px;height:22px;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;vertical-align:middle;margin-top:4px;color:#666}.el-color-picker__icon{display:inline-block;position:relative;vertical-align:middle;margin-left:8px;width:12px;color:#888;font-size:12px}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;background-color:#fff;border:1px solid rgb(209, 219, 229);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12)}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/input-number.css b/src/assets/theme/theme-darkblue/input-number.css
new file mode 100644
index 0000000..3948a4b
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/input-number.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 203, 217);box-sizing:border-box;color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;background-image:none;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-input-number{display:inline-block;overflow:hidden;width:180px;position:relative}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 219, 229);color:rgb(209, 219, 229)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 219, 229);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 203, 217);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 168, 190);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#1d8ce0}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#1d8ce0}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 219, 229);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:42px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:30px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/input.css b/src/assets/theme/theme-darkblue/input.css
new file mode 100644
index 0000000..d2e83de
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/input.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 203, 217);box-sizing:border-box;color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;background-image:none;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/loading.css b/src/assets/theme/theme-darkblue/loading.css
new file mode 100644
index 0000000..7f0d22c
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/loading.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-loading-mask{position:absolute;z-index:10000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{width:50px;height:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#1d8ce0;margin:3px 0;font-size:14px}.el-loading-spinner .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#1d8ce0;stroke-linecap:round}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/menu-item-group.css b/src/assets/theme/theme-darkblue/menu-item-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/menu-item.css b/src/assets/theme/theme-darkblue/menu-item.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/menu.css b/src/assets/theme/theme-darkblue/menu.css
new file mode 100644
index 0000000..49aabfd
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/menu.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-menu,.el-menu li{list-style:none}.el-menu:after,.el-menu:before{display:table;content:""}.el-menu:after{clear:both}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;font-size:14px;color:rgb(72, 87, 106);padding:0 20px;cursor:pointer;position:relative;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-menu{border-radius:2px;position:relative;margin:0;padding-left:0;background-color:rgb(238, 241, 246)}.el-menu--dark{background-color:rgb(50, 65, 87)}.el-menu--dark .el-menu-item,.el-menu--dark .el-submenu__title{color:rgb(191, 203, 217)}.el-menu--dark .el-menu-item:hover,.el-menu--dark .el-submenu__title:hover{background-color:rgb(72, 87, 106)}.el-menu--dark .el-submenu .el-menu{background-color:rgb(31, 45, 61)}.el-menu--dark .el-submenu .el-menu .el-menu-item:hover{background-color:rgb(72, 87, 106)}.el-menu--horizontal .el-menu-item{float:left;height:60px;line-height:60px;margin:0;cursor:pointer;position:relative;box-sizing:border-box;border-bottom:5px solid transparent}.el-menu--horizontal .el-menu-item a,.el-menu--horizontal .el-menu-item a:hover{color:inherit}.el-menu--horizontal .el-submenu{float:left;position:relative}.el-menu--horizontal .el-submenu>.el-menu{position:absolute;top:65px;left:0;border:1px solid rgb(209, 219, 229);padding:5px 0;background-color:#fff;z-index:100;min-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-menu--horizontal .el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:5px solid transparent}.el-menu--horizontal .el-submenu .el-menu-item{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:5px;color:rgb(151, 168, 190);margin-top:-3px}.el-menu--horizontal .el-menu-item:hover,.el-menu--horizontal .el-submenu__title:hover{background-color:rgb(238, 241, 246)}.el-menu--horizontal>.el-menu-item:hover,.el-menu--horizontal>.el-submenu.is-active .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{border-bottom:5px solid #1d8ce0}.el-menu--horizontal.el-menu--dark .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu__title:hover{background-color:rgb(50, 65, 87)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover,.el-menu-item:hover{background-color:rgb(209, 219, 229)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item,.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title{color:rgb(72, 87, 106)}.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active,.el-menu-item.is-active{color:#1d8ce0}.el-menu-item [class^=el-icon-]{vertical-align:baseline;margin-right:10px}.el-menu-item:first-child{margin-left:0}.el-menu-item:last-child{margin-right:0}.el-submenu [class^=el-icon-]{vertical-align:baseline;margin-right:10px}.el-submenu .el-menu{background-color:rgb(228, 232, 241)}.el-submenu .el-menu-item:hover,.el-submenu__title:hover{background-color:rgb(209, 219, 229)}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.el-submenu.is-active .el-submenu__title{border-bottom-color:#1d8ce0}.el-submenu__title{position:relative}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform .3s;font-size:12px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding-top:15px;line-height:normal;font-size:14px;padding-left:20px;color:rgb(151, 168, 190)}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/message-box.css b/src/assets/theme/theme-darkblue/message-box.css
new file mode 100644
index 0000000..cee443e
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/message-box.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-button,.el-input__inner{-webkit-appearance:none;line-height:1;outline:0}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button,.el-button-group,.el-input{display:inline-block}.el-button-group:after{clear:both}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);text-align:center;box-sizing:border-box;margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:10px 15px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#1d8ce0;border-color:#1d8ce0}.el-button:active{color:rgb(26, 126, 202);border-color:rgb(26, 126, 202);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:rgb(191, 203, 217);cursor:not-allowed;background-image:none;background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:rgb(209, 219, 229);color:rgb(191, 203, 217)}.el-button.is-active{color:rgb(26, 126, 202);border-color:rgb(26, 126, 202)}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#1d8ce0;color:#1d8ce0}.el-button.is-plain:active{background:#fff;border-color:rgb(26, 126, 202);color:rgb(26, 126, 202);outline:0}.el-button--primary{color:#fff;background-color:#1d8ce0;border-color:#1d8ce0}.el-button--primary:focus,.el-button--primary:hover{background:rgb(74, 163, 230);border-color:rgb(74, 163, 230);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(26, 126, 202);border-color:rgb(26, 126, 202);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#fff;border-color:#1d8ce0;color:#1d8ce0}.el-button--primary.is-plain:active{background:#fff;border-color:rgb(26, 126, 202);color:rgb(26, 126, 202);outline:0}.el-button--success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-button--success:focus,.el-button--success:hover{background:#42d885;border-color:#42d885;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#11b95c;border-color:#11b95c;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#fff;border-color:#13ce66;color:#13ce66}.el-button--success.is-plain:active{background:#fff;border-color:#11b95c;color:#11b95c;outline:0}.el-button--warning{color:#fff;background-color:#f7ba2a;border-color:#f7ba2a}.el-button--warning:focus,.el-button--warning:hover{background:#f9c855;border-color:#f9c855;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#dea726;border-color:#dea726;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#fff;border-color:#f7ba2a;color:#f7ba2a}.el-button--warning.is-plain:active{background:#fff;border-color:#dea726;color:#dea726;outline:0}.el-button--danger{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-button--danger:focus,.el-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#e64242;border-color:#e64242;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#fff;border-color:#ff4949;color:#ff4949}.el-button--danger.is-plain:active{background:#fff;border-color:#e64242;color:#e64242;outline:0}.el-button--info{color:#fff;background-color:#50bfff;border-color:#50bfff}.el-button--info:focus,.el-button--info:hover{background:#73ccff;border-color:#73ccff;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#48ace6;border-color:#48ace6;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-plain{background:#fff;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61)}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#fff;border-color:#50bfff;color:#50bfff}.el-button--info.is-plain:active{background:#fff;border-color:#48ace6;color:#48ace6;outline:0}.el-button--large{padding:11px 19px;font-size:16px;border-radius:4px}.el-button--small{padding:7px 9px;font-size:12px;border-radius:4px}.el-button--mini{padding:4px;font-size:12px;border-radius:4px}.el-button--text{border:none;color:#1d8ce0;background:0 0;padding-left:0;padding-right:0}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-button--text:focus,.el-button--text:hover{color:rgb(74, 163, 230)}.el-button--text:active{color:rgb(26, 126, 202)}.el-button-group{vertical-align:middle}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-input{position:relative;font-size:14px;width:100%}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);display:block;height:36px;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-message-box{text-align:left;display:inline-block;vertical-align:middle;background-color:#fff;width:420px;border-radius:3px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:20px 20px 0}.el-message-box__content{padding:30px 20px;color:rgb(72, 87, 106);font-size:14px;position:relative}.el-message-box__close{display:inline-block;position:absolute;top:19px;right:20px;color:#999;cursor:pointer;line-height:20px;text-align:center}.el-message-box__close:hover{color:#1d8ce0}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#ff4949}.el-message-box__errormsg{color:#ff4949;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:16px;font-weight:700;height:18px;color:#333}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:1.4}.el-message-box__btns{padding:10px 20px 15px;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box__status{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:36px!important}.el-message-box__status.el-icon-circle-check{color:#13ce66}.el-message-box__status.el-icon-information{color:#50bfff}.el-message-box__status.el-icon-warning{color:#f7ba2a}.el-message-box__status.el-icon-circle-cross{color:#ff4949}.msgbox-fade-enter-active{animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{animation:msgbox-fade-out .3s}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/message.css b/src/assets/theme/theme-darkblue/message.css
new file mode 100644
index 0000000..74760f1
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/message.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-message{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);min-width:300px;padding:10px 12px;box-sizing:border-box;border-radius:2px;position:fixed;left:50%;top:20px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;transition:opacity .3s,transform .4s;overflow:hidden}.el-message .el-icon-circle-check{color:#13ce66}.el-message .el-icon-circle-cross{color:#ff4949}.el-message .el-icon-information{color:#50bfff}.el-message .el-icon-warning{color:#f7ba2a}.el-message__group{margin-left:38px;position:relative;height:20px;line-height:20px}.el-message__group p{font-size:14px;margin:0 34px 0 0;white-space:nowrap;color:rgb(131, 145, 165);text-align:justify}.el-message__group.is-with-icon{margin-left:0}.el-message__img{width:40px;height:40px;position:absolute;left:0;top:0}.el-message__icon{vertical-align:middle;margin-right:8px}.el-message__closeBtn{top:3px;right:0;position:absolute;cursor:pointer;color:rgb(191, 203, 217);font-size:14px}.el-message__closeBtn:hover{color:rgb(151, 168, 190)}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/notification.css b/src/assets/theme/theme-darkblue/notification.css
new file mode 100644
index 0000000..1b5c683
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/notification.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-notification{width:330px;padding:20px;box-sizing:border-box;border-radius:2px;position:fixed;right:16px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);transition:opacity .3s,transform .3s,right .3s,top .4s;overflow:hidden}.el-notification .el-icon-circle-check{color:#13ce66}.el-notification .el-icon-circle-cross{color:#ff4949}.el-notification .el-icon-information{color:#50bfff}.el-notification .el-icon-warning{color:#f7ba2a}.el-notification__group{margin-left:0}.el-notification__group.is-with-icon{margin-left:55px}.el-notification__title{font-weight:400;font-size:16px;color:rgb(31, 45, 61);margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:10px 0 0;color:rgb(131, 145, 165);text-align:justify}.el-notification__icon{width:40px;height:40px;font-size:40px;float:left;position:relative;top:3px}.el-notification__closeBtn{top:20px;right:20px;position:absolute;cursor:pointer;color:rgb(191, 203, 217);font-size:14px}.el-notification__closeBtn:hover{color:rgb(151, 168, 190)}.el-notification-fade-enter{-ms-transform:translateX(100%);transform:translateX(100%);right:0}.el-notification-fade-leave-active{opacity:0}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/option-group.css b/src/assets/theme/theme-darkblue/option-group.css
new file mode 100644
index 0000000..9cb89d3
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/option-group.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/option.css b/src/assets/theme/theme-darkblue/option.css
new file mode 100644
index 0000000..d2288b0
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/option.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 87, 106);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.hover{background-color:rgb(228, 232, 241)}.el-select-dropdown__item.selected{color:#fff;background-color:#1d8ce0}.el-select-dropdown__item.selected.hover{background-color:rgb(26, 123, 197)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 203, 217);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/pagination.css b/src/assets/theme/theme-darkblue/pagination.css
new file mode 100644
index 0000000..63845b5
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/pagination.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-textarea__inner{background-image:none;box-sizing:border-box}.el-pagination:after,.el-pagination:before{display:table;content:""}.el-pagination:after{clear:both}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 219, 229);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1d8ce0;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 232, 241)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-tag{background-color:rgb(131, 145, 165);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 145, 165)}.el-tag--gray{background-color:rgb(228, 232, 241);border-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 87, 106);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 87, 106)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#1d8ce0}.el-tag--primary .el-tag__close:hover{background-color:#1d8ce0;color:#fff}.el-tag--primary.is-hit{border-color:#1d8ce0}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 87, 106);height:36px;line-height:1.5;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.hover{background-color:rgb(228, 232, 241)}.el-select-dropdown__item.selected{color:#fff;background-color:#1d8ce0}.el-select-dropdown__item.selected.hover{background-color:rgb(26, 123, 197)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 203, 217);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 145, 165)}.el-select .el-input__inner{cursor:pointer}.el-select .el-input__inner:focus{border-color:#1d8ce0}.el-select .el-input .el-input__icon{color:rgb(191, 203, 217);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 203, 217)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 168, 190)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 219, 229)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;box-sizing:border-box;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 203, 217);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 168, 190)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1000;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#1d8ce0}.el-select__tag .el-icon-close{font-size:12px}.el-pagination{white-space:nowrap;padding:2px 5px;color:rgb(72, 87, 106)}.el-pagination button,.el-pagination span{display:inline-block;font-size:13px;min-width:28px;height:28px;line-height:28px;vertical-align:top;box-sizing:border-box}.el-pagination .el-select .el-input{width:110px}.el-pagination .el-select .el-input input{padding-right:25px;border-radius:2px;height:28px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#1d8ce0}.el-pagination button.disabled{color:#e4e4e4;background-color:#fff;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;border:1px solid rgb(209, 219, 229);cursor:pointer;margin:0;color:rgb(151, 168, 190)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px}.el-pagination .btn-prev{border-radius:2px 0 0 2px;border-right:0}.el-pagination .btn-next{border-radius:0 2px 2px 0;border-left:0}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .el-pager li{border-radius:2px}.el-pagination__sizes{margin:0 10px 0 0}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;border-color:rgb(209, 219, 229)}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#1d8ce0}.el-pagination__jump{margin-left:10px}.el-pagination__total{margin:0 10px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{border:1px solid rgb(209, 219, 229);border-radius:2px;line-height:18px;padding:4px 2px;width:30px;text-align:center;margin:0 6px;box-sizing:border-box;transition:border .3s}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pagination__editor::-webkit-inner-spin-button,.el-pagination__editor::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__editor:focus{outline:0;border-color:#1d8ce0}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0;padding:0}.el-pager li{padding:0 4px;border:1px solid rgb(209, 219, 229);border-right:0;background:#fff;font-size:13px;min-width:28px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-pager li:last-child{border-right:1px solid rgb(209, 219, 229)}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:rgb(151, 168, 190)}.el-pager li.active+li{border-left:0;padding-left:5px}.el-pager li:hover{color:#1d8ce0}.el-pager li.active{border-color:#1d8ce0;background-color:#1d8ce0;color:#fff;cursor:default}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/popover.css b/src/assets/theme/theme-darkblue/popover.css
new file mode 100644
index 0000000..e17672a
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/popover.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:2px;border:1px solid rgb(209, 219, 229);padding:10px;z-index:2000;font-size:12px;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-popover .popper__arrow,.el-popover .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popover .popper__arrow{border-width:6px}.el-popover .popper__arrow::after{content:" ";border-width:6px}.el-popover[x-placement^=top]{margin-bottom:12px}.el-popover[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:rgb(209, 219, 229);border-bottom-width:0}.el-popover[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popover[x-placement^=bottom]{margin-top:12px}.el-popover[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:rgb(209, 219, 229)}.el-popover[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popover[x-placement^=right]{margin-left:12px}.el-popover[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:rgb(209, 219, 229);border-left-width:0}.el-popover[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popover[x-placement^=left]{margin-right:12px}.el-popover[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:rgb(209, 219, 229)}.el-popover[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover__title{color:rgb(31, 45, 61);font-size:13px;line-height:1;margin-bottom:9px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/progress.css b/src/assets/theme/theme-darkblue/progress.css
new file mode 100644
index 0000000..5a0fa37
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/progress.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-progress-bar__inner:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 87, 106);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 232, 241);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#1d8ce0;text-align:right;border-radius:100px;line-height:1}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/radio-button.css b/src/assets/theme/theme-darkblue/radio-button.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/radio-group.css b/src/assets/theme/theme-darkblue/radio-group.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/radio.css b/src/assets/theme/theme-darkblue/radio.css
new file mode 100644
index 0000000..ef979a3
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/radio.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-radio-button__inner,.el-radio__input{line-height:1;vertical-align:middle;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio,.el-radio-button__inner{white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio{color:rgb(31, 45, 61);cursor:pointer}.el-radio+.el-radio{margin-left:15px}.el-radio__input{white-space:nowrap;cursor:pointer}.el-radio__input.is-focus .el-radio__inner{border-color:#1d8ce0}.el-radio__input.is-checked .el-radio__inner{border-color:#1d8ce0;background:#1d8ce0}.el-radio__input.is-checked .el-radio__inner::after{-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-disabled .el-radio__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:rgb(238, 241, 246)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#fff}.el-radio__input.is-disabled+.el-radio__label{color:#bbb;cursor:not-allowed}.el-radio__inner{border:1px solid rgb(191, 203, 217);width:18px;height:18px;border-radius:50%;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#1d8ce0}.el-radio__inner::after{width:6px;height:6px;border-radius:50%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:transform .15s cubic-bezier(.71,-.46,.88,.6)}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative}.el-radio__label{font-size:14px;padding-left:5px}.el-radio-group{display:inline-block;font-size:0;line-height:1}.el-radio-group .el-radio{font-size:14px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid rgb(191, 203, 217);border-radius:4px 0 0 4px;box-shadow:none!important}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button__inner{background:#fff;border:1px solid rgb(191, 203, 217);border-left:0;color:rgb(31, 45, 61);-webkit-appearance:none;text-align:center;box-sizing:border-box;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:10px 15px;font-size:14px;border-radius:0}.el-radio-button__inner:hover{color:#1d8ce0}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1;left:-999px}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#1d8ce0;border-color:#1d8ce0;box-shadow:-1px 0 0 0 #1d8ce0}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:rgb(191, 203, 217);cursor:not-allowed;background-image:none;background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229)}.el-radio-button--large .el-radio-button__inner{padding:11px 19px;font-size:16px;border-radius:0}.el-radio-button--small .el-radio-button__inner{padding:7px 9px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner{padding:4px;font-size:12px;border-radius:0}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/rate.css b/src/assets/theme/theme-darkblue/rate.css
new file mode 100644
index 0000000..3202a3b
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/rate.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:rgb(191, 203, 217);transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-ms-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-rate__text{font-size:14px;vertical-align:middle}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/reset.css b/src/assets/theme/theme-darkblue/reset.css
new file mode 100644
index 0000000..849fc21
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/reset.css
@@ -0,0 +1 @@
+progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#1d8ce0;text-decoration:none}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;vertical-align:middle}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto;resize:none;vertical-align:top}input,select,textarea{outline:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}input::-moz-placeholder,textarea::-moz-placeholder{color:inherit;opacity:.54}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:inherit;opacity:.54}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.54}input::-ms-clear,input::-ms-reveal{display:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}dd,dl,li,ol,ul{margin:0;padding:0}ol,ul{list-style:none}body{margin:0;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:14px;color:rgb(31, 45, 61)}a:focus,a:hover{color:rgb(74, 163, 230)}a:active{color:rgb(26, 126, 202)}h1,h2,h3,h4,h5,h6{color:rgb(31, 45, 61);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}sub,sup{font-size:13px}small{font-size:12px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/row.css b/src/assets/theme/theme-darkblue/row.css
new file mode 100644
index 0000000..6ef3843
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/row.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-row:after,.el-row:before{display:table;content:""}.el-row:after{clear:both}.el-row{position:relative;box-sizing:border-box}.el-row--flex{display:-ms-flexbox;display:flex}.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-align-bottom{-ms-flex-align:end;align-items:flex-end}.el-row--flex.is-align-middle{-ms-flex-align:center;align-items:center}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-justify-space-between{-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-end{-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-center{-ms-flex-pack:center;justify-content:center}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/scrollbar.css b/src/assets/theme/theme-darkblue/scrollbar.css
new file mode 100644
index 0000000..7df0bb5
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/scrollbar.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/select-dropdown.css b/src/assets/theme/theme-darkblue/select-dropdown.css
new file mode 100644
index 0000000..3c849a0
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/select-dropdown.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 219, 229);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-sizing:border-box;margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1d8ce0;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 232, 241)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/select.css b/src/assets/theme/theme-darkblue/select.css
new file mode 100644
index 0000000..8580cd1
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/select.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-input__inner,.el-select .el-tag,.el-select-dropdown,.el-select-dropdown__item,.el-tag,.el-textarea__inner{box-sizing:border-box}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid rgb(209, 219, 229);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);margin:5px 0}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1d8ce0;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:rgb(228, 232, 241)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:10px;font-family:element-icons;content:"\E608";font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;background-image:none;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-tag{background-color:rgb(131, 145, 165);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 145, 165)}.el-tag--gray{background-color:rgb(228, 232, 241);border-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 87, 106);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 87, 106)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#1d8ce0}.el-tag--primary .el-tag__close:hover{background-color:#1d8ce0;color:#fff}.el-tag--primary.is-hit{border-color:#1d8ce0}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-select-dropdown__item{font-size:14px;padding:8px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(72, 87, 106);height:36px;line-height:1.5;cursor:pointer}.el-select-dropdown__item.hover{background-color:rgb(228, 232, 241)}.el-select-dropdown__item.selected{color:#fff;background-color:#1d8ce0}.el-select-dropdown__item.selected.hover{background-color:rgb(26, 123, 197)}.el-select-dropdown__item span{line-height:1.5!important}.el-select-dropdown__item.is-disabled{color:rgb(191, 203, 217);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-group{margin:0;padding:0}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-group__wrap{list-style:none;margin:0;padding:0}.el-select-group__title{padding-left:10px;font-size:12px;color:#999;height:30px;line-height:30px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:rgb(131, 145, 165)}.el-select .el-input__inner{cursor:pointer}.el-select .el-input__inner:focus{border-color:#1d8ce0}.el-select .el-input .el-input__icon{color:rgb(191, 203, 217);font-size:12px;transition:transform .3s;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);line-height:16px;top:50%;cursor:pointer}.el-select .el-input .el-input__icon.is-show-close{transition:0s;width:16px;height:16px;font-size:14px;right:8px;text-align:center;-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotateZ(180deg);border-radius:100%;color:rgb(191, 203, 217)}.el-select .el-input .el-input__icon.is-show-close:hover{color:rgb(151, 168, 190)}.el-select .el-input .el-input__icon.is-reverse{-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:rgb(209, 219, 229)}.el-select>.el-input{display:block}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{height:24px;line-height:24px;margin:3px 0 3px 6px}.el-select__input{border:none;outline:0;padding:0;margin-left:10px;color:#666;font-size:14px;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:rgb(191, 203, 217);line-height:18px;font-size:12px}.el-select__close:hover{color:rgb(151, 168, 190)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1000;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.el-select__tag{display:inline-block;height:24px;line-height:24px;font-size:14px;border-radius:4px;color:#fff;background-color:#1d8ce0}.el-select__tag .el-icon-close{font-size:12px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/slider.css b/src/assets/theme/theme-darkblue/slider.css
new file mode 100644
index 0000000..62d2002
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/slider.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-slider__button-wrapper:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-slider:after,.el-slider:before{display:table;content:""}.el-slider:after{clear:both}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid rgb(191, 203, 217);box-sizing:border-box;color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;background-image:none;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-input-number{display:inline-block;overflow:hidden;width:180px;position:relative}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:82px}.el-input-number.is-without-controls .el-input__inner{padding-right:10px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:rgb(209, 219, 229);color:rgb(209, 219, 229)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:rgb(209, 219, 229);cursor:not-allowed}.el-input-number__decrease,.el-input-number__increase{height:auto;border-left:1px solid rgb(191, 203, 217);width:36px;line-height:34px;top:1px;text-align:center;color:rgb(151, 168, 190);cursor:pointer;position:absolute;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#1d8ce0}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#1d8ce0}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:rgb(209, 219, 229);cursor:not-allowed}.el-input-number__increase{right:0}.el-input-number__decrease{right:37px}.el-input-number--large{width:200px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{line-height:42px;width:42px;font-size:16px}.el-input-number--large .el-input-number__decrease{right:43px}.el-input-number--large .el-input__inner{padding-right:94px}.el-input-number--small{width:130px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{line-height:30px;width:30px;font-size:13px}.el-input-number--small .el-input-number__decrease{right:31px}.el-input-number--small .el-input__inner{padding-right:70px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 45, 61);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 45, 61);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 45, 61);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 45, 61);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 45, 61);color:#fff}.el-slider__runway{width:100%;height:4px;margin:16px 0;background-color:rgb(228, 232, 241);border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar,.el-slider__runway.disabled .el-slider__button{background-color:rgb(191, 203, 217)}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-ms-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__input{float:right;margin-top:3px}.el-slider__bar{height:4px;background-color:#1d8ce0;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{width:36px;height:36px;position:absolute;z-index:1001;top:-16px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button-wrapper .el-tooltip{vertical-align:middle;display:inline-block}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:12px;height:12px;background-color:#1d8ce0;border-radius:50%;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-ms-transform:scale(1.5);transform:scale(1.5);background-color:rgb(26, 123, 197)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{position:absolute;width:4px;height:4px;border-radius:100%;background-color:rgb(191, 203, 217);-ms-transform:translateX(-50%);transform:translateX(-50%)}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/spinner.css b/src/assets/theme/theme-darkblue/spinner.css
new file mode 100644
index 0000000..e4e3474
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/spinner.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/step.css b/src/assets/theme/theme-darkblue/step.css
new file mode 100644
index 0000000..9a53172
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/step.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-step.is-horizontal,.el-step.is-vertical .el-step__head,.el-step.is-vertical .el-step__main,.el-step__line{display:inline-block}.el-step{position:relative;vertical-align:top}.el-step.is-vertical .el-step__main{padding-left:10px}.el-step__line{position:absolute;border-color:inherit;background-color:rgb(191, 203, 217)}.el-step__line.is-vertical{width:2px;box-sizing:border-box;top:32px;bottom:0;left:15px}.el-step__line.is-horizontal{top:15px;height:2px;left:32px;right:0}.el-step__line.is-icon.is-horizontal{right:4px}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:all 150ms;width:0;height:0}.el-step__icon{display:block;line-height:28px}.el-step__icon>*{line-height:inherit;vertical-align:middle}.el-step__head{width:28px;height:28px;border-radius:50%;background-color:transparent;text-align:center;line-height:28px;font-size:28px;vertical-align:top;transition:all 150ms}.el-step__head.is-finish{color:#1d8ce0;border-color:#1d8ce0}.el-step__head.is-error{color:#ff4949;border-color:#ff4949}.el-step__head.is-success{color:#13ce66;border-color:#13ce66}.el-step__head.is-process,.el-step__head.is-wait{color:rgb(191, 203, 217);border-color:rgb(191, 203, 217)}.el-step__head.is-text{font-size:14px;border-width:2px;border-style:solid}.el-step__head.is-text.is-finish{color:#fff;background-color:#1d8ce0;border-color:#1d8ce0}.el-step__head.is-text.is-error{color:#fff;background-color:#ff4949;border-color:#ff4949}.el-step__head.is-text.is-success{color:#fff;background-color:#13ce66;border-color:#13ce66}.el-step__head.is-text.is-wait{color:rgb(191, 203, 217);background-color:#fff;border-color:rgb(191, 203, 217)}.el-step__head.is-text.is-process{color:#fff;background-color:rgb(191, 203, 217);border-color:rgb(191, 203, 217)}.el-step__main{white-space:normal;padding-right:10px;text-align:left}.el-step__title{font-size:14px;line-height:32px;display:inline-block}.el-step__title.is-finish{font-weight:700;color:#1d8ce0}.el-step__title.is-error{font-weight:700;color:#ff4949}.el-step__title.is-success{font-weight:700;color:#13ce66}.el-step__title.is-wait{font-weight:400;color:rgb(151, 168, 190)}.el-step__title.is-process{font-weight:700;color:rgb(72, 87, 106)}.el-step__description{font-size:12px;font-weight:400;line-height:14px}.el-step__description.is-finish{color:#1d8ce0}.el-step__description.is-error{color:#ff4949}.el-step__description.is-success{color:#13ce66}.el-step__description.is-wait{color:rgb(191, 203, 217)}.el-step__description.is-process{color:rgb(131, 145, 165)}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/steps.css b/src/assets/theme/theme-darkblue/steps.css
new file mode 100644
index 0000000..586d1f9
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/steps.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-steps{font-size:0}.el-steps>:last-child .el-step__line{display:none}.el-steps.is-horizontal{white-space:nowrap}.el-steps.is-horizontal.is-center{text-align:center}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/submenu.css b/src/assets/theme/theme-darkblue/submenu.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/switch.css b/src/assets/theme/theme-darkblue/switch.css
new file mode 100644
index 0000000..b2fae0c
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/switch.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-switch{display:inline-block;position:relative;font-size:14px;line-height:22px;height:22px;vertical-align:middle}.el-switch__label,.el-switch__label *{position:absolute;font-size:14px;display:inline-block}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-switch.is-disabled .el-switch__core{border-color:rgb(228, 232, 241)!important;background:rgb(228, 232, 241)!important}.el-switch.is-disabled .el-switch__core span{background-color:rgb(250, 253, 254)!important}.el-switch.is-disabled .el-switch__core~.el-switch__label *{color:rgb(250, 253, 254)!important}.el-switch.is-disabled .el-switch__input:checked+.el-switch__core{border-color:rgb(228, 232, 241);background-color:rgb(228, 232, 241)}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{width:46px;height:22px;cursor:pointer}.el-switch__label{transition:.2s;z-index:10;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-switch__label *{line-height:1;top:4px;color:#fff}.el-switch__label--left i{left:6px}.el-switch__label--right i{right:6px}.el-switch__input{display:none}.el-switch__input:checked+.el-switch__core{border-color:#1d8ce0;background-color:#1d8ce0}.el-switch__core{margin:0;display:inline-block;position:relative;border:1px solid rgb(191, 203, 217);outline:0;border-radius:12px;box-sizing:border-box;background:rgb(191, 203, 217);transition:border-color .3s,background-color .3s}.el-switch__core .el-switch__button{top:0;left:0;position:absolute;border-radius:100%;transition:transform .3s;width:16px;height:16px;z-index:20;background-color:#fff}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/tab-pane.css b/src/assets/theme/theme-darkblue/tab-pane.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/theme/theme-darkblue/table-column.css b/src/assets/theme/theme-darkblue/table-column.css
new file mode 100644
index 0000000..94dc9dc
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/table-column.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}.el-checkbox{color:rgb(31, 45, 61);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1d8ce0;border-color:rgb(1, 130, 228)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1d8ce0}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#1d8ce0;border-color:rgb(1, 130, 228)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 241, 246)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1d8ce0}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox__label{font-size:14px;padding-left:5px}.el-tag{background-color:rgb(131, 145, 165);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 145, 165)}.el-tag--gray{background-color:rgb(228, 232, 241);border-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 87, 106);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 87, 106)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#1d8ce0}.el-tag--primary .el-tag__close:hover{background-color:#1d8ce0;color:#fff}.el-tag--primary.is-hit{border-color:#1d8ce0}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid rgb(209, 219, 229);border-radius:2px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-table-filter__list-item.is-active{background-color:#1d8ce0;color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid rgb(209, 219, 229);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:rgb(131, 145, 165);cursor:pointer;font-size:14px;padding:0 3px}.el-table-filter__bottom button:hover{color:#1d8ce0}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:rgb(191, 203, 217);cursor:not-allowed}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group .el-checkbox{display:block;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/table.css b/src/assets/theme/theme-darkblue/table.css
new file mode 100644
index 0000000..fb685eb
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/table.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-checkbox,.el-checkbox__input{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}.el-checkbox,.el-table .el-tooltip.cell,.el-table th,.el-table th>div,.el-tag{white-space:nowrap}.el-checkbox{color:rgb(31, 45, 61);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-checkbox+.el-checkbox{margin-left:15px}.el-checkbox__input{outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1d8ce0;border-color:rgb(1, 130, 228)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;border:1px solid #fff;margin-top:-1px;left:3px;right:3px;top:50%}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1d8ce0}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#1d8ce0;border-color:rgb(1, 130, 228)}.el-checkbox__input.is-checked .el-checkbox__inner::after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:rgb(238, 241, 246)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:rgb(209, 219, 229);border-color:rgb(209, 219, 229)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{border-color:#fff}.el-checkbox__input.is-disabled+.el-checkbox__label{color:#bbb;cursor:not-allowed}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;box-sizing:border-box;width:18px;height:18px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1d8ce0}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:5px;position:absolute;top:1px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-ms-transform-origin:center;transform-origin:center}.el-table,.el-tag{box-sizing:border-box}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;left:-999px}.el-checkbox__label{font-size:14px;padding-left:5px}.el-tag{background-color:rgb(131, 145, 165);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;border:1px solid transparent}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 145, 165)}.el-tag--gray{background-color:rgb(228, 232, 241);border-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 87, 106);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 87, 106)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#1d8ce0}.el-tag--primary .el-tag__close:hover{background-color:#1d8ce0;color:#fff}.el-tag--primary.is-hit{border-color:#1d8ce0}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}.el-table{position:relative;overflow:hidden;width:100%;max-width:100%;background-color:#fff;border:1px solid rgb(223, 230, 236);font-size:14px;color:rgb(31, 45, 61)}.el-table td,.el-table th{height:40px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative}.el-table::after,.el-table::before{content:'';position:absolute;background-color:rgb(223, 230, 236);z-index:1}.el-table td.is-right,.el-table th.is-right{text-align:right}.el-table td.is-left,.el-table th.is-left{text-align:left}.el-table td.is-center,.el-table th.is-center{text-align:center}.el-table td,.el-table th.is-leaf{border-bottom:1px solid rgb(223, 230, 236)}.el-table td.gutter,.el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .cell,.el-table th>div{box-sizing:border-box;text-overflow:ellipsis;padding-left:18px;padding-right:18px}.el-table td.is-hidden>*,.el-table th.is-hidden>*{visibility:hidden}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table::after{top:0;right:0;width:1px;height:100%}.el-table .caret-wrapper,.el-table th>.cell{position:relative;vertical-align:middle;display:inline-block}.el-table th{overflow:hidden;background-color:rgb(238, 241, 246);text-align:left}.el-table th>div{display:inline-block;line-height:40px;overflow:hidden}.el-table td>div{box-sizing:border-box}.el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table th>.cell{word-wrap:normal;text-overflow:ellipsis;line-height:20px;width:100%;box-sizing:border-box}.el-table th>.cell.highlight{color:#1d8ce0}.el-table .caret-wrapper{cursor:pointer;margin-left:5px;margin-top:-2px;width:16px;height:34px;overflow:visible;overflow:initial}.el-table .cell,.el-table__header-wrapper{overflow:hidden}.el-table .sort-caret{display:inline-block;width:0;height:0;border:0;content:"";position:absolute;left:3px;z-index:2}.el-table .sort-caret.ascending,.el-table .sort-caret.descending{border-right:5px solid transparent;border-left:5px solid transparent}.el-table .sort-caret.ascending{top:11px;border-top:none;border-bottom:5px solid rgb(151, 168, 190)}.el-table .sort-caret.descending{bottom:11px;border-top:5px solid rgb(151, 168, 190);border-bottom:none}.el-table .ascending .sort-caret.ascending{border-bottom-color:rgb(72, 87, 106)}.el-table .descending .sort-caret.descending{border-top-color:rgb(72, 87, 106)}.el-table td.gutter{width:0}.el-table .cell{white-space:normal;word-break:break-all;line-height:24px}.el-table tr input[type=checkbox]{margin:0}.el-table tr{background-color:#fff}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-table__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;transition:transform .2s ease-in-out;height:40px}.el-table__fixed-header-wrapper thead div,.el-table__header-wrapper thead div{color:rgb(31, 45, 61);background-color:rgb(238, 241, 246)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expand-icon--expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expanded-cell{padding:20px 50px;background-color:rgb(250, 253, 254);box-shadow:inset 0 2px 0 #f4f4f4}.el-table__expanded-cell:hover{background-color:rgb(250, 253, 254)!important}.el-table--fit{border-right:0;border-bottom:0}.el-table--border th,.el-table__fixed-right-patch{border-bottom:1px solid rgb(223, 230, 236)}.el-table--fit td.gutter,.el-table--fit th.gutter{border-right-width:1px}.el-table--border td,.el-table--border th{border-right:1px solid rgb(223, 230, 236)}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;box-shadow:1px 0 8px #d3d4d6;overflow-x:hidden}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgb(223, 230, 236);z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:rgb(238, 241, 246)}.el-table__fixed-right{top:0;left:auto;right:0;box-shadow:-1px 0 8px #d3d4d6}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__header-wrapper{width:100%}.el-table__body,.el-table__header{table-layout:fixed}.el-table__body-wrapper{overflow:auto;position:relative}.el-table--striped .el-table__body tr:nth-child(2n) td{background:#FAFAFA}.el-table--striped .el-table__body tr:nth-child(2n).current-row td{background:rgb(237, 246, 253)}.el-table__body tr.hover-row>td{background-color:rgb(238, 241, 246)}.el-table__body tr.current-row>td{background:rgb(237, 246, 253)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid rgb(223, 230, 236);z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;margin-left:5px;cursor:pointer}.el-table__column-filter-trigger i{color:rgb(151, 168, 190)}.el-table--enable-row-transition .el-table__body td{transition:background-color .25s ease}.el-table--enable-row-hover tr:hover>td{background-color:rgb(238, 241, 246)}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/tabs.css b/src/assets/theme/theme-darkblue/tabs.css
new file mode 100644
index 0000000..a310d17
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/tabs.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tabs__header{border-bottom:1px solid rgb(209, 219, 229);padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:3px;background-color:#1d8ce0;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-ms-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#1d8ce0}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap.is-scrollable{padding:0 15px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:rgb(131, 145, 165)}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;transition:transform .3s;float:left}.el-tabs__item{padding:0 16px;height:42px;box-sizing:border-box;line-height:42px;display:inline-block;list-style:none;font-size:14px;color:rgb(131, 145, 165);position:relative}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-ms-transform:scale(.7,.7);transform:scale(.7,.7);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:rgb(151, 168, 190);color:#fff}.el-tabs__item:hover{color:rgb(31, 45, 61);cursor:pointer}.el-tabs__item.is-disabled{color:#bbb;cursor:default}.el-tabs__item.is-active{color:#1d8ce0}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid transparent;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-right:9px;padding-left:9px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border:1px solid rgb(209, 219, 229);border-bottom-color:#fff;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-right:16px;padding-left:16px}.el-tabs--border-card{background:#fff;border:1px solid rgb(209, 219, 229);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:rgb(238, 241, 246);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;border-top:0;margin-right:-1px;margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:#fff;border-right-color:rgb(209, 219, 229);border-left-color:rgb(209, 219, 229)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:first-child{border-left-color:rgb(209, 219, 229)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:last-child{border-right-color:rgb(209, 219, 229)}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave .3s}.slideInLeft-enter{animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave .3s}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/tag.css b/src/assets/theme/theme-darkblue/tag.css
new file mode 100644
index 0000000..7309652
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/tag.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tag{background-color:rgb(131, 145, 165);display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-ms-transform:scale(.75,.75);transform:scale(.75,.75);height:18px;width:18px;line-height:18px;vertical-align:middle;top:-1px;right:-2px}.el-tag .el-icon-close:hover{background-color:#fff;color:rgb(131, 145, 165)}.el-tag--gray{background-color:rgb(228, 232, 241);border-color:rgb(228, 232, 241);color:rgb(72, 87, 106)}.el-tag--gray .el-tag__close:hover{background-color:rgb(72, 87, 106);color:#fff}.el-tag--gray.is-hit{border-color:rgb(72, 87, 106)}.el-tag--primary{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#1d8ce0}.el-tag--primary .el-tag__close:hover{background-color:#1d8ce0;color:#fff}.el-tag--primary.is-hit{border-color:#1d8ce0}.el-tag--success{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.el-tag--success .el-tag__close:hover{background-color:#13ce66;color:#fff}.el-tag--success.is-hit{border-color:#13ce66}.el-tag--warning{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.el-tag--warning .el-tag__close:hover{background-color:#f7ba2a;color:#fff}.el-tag--warning.is-hit{border-color:#f7ba2a}.el-tag--danger{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.el-tag--danger .el-tag__close:hover{background-color:#ff4949;color:#fff}.el-tag--danger.is-hit{border-color:#ff4949}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/time-picker.css b/src/assets/theme/theme-darkblue/time-picker.css
new file mode 100644
index 0000000..08d37f9
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/time-picker.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-enter,.el-fade-in-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.list-enter-active,.list-leave-active{transition:all 1s}.list-enter,.list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33%}.el-time-spinner.has-seconds .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2){margin-left:1%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:rgb(228, 232, 241);cursor:pointer}.el-input__inner,.el-textarea__inner{box-sizing:border-box;background-image:none}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:rgb(209, 219, 229);cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid rgb(209, 219, 229);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#1d8ce0;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:50%;margin-left:-2px}.el-time-panel__content::before{padding-left:50%;margin-right:-2px}.el-time-panel__content.has-seconds::after{left:66.66667%}.el-time-panel__content.has-seconds::before{padding-left:33.33333%}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:rgb(131, 145, 165)}.el-time-panel__btn.confirm{font-weight:800;color:#1d8ce0}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input.is-disabled .el-input__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-input.is-disabled .el-input__inner::placeholder{color:rgb(191, 203, 217)}.el-input.is-active .el-input__inner{outline:0;border-color:#1d8ce0}.el-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border:1px solid rgb(191, 203, 217);color:rgb(31, 45, 61);display:block;font-size:inherit;height:36px;line-height:1;outline:0;padding:3px 10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-input__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-input__inner::placeholder{color:rgb(151, 168, 190)}.el-input__inner:hover{border-color:rgb(131, 145, 165)}.el-input__inner:focus{outline:0;border-color:#1d8ce0}.el-input__icon{position:absolute;width:35px;height:100%;right:0;top:0;text-align:center;color:rgb(191, 203, 217);transition:all .3s}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__icon+.el-input__inner{padding-right:35px}.el-input__icon.is-clickable:hover{cursor:pointer;color:rgb(131, 145, 165)}.el-input__icon.is-clickable:hover+.el-input__inner{border-color:rgb(131, 145, 165)}.el-input--large{font-size:16px}.el-input--large .el-input__inner{height:42px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:30px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:22px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:rgb(250, 253, 254);color:rgb(151, 168, 190);vertical-align:middle;display:table-cell;position:relative;border:1px solid rgb(191, 203, 217);border-radius:4px;padding:0 10px;width:1%;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:block;margin:-10px}.el-input-group__append .el-button,.el-input-group__append .el-select .el-input__inner,.el-input-group__append .el-select:hover .el-input__inner,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select .el-input__inner,.el-input-group__prepend .el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-textarea{display:inline-block;width:100%;vertical-align:bottom}.el-textarea.is-disabled .el-textarea__inner{background-color:rgb(238, 241, 246);border-color:rgb(209, 219, 229);color:#bbb;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:rgb(191, 203, 217)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:rgb(191, 203, 217)}.el-textarea__inner{display:block;resize:vertical;padding:5px 7px;line-height:1.5;width:100%;font-size:14px;color:rgb(31, 45, 61);background-color:#fff;border:1px solid rgb(191, 203, 217);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::-moz-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:-ms-input-placeholder{color:rgb(151, 168, 190)}.el-textarea__inner::placeholder{color:rgb(151, 168, 190)}.el-textarea__inner:hover{border-color:rgb(131, 145, 165)}.el-textarea__inner:focus{outline:0;border-color:#1d8ce0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/time-select.css b/src/assets/theme/theme-darkblue/time-select.css
new file mode 100644
index 0000000..f1918eb
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/time-select.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-fade-in-enter,.el-fade-in-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.list-enter-active,.list-leave-active{transition:all 1s}.list-enter,.list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-date-editor{position:relative;display:inline-block}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.el-input{width:193px}.el-date-editor--daterange.el-input{width:220px}.el-date-editor--datetimerange.el-input{width:350px}.el-picker-panel{color:rgb(72, 87, 106);border:1px solid rgb(209, 219, 229);box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:rgb(72, 87, 106);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:rgb(228, 232, 241)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#1d8ce0}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:rgb(151, 168, 190);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-date-picker__header-label.active,.el-date-picker__header-label:hover,.el-picker-panel__icon-btn:hover{color:#1d8ce0}.el-picker-panel__link-btn{cursor:pointer;color:#1d8ce0;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:rgb(250, 253, 254)}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active .el-scrollbar__bar,.el-scrollbar:focus .el-scrollbar__bar,.el-scrollbar:hover .el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(151,168,190,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(151,168,190,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px}.time-select-item.selected:not(.disabled){background-color:#1d8ce0;color:#fff}.time-select-item.selected:not(.disabled):hover{background-color:#1d8ce0}.time-select-item.disabled{color:rgb(209, 219, 229);cursor:not-allowed}.time-select-item:hover{background-color:rgb(228, 232, 241);cursor:pointer}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/tooltip.css b/src/assets/theme/theme-darkblue/tooltip.css
new file mode 100644
index 0000000..8e79ab6
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/tooltip.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:rgb(31, 45, 61);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:rgb(31, 45, 61);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:rgb(31, 45, 61);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:rgb(31, 45, 61);border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:rgb(31, 45, 61)}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light{background:#fff;border:1px solid rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:rgb(31, 45, 61)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.el-tooltip__popper.is-dark{background:rgb(31, 45, 61);color:#fff}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/tree.css b/src/assets/theme/theme-darkblue/tree.css
new file mode 100644
index 0000000..a495c63
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/tree.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-tree{cursor:default;background:#fff;border:1px solid rgb(209, 219, 229)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#5e7382}.el-tree-node{white-space:nowrap}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree-node__expand-icon,.el-tree-node__label,.el-tree-node__loading-icon{display:inline-block;vertical-align:middle}.el-tree-node__content{line-height:36px;height:36px;cursor:pointer}.el-tree-node__content>.el-checkbox,.el-tree-node__content>.el-tree-node__expand-icon{margin-right:8px}.el-tree-node__content>.el-checkbox{vertical-align:middle}.el-tree-node__content:hover{background:rgb(228, 232, 241)}.el-tree-node__expand-icon{cursor:pointer;width:0;height:0;margin-left:10px;border:6px solid transparent;border-right-width:0;border-left-color:rgb(151, 168, 190);border-left-width:7px;-ms-transform:rotate(0);transform:rotate(0);transition:transform .3s ease-in-out}.el-tree-node__expand-icon:hover{border-left-color:#999}.el-tree-node__expand-icon.expanded{-ms-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{border-color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:4px;font-size:14px;color:rgb(151, 168, 190)}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:rgb(237, 246, 253)}
\ No newline at end of file
diff --git a/src/assets/theme/theme-darkblue/upload.css b/src/assets/theme/theme-darkblue/upload.css
new file mode 100644
index 0000000..71183d8
--- /dev/null
+++ b/src/assets/theme/theme-darkblue/upload.css
@@ -0,0 +1 @@
+@charset "UTF-8";.el-upload-cover__title,.el-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-progress-bar__inner:after,.el-upload-cover:after,.el-upload-list--picture-card .el-upload-list__item-actions:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress{position:relative;line-height:1}.el-progress.is-exception .el-progress-bar__inner{background-color:#ff4949}.el-progress.is-exception .el-progress__text{color:#ff4949}.el-progress.is-success .el-progress-bar__inner{background-color:#13ce66}.el-progress.is-success .el-progress__text{color:#13ce66}.el-progress__text{font-size:14px;color:rgb(72, 87, 106);display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:rgb(228, 232, 241);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#1d8ce0;text-align:right;border-radius:100px;line-height:1}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer}.el-upload-list__item.is-success .el-icon-close,.el-upload__input{display:none}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload__tip{font-size:12px;color:rgb(131, 145, 165);margin-top:7px}.el-upload--picture-card{background-color:rgb(250, 253, 254);border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:#1d8ce0;color:#1d8ce0}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-upload__text{color:rgb(151, 168, 190);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#1d8ce0;font-style:normal}.el-upload-dragger .el-icon-upload{font-size:67px;color:rgb(151, 168, 190);margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid rgba(191,203,217,.2);margin-top:7px;padding-top:5px}.el-upload-dragger:hover{border-color:#1d8ce0}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #1d8ce0}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:rgb(72, 87, 106);line-height:1.8;margin-top:5px;box-sizing:border-box;border-radius:4px;width:100%;position:relative}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-progress{position:absolute;bottom:-3px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;top:-10px;right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item:hover{background-color:rgb(238, 241, 246)}.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#1d8ce0;cursor:pointer}.el-upload-list__item.is-success:hover .el-icon-close{display:inline-block;cursor:pointer;opacity:.75;-ms-transform:scale(.7);transform:scale(.7);color:rgb(72, 87, 106)}.el-upload-list__item.is-success:hover .el-icon-close:hover{opacity:1}.el-upload-list__item.is-success:hover .el-icon-check,.el-upload-list__item.is-success:hover .el-icon-circle-check{display:none}.el-upload-list__item-name{color:rgb(72, 87, 106);display:block;margin-right:40px;padding-left:4px;transition:color .3s}.el-upload-list__item-name [class^=el-icon]{color:rgb(151, 168, 190);margin-right:7px;height:100%;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:10px;top:0;line-height:inherit;color:#13ce66}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:rgb(72, 87, 106);display:none}.el-upload-list__item-delete:hover{color:#1d8ce0}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item-name,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label .el-icon-close{-ms-transform:rotate(45deg) scale(.7);transform:rotate(45deg) scale(.7)}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;margin-left:-80px}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-list--picture .el-progress{position:static}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-ms-transform:rotate(-45deg) scale(.8);transform:rotate(-45deg) scale(.8);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-ms-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:rgb(72, 87, 106)}
\ No newline at end of file
diff --git a/src/common/config.js b/src/common/config.js
new file mode 100644
index 0000000..83d9542
--- /dev/null
+++ b/src/common/config.js
@@ -0,0 +1,63 @@
+/**
+ *  BASE_API:对应api网关的外网访问地址，在config/dev.env.js 和 config/prod.env.js 中配置，
+ *  applicationName:微服务编号，即spring boot中的spring.application.name
+ *  contextPath:应用的上下文路径，即spring boot中的server.context-path 
+ *  api的调用一般是 /${BASE_API}/${applicationName}/${contextPath}/${具体的后端服务路径}
+ */
+ 
+var contextName="workflow";
+var sysContextName="workflow";//系统管理子模块
+var sysName="流程管理";//当前系统名称
+var arcUrlPrefix="workflow/";
+var workFlowEditorUrl="https://www.qingqinkj.com/workflow/editor/indexIframe.html";//工作流流程编辑器
+
+export default {    
+	//图片内容服务api路径
+	getArcBasePath: function(){
+		 return 'https://www.qingqinkj.com/api/arc/arc'
+	}, 
+	//商城后台
+	getMallmBasePath: function(){
+		 return '/mallm/mallm'
+	}, 
+	//图片内容首页路径
+	getArcIndexPath: function(){
+		 return '/arc/arc/index.html'
+	}, 
+	//系统管理api路径
+	getSysBasePath: function(){ 
+		return '/sys/sys';
+	},
+	//系统管理首页路径
+	getSysIndexPath: function(){ 
+		return '/sys/sys/index.html';
+	},
+	getSysContextName: function () {
+        return sysContextName;
+    },
+	getContextName: function () {
+	    return contextName;
+	},
+	getSysName: function () {
+	    return sysName;
+	},
+	getWorkFlowEditorUrl: function () {
+	    return workFlowEditorUrl;
+	},
+	getArcUrlPrefix(){
+		return arcUrlPrefix;
+	},	
+	getWorkflowBasePath(){
+		return "/workflow/workflow";
+	},	
+	getFormBasePath(){
+		return "/form/form";
+	},
+	getTopDomain(){
+		return "http://www.qingqinkj.com"
+	},
+	//图片展示或下载路径
+	getArcImagePath: function(){
+		 return 'https://www.qingqinkj.com/arc'
+	},
+};
\ No newline at end of file
diff --git a/src/common/config.prod.js b/src/common/config.prod.js
new file mode 100644
index 0000000..bd67c65
--- /dev/null
+++ b/src/common/config.prod.js
@@ -0,0 +1,15 @@
+var contextName="sys";
+var sysContextName="sys/mdp";//系统管理子模块
+var sysName="";//当前系统名称
+
+export default {
+    getSysContextName: function () {
+        return sysContextName;
+    },
+	getContextName: function () {
+	    return contextName;
+	},
+	getSysName: function () {
+	    return sysName;
+	} 
+};
diff --git a/src/common/js/dateUtil.js b/src/common/js/dateUtil.js
new file mode 100644
index 0000000..453ff28
--- /dev/null
+++ b/src/common/js/dateUtil.js
@@ -0,0 +1,172 @@
+/**
+ * 获取本周、本季度、本月、上月的开始日期、结束日期
+ */
+
+var SIGN_REGEXP = /([yMdHhsm])(\1*)/g;
+var DEFAULT_PATTERN = 'yyyy-MM-dd HH:mm:ss';
+function padding(s, len) {
+    var len = len - (s + '').length;
+    for (var i = 0; i < len; i++) { s = '0' + s; }
+    return s;
+};
+
+var now = new Date(); //当前日期
+var nowDayOfWeek = now.getDay(); //今天本周的第几天
+var nowDay = now.getDate(); //当前日
+var nowMonth = now.getMonth(); //当前月
+var nowYear = now.getFullYear(); //当前年
+var lastMonthDate = new Date(); //上月日期
+lastMonthDate.setDate(1);
+lastMonthDate.setMonth(lastMonthDate.getMonth() - 1);
+var lastYear = lastMonthDate.getFullYear();
+var lastMonth = lastMonthDate.getMonth();
+
+export default {
+	formatDate: function (date, pattern) {
+        pattern = pattern || DEFAULT_PATTERN;
+        return pattern.replace(SIGN_REGEXP, function ($0) {
+            switch ($0.charAt(0)) {
+                case 'y': return padding(date.getFullYear(), $0.length);
+                case 'M': return padding(date.getMonth() + 1, $0.length);
+                case 'd': return padding(date.getDate(), $0.length);
+                case 'w': return date.getDay() + 1;
+                case 'H': return padding(date.getHours(), $0.length);
+                case 'h': return padding(date.getHours(), $0.length);
+                case 'm': return padding(date.getMinutes(), $0.length);
+                case 's': return padding(date.getSeconds(), $0.length);
+            }
+        });
+    },
+    parse: function (dateString, pattern) {
+        var matchs1 = pattern.match(SIGN_REGEXP);
+        var matchs2 = dateString.match(/(\d)+/g);
+        if (matchs1.length == matchs2.length) {
+            var _date = new Date(1970, 0, 1);
+            for (var i = 0; i < matchs1.length; i++) {
+                var _int = parseInt(matchs2[i]);
+                var sign = matchs1[i];
+                switch (sign.charAt(0)) {
+                    case 'y': _date.setFullYear(_int); break;
+                    case 'M': _date.setMonth(_int - 1); break;
+                    case 'd': _date.setDate(_int); break;
+                    case 'H': _date.setHours(_int); break;
+                    case 'h': _date.setHours(_int); break;
+                    case 'm': _date.setMinutes(_int); break;
+                    case 's': _date.setSeconds(_int); break;
+                }
+            }
+            return _date;
+        }
+        return null;
+    },
+	//获得某月的天数
+	getMonthDays:function(myMonth) {
+	    var monthStartDate = new Date(nowYear, myMonth, 1);
+	    var monthEndDate = new Date(nowYear, myMonth + 1, 1);
+	    var days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24);
+	    return days;
+	},
+	//获得本季度的开始月份
+	getQuarterStartMonth:function() {
+	    var quarterStartMonth = 0;
+	    if (nowMonth < 3) {
+	        quarterStartMonth = 0;
+	    }
+	    if (2 < nowMonth && nowMonth < 6) {
+	        quarterStartMonth = 3;
+	    }
+	    if (5 < nowMonth && nowMonth < 9) {
+	        quarterStartMonth = 6;
+	    }
+	    if (nowMonth > 8) {
+	        quarterStartMonth = 9;
+	    }
+	    return quarterStartMonth;
+	},
+	//获得本周的开始日期
+	getWeekStartDate:function() {
+	    var weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek,0,0,0,0);
+	    return weekStartDate;
+	},
+	//获得本周的结束日期
+	getWeekEndDate:function() {
+	    var weekEndDate = new Date(nowYear, nowMonth, nowDay + (6 - nowDayOfWeek),23,59,59,999);
+	    return weekEndDate;
+	},
+	//获得上周的开始日期
+	getLastWeekStartDate:function() {
+	    var weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek - 7,0,0,0,0);
+	    return weekStartDate;
+	},
+	//获得上周的结束日期
+	getLastWeekEndDate:function() {
+	    var weekEndDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek - 1,23,59,59,999);
+	    return weekEndDate;
+	},
+	//获得本月的开始日期
+	getMonthStartDate:function() {
+	    var monthStartDate = new Date(nowYear, nowMonth, 1,0,0,0,0);
+	    return monthStartDate;
+	},
+	//获得本月的结束日期
+	getMonthEndDate:function() {
+	    var monthEndDate = new Date(nowYear, nowMonth, getMonthDays(nowMonth),23,59,59,999);
+	    return monthEndDate;
+	},
+	//获得上月开始时间
+	getLastMonthStartDate:function() {
+	    var lastMonthStartDate = new Date(nowYear, lastMonth, 1,0,0,0,0);
+	    return lastMonthStartDate;
+	},
+	//获得上月结束时间
+	getLastMonthEndDate:function() {
+	    var lastMonthEndDate = new Date(nowYear, lastMonth, getMonthDays(lastMonth),23,59,59,999);
+	    return lastMonthEndDate;
+	},
+	//获得本季度的开始日期
+	getQuarterStartDate:function() {
+	    var quarterStartDate = new Date(nowYear, getQuarterStartMonth(), 1,0,0,0,0);
+	    return quarterStartDate;
+	},
+	//获得本季度的结束日期
+	getQuarterEndDate:function() {
+	    var quarterEndMonth = getQuarterStartMonth() + 2;
+	    var quarterStartDate = new Date(nowYear, quarterEndMonth,  getMonthDays(quarterEndMonth),23,59,59,999);
+	    return quarterStartDate;
+	},
+	//获得本年开始日期
+	getYearStartDate:function() {
+	    var yearStartDate = new Date(nowYear, 0, 1,0,0,0,0);
+	    return yearStartDate;
+	},
+	//获得本年的结束日期
+	getYearEndDate:function() { 
+	    var yearEndDate = new Date(nowYear, 0,  getMonthDays(11),23,59,59,999);
+	    return yearEndDate;
+	},
+	//获得上一年开始日期
+	getLastYearStartDate:function() {
+	    var yearStartDate = new Date(nowYear-1, 0, 1,0,0,0,0); 
+	    return yearStartDate;
+	},
+	//获得上一年的结束日期
+	getLastYearEndDate:function() { 
+	    var yearEndDate = new Date(nowYear-1, 11,  getMonthDays(11),23,59,59,999);
+	    return yearEndDate;
+	},
+	//获取当前日期格式为：YYYY-MM-DD 00:00:00
+	getDateAfterToday:function(){
+		var date= new Date(nowYear, nowMonth, nowDay,0,0,0,0)
+		return this.formatDate(date);
+	},
+	//获得 n 天 后的时间
+	getStringDateAfterToday:function( n ){
+		var date= new Date(nowYear, nowMonth, nowDay+n,0,0,0,0)
+		return this.formatDate(date);
+	},	
+	////获取当前日期格式为：YYYY-MM-DD hh:mm:ss
+	getDateTime:function(){
+		var date= new Date()
+		return this.formatDate(date);
+	}
+}
\ No newline at end of file
diff --git a/src/common/js/map.js b/src/common/js/map.js
new file mode 100644
index 0000000..e136957
--- /dev/null
+++ b/src/common/js/map.js
@@ -0,0 +1,14 @@
+export function MP(ak) {
+  return new Promise(function (resolve, reject) {
+	  window.init = function () {
+	        resolve(BMap)
+	      }
+    var script = document.createElement("script");
+    script.type = "text/javascript";
+    script.src = "https://api.map.baidu.com/api?v=2.0&ak="+ak+"&callback=init&s=1";
+    script.onerror = reject;
+    document.head.appendChild(script);
+    
+  })
+}
+
diff --git a/src/common/js/md5.min.js b/src/common/js/md5.min.js
new file mode 100644
index 0000000..7418ff8
--- /dev/null
+++ b/src/common/js/md5.min.js
@@ -0,0 +1,10 @@
+/**
+ * [js-md5]{@link https://github.com/emn178/js-md5}
+ *
+ * @namespace md5
+ * @version 0.7.3
+ * @author Chen, Yi-Cyuan [emn178@gmail.com]
+ * @copyright Chen, Yi-Cyuan 2014-2017
+ * @license MIT
+ */
+!function(){"use strict";function t(t){if(t)d[0]=d[16]=d[1]=d[2]=d[3]=d[4]=d[5]=d[6]=d[7]=d[8]=d[9]=d[10]=d[11]=d[12]=d[13]=d[14]=d[15]=0,this.blocks=d,this.buffer8=l;else if(a){var r=new ArrayBuffer(68);this.buffer8=new Uint8Array(r),this.blocks=new Uint32Array(r)}else this.blocks=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];this.h0=this.h1=this.h2=this.h3=this.start=this.bytes=this.hBytes=0,this.finalized=this.hashed=!1,this.first=!0}var r="input is invalid type",e="object"==typeof window,i=e?window:{};i.JS_MD5_NO_WINDOW&&(e=!1);var s=!e&&"object"==typeof self,h=!i.JS_MD5_NO_NODE_JS&&"object"==typeof process&&process.versions&&process.versions.node;h?i=global:s&&(i=self);var f=!i.JS_MD5_NO_COMMON_JS&&"object"==typeof module&&module.exports,o="function"==typeof define&&define.amd,a=!i.JS_MD5_NO_ARRAY_BUFFER&&"undefined"!=typeof ArrayBuffer,n="0123456789abcdef".split(""),u=[128,32768,8388608,-2147483648],y=[0,8,16,24],c=["hex","array","digest","buffer","arrayBuffer","base64"],p="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".split(""),d=[],l;if(a){var A=new ArrayBuffer(68);l=new Uint8Array(A),d=new Uint32Array(A)}!i.JS_MD5_NO_NODE_JS&&Array.isArray||(Array.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)}),!a||!i.JS_MD5_NO_ARRAY_BUFFER_IS_VIEW&&ArrayBuffer.isView||(ArrayBuffer.isView=function(t){return"object"==typeof t&&t.buffer&&t.buffer.constructor===ArrayBuffer});var b=function(r){return function(e){return new t(!0).update(e)[r]()}},v=function(){var r=b("hex");h&&(r=w(r)),r.create=function(){return new t},r.update=function(t){return r.create().update(t)};for(var e=0;e<c.length;++e){var i=c[e];r[i]=b(i)}return r},w=function(t){var e=eval("require('crypto')"),i=eval("require('buffer').Buffer"),s=function(s){if("string"==typeof s)return e.createHash("md5").update(s,"utf8").digest("hex");if(null===s||void 0===s)throw r;return s.constructor===ArrayBuffer&&(s=new Uint8Array(s)),Array.isArray(s)||ArrayBuffer.isView(s)||s.constructor===i?e.createHash("md5").update(new i(s)).digest("hex"):t(s)};return s};t.prototype.update=function(t){if(!this.finalized){var e,i=typeof t;if("string"!==i){if("object"!==i)throw r;if(null===t)throw r;if(a&&t.constructor===ArrayBuffer)t=new Uint8Array(t);else if(!(Array.isArray(t)||a&&ArrayBuffer.isView(t)))throw r;e=!0}for(var s,h,f=0,o=t.length,n=this.blocks,u=this.buffer8;f<o;){if(this.hashed&&(this.hashed=!1,n[0]=n[16],n[16]=n[1]=n[2]=n[3]=n[4]=n[5]=n[6]=n[7]=n[8]=n[9]=n[10]=n[11]=n[12]=n[13]=n[14]=n[15]=0),e)if(a)for(h=this.start;f<o&&h<64;++f)u[h++]=t[f];else for(h=this.start;f<o&&h<64;++f)n[h>>2]|=t[f]<<y[3&h++];else if(a)for(h=this.start;f<o&&h<64;++f)(s=t.charCodeAt(f))<128?u[h++]=s:s<2048?(u[h++]=192|s>>6,u[h++]=128|63&s):s<55296||s>=57344?(u[h++]=224|s>>12,u[h++]=128|s>>6&63,u[h++]=128|63&s):(s=65536+((1023&s)<<10|1023&t.charCodeAt(++f)),u[h++]=240|s>>18,u[h++]=128|s>>12&63,u[h++]=128|s>>6&63,u[h++]=128|63&s);else for(h=this.start;f<o&&h<64;++f)(s=t.charCodeAt(f))<128?n[h>>2]|=s<<y[3&h++]:s<2048?(n[h>>2]|=(192|s>>6)<<y[3&h++],n[h>>2]|=(128|63&s)<<y[3&h++]):s<55296||s>=57344?(n[h>>2]|=(224|s>>12)<<y[3&h++],n[h>>2]|=(128|s>>6&63)<<y[3&h++],n[h>>2]|=(128|63&s)<<y[3&h++]):(s=65536+((1023&s)<<10|1023&t.charCodeAt(++f)),n[h>>2]|=(240|s>>18)<<y[3&h++],n[h>>2]|=(128|s>>12&63)<<y[3&h++],n[h>>2]|=(128|s>>6&63)<<y[3&h++],n[h>>2]|=(128|63&s)<<y[3&h++]);this.lastByteIndex=h,this.bytes+=h-this.start,h>=64?(this.start=h-64,this.hash(),this.hashed=!0):this.start=h}return this.bytes>4294967295&&(this.hBytes+=this.bytes/4294967296<<0,this.bytes=this.bytes%4294967296),this}},t.prototype.finalize=function(){if(!this.finalized){this.finalized=!0;var t=this.blocks,r=this.lastByteIndex;t[r>>2]|=u[3&r],r>=56&&(this.hashed||this.hash(),t[0]=t[16],t[16]=t[1]=t[2]=t[3]=t[4]=t[5]=t[6]=t[7]=t[8]=t[9]=t[10]=t[11]=t[12]=t[13]=t[14]=t[15]=0),t[14]=this.bytes<<3,t[15]=this.hBytes<<3|this.bytes>>>29,this.hash()}},t.prototype.hash=function(){var t,r,e,i,s,h,f=this.blocks;this.first?r=((r=((t=((t=f[0]-680876937)<<7|t>>>25)-271733879<<0)^(e=((e=(-271733879^(i=((i=(-1732584194^2004318071&t)+f[1]-117830708)<<12|i>>>20)+t<<0)&(-271733879^t))+f[2]-1126478375)<<17|e>>>15)+i<<0)&(i^t))+f[3]-1316259209)<<22|r>>>10)+e<<0:(t=this.h0,r=this.h1,e=this.h2,r=((r+=((t=((t+=((i=this.h3)^r&(e^i))+f[0]-680876936)<<7|t>>>25)+r<<0)^(e=((e+=(r^(i=((i+=(e^t&(r^e))+f[1]-389564586)<<12|i>>>20)+t<<0)&(t^r))+f[2]+606105819)<<17|e>>>15)+i<<0)&(i^t))+f[3]-1044525330)<<22|r>>>10)+e<<0),r=((r+=((t=((t+=(i^r&(e^i))+f[4]-176418897)<<7|t>>>25)+r<<0)^(e=((e+=(r^(i=((i+=(e^t&(r^e))+f[5]+1200080426)<<12|i>>>20)+t<<0)&(t^r))+f[6]-1473231341)<<17|e>>>15)+i<<0)&(i^t))+f[7]-45705983)<<22|r>>>10)+e<<0,r=((r+=((t=((t+=(i^r&(e^i))+f[8]+1770035416)<<7|t>>>25)+r<<0)^(e=((e+=(r^(i=((i+=(e^t&(r^e))+f[9]-1958414417)<<12|i>>>20)+t<<0)&(t^r))+f[10]-42063)<<17|e>>>15)+i<<0)&(i^t))+f[11]-1990404162)<<22|r>>>10)+e<<0,r=((r+=((t=((t+=(i^r&(e^i))+f[12]+1804603682)<<7|t>>>25)+r<<0)^(e=((e+=(r^(i=((i+=(e^t&(r^e))+f[13]-40341101)<<12|i>>>20)+t<<0)&(t^r))+f[14]-1502002290)<<17|e>>>15)+i<<0)&(i^t))+f[15]+1236535329)<<22|r>>>10)+e<<0,r=((r+=((i=((i+=(r^e&((t=((t+=(e^i&(r^e))+f[1]-165796510)<<5|t>>>27)+r<<0)^r))+f[6]-1069501632)<<9|i>>>23)+t<<0)^t&((e=((e+=(t^r&(i^t))+f[11]+643717713)<<14|e>>>18)+i<<0)^i))+f[0]-373897302)<<20|r>>>12)+e<<0,r=((r+=((i=((i+=(r^e&((t=((t+=(e^i&(r^e))+f[5]-701558691)<<5|t>>>27)+r<<0)^r))+f[10]+38016083)<<9|i>>>23)+t<<0)^t&((e=((e+=(t^r&(i^t))+f[15]-660478335)<<14|e>>>18)+i<<0)^i))+f[4]-405537848)<<20|r>>>12)+e<<0,r=((r+=((i=((i+=(r^e&((t=((t+=(e^i&(r^e))+f[9]+568446438)<<5|t>>>27)+r<<0)^r))+f[14]-1019803690)<<9|i>>>23)+t<<0)^t&((e=((e+=(t^r&(i^t))+f[3]-187363961)<<14|e>>>18)+i<<0)^i))+f[8]+1163531501)<<20|r>>>12)+e<<0,r=((r+=((i=((i+=(r^e&((t=((t+=(e^i&(r^e))+f[13]-1444681467)<<5|t>>>27)+r<<0)^r))+f[2]-51403784)<<9|i>>>23)+t<<0)^t&((e=((e+=(t^r&(i^t))+f[7]+1735328473)<<14|e>>>18)+i<<0)^i))+f[12]-1926607734)<<20|r>>>12)+e<<0,r=((r+=((h=(i=((i+=((s=r^e)^(t=((t+=(s^i)+f[5]-378558)<<4|t>>>28)+r<<0))+f[8]-2022574463)<<11|i>>>21)+t<<0)^t)^(e=((e+=(h^r)+f[11]+1839030562)<<16|e>>>16)+i<<0))+f[14]-35309556)<<23|r>>>9)+e<<0,r=((r+=((h=(i=((i+=((s=r^e)^(t=((t+=(s^i)+f[1]-1530992060)<<4|t>>>28)+r<<0))+f[4]+1272893353)<<11|i>>>21)+t<<0)^t)^(e=((e+=(h^r)+f[7]-155497632)<<16|e>>>16)+i<<0))+f[10]-1094730640)<<23|r>>>9)+e<<0,r=((r+=((h=(i=((i+=((s=r^e)^(t=((t+=(s^i)+f[13]+681279174)<<4|t>>>28)+r<<0))+f[0]-358537222)<<11|i>>>21)+t<<0)^t)^(e=((e+=(h^r)+f[3]-722521979)<<16|e>>>16)+i<<0))+f[6]+76029189)<<23|r>>>9)+e<<0,r=((r+=((h=(i=((i+=((s=r^e)^(t=((t+=(s^i)+f[9]-640364487)<<4|t>>>28)+r<<0))+f[12]-421815835)<<11|i>>>21)+t<<0)^t)^(e=((e+=(h^r)+f[15]+530742520)<<16|e>>>16)+i<<0))+f[2]-995338651)<<23|r>>>9)+e<<0,r=((r+=((i=((i+=(r^((t=((t+=(e^(r|~i))+f[0]-198630844)<<6|t>>>26)+r<<0)|~e))+f[7]+1126891415)<<10|i>>>22)+t<<0)^((e=((e+=(t^(i|~r))+f[14]-1416354905)<<15|e>>>17)+i<<0)|~t))+f[5]-57434055)<<21|r>>>11)+e<<0,r=((r+=((i=((i+=(r^((t=((t+=(e^(r|~i))+f[12]+1700485571)<<6|t>>>26)+r<<0)|~e))+f[3]-1894986606)<<10|i>>>22)+t<<0)^((e=((e+=(t^(i|~r))+f[10]-1051523)<<15|e>>>17)+i<<0)|~t))+f[1]-2054922799)<<21|r>>>11)+e<<0,r=((r+=((i=((i+=(r^((t=((t+=(e^(r|~i))+f[8]+1873313359)<<6|t>>>26)+r<<0)|~e))+f[15]-30611744)<<10|i>>>22)+t<<0)^((e=((e+=(t^(i|~r))+f[6]-1560198380)<<15|e>>>17)+i<<0)|~t))+f[13]+1309151649)<<21|r>>>11)+e<<0,r=((r+=((i=((i+=(r^((t=((t+=(e^(r|~i))+f[4]-145523070)<<6|t>>>26)+r<<0)|~e))+f[11]-1120210379)<<10|i>>>22)+t<<0)^((e=((e+=(t^(i|~r))+f[2]+718787259)<<15|e>>>17)+i<<0)|~t))+f[9]-343485551)<<21|r>>>11)+e<<0,this.first?(this.h0=t+1732584193<<0,this.h1=r-271733879<<0,this.h2=e-1732584194<<0,this.h3=i+271733878<<0,this.first=!1):(this.h0=this.h0+t<<0,this.h1=this.h1+r<<0,this.h2=this.h2+e<<0,this.h3=this.h3+i<<0)},t.prototype.hex=function(){this.finalize();var t=this.h0,r=this.h1,e=this.h2,i=this.h3;return n[t>>4&15]+n[15&t]+n[t>>12&15]+n[t>>8&15]+n[t>>20&15]+n[t>>16&15]+n[t>>28&15]+n[t>>24&15]+n[r>>4&15]+n[15&r]+n[r>>12&15]+n[r>>8&15]+n[r>>20&15]+n[r>>16&15]+n[r>>28&15]+n[r>>24&15]+n[e>>4&15]+n[15&e]+n[e>>12&15]+n[e>>8&15]+n[e>>20&15]+n[e>>16&15]+n[e>>28&15]+n[e>>24&15]+n[i>>4&15]+n[15&i]+n[i>>12&15]+n[i>>8&15]+n[i>>20&15]+n[i>>16&15]+n[i>>28&15]+n[i>>24&15]},t.prototype.toString=t.prototype.hex,t.prototype.digest=function(){this.finalize();var t=this.h0,r=this.h1,e=this.h2,i=this.h3;return[255&t,t>>8&255,t>>16&255,t>>24&255,255&r,r>>8&255,r>>16&255,r>>24&255,255&e,e>>8&255,e>>16&255,e>>24&255,255&i,i>>8&255,i>>16&255,i>>24&255]},t.prototype.array=t.prototype.digest,t.prototype.arrayBuffer=function(){this.finalize();var t=new ArrayBuffer(16),r=new Uint32Array(t);return r[0]=this.h0,r[1]=this.h1,r[2]=this.h2,r[3]=this.h3,t},t.prototype.buffer=t.prototype.arrayBuffer,t.prototype.base64=function(){for(var t,r,e,i="",s=this.array(),h=0;h<15;)t=s[h++],r=s[h++],e=s[h++],i+=p[t>>>2]+p[63&(t<<4|r>>>4)]+p[63&(r<<2|e>>>6)]+p[63&e];return t=s[h],i+=p[t>>>2]+p[t<<4&63]+"=="};var _=v();f?module.exports=_:(i.md5=_,o&&define(function(){return _}))}();
\ No newline at end of file
diff --git a/src/common/js/qxutil.js b/src/common/js/qxutil.js
new file mode 100644
index 0000000..3c27cec
--- /dev/null
+++ b/src/common/js/qxutil.js
@@ -0,0 +1,132 @@
+
+export default { 
+    flow: {
+
+        qxCodeArrDefault:[
+            '1',// 索引 0  可看正文 1是 0 否
+            '1',// 索引 1  可修改正文 1是 0 否
+            '1',// 索引 2  可看附件 1是 0 否
+            '1',// 索引 3  可上传附件 1是 0 否
+            '1',// 索引 4  可下载附件 1是 0 否
+            '1',// 索引 5  可修改计划完成时间 1是 0 否
+            '1',// 索引 6  可驳回 1是 0 否
+            '1',// 索引 7  可转主办 1是 0 否
+            '1',// 索引 8  可转发起人 1是 0 否
+            '1',// 索引 9  可找人代办 1是 0 否
+            '1',// 索引 10  可委托办理 1是 0 否
+            'a1',// 索引 11  字段查看权限 a1全部可看 a0全部不可看 1部分可看
+            '1',// 索引 12  暂时不用，取值 1
+            'a1',// 索引 13  字段修改权限 a1全部可改 a0全部不可改 1部分可改
+            'a1',// 索引 14  权限字段列表竖线分隔 如 f1:r|f2:frw|f3:nr|f4:rw 分别为 f1 只读，f2 读写必填 f3 不可读 f4 可读可写  冒号后的r 代表可读 w代表可写 f代表必填，如frw代表必填且可读可写  全部不配做，则a1代表不配做，默认a1
+            '1',// 索引 15  推送任务通知到IM
+            '1',// 索引 16  推送任务通知到短信
+            '1', // 索引 17  暂时不用，取值 1 
+            '1',// 索引18 发起人是否可以重新调整权限 
+            '0',//索引19 是否控制流程节点权限
+            '1'//索引20 是否总流程权限 1代表流程权限 0代表流程节点权限
+            ],
+        
+        /**
+         * 解析流程节点中的权限配置
+         * @return  {Array} ['1','1','1','1',xxxxx] 等
+         * @param {string} qxCode  1-1-1-1-1-1-1-1-1-1-1 等
+         */
+        parseQxCode: function (qxCode) {
+            if(qxCode==null || qxCode=='' || qxCode==undefined){
+                return this.qxCodeArrDefault;
+            }else{
+                var qxCodeArr=qxCode.split("-")
+                return qxCodeArr;
+            }
+        },
+        /**
+         * 根据权限码 及 智能表单 字段定义列表 解析字段权限配置
+         * @return {Array} 带有 [{fieldIdCamel:'',qx:rw|frw|nr|r}]的智能表单列表
+         * @param {Array} qxCodeArr  ['1','1','1','1',xxxxx] 等
+         * @param {Array} formFields  [{fieldIdCamel:'',qx:'',id:''，xxxx}] 等
+         */
+        parseFormFieldsQx: function (qxCodeArr,formFields) {
+            var fieldQxList=[];
+            if(qxCodeArr.length>=14){
+                if(qxCodeArr[14]!='a1'){
+                    fieldQxList=qxCodeArr[14].split("|").map(i=>{
+                        var field=i.split(":")
+                        return {
+                            fieldIdCamel:field[0],
+                            qx:field[1]
+                        }
+                    });
+                }
+            }
+            var flowformFields=[];
+           if(formFields && formFields.length>0){
+               flowformFields=formFields.map(i=>{
+                   var field=Object.assign({},i);
+                   if(fieldQxList.some(k=>{
+                      if( k.fieldIdCamel==field.fieldIdCamel){
+                          field.qx=k.qx
+                          return true;
+                      }else{
+                          return false;
+                      }
+                      })){
+
+                   }else{
+                        field.qx='rw' 
+                   }
+                  
+                   return field;
+               });
+          }else{
+              flowformFields=[];
+          }
+          return flowformFields
+        },
+
+        /**
+         * 格式化流程节总的权限配置
+         * @return {string} 1-1-1-1-1-1-1-1-1-1-1 等 
+         * @param {Array} qxCodeArr 
+         * @param {Array} flowFormFields 
+         * @param {String} qxType mainQx | actQx 默认为actQx
+         */
+        formatQxCode: function (qxCodeArr,flowFormFields,qxType) {
+            var fields=[];
+            if(flowFormFields && flowFormFields.length>0){
+                if(qxCodeArr[11]=='1'||qxCodeArr[13]=='1'){//部分字段可读或者部分字段可写，则配置
+                    fields= flowFormFields.filter(i=> i.qx!='rw')
+                }
+            }
+            var submitFields=[];
+            if(fields.length>0){
+                submitFields=fields.map(i=>{
+                    return i.fieldIdCamel+":"+i.qx
+                });
+            }
+            if(submitFields.length>0){
+                qxCodeArr[14]=submitFields.join("|");
+            }else{
+                qxCodeArr[14]='a1'
+            }
+            if(qxType=='mainQx'){
+                qxCodeArr[20]='1'
+            }else{
+                qxCodeArr[20]='0'
+            }
+            return qxCodeArr.join("-") 
+        },
+    },
+    
+    form: {
+
+
+        parseDataQxCode: function (dqxCode) {
+            
+        },
+        parseFormQxCode: function (mainQx) {
+            
+        }, 
+    }
+
+
+};
diff --git a/src/common/js/sequence.js b/src/common/js/sequence.js
new file mode 100644
index 0000000..addca99
--- /dev/null
+++ b/src/common/js/sequence.js
@@ -0,0 +1,39 @@
+function string10to62(number) {
+  var chars = '8123456789abcdefghigkbmnapqrstuvwxyzABCDEFGHIGKBMNAPQRSTUVWXYZ'.split(''),
+    radix = chars.length,
+    qutient = +number,
+    arr = [];
+  do {
+    var mod = qutient % radix;
+    qutient = (qutient - mod) / radix;
+    arr.unshift(chars[mod]);
+  } while (qutient);
+  return arr.join('').toLowerCase();
+}
+
+
+function randomString(len) { 
+   len = len||32;
+   var $chars = 'abcdefghijkmnpqrstuvwxyz123456789';
+   var maxPos = $chars.length;
+   var pwd = '';
+   for (var i = 0; i < len; i++) {
+      pwd += $chars.charAt(Math.floor(Math.random() * maxPos)); 
+    }
+    return pwd.toLowerCase();
+}
+
+function sn(prefix) {
+  var pre="";
+  var date = new Date();
+  var gsnNum = (date.getTime()-1515867606995)/1000;
+  var gsnRan = randomString(4);
+  if (typeof (prefix) != "undefined"){
+    pre = prefix;
+  }
+  
+  return pre + string10to62(gsnNum) + gsnRan;
+}
+module.exports = {
+  sn: sn
+}
\ No newline at end of file
diff --git a/src/common/js/util.js b/src/common/js/util.js
new file mode 100644
index 0000000..1504689
--- /dev/null
+++ b/src/common/js/util.js
@@ -0,0 +1,265 @@
+var SIGN_REGEXP = /([yMdhsmH])(\1*)/g
+var DEFAULT_PATTERN = 'yyyy-MM-dd'
+function padding(s, len) {
+  var len = len - (s + '').length
+  for (var i = 0; i < len; i++) { s = '0' + s }
+  return s
+}
+
+export default {
+  getQueryStringByName: function(name) {
+    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
+    var r = window.location.search.substr(1).match(reg)
+    var context = ''
+    if (r != null) { context = r[2] }
+    reg = null
+    r = null
+    return context == null || context == '' || context == 'undefined' ? '' : context
+  },
+
+  fmoney(s,n) {
+    n = n > 0 && n <= 20 ? n : 2;
+    s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
+    var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
+    var t = "";
+    for (let i = 0; i < l.length; i++) {
+      t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
+    }
+    return t.split("").reverse().join("") + "." + r;
+  },
+
+  isNull(obj) {
+    if(obj === null || obj === '' || obj === undefined) {
+       return true;
+    }
+    return false;
+  },
+  /**
+   * 字段转成驼峰命名
+   * @param {*} name 
+   */
+  toCamel(name) {
+    return name.replace(/\_(\w)/g, function(all, letter){
+        return letter.toUpperCase();
+    });
+  },
+  /**
+   * 驼峰转下横线
+   * @param {*} name 
+   */
+  toLine(name) {
+    return name.replace(/([A-Z])/g,"_$1").toLowerCase();
+  },
+  formatDate: {
+
+    format: function(date, pattern) {
+      pattern = pattern || DEFAULT_PATTERN
+      return pattern.replace(SIGN_REGEXP, function($0) {
+        switch ($0.charAt(0)) {
+          case 'y': return padding(date.getFullYear(), $0.length)
+          case 'M': return padding(date.getMonth() + 1, $0.length)
+          case 'd': return padding(date.getDate(), $0.length)
+          case 'w': return date.getDay() + 1
+          case 'h': return padding(date.getHours(), $0.length)
+          case 'H': return padding(date.getHours(), $0.length)
+          case 'm': return padding(date.getMinutes(), $0.length)
+          case 's': return padding(date.getSeconds(), $0.length)
+        }
+      })
+    },
+    parse: function(dateString, pattern) {
+      var matchs1 = pattern.match(SIGN_REGEXP)
+      var matchs2 = dateString.match(/(\d)+/g)
+      if (matchs1.length == matchs2.length) {
+        var _date = new Date(1970, 0, 1)
+        for (var i = 0; i < matchs1.length; i++) {
+          var _int = parseInt(matchs2[i])
+          var sign = matchs1[i]
+          switch (sign.charAt(0)) {
+            case 'y': _date.setFullYear(_int); break
+            case 'M': _date.setMonth(_int - 1); break
+            case 'd': _date.setDate(_int); break
+            case 'h': _date.setHours(_int); break
+            case 'm': _date.setMinutes(_int); break
+            case 's': _date.setSeconds(_int); break
+          }
+        }
+        return _date
+      }
+      return null
+    },
+
+  },
+  
+  //type date/daterange
+  pickerOptions: function(type){ 
+    if(type!='datarange'){
+      var shortcuts= [{
+        text: '今天',
+        onClick(picker) {
+        picker.$emit('pick', new Date());
+        }
+      }, {
+        text: '昨天',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() - 3600 * 1000 * 24);
+        picker.$emit('pick', date);
+        }
+      }, {
+        text: '前一周',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+        picker.$emit('pick', date);
+        }
+      }, {
+        text: '前两周',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() - 3600 * 1000 * 24 * 7 * 2);
+        picker.$emit('pick', date);
+        }
+      }, {
+        text: '前四周',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() - 3600 * 1000 * 24 * 7 * 4);
+        picker.$emit('pick', date);
+        }
+      }, {
+        text: '后一周',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() + 3600 * 1000 * 24 * 7);
+        picker.$emit('pick', date);
+        }
+      }, {
+        text: '后两周',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() + 3600 * 1000 * 24 * 7 *2);
+        picker.$emit('pick', date);
+        }
+      }, {
+        text: '后一月',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() + 3600 * 1000 * 24 * 7 * 4);
+        picker.$emit('pick', date);
+        }
+      }, {
+        text: '后两月',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() + 3600 * 1000 * 24 * 7 * 8);
+        picker.$emit('pick', date);
+        }
+      }, {
+        text: '后四月',
+        onClick(picker) {
+        const date = new Date();
+        date.setTime(date.getTime() + 3600 * 1000 * 24 * 7 * 16);
+        picker.$emit('pick', date);
+        }
+      }]
+      return {shortcuts:shortcuts};
+    }else{
+      var shortcuts= [
+        {
+          text: "前一周",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+          picker.$emit("pick", [start, end]);
+          }
+        },
+        {
+          text: "前两周",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 7 * 2);
+          picker.$emit("pick", [start, end]);
+          }
+        },
+        {
+          text: "前三周",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 7 * 3);
+          picker.$emit("pick", [start, end]);
+          }
+        }, 
+        {
+          text: "前一个月",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+          picker.$emit("pick", [start, end]);
+          }
+        },
+        {
+          text: "前三个月",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+          picker.$emit("pick", [start, end]);
+          }
+        },
+        {
+          text: "后一周",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          end.setTime(start.getTime() + 3600 * 1000 * 24 * 7);
+          picker.$emit("pick", [start, end]);
+          }
+        },
+        {
+          text: "后两周",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          end.setTime(start.getTime() + 3600 * 1000 * 24 * 7 * 2);
+          picker.$emit("pick", [start, end]);
+          }
+        },
+        {
+          text: "后三周",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          end.setTime(start.getTime() + 3600 * 1000 * 24 * 7 * 3);
+          picker.$emit("pick", [start, end]);
+          }
+        }, 
+        {
+          text: "后一个月",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          end.setTime(start.getTime() + 3600 * 1000 * 24 * 30);
+          picker.$emit("pick", [start, end]);
+          }
+        },
+        {
+          text: "后三个月",
+          onClick(picker) {
+          const end = new Date();
+          const start = new Date();
+          end.setTime(start.getTime() + 3600 * 1000 * 24 * 90);
+          picker.$emit("pick", [start, end]);
+          }
+        }
+        ]
+      return {shortcuts:shortcuts};;
+    } 
+    
+  },
+
+}
diff --git a/src/components/BackToTop/index.vue b/src/components/BackToTop/index.vue
new file mode 100644
index 0000000..de95382
--- /dev/null
+++ b/src/components/BackToTop/index.vue
@@ -0,0 +1,112 @@
+<template>
+  <transition :name="transitionName">
+    <div class="back-to-ceiling" @click="backToTop" v-show="visible" :style="customStyle">
+      <svg width="16" height="16" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" class="Icon Icon--backToTopArrow" aria-hidden="true" style="height: 16px; width: 16px;">
+        <title>回到顶部</title>
+        <g>
+          <path d="M12.036 15.59c0 .55-.453.995-.997.995H5.032c-.55 0-.997-.445-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29c.39-.39 1.026-.385 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z" fill-rule="evenodd"></path>
+        </g>
+      </svg>
+    </div>
+  </transition>
+</template>
+
+<script>
+export default {
+  name: 'BackToTop',
+  props: {
+    visibilityHeight: {
+      type: Number,
+      default: 400
+    },
+    backPosition: {
+      type: Number,
+      default: 0
+    },
+    customStyle: {
+      type: Object,
+      default: function() {
+        return {
+          right: '50px',
+          bottom: '50px',
+          width: '40px',
+          height: '40px',
+          'border-radius': '4px',
+          'line-height': '45px',
+          background: '#e7eaf1'
+        }
+      }
+    },
+    transitionName: {
+      type: String,
+      default: 'fade'
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      interval: null
+    }
+  },
+  mounted() {
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  beforeDestroy() {
+    window.removeEventListener('scroll', this.handleScroll)
+    if (this.interval) {
+      clearInterval(this.interval)
+    }
+  },
+  methods: {
+    handleScroll() {
+      this.visible = window.pageYOffset > this.visibilityHeight
+    },
+    backToTop() {
+      const start = window.pageYOffset
+      let i = 0
+      this.interval = setInterval(() => {
+        const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
+        if (next <= this.backPosition) {
+          window.scrollTo(0, this.backPosition)
+          clearInterval(this.interval)
+        } else {
+          window.scrollTo(0, next)
+        }
+        i++
+      }, 16.7)
+    },
+    easeInOutQuad(t, b, c, d) {
+      if ((t /= d / 2) < 1) return c / 2 * t * t + b
+      return -c / 2 * (--t * (t - 2) - 1) + b
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .back-to-ceiling {
+    position: fixed;
+    display: inline-block;
+    text-align: center;
+    cursor: pointer;
+  }
+
+  .back-to-ceiling:hover {
+    background: #d5dbe7;
+  }
+
+  .fade-enter-active,
+  .fade-leave-active {
+    transition: opacity .5s;
+  }
+
+  .fade-enter,
+  .fade-leave-to {
+    opacity: 0
+  }
+
+  .back-to-ceiling .Icon {
+    fill: #9aaabf;
+    background: none;
+  }
+</style>
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
new file mode 100644
index 0000000..5ebe9dd
--- /dev/null
+++ b/src/components/Breadcrumb/index.vue
@@ -0,0 +1,587 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item,index)  in levelList" :key="item.path" v-if='item.meta.title'>
+        <span v-if='item.redirect==="noredirect"||index==levelList.length-1' class="no-redirect">{{generateTitle(item.meta.title)}}</span>
+        <router-link v-else :to="item.redirect||item.path">{{generateTitle(item.meta.title)}}</router-link>
+      </el-breadcrumb-item>
+    </transition-group>
+    <el-button @click="drawer = true" type="primary" style="margin-left: 16px;"> <i class="el-icon-menu" style="margin-right:5px"></i>全部应用</el-button>
+    <div class="drawer-box">
+        <el-drawer
+        :visible.sync="drawer"
+        :direction="direction">
+        <div class="drawer">
+          <div class="drawer-content">
+            <div class="drawer-content-input">
+              <el-input placeholder="请输入中文" v-model.trim="key" clearable prefix-icon = "el-icon-search" size="small" style="width:60%">
+              </el-input>
+            </div>
+            <div class="drawer-content-category" v-for="(item,index) in categorys" :key="index">
+              <div class="category-name" v-text="item.title"></div>
+              <div class="category-list">
+                <div
+                  class="category-item"
+                  v-for="(module,mindex) in item.childrens" :key="index+'_'+mindex"
+                  @click="gotolink(module)"
+                  :class="{highlight : module.isHighlight }"
+                > 
+                  <div class="module-icon">
+                    <img :src="module.icon">
+                  </div>
+                  <div class="module-name" v-text="module.moduleName"></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </el-drawer>
+    </div>
+    
+  </el-breadcrumb>
+</template>
+
+<script>
+import { generateTitle } from '@/utils/i18n'
+
+export default {
+  created() {
+    this.getBreadcrumb()
+  },
+  data() {
+    return {
+      levelList: null,
+      drawer: false,
+      direction: 'ttb',
+      key:"",
+      //模块分类
+      categorys:[
+        {
+          title:"日常应用",
+          childrens:[
+          {
+            moduleName:"任务中心",
+            topModuleId:'oa',
+            link:"/mdp/workflow/ru/task/TaskListAssigneeToMe",
+            icon: require("../../assets/image/platform/module-task.png"),
+            isHighlight:false,
+            moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+          },
+          {
+            moduleName:"流程中心",
+            topModuleId:'oa',
+            link:"/mdp/workflow/ru/execution/ExecutionListMyMonitors",
+            icon: require("../../assets/image/platform/module-flow.png"),
+            isHighlight:false,
+            moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+          },
+          {
+            moduleName:"历史流程",
+            topModuleId:'oa',
+            link:"/mdp/workflow/hi/procinst/ProcinstListMyStart",
+            icon: require("../../assets/image/platform/module-historical.png"),
+            isHighlight:false,
+            moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+          },
+          {
+            moduleName:"模型中心",
+            topModuleId:'oa',
+            link:"/mdp/workflow/de/ModelMng",
+            icon: require("../../assets/image/platform/module-odelCenter.png"),
+            isHighlight:false,
+            moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+          },
+          {
+            moduleName:"智能表单",
+            topModuleId:'oa',
+            link:"/mdp/form/formDef/FormDefAdd",
+            icon: require("../../assets/image/platform/module-intelligentForms.png"),
+            isHighlight:false,
+            moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+          },
+          {
+            moduleName:"新闻管理",
+            topModuleId:'arc',
+            link:"/mdp/arc/news/newsMng",
+            icon: require("../../assets/image/platform/module-news.png"),
+            isHighlight:false,
+            moduleType : '3', // 模块类型，1-系统类模块 2-系统外模块 3-系统外模块的模块
+          },
+          {
+            moduleName:"公告管理",
+            topModuleId:'arc',
+            link:"/mdp/arc/notice/noticeMng",
+            icon: require("../../assets/image/platform/module-notice.png"),
+            isHighlight:false,
+            moduleType : '3' // 模块类型，1-系统类模块 2-系统外模块 3-系统外模块的模块
+          },
+          ]
+        },
+        {
+          title:"通讯沟通",
+          childrens:[
+            {
+              moduleName:"通讯录",
+              topModuleId:'sys',
+              link:"/mdp/sys/user/deptUserMng",
+              icon: require("../../assets/image/platform/module-addressBook.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"内部邮件",
+              topModuleId:'oa',
+              link:"/oa/mail/mailEmail/MailEmailInbox",
+              icon: require("../../assets/image/platform/module-email1.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"外部邮件",
+              topModuleId:'oa',
+              link:"/oa/mail/mailAccount/MailAccountMng",
+              icon: require("../../assets/image/platform/module-email2.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"短信",
+              topModuleId:'sms',
+              link:"",
+              icon: require("../../assets/image/platform/module-note.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"聊天",
+              topModuleId:'im',
+              link:"",
+              icon: require("../../assets/image/platform/module-project.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+          ]
+        },
+        {
+          title:"工作执行",
+          childrens:[
+            {
+              moduleName:"日程管理",
+              topModuleId:'oa',
+              link:"/oa/rc/rcScheduleMy/RcScheduleMyMng",
+              icon: require("../../assets/image/platform/module-schedule.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"督办管理",
+              topModuleId:'oa',
+              link:"/oa/duban/dubanItem/DubanItem",
+              icon: require("../../assets/image/platform/module-supervise.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"督办任务",
+              topModuleId:'oa',
+              link:"/oa/duban/dubanItemTask/HostDubanItemTask",
+              icon: require("../../assets/image/platform/module-supervisoryTask.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+          ]
+        },
+        {
+          title:"行政管理",
+          childrens:[
+            {
+              moduleName:"组织",
+              topModuleId:'sys',
+              link:"/mdp/sys/dept/DeptMng",
+              icon: require("../../assets/image/platform/module-organization.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"资产管理",
+              topModuleId:'oa',
+              link:"/oa/erp/pur/require/RequireMng",
+              icon: require("../../assets/image/platform/module-property.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"会议管理",
+              topModuleId:'oa',
+              link:"/oa/meet/meetMeeting/MeetMeetingRequire",
+              icon: require("../../assets/image/platform/module-meeting.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"印章中心",
+              topModuleId:'oa',
+              link:"/oa/sig/sigSignet/SigSignetMng",
+              icon: require("../../assets/image/platform/module-sealCenter.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"车辆中心",
+              topModuleId:'oa',
+              link:"/oa/car/carOfficeCar/CarOfficeCarMng",
+              icon: require("../../assets/image/platform/module-car.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"办公用品",
+              topModuleId:'oa',
+              link:"/oa/om/omCategory/OmCategoryMng",
+              icon: require("../../assets/image/platform/module-office.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            
+          ]
+        },
+        {
+          title:"人事管理",
+          childrens:[
+            {
+              moduleName:"考勤管理",
+              topModuleId:'oa',
+              link:"/oa/kq/attendance/AttendanceMonth",
+              icon: require("../../assets/image/platform/module-attendance.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"绩效考核",
+              topModuleId:'oa',
+              link:"/oa/jx/MyAssessment",
+              icon: require("../../assets/image/platform/module-performance.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"档案信息",
+              topModuleId:'oa',
+              link:"/oa/hr/user/employeeInfo",
+              icon: require("../../assets/image/platform/module-record.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+          ]
+        },
+        {
+          title:"仓储管理",
+          childrens:[
+            {
+              moduleName:"合同管理",
+              topModuleId:'oa',
+              link:"/oa/ht/contractCard/ContractCardMng",
+              icon: require("../../assets/image/platform/module-contract.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            }
+          ]
+        },
+        {
+          title:"业务管控",
+          childrens:[
+            {
+              moduleName:"业务中心",
+              topModuleId:'oa',
+              link:"/mdp/workflow/re/procdef/ProcdefListForParames",
+              icon: require("../../assets/image/platform/module-business.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"客户管理",
+              topModuleId:'oa',
+              link:"/oa/crm/customer/CustomerIndex",
+              icon: require("../../assets/image/platform/module-customerCenter.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"项目管理",
+              topModuleId:'xm',
+              link:"/xm/core/xmProject/XmProjectMng",
+              icon: require("../../assets/image/platform/module-project.png"),
+              isHighlight:false,
+              moduleType : '1' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"费用管理",
+              topModuleId:'ac',
+              link:"",
+              icon: require("../../assets/image/platform/module-cost.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            }, 
+            {
+              moduleName:"防伪",
+              topModuleId:'audit',
+              link:"/audit/base/productLifeCycle/productLifeCycleDetail/Safeguard",
+              icon: require("../../assets/image/platform/anti-fake.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },{
+              moduleName:"溯源",
+              topModuleId:'audit',
+              link:"/audit/base/productLifeCycle/productLifeCycleDetail/ProductLifeCycleDetailMng",
+              icon: require("../../assets/image/platform/traceSource.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },{
+              moduleName:"审计",
+              topModuleId:'audit',
+              link:"/audit/base/oper/operLog/OperLogMng",
+              icon: require("../../assets/image/platform/audit.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+
+          ]
+        },
+        {
+          title:"系统模块",
+          childrens:[
+            {
+              moduleName:"组织",
+              topModuleId:'sys',
+              link:"",
+              icon: require("../../assets/image/platform/module-organization.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"内容",
+              topModuleId:'arc',
+              link:"",
+              icon: require("../../assets/image/platform/module-content.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"流程",
+              topModuleId:'oa',
+              link:"",
+              icon: require("../../assets/image/platform/module-oa.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"商城",
+              topModuleId:'mallm',
+              link:"",
+              icon: require("../../assets/image/platform/module-store.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            } ,
+            {
+              moduleName:"营销",
+              topModuleId:'mk',
+              link:"",
+              icon: require("../../assets/image/platform/module-marketing.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"财务",
+              topModuleId:'ac',
+              link:"",
+              icon: require("../../assets/image/platform/module-finance.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"短信",
+              topModuleId:'',
+              link:"sms",
+              icon: require("../../assets/image/platform/module-note.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"聊天",
+              topModuleId:'im',
+              link:"",
+              icon: require("../../assets/image/platform/module-project.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            {
+              moduleName:"防伪",
+              topModuleId:'audit',
+              link:"/audit/base/productLifeCycle/productLifeCycleDetail/Safeguard",
+              icon: require("../../assets/image/platform/anti-fake.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },{
+              moduleName:"溯源",
+              topModuleId:'audit',
+              link:"/audit/base/productLifeCycle/productLifeCycleDetail/ProductLifeCycleDetailMng",
+              icon: require("../../assets/image/platform/traceSource.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },{
+              moduleName:"审计",
+              topModuleId:'audit',
+              link:"/audit/base/oper/operLog/OperLogMng",
+              icon: require("../../assets/image/platform/audit.png"),
+              isHighlight:false,
+              moduleType : '2' // 模块类型，1-系统类模块 2-系统外模块
+            },
+            
+          ]
+        },
+        
+      ],
+    }
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb()
+    },
+    key(val){
+      console.log(this.key);
+      this.searchModule();
+    }
+  },
+  methods: {
+    generateTitle,
+    getBreadcrumb() {
+      let matched = this.$route.matched.filter(item => item.name)
+      const first = matched[0]
+      if (first && first.name !== 'dashboard') {
+        matched = [{ path: '/dashboard', meta: { title: 'dashboard' }}].concat(matched)
+      }
+      this.levelList = matched
+    },
+    //路由跳转
+    gotolink(module) {
+      if(module.topModuleId==process.env.CONTEXT){
+        this.drawer = false
+        this.$router.replace(module.link);
+      } else{
+        this.jumpToOtherSystem(module);
+      }   
+    },
+    //系统跳转
+    jumpToOtherSystem(module) { 
+        let href = window.location.protocol + "//" + window.location.host + "/" + module.topModuleId + "/"+ process.env.VERSION +"/#" + module.link; 
+        window.open(href, module.moduleName,null,true);
+        NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
+
+      },
+    //搜索
+    searchModule(){
+      for(let i =0 ; i <this.categorys.length; i++){
+        for(let j =0 ; j <this.categorys[i].childrens.length; j++){
+          let module = this.categorys[i].childrens[j];
+            this.categorys[i].childrens[j].isHighlight = false;
+        }
+
+      }
+      if(this.key != ""){
+        for(let i =0 ; i <this.categorys.length; i++){
+          for(let j =0 ; j <this.categorys[i].childrens.length; j++){
+            let module = this.categorys[i].childrens[j];
+            if(module.moduleName.indexOf(this.key) > -1){
+              this.categorys[i].childrens[j].isHighlight = true;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .app-breadcrumb.el-breadcrumb {
+    display: inline-block;
+    font-size: 14px;
+    line-height: 50px;
+    margin-left: 10px;
+    .no-redirect {
+      color: #97a8be;
+      cursor: text;
+    }
+  }
+  .drawer-box{
+    .drawer{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .drawer-content{
+        width: 900px;
+        height: 100%;
+        .drawer-content-input{
+          display: flex;
+          justify-content: center;
+        }
+        .drawer-content-category{
+          .category-name{
+            color: #333333;
+            font-size: 16px;
+          }
+          .category-list{
+            display: flex;
+            justify-content: flex-start;
+            flex-wrap: wrap;
+            .category-item{
+              height: 70px;
+              width: 70px;
+              margin-right: 20px;
+              transition: all 0.3s;
+              .module-icon{
+                width: 70px;
+                height: 38px;
+                text-align: center;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;  
+                align-items: center;
+                img{
+                  width: 20px;
+                }
+                }
+              .module-name{
+                height: 32px;
+                line-height: 32px;
+                color:#666666;
+                font-size: 12px;
+                text-align: center;
+              }
+            }
+            .category-item:hover{
+              background: rgb(240, 241, 245);
+            }
+          }
+        }
+      }
+    }
+    .highlight{
+      transform: scale(1.05);
+      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+      border-radius: 50%;
+      box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
+    }
+    
+  }
+  
+</style>
+<style rel="stylesheet/scss" lang="scss">
+.drawer-box{
+  .el-drawer{
+    height: 95%!important;
+    overflow: auto;
+  }
+}
+
+</style>
diff --git a/src/components/Charts/keyboard.vue b/src/components/Charts/keyboard.vue
new file mode 100644
index 0000000..4b1bd49
--- /dev/null
+++ b/src/components/Charts/keyboard.vue
@@ -0,0 +1,152 @@
+<template>
+  <div :class="className" :id="id" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+import resize from './mixins/resize'
+
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    id: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '200px'
+    },
+    height: {
+      type: String,
+      default: '200px'
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(document.getElementById(this.id))
+
+      const xAxisData = []
+      const data = []
+      const data2 = []
+      for (let i = 0; i < 50; i++) {
+        xAxisData.push(i)
+        data.push((Math.sin(i / 5) * (i / 5 - 10) + i / 6) * 5)
+        data2.push((Math.sin(i / 5) * (i / 5 + 10) + i / 6) * 3)
+      }
+      this.chart.setOption(
+        {
+          backgroundColor: '#08263a',
+          xAxis: [{
+            show: false,
+            data: xAxisData
+          }, {
+            show: false,
+            data: xAxisData
+          }],
+          visualMap: {
+            show: false,
+            min: 0,
+            max: 50,
+            dimension: 0,
+            inRange: {
+              color: ['#4a657a', '#308e92', '#b1cfa5', '#f5d69f', '#f5898b', '#ef5055']
+            }
+          },
+          yAxis: {
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              textStyle: {
+                color: '#4a657a'
+              }
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#08263f'
+              }
+            },
+            axisTick: {
+              show: false
+            }
+          },
+          series: [{
+            name: 'back',
+            type: 'bar',
+            data: data2,
+            z: 1,
+            itemStyle: {
+              normal: {
+                opacity: 0.4,
+                barBorderRadius: 5,
+                shadowBlur: 3,
+                shadowColor: '#111'
+              }
+            }
+          }, {
+            name: 'Simulate Shadow',
+            type: 'line',
+            data,
+            z: 2,
+            showSymbol: false,
+            animationDelay: 0,
+            animationEasing: 'linear',
+            animationDuration: 1200,
+            lineStyle: {
+              normal: {
+                color: 'transparent'
+              }
+            },
+            areaStyle: {
+              normal: {
+                color: '#08263a',
+                shadowBlur: 50,
+                shadowColor: '#000'
+              }
+            }
+          }, {
+            name: 'front',
+            type: 'bar',
+            data,
+            xAxisIndex: 1,
+            z: 3,
+            itemStyle: {
+              normal: {
+                barBorderRadius: 5
+              }
+            }
+          }],
+          animationEasing: 'elasticOut',
+          animationEasingUpdate: 'elasticOut',
+          animationDelay(idx) {
+            return idx * 20
+          },
+          animationDelayUpdate(idx) {
+            return idx * 20
+          }
+        })
+    }
+  }
+}
+</script>
diff --git a/src/components/Charts/lineMarker.vue b/src/components/Charts/lineMarker.vue
new file mode 100644
index 0000000..6ca7611
--- /dev/null
+++ b/src/components/Charts/lineMarker.vue
@@ -0,0 +1,227 @@
+<template>
+  <div :class="className" :id="id" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+import resize from './mixins/resize'
+
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    id: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '200px'
+    },
+    height: {
+      type: String,
+      default: '200px'
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(document.getElementById(this.id))
+
+      this.chart.setOption({
+        backgroundColor: '#394056',
+        title: {
+          top: 20,
+          text: 'Requests',
+          textStyle: {
+            fontWeight: 'normal',
+            fontSize: 16,
+            color: '#F1F1F3'
+          },
+          left: '1%'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            lineStyle: {
+              color: '#57617B'
+            }
+          }
+        },
+        legend: {
+          top: 20,
+          icon: 'rect',
+          itemWidth: 14,
+          itemHeight: 5,
+          itemGap: 13,
+          data: ['CMCC', 'CTCC', 'CUCC'],
+          right: '4%',
+          textStyle: {
+            fontSize: 12,
+            color: '#F1F1F3'
+          }
+        },
+        grid: {
+          top: 100,
+          left: '3%',
+          right: '4%',
+          bottom: '2%',
+          containLabel: true
+        },
+        xAxis: [{
+          type: 'category',
+          boundaryGap: false,
+          axisLine: {
+            lineStyle: {
+              color: '#57617B'
+            }
+          },
+          data: ['13:00', '13:05', '13:10', '13:15', '13:20', '13:25', '13:30', '13:35', '13:40', '13:45', '13:50', '13:55']
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '(%)',
+          axisTick: {
+            show: false
+          },
+          axisLine: {
+            lineStyle: {
+              color: '#57617B'
+            }
+          },
+          axisLabel: {
+            margin: 10,
+            textStyle: {
+              fontSize: 14
+            }
+          },
+          splitLine: {
+            lineStyle: {
+              color: '#57617B'
+            }
+          }
+        }],
+        series: [{
+          name: 'CMCC',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1
+            }
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: 'rgba(137, 189, 27, 0.3)'
+              }, {
+                offset: 0.8,
+                color: 'rgba(137, 189, 27, 0)'
+              }], false),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: 'rgb(137,189,27)',
+              borderColor: 'rgba(137,189,2,0.27)',
+              borderWidth: 12
+
+            }
+          },
+          data: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 165, 122]
+        }, {
+          name: 'CTCC',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1
+            }
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: 'rgba(0, 136, 212, 0.3)'
+              }, {
+                offset: 0.8,
+                color: 'rgba(0, 136, 212, 0)'
+              }], false),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: 'rgb(0,136,212)',
+              borderColor: 'rgba(0,136,212,0.2)',
+              borderWidth: 12
+
+            }
+          },
+          data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150]
+        }, {
+          name: 'CUCC',
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+          symbolSize: 5,
+          showSymbol: false,
+          lineStyle: {
+            normal: {
+              width: 1
+            }
+          },
+          areaStyle: {
+            normal: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 0,
+                color: 'rgba(219, 50, 51, 0.3)'
+              }, {
+                offset: 0.8,
+                color: 'rgba(219, 50, 51, 0)'
+              }], false),
+              shadowColor: 'rgba(0, 0, 0, 0.1)',
+              shadowBlur: 10
+            }
+          },
+          itemStyle: {
+            normal: {
+              color: 'rgb(219,50,51)',
+              borderColor: 'rgba(219,50,51,0.2)',
+              borderWidth: 12
+            }
+          },
+          data: [220, 182, 125, 145, 122, 191, 134, 150, 120, 110, 165, 122]
+        }]
+      })
+    }
+  }
+}
+</script>
diff --git a/src/components/Charts/mixChart.vue b/src/components/Charts/mixChart.vue
new file mode 100644
index 0000000..be382be
--- /dev/null
+++ b/src/components/Charts/mixChart.vue
@@ -0,0 +1,269 @@
+<template>
+  <div :class="className" :id="id" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+import resize from './mixins/resize'
+
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    id: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '200px'
+    },
+    height: {
+      type: String,
+      default: '200px'
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(document.getElementById(this.id))
+      const xData = (function() {
+        const data = []
+        for (let i = 1; i < 13; i++) {
+          data.push(i + 'month')
+        }
+        return data
+      }())
+      this.chart.setOption({
+        backgroundColor: '#344b58',
+        title: {
+          text: 'statistics',
+          x: '20',
+          top: '20',
+          textStyle: {
+            color: '#fff',
+            fontSize: '22'
+          },
+          subtextStyle: {
+            color: '#90979c',
+            fontSize: '16'
+          }
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            textStyle: {
+              color: '#fff'
+            }
+          }
+        },
+        grid: {
+          borderWidth: 0,
+          top: 110,
+          bottom: 95,
+          textStyle: {
+            color: '#fff'
+          }
+        },
+        legend: {
+          x: '5%',
+          top: '10%',
+          textStyle: {
+            color: '#90979c'
+          },
+          data: ['female', 'male', 'average']
+        },
+        calculable: true,
+        xAxis: [{
+          type: 'category',
+          axisLine: {
+            lineStyle: {
+              color: '#90979c'
+            }
+          },
+          splitLine: {
+            show: false
+          },
+          axisTick: {
+            show: false
+          },
+          splitArea: {
+            show: false
+          },
+          axisLabel: {
+            interval: 0
+
+          },
+          data: xData
+        }],
+        yAxis: [{
+          type: 'value',
+          splitLine: {
+            show: false
+          },
+          axisLine: {
+            lineStyle: {
+              color: '#90979c'
+            }
+          },
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            interval: 0
+          },
+          splitArea: {
+            show: false
+          }
+        }],
+        dataZoom: [{
+          show: true,
+          height: 30,
+          xAxisIndex: [
+            0
+          ],
+          bottom: 30,
+          start: 10,
+          end: 80,
+          handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
+          handleSize: '110%',
+          handleStyle: {
+            color: '#d3dee5'
+
+          },
+          textStyle: {
+            color: '#fff' },
+          borderColor: '#90979c'
+
+        }, {
+          type: 'inside',
+          show: true,
+          height: 15,
+          start: 1,
+          end: 35
+        }],
+        series: [{
+          name: 'female',
+          type: 'bar',
+          stack: 'total',
+          barMaxWidth: 35,
+          barGap: '10%',
+          itemStyle: {
+            normal: {
+              color: 'rgba(255,144,128,1)',
+              label: {
+                show: true,
+                textStyle: {
+                  color: '#fff'
+                },
+                position: 'insideTop',
+                formatter(p) {
+                  return p.value > 0 ? p.value : ''
+                }
+              }
+            }
+          },
+          data: [
+            709,
+            1917,
+            2455,
+            2610,
+            1719,
+            1433,
+            1544,
+            3285,
+            5208,
+            3372,
+            2484,
+            4078
+          ]
+        },
+
+        {
+          name: 'male',
+          type: 'bar',
+          stack: 'total',
+          itemStyle: {
+            normal: {
+              color: 'rgba(0,191,183,1)',
+              barBorderRadius: 0,
+              label: {
+                show: true,
+                position: 'top',
+                formatter(p) {
+                  return p.value > 0 ? p.value : ''
+                }
+              }
+            }
+          },
+          data: [
+            327,
+            1776,
+            507,
+            1200,
+            800,
+            482,
+            204,
+            1390,
+            1001,
+            951,
+            381,
+            220
+          ]
+        }, {
+          name: 'average',
+          type: 'line',
+          stack: 'total',
+          symbolSize: 10,
+          symbol: 'circle',
+          itemStyle: {
+            normal: {
+              color: 'rgba(252,230,48,1)',
+              barBorderRadius: 0,
+              label: {
+                show: true,
+                position: 'top',
+                formatter(p) {
+                  return p.value > 0 ? p.value : ''
+                }
+              }
+            }
+          },
+          data: [
+            1036,
+            3693,
+            2962,
+            3810,
+            2519,
+            1915,
+            1748,
+            4675,
+            6209,
+            4323,
+            2865,
+            4298
+          ]
+        }
+        ]
+      })
+    }
+  }
+}
+</script>
diff --git a/src/components/Charts/mixins/resize.js b/src/components/Charts/mixins/resize.js
new file mode 100644
index 0000000..254e905
--- /dev/null
+++ b/src/components/Charts/mixins/resize.js
@@ -0,0 +1,15 @@
+import { debounce } from '@/utils'
+
+export default {
+  mounted() {
+    this.__resizeHanlder = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    window.addEventListener('resize', this.__resizeHanlder)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.__resizeHanlder)
+  }
+}
diff --git a/src/components/DndList/index.vue b/src/components/DndList/index.vue
new file mode 100644
index 0000000..da9e76a
--- /dev/null
+++ b/src/components/DndList/index.vue
@@ -0,0 +1,158 @@
+<template>
+  <div class="dndList">
+    <div class="dndList-list" :style="{width:width1}">
+      <h3>{{list1Title}}</h3>
+      <draggable :list="list1" class="dragArea" :options="{group:'article'}">
+        <div class="list-complete-item" v-for="element in list1" :key='element.id'>
+          <div class="list-complete-item-handle">[{{element.author}}] {{element.title}}</div>
+          <div style="position:absolute;right:0px;">
+            <span style="float: right ;margin-top: -20px;margin-right:5px;" @click="deleteEle(element)">
+              <i style="color:#ff4949" class="el-icon-delete"></i>
+            </span>
+          </div>
+        </div>
+      </draggable>
+    </div>
+    <div class="dndList-list" :style="{width:width2}">
+      <h3>{{list2Title}}</h3>
+      <draggable :list="filterList2" class="dragArea" :options="{group:'article'}">
+        <div class="list-complete-item" v-for="element in filterList2" :key='element.id'>
+          <div class='list-complete-item-handle2' @click="pushEle(element)"> [{{element.author}}] {{element.title}}</div>
+        </div>
+      </draggable>
+    </div>
+  </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+
+export default {
+  name: 'DndList',
+  components: { draggable },
+  computed: {
+    filterList2() {
+      return this.list2.filter(v => {
+        if (this.isNotInList1(v)) {
+          return v
+        }
+        return false
+      })
+    }
+  },
+  props: {
+    list1: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    list2: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    list1Title: {
+      type: String,
+      default: 'list1'
+    },
+    list2Title: {
+      type: String,
+      default: 'list2'
+    },
+    width1: {
+      type: String,
+      default: '48%'
+    },
+    width2: {
+      type: String,
+      default: '48%'
+    }
+  },
+  methods: {
+    isNotInList1(v) {
+      return this.list1.every(k => v.id !== k.id)
+    },
+    isNotInList2(v) {
+      return this.list2.every(k => v.id !== k.id)
+    },
+    deleteEle(ele) {
+      for (const item of this.list1) {
+        if (item.id === ele.id) {
+          const index = this.list1.indexOf(item)
+          this.list1.splice(index, 1)
+          break
+        }
+      }
+      if (this.isNotInList2(ele)) {
+        this.list2.unshift(ele)
+      }
+    },
+    pushEle(ele) {
+      this.list1.push(ele)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.dndList {
+  background: #fff;
+  padding-bottom: 40px;
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+  .dndList-list {
+    float: left;
+    padding-bottom: 30px;
+    &:first-of-type {
+      margin-right: 2%;
+    }
+    .dragArea {
+      margin-top: 15px;
+      min-height: 50px;
+      padding-bottom: 30px;
+    }
+  }
+}
+
+.list-complete-item {
+  cursor: pointer;
+  position: relative;
+  font-size: 14px;
+  padding: 5px 12px;
+  margin-top: 4px;
+  border: 1px solid #bfcbd9;
+  transition: all 1s;
+}
+
+.list-complete-item-handle {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 50px;
+}
+
+.list-complete-item-handle2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 20px;
+}
+
+.list-complete-item.sortable-chosen {
+  background: #4AB7BD;
+}
+
+.list-complete-item.sortable-ghost {
+  background: #30B08F;
+}
+
+.list-complete-enter,
+.list-complete-leave-active {
+  opacity: 0;
+}
+</style>
diff --git a/src/components/Dropzone/index.vue b/src/components/Dropzone/index.vue
new file mode 100644
index 0000000..76596e4
--- /dev/null
+++ b/src/components/Dropzone/index.vue
@@ -0,0 +1,294 @@
+<template>
+  <div :ref="id" :action="url" class="dropzone" :id="id">
+    <input type="file" name="file">
+  </div>
+</template>
+
+<script>
+import Dropzone from 'dropzone'
+import 'dropzone/dist/dropzone.css'
+// import { getToken } from 'api/qiniu';
+
+Dropzone.autoDiscover = false
+
+export default {
+  data() {
+    return {
+      dropzone: '',
+      initOnce: true
+    }
+  },
+  mounted() {
+    const element = document.getElementById(this.id)
+    const vm = this
+    this.dropzone = new Dropzone(element, {
+      clickable: this.clickable,
+      thumbnailWidth: this.thumbnailWidth,
+      thumbnailHeight: this.thumbnailHeight,
+      maxFiles: this.maxFiles,
+      maxFilesize: this.maxFilesize,
+      dictRemoveFile: 'Remove',
+      addRemoveLinks: this.showRemoveLink,
+      acceptedFiles: this.acceptedFiles,
+      autoProcessQueue: this.autoProcessQueue,
+      dictDefaultMessage: '<i style="margin-top: 3em;display: inline-block" class="material-icons">' + this.defaultMsg + '</i><br>Drop files here to upload',
+      dictMaxFilesExceeded: '只能一个图',
+      previewTemplate: '<div class="dz-preview dz-file-preview">  <div class="dz-image" style="width:' + this.thumbnailWidth + 'px;height:' + this.thumbnailHeight + 'px" ><img style="width:' + this.thumbnailWidth + 'px;height:' + this.thumbnailHeight + 'px" data-dz-thumbnail /></div>  <div class="dz-details"><div class="dz-size"><span data-dz-size></span></div> <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>  <div class="dz-error-message"><span data-dz-errormessage></span></div>  <div class="dz-success-mark"> <i class="material-icons">done</i> </div>  <div class="dz-error-mark"><i class="material-icons">error</i></div></div>',
+      init() {
+        const val = vm.defaultImg
+        if (!val) return
+        if (Array.isArray(val)) {
+          if (val.length === 0) return
+          val.map((v, i) => {
+            const mockFile = { name: 'name' + i, size: 12345, url: v }
+            this.options.addedfile.call(this, mockFile)
+            this.options.thumbnail.call(this, mockFile, v)
+            mockFile.previewElement.classList.add('dz-success')
+            mockFile.previewElement.classList.add('dz-complete')
+            vm.initOnce = false
+            return true
+          })
+        } else {
+          const mockFile = { name: 'name', size: 12345, url: val }
+          this.options.addedfile.call(this, mockFile)
+          this.options.thumbnail.call(this, mockFile, val)
+          mockFile.previewElement.classList.add('dz-success')
+          mockFile.previewElement.classList.add('dz-complete')
+          vm.initOnce = false
+        }
+      },
+      accept: (file, done) => {
+        /* 七牛*/
+        // const token = this.$store.getters.token;
+        // getToken(token).then(response => {
+        //   file.token = response.data.qiniu_token;
+        //   file.key = response.data.qiniu_key;
+        //   file.url = response.data.qiniu_url;
+        //   done();
+        // })
+        done()
+      },
+      sending: (file, xhr, formData) => {
+        // formData.append('token', file.token);
+        // formData.append('key', file.key);
+        vm.initOnce = false
+      }
+    })
+
+    if (this.couldPaste) {
+      document.addEventListener('paste', this.pasteImg)
+    }
+
+    this.dropzone.on('success', file => {
+      vm.$emit('dropzone-success', file, vm.dropzone.element)
+    })
+    this.dropzone.on('addedfile', file => {
+      vm.$emit('dropzone-fileAdded', file)
+    })
+    this.dropzone.on('removedfile', file => {
+      vm.$emit('dropzone-removedFile', file)
+    })
+    this.dropzone.on('error', (file, error, xhr) => {
+      vm.$emit('dropzone-error', file, error, xhr)
+    })
+    this.dropzone.on('successmultiple', (file, error, xhr) => {
+      vm.$emit('dropzone-successmultiple', file, error, xhr)
+    })
+  },
+  methods: {
+    removeAllFiles() {
+      this.dropzone.removeAllFiles(true)
+    },
+    processQueue() {
+      this.dropzone.processQueue()
+    },
+    pasteImg(event) {
+      const items = (event.clipboardData || event.originalEvent.clipboardData).items
+      if (items[0].kind === 'file') {
+        this.dropzone.addFile(items[0].getAsFile())
+      }
+    },
+    initImages(val) {
+      if (!val) return
+      if (Array.isArray(val)) {
+        val.map((v, i) => {
+          const mockFile = { name: 'name' + i, size: 12345, url: v }
+          this.dropzone.options.addedfile.call(this.dropzone, mockFile)
+          this.dropzone.options.thumbnail.call(this.dropzone, mockFile, v)
+          mockFile.previewElement.classList.add('dz-success')
+          mockFile.previewElement.classList.add('dz-complete')
+          return true
+        })
+      } else {
+        const mockFile = { name: 'name', size: 12345, url: val }
+        this.dropzone.options.addedfile.call(this.dropzone, mockFile)
+        this.dropzone.options.thumbnail.call(this.dropzone, mockFile, val)
+        mockFile.previewElement.classList.add('dz-success')
+        mockFile.previewElement.classList.add('dz-complete')
+      }
+    }
+
+  },
+  destroyed() {
+    document.removeEventListener('paste', this.pasteImg)
+    this.dropzone.destroy()
+  },
+  watch: {
+    defaultImg(val) {
+      if (val.length === 0) {
+        this.initOnce = false
+        return
+      }
+      if (!this.initOnce) return
+      this.initImages(val)
+      this.initOnce = false
+    }
+  },
+  props: {
+    id: {
+      type: String,
+      required: true
+    },
+    url: {
+      type: String,
+      required: true
+    },
+    clickable: {
+      type: Boolean,
+      default: true
+    },
+    defaultMsg: {
+      type: String,
+      default: '上传图片'
+    },
+    acceptedFiles: {
+      type: String
+    },
+    thumbnailHeight: {
+      type: Number,
+      default: 200
+    },
+    thumbnailWidth: {
+      type: Number,
+      default: 200
+    },
+    showRemoveLink: {
+      type: Boolean,
+      default: true
+    },
+    maxFilesize: {
+      type: Number,
+      default: 2
+    },
+    maxFiles: {
+      type: Number,
+      default: 3
+    },
+    autoProcessQueue: {
+      type: Boolean,
+      default: true
+    },
+    useCustomDropzoneOptions: {
+      type: Boolean,
+      default: false
+    },
+    defaultImg: {
+      default: false
+    },
+    couldPaste: {
+      default: false
+    }
+  }
+}
+</script>
+
+<style scoped>
+    .dropzone {
+        border: 2px solid #E5E5E5;
+        font-family: 'Roboto', sans-serif;
+        color: #777;
+        transition: background-color .2s linear;
+        padding: 5px;
+    }
+
+    .dropzone:hover {
+        background-color: #F6F6F6;
+    }
+
+    i {
+        color: #CCC;
+    }
+
+    .dropzone .dz-image img {
+        width: 100%;
+        height: 100%;
+    }
+
+    .dropzone input[name='file'] {
+        display: none;
+    }
+
+    .dropzone .dz-preview .dz-image {
+        border-radius: 0px;
+    }
+
+    .dropzone .dz-preview:hover .dz-image img {
+        transform: none;
+        -webkit-filter: none;
+        width: 100%;
+        height: 100%;
+    }
+
+    .dropzone .dz-preview .dz-details {
+        bottom: 0px;
+        top: 0px;
+        color: white;
+        background-color: rgba(33, 150, 243, 0.8);
+        transition: opacity .2s linear;
+        text-align: left;
+    }
+
+    .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
+        background-color: transparent;
+    }
+
+    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
+        border: none;
+    }
+
+    .dropzone .dz-preview .dz-details .dz-filename:hover span {
+        background-color: transparent;
+        border: none;
+    }
+
+    .dropzone .dz-preview .dz-remove {
+        position: absolute;
+        z-index: 30;
+        color: white;
+        margin-left: 15px;
+        padding: 10px;
+        top: inherit;
+        bottom: 15px;
+        border: 2px white solid;
+        text-decoration: none;
+        text-transform: uppercase;
+        font-size: 0.8rem;
+        font-weight: 800;
+        letter-spacing: 1.1px;
+        opacity: 0;
+    }
+
+    .dropzone .dz-preview:hover .dz-remove {
+        opacity: 1;
+    }
+
+    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
+        margin-left: -40px;
+        margin-top: -50px;
+    }
+
+    .dropzone .dz-preview .dz-success-mark i, .dropzone .dz-preview .dz-error-mark i {
+        color: white;
+        font-size: 5rem;
+    }
+</style>
diff --git a/src/components/ErrorLog/index.vue b/src/components/ErrorLog/index.vue
new file mode 100644
index 0000000..ac8c2aa
--- /dev/null
+++ b/src/components/ErrorLog/index.vue
@@ -0,0 +1,77 @@
+<template>
+  <div v-if="errorLogs.length>0">
+    <el-badge :is-dot="true" style="line-height: 30px;" @click.native="dialogTableVisible=true">
+      <el-button size="small" type="danger" class="bug-btn">
+        <svg t="1492682037685" class="bug-svg" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1863"
+          xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128">
+          <path d="M969.142857 548.571429q0 14.848-10.861714 25.709714t-25.709714 10.861714l-128 0q0 97.718857-38.290286 165.705143l118.857143 119.442286q10.861714 10.861714 10.861714 25.709714t-10.861714 25.709714q-10.276571 10.861714-25.709714 10.861714t-25.709714-10.861714l-113.152-112.566857q-2.852571 2.852571-8.557714 7.424t-23.990857 16.274286-37.156571 20.845714-46.848 16.566857-55.442286 7.424l0-512-73.142857 0 0 512q-29.147429 0-58.002286-7.716571t-49.700571-18.870857-37.705143-22.272-24.868571-18.578286l-8.557714-8.009143-104.557714 118.272q-11.446857 11.995429-27.428571 11.995429-13.714286 0-24.576-9.142857-10.861714-10.276571-11.702857-25.417143t8.850286-26.587429l115.419429-129.718857q-33.133714-65.133714-33.133714-156.562286l-128 0q-14.848 0-25.709714-10.861714t-10.861714-25.709714 10.861714-25.709714 25.709714-10.861714l128 0 0-168.009143-98.852571-98.852571q-10.861714-10.861714-10.861714-25.709714t10.861714-25.709714 25.709714-10.861714 25.709714 10.861714l98.852571 98.852571 482.304 0 98.852571-98.852571q10.861714-10.861714 25.709714-10.861714t25.709714 10.861714 10.861714 25.709714-10.861714 25.709714l-98.852571 98.852571 0 168.009143 128 0q14.848 0 25.709714 10.861714t10.861714 25.709714zM694.857143 219.428571l-365.714286 0q0-75.995429 53.430857-129.426286t129.426286-53.430857 129.426286 53.430857 53.430857 129.426286z"
+            p-id="1864"></path>
+        </svg>
+      </el-button>
+    </el-badge>
+
+    <el-dialog title="Error Log" :visible.sync="dialogTableVisible" width="80%">
+      <el-table :data="errorLogs" border>
+        <el-table-column label="Message">
+          <template slot-scope="scope">
+            <div>
+              <span class="message-title">Msg:</span>
+              <el-tag type="danger">{{ scope.row.err.message }}</el-tag>
+            </div>
+            <br/>
+            <div>
+              <span class="message-title" style="padding-right: 10px;">Info: </span>
+              <el-tag type="warning">{{scope.row.vm.$vnode.tag}} error in {{scope.row.info}}</el-tag>
+            </div>
+            <br/>
+            <div>
+              <span class="message-title" style="padding-right: 16px;">Url: </span>
+              <el-tag type="success">{{scope.row.url}}</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="Stack">
+          <template slot-scope="scope">
+            {{ scope.row.err.stack}}
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'errorLog',
+  data() {
+    return {
+      dialogTableVisible: false
+    }
+  },
+  computed: {
+    errorLogs() {
+      return this.$store.getters.errorLogs
+    }
+  }
+}
+</script>
+
+<style scoped>
+.bug-btn.el-button--small {
+  padding: 9px 10px;
+}
+.bug-svg {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+.message-title {
+  font-size: 16px;
+  color: #333;
+  font-weight: bold;
+  padding-right: 8px;
+}
+</style>
diff --git a/src/components/GithubCorner/index.vue b/src/components/GithubCorner/index.vue
new file mode 100644
index 0000000..8f09e9d
--- /dev/null
+++ b/src/components/GithubCorner/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <a href="https://github.com/PanJiaChen/vue-element-admin" target="_blank" class="github-corner" aria-label="View source on Github">
+    <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#40c9c6; color:#fff; position: absolute; top: 84px; border: 0; right: 0;"
+      aria-hidden="true">
+      <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
+      <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
+        fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
+      <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
+        fill="currentColor" class="octo-body"></path>
+    </svg>
+  </a>
+</template>
+
+<style scoped>
+.github-corner:hover .octo-arm {
+  animation: octocat-wave 560ms ease-in-out
+}
+
+@keyframes octocat-wave {
+  0%,
+  100% {
+    transform: rotate(0)
+  }
+  20%,
+  60% {
+    transform: rotate(-25deg)
+  }
+  40%,
+  80% {
+    transform: rotate(10deg)
+  }
+}
+
+@media (max-width:500px) {
+  .github-corner:hover .octo-arm {
+    animation: none
+  }
+  .github-corner .octo-arm {
+    animation: octocat-wave 560ms ease-in-out
+  }
+}
+</style>
diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue
new file mode 100644
index 0000000..5ffa064
--- /dev/null
+++ b/src/components/Hamburger/index.vue
@@ -0,0 +1,45 @@
+<template>
+  <div>
+    <svg t="1492500959545" @click="toggleClick" class="hamburger" :class="{'is-active':isActive}" style="" viewBox="0 0 1024 1024"
+      version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1691" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64">
+      <path d="M966.8023 568.849776 57.196677 568.849776c-31.397081 0-56.850799-25.452695-56.850799-56.850799l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 543.397081 998.200404 568.849776 966.8023 568.849776z"
+        p-id="1692"></path>
+      <path d="M966.8023 881.527125 57.196677 881.527125c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 856.07443 998.200404 881.527125 966.8023 881.527125z"
+        p-id="1693"></path>
+      <path d="M966.8023 256.17345 57.196677 256.17345c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.850799 56.850799-56.850799l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.850799l0 0C1023.653099 230.720755 998.200404 256.17345 966.8023 256.17345z"
+        p-id="1694"></path>
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'hamburger',
+  props: {
+    isActive: {
+      type: Boolean,
+      default: false
+    },
+    toggleClick: {
+      type: Function,
+      default: null
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hamburger {
+  display: inline-block;
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  transform: rotate(90deg);
+  transition: .38s;
+  transform-origin: 50% 50%;
+}
+
+.hamburger.is-active {
+  transform: rotate(0deg);
+}
+</style>
diff --git a/src/components/Image/ImageCategoryTree.vue b/src/components/Image/ImageCategoryTree.vue
new file mode 100644
index 0000000..bf0362a
--- /dev/null
+++ b/src/components/Image/ImageCategoryTree.vue
@@ -0,0 +1,206 @@
+<template>
+	<section style="margin-top: 10px;margin-right: 10px;">
+		 
+						<el-input  v-model="categoryFilterText" v-if="showFilter=='true'" placeholder="分类名称、编号过滤" auto-complete="off"></el-input>
+						<el-tree
+						  class="filter-tree"
+						  :data="categoryTreeData"
+						  :props="defaultCategoryTreeProps"
+						  :filter-node-method="filterCategoryNode"
+						  :show-checkbox="showCheckbox"
+						  :default-expand-all="defaultExpandAll"
+						  :expand-on-click-node="expandOnClickNode"
+						  :indent="indent"
+						  :node-key="nodeKey_"
+						  :default-expanded-keys="defaultExpandedKeys"
+  						  :default-checked-keys="defaultCheckedKeys"
+  						  auto-expand-parent
+						  @check-change="handleCheckChange"
+						  @current-change="handleCurrentChange"
+						  @node-click="handleNodeClick"
+						  check-strictly
+						  :accordion="true"
+						  highlight-current
+						  :render-content="renderContent"
+						  ref="categoryTree"
+						  :style="treeStyle">
+						</el-tree>
+					 
+	</section>
+</template>
+
+<script>
+	import util from '../../common/js/util'
+	import { getImageCategoryTrees } from '@/api/mdp/arc/imageCategory';
+		import { mapGetters } from 'vuex';
+	export default { 
+		watch: {
+	      categoryFilterText(val) {
+	        this.$refs.categoryTree.filter(val);
+	      },
+	   //    locationId(locationId) {
+	   //  	  this.getCategoryTreeData(false);
+		  // },branchId
+		  	      branchId(branchId) {
+		   	  this.getCategoryTreeData(false);
+		  		  },
+	      checkedKeys(val){
+	      	 this.$refs.categoryTree.setCheckedKeys(val);
+	      },
+	      refresh(val){ 
+	      	this.getCategoryTreeData(refresh);
+	      },
+	     /*  currentKey(val){ 
+	    	  //console.log("111111111111111111111111111");
+	    	  //console.log(val);
+	    	  this.categoryTreeData=[];
+	    	 // this.$refs.categoryTreeTag.getCategoryTreeData();
+	    	 this.getCategoryTreeData();
+	    	 //this.$refs.categoryTree.setCheckedKeys([val]);
+	    	 this.$refs.categoryTree.setCurrentKey(val);
+		  },  */
+	    },
+	    computed:{
+	    	defaultExpandedKeys(){
+	    		return this.defaultCheckedKeys;
+	    	},
+	    	defaultCheckedKeys(){
+	    		if(!!this.currentKey){
+	    			return [this.currentKey];
+	    		}
+	    		/* if(!!this.checkedKeys&&this.checkedKeys.length>0){
+	    			return this.checkedKeys
+	    		}; */
+	    		if(!!this.checkedKeys&&this.checkedKeys.length>0){
+		    		var flag=this.checkedKeys.some(y=>{
+		    			if(!y){
+		    				return true;
+		    			}
+		    		});
+		    		if(!flag){
+		    			return this.checkedKeys
+		    		}
+	    		}
+	    		return ["0"];
+	    	},
+	    	nodeKey_(){
+	    		return this.nodeKey?this.nodeKey:'id'
+	    	},
+			...mapGetters([
+			  'userInfo'
+			])
+	    },
+	    props: ['visible','currentKey','nodeKey','showCount','countTips','showFilter','rootKey','multiple','checkedKeys','refresh','defaultExpandAll','expandOnClickNode','showCheckbox','indent','treeStyle','locationId'],
+		data() {
+			return { 
+				categoryFilterText: '',
+				categoryTreeData:[], 
+				defaultCategoryTreeProps:{
+					
+					id:this.nodeKey_,
+					label:'categoryName',
+					children: 'children'
+				},  
+				listLoading: false
+			}
+		},
+		methods: { 
+			handleCheckChange(data, checked, indeterminate) {
+				let checkedKeys=this.$refs.categoryTree.getCheckedKeys(); 
+				
+				if( !this.multiple || this.multiple==false||this.multiple=='false'){
+					if(checked==true){
+						if(checkedKeys.length>1){ 
+							this.$refs.categoryTree.setCheckedKeys([data[this.nodeKey_]]);
+							this.$emit('check-change',data,checked,indeterminate);
+						}else{
+							this.$emit('check-change',data,checked,indeterminate);
+						}
+					}else{
+						if(checkedKeys.length==0){
+							this.$emit('check-change',data,checked,indeterminate);
+						} 
+					}
+				}else{
+					this.$emit('check-change',data,checked,indeterminate);
+				} 
+		    },
+			handleCurrentChange(data, node) {
+		    	this.$emit('current-change',data, node); 
+		    },
+		    handleNodeClick(data, node, comp) { 
+				this.$emit('node-click',data, node, comp); 
+		    },
+		    
+			//获取分类树列表
+			getCategoryTreeData(refresh) {
+					console.log("进来这里");
+				let id='';
+				if(this.rootKey!='' && this.rootKey!=null){
+					id=this.rootKey;
+				}
+				let params = { 
+					id: id,
+					branchId:this.userInfo.branchId
+				};
+				console.log("进来这里第二部");
+				// if(this.branchId!=''&&this.branchId!=undefined){
+				// 	params.branchId=this.branchId
+				// }else{
+				// 	this.categoryTreeData=[];
+				// 	return ;
+				// }
+ 				if(refresh==true){
+ 					params.refresh=1;
+ 				}
+				this.listLoading = true;
+				this.categoryTreeData=[];
+				
+				getImageCategoryTrees(params).then((res) => {
+					var tips=res.data.tips;
+					console.log("进来这里第三部");
+					if(tips.isOk==true){ 
+						console.log("进来这里第四部");
+						var data = res.data.data;
+						data.disabled=true;
+						console.log("数据");
+						console.log(data);
+						this.categoryTreeData=[res.data.data];
+						this.$refs.categoryTree.setCurrentKey(this.currentKey);
+					}else{
+						this.$message({ message: tips.msg, type: 'error'});
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			}, 
+			filterCategoryNode(value, data) {
+		        if (!value) return true;
+		        return data.categoryName.indexOf(value) !== -1;
+		     },
+		     renderContent(h, { node, data, store }) {
+		    	 var countMsg='';	
+		    	 if(this.countTips){
+	    	 			countMsg=this.countTips;
+	    	 		}
+		    	 	if(this.showCount==true || this.showCount=='true'){
+		    	 		
+		    	 		
+		    	 		return h('span',node.label) ;
+		    	 	}else{
+		    	 		return h('span',node.label+"("+(data.isPub=='1'?'公共分类':'')+countMsg+")") ;
+		    	 	}
+			        
+			  }
+		},
+		mounted() { 
+			this.getCategoryTreeData();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/Image/More/Index.vue b/src/components/Image/More/Index.vue
new file mode 100644
index 0000000..fdab0b8
--- /dev/null
+++ b/src/components/Image/More/Index.vue
@@ -0,0 +1,239 @@
+<template>
+	<section>
+	<div class="SpeListOverFlow">
+		<draggable v-model="imageLists" :options="{group:'img'}" @start="drag=true" @end="drag=false">
+		<el-col :span="8" v-for="(o, index) in imageLists" >
+		    <el-card :body-style="{ padding: '0px' }">
+		      <div class="avatar-uploader" @click="selectedImage(index)">
+		      	<div style="height: 178px;width: 186px;display: flex;">
+			       	<img v-if="getUrl(o)" :src="converUrl(o)" class="avatar">
+			       	<i v-else class="el-icon-plus avatar-uploader-icon"></i> 
+			     </div>  	
+		      </div>
+		      <span class="row-span">
+		      	<span>{{index+1}}&nbsp;</span>
+		      	<span v-if="valueName!=''">{{o[valueName]}}</span><i class="el-icon-zoom-in" @click="previewImg(index)"></i>
+		      	 <el-button type="text" class="button" @click="delImg(index)">删除</el-button>
+		      </span>
+		    </el-card>
+		</el-col>
+		</draggable>
+		<el-col :span="8" v-if="showAdd=='true'">
+		    <el-card :body-style="{ padding: '0px' }">
+		      <div style="padding: 14px;" class="avatar-uploader" @click="addImg">
+			       	<i class="el-icon-plus avatar-uploader-icon"></i>
+		      </div>
+		    </el-card>
+		</el-col>
+		<el-dialog title="裁剪图片" :visible.sync="shearMngVisible" top="0px"  width="1100px"  :lock-scroll="false"  :close-on-click-modal="false" append-to-body> 
+		<shear-mng :visible="shearMngVisible" :imgWidth="imgWidth" :imgHeight="imgHeight" :image="image" :branch-id="branchId" :deptid="deptid" :category-id="image.categoryId" :remark="remark"  @cancel="shearMngVisible=false" @upload-success="uploadSuccess"></shear-mng>
+		</el-dialog>
+		<el-dialog title="选择图片" :visible.sync="addFormVisible"  width="70%" :close-on-click-modal="false" append-to-body>
+			<upload-image :branch-id="branchId" :dept-id="deptid" :visible="addFormVisible" @cancel="addFormVisible=false" @confirm="handleConfirm"></upload-image>
+		</el-dialog>
+		<el-dialog :visible.sync="previewVisible" append-to-body>
+  			<img width="100%" :src="imageUrl" alt>
+		</el-dialog>
+		</div>
+	</section>
+</template>
+ 
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import UploadImage from '../UploadImage';
+	import ShearMng from '../ShearSelectUpload';
+	import draggable from 'vuedraggable';
+	import config from '@/common/config';//config
+	
+	export default {
+		props:['branchId','categoryId','remark','showAdd','limit','urlName','desName','value','valueName','deptid','imgWidth','imgHeight'],
+		watch: {
+			'value':function(val){
+				this.imageLists = val;
+			},
+			'imageLists':function(val){
+				this.$emit('input',val);
+			}
+	    },	
+		data() {
+			return {
+				addFormVisible:false,
+				shearMngVisible:false,
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				image:{categoryId:''},
+				imageUrl:'', 
+				previewVisible:false,
+				imageLists:[],//存放图片信息的数组 {urlName:,desName:,opflag:add/del/edit,order:}
+				selectedImgIndex:this.value.length,
+				opflag:'',//add/del/edit
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			selectedImage(index){
+				this.selectedImgIndex = index;//注意修改图片url后清空
+				this.opflag='edit';
+				this.addFormVisible = true;
+			},
+			 handleConfirm(img){
+				this.image=img;
+				this.uploadSuccess(this.image)
+				console.log(this.image);
+				//this.shearMngVisible=true; 
+			},
+			//上传64图片后，指定回调父组件的方法,一般用于保存该图片的信息到另一张表
+			uploadSuccess(parm){
+					//商品相册中，过滤添加图片和修改图片,获取图片url添加到该集合的指定url中
+				if(this.opflag=='edit'){
+					this.imageLists[this.selectedImgIndex][this.urlName] = parm.url;    //该方式修改图片后是否不会立即显示url。
+					//this.$emit('input',this.imageLists);
+					this.$emit('editImg',this.imageLists[this.selectedImgIndex]);
+					this.shearMngVisible=false; 
+				}else if(this.opflag=='add'){
+					//在此处为添加按钮
+						  //获取添加图片的信息,并且添加，删除是同时删除数据
+					var g={};
+					g[this.urlName]=parm.url;
+					if(this.desName!=null&&this.desName!=''&&this.desName!='undefined'){
+					g[this.desName]=parm.remark;
+					}
+					    this.imageLists.push(g);
+						this.shearMngVisible=false;
+						this.$emit('addImg',g);
+						//this.$emit('input',this.imageLists);		
+				}
+				//商品相册可以修改图片和添加图片
+					 /*this.imageUrl = this.converUrl(parm.url);
+					this.shearMngVisible=false; */
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/			
+			converUrl(o){
+		    	 if(!o[this.urlName].indexOf('http')==0 && !o[this.urlName].indexOf('www')==0){
+		    		 return config.getArcImagePath()+"/"+o[this.urlName];
+		    	 }
+		    	 return o[this.urlName];
+			},
+			getUrl(o){
+				if(o[this.urlName]!='' && o[this.urlName]!=undefined){
+					return true;
+				}
+				return false;
+			},
+			previewImg(index){
+				var o=this.imageLists[index];
+				this.imageUrl=this.converUrl(o);
+				this.previewVisible=true; 
+			},
+			addImg(){
+				if(parseInt(this.limit)<=this.imageLists.length){
+					this.$message({ message: "图片数量已经超过", type: 'error' });
+					return;
+				}
+				this.addFormVisible = true;
+				this.opflag='add';
+			},
+			delImg(index){
+				this.$confirm('数据将不可恢复,确认删除吗？', '提示', {}).then(() => {
+					this.opflag='del';
+					this.selectedImgIndex=index;
+					this.$emit('delImg',this.imageLists[this.selectedImgIndex]);
+					this.imageLists.splice(this.selectedImgIndex,1);
+				});
+			}
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'image-edit':ImageEdit
+			'upload-image':UploadImage,
+			'shear-mng':ShearMng,
+			draggable
+		},
+		mounted() {
+			this.imageLists = this.value;
+		}
+	}
+
+</script>
+
+<style scoped="scoped">
+/*做个支持多个图片上传，可移动，通用性好的组件
+1，imageList的url,获取list遍历，装载list的url
+2，addImg方法
+*/  
+.avatar-uploader{
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    width: 208px;
+    height: 200px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .avatar-uploader:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+  }
+ .avatar {
+   max-height: 100%;
+   max-width: 100%;
+   margin: auto;
+   display: block;
+ }
+
+ /* card图片 */ 
+	.time {
+	  	font-size: 13px;
+	  	color: #999;
+	}
+	.bottom {
+	  	margin-top: 13px;
+	  	line-height: 12px;
+	}
+	.button {
+		padding: 0;
+		float: right;
+	}
+	.el-col-8 {
+	    width: 210px;
+	    margin-right: 10px;
+	}
+	.el-row{
+		padding-left: 70px;
+	}
+	.row-span{
+	   	font-size: 14px;
+	  	color: #5a5e66;
+	  	text-align: center;
+	  	display:block;
+	 }
+	.row-span:before{
+	   	content: '*';
+	   	color: #fa5555;
+	  	margin-right: 4px;
+	 }
+	.el-icon-zoom-in:hover{
+		color: #0043ff;
+	}
+	.avatar-uploader img{
+		cursor: pointer;  
+	    transition: all 0.6s;  
+	}
+	.avatar-uploader img:hover{  
+        transform: scale(1.2);  
+    }
+    .SpeListOverFlow{
+    overflow-y: auto;
+    max-height: 550px;
+  }   
+</style>
\ No newline at end of file
diff --git a/src/components/Image/More/IndexOneUpdate.vue b/src/components/Image/More/IndexOneUpdate.vue
new file mode 100644
index 0000000..2f1d084
--- /dev/null
+++ b/src/components/Image/More/IndexOneUpdate.vue
@@ -0,0 +1,242 @@
+<template>
+	<section>
+	<div class="SpeListOverFlow">
+		<draggable v-model="imageLists" :options="{group:'img'}" @start="drag=true" @end="drag=false">
+		<el-col :span="8" v-for="(o, index) in imageLists" >
+		    <el-card :body-style="{ padding: '0px' }">
+		      <div class="avatar-uploader" @click="selectedImage(index)">
+		      	<div style="height: 178px;width: 186px;display: flex;">
+			       	<img v-if="getUrl(o)" :src="converUrl(o)" class="avatar">
+			       	<i v-else class="el-icon-plus avatar-uploader-icon"></i> 
+			     </div>  	
+		      </div>
+		      <span class="row-span" style="justify-content:center;align-items:center;display:flex;">
+		      	<span>{{index+1}},&nbsp;</span>		      	
+		      	<span v-show="!!valueName" style="height: 35px;">{{o[valueName]}}</span>
+		      	<i class="el-icon-zoom-in" @click="previewImg(index)"></i>		      	 
+		      	<el-button type="text" class="button" @click="delImg(index)">删除</el-button>
+		      </span>
+		    </el-card>
+		</el-col>
+		</draggable>
+		<el-col :span="8" v-if="showAdd=='true'">
+		    <el-card :body-style="{ padding: '0px' }">
+		      <div style="padding: 14px;" class="avatar-uploader" @click="addImg">
+			       	<i class="el-icon-plus avatar-uploader-icon"></i>
+		      </div>
+		    </el-card>
+		</el-col>
+		<el-dialog title="裁剪图片" :visible.sync="shearMngVisible" top="0px"  width="1100px"  :lock-scroll="false"  :close-on-click-modal="false" append-to-body> 
+		<shear-mng :visible="shearMngVisible" :imgWidth="imgWidth" :imgHeight="imgHeight" :image="image" :branch-id="branchId" :deptid="deptid" :category-id="image.categoryId" :remark="remark"  @cancel="shearMngVisible=false" @upload-success="uploadSuccess"></shear-mng>
+		</el-dialog>
+		<el-dialog title="选择图片" :visible.sync="addFormVisible"  width="70%" :close-on-click-modal="false" append-to-body>
+			<upload-image :branch-id="branchId" :dept-id="deptid" :visible="addFormVisible" @cancel="addFormVisible=false" @confirm="handleConfirm"></upload-image>
+		</el-dialog>
+		<el-dialog :visible.sync="previewVisible" append-to-body>
+  			<img width="100%" :src="imageUrl" alt>
+		</el-dialog>
+		</div>
+	</section>
+</template>
+ 
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import UploadImage from '../UploadImage';
+	import ShearMng from '../ShearSelectUpload';
+	import draggable from 'vuedraggable';
+	import config from '@/common/config';//config
+	
+	export default {
+		props:['branchId','categoryId','remark','showAdd','limit','urlName','desName','value','valueName','deptid','imgWidth','imgHeight'],
+		watch: {
+			'value':function(val){
+				this.imageLists = val;
+			},
+			'imageLists':function(val){
+				this.$emit('input',val);
+			}
+	    },	
+		data() {
+			return {
+				addFormVisible:false,
+				shearMngVisible:false,
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				image:{categoryId:''},
+				imageUrl:'', 
+				previewVisible:false,
+				imageLists:[],//存放图片信息的数组 {urlName:,desName:,opflag:add/del/edit,order:}
+				selectedImgIndex:this.value.length,
+				opflag:'',//add/del/edit
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			selectedImage(index){
+				this.selectedImgIndex = index;//注意修改图片url后清空
+				this.opflag='edit';
+				this.addFormVisible = true;
+			},
+			 handleConfirm(img){
+				this.image=img;
+				this.uploadSuccess(this.image)
+				console.log(this.image);
+				//this.shearMngVisible=true; 
+			},
+			//上传64图片后，指定回调父组件的方法,一般用于保存该图片的信息到另一张表
+			uploadSuccess(parm){
+					//商品相册中，过滤添加图片和修改图片,获取图片url添加到该集合的指定url中
+				if(this.opflag=='edit'){
+					this.imageLists[this.selectedImgIndex][this.urlName] = parm.url;    //该方式修改图片后是否不会立即显示url。
+					//this.$emit('input',this.imageLists);
+					this.$emit('editImg',this.imageLists[this.selectedImgIndex]);
+					this.shearMngVisible=false; 
+				}else if(this.opflag=='add'){
+					//在此处为添加按钮
+						  //获取添加图片的信息,并且添加，删除是同时删除数据
+					var g={};
+					g[this.urlName]=parm.url;
+					if(this.desName!=null&&this.desName!=''&&this.desName!='undefined'){
+					g[this.desName]=parm.remark;
+					}
+					    this.imageLists.push(g);
+						this.shearMngVisible=false;
+						this.$emit('addImg',g);
+						//this.$emit('input',this.imageLists);		
+				}
+				//商品相册可以修改图片和添加图片
+					 /*this.imageUrl = this.converUrl(parm.url);
+					this.shearMngVisible=false; */
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/			
+			converUrl(o){
+		    	 if(!o[this.urlName].indexOf('http')==0 && !o[this.urlName].indexOf('www')==0){
+		    		 return config.getArcImagePath()+"/"+o[this.urlName];
+		    	 }
+		    	 return o[this.urlName];
+			},
+			getUrl(o){
+				if(o[this.urlName]!='' && o[this.urlName]!=undefined){
+					return true;
+				}
+				return false;
+			},
+			previewImg(index){
+				var o=this.imageLists[index];
+				this.imageUrl=this.converUrl(o);
+				this.previewVisible=true; 
+			},
+			addImg(){
+				if(parseInt(this.limit)<=this.imageLists.length){
+					this.$message({ message: "图片数量已经超过", type: 'error' });
+					return;
+				}
+				this.addFormVisible = true;
+				this.opflag='add';
+			},
+			delImg(index){
+				this.$confirm('确认删除吗？', '提示', {}).then(() => {
+					this.opflag='del';
+					this.selectedImgIndex=index;
+					let returnDate = this.imageLists[this.selectedImgIndex];
+					this.imageLists.splice(this.selectedImgIndex,1);
+					this.$emit('delImg',returnDate);
+					
+				});
+			}
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'image-edit':ImageEdit
+			'upload-image':UploadImage,
+			'shear-mng':ShearMng,
+			draggable
+		},
+		mounted() {
+			this.imageLists = this.value;
+		}
+	}
+
+</script>
+
+<style scoped="scoped">
+/*做个支持多个图片上传，可移动，通用性好的组件
+1，imageList的url,获取list遍历，装载list的url
+2，addImg方法
+*/  
+.avatar-uploader{
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    width: 208px;
+    height: 200px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .avatar-uploader:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+  }
+ .avatar {
+   max-height: 100%;
+   max-width: 100%;
+   margin: auto;
+   display: block;
+ }
+
+ /* card图片 */ 
+	.time {
+	  	font-size: 13px;
+	  	color: #999;
+	}
+	.bottom {
+	  	margin-top: 13px;
+	  	line-height: 12px;
+	}
+	.button {
+		padding: 0;
+		float: right;
+	}
+	.el-col-8 {
+	    width: 210px;
+	    margin-right: 10px;
+	}
+	.el-row{
+		padding-left: 70px;
+	}
+	.row-span{
+	   	font-size: 14px;
+	  	color: #5a5e66;
+	  	text-align: center;
+	  	display:block;
+	 }
+	/* .row-span:before{
+	   	content: '*';
+	   	color: #fa5555;
+	  	margin-right: 4px;
+	 } */
+	.el-icon-zoom-in:hover{
+		color: #0043ff;
+	}
+	.avatar-uploader img{
+		cursor: pointer;  
+	    transition: all 0.6s;  
+	}
+	.avatar-uploader img:hover{  
+        transform: scale(1.2);  
+    }
+    .SpeListOverFlow{
+    overflow-y: auto;
+    max-height: 550px;
+  }   
+</style>
\ No newline at end of file
diff --git a/src/components/Image/More/sizeimg.vue b/src/components/Image/More/sizeimg.vue
new file mode 100644
index 0000000..154bc5f
--- /dev/null
+++ b/src/components/Image/More/sizeimg.vue
@@ -0,0 +1,249 @@
+<template>
+	<section>
+	<div class="SpeListOverFlow">
+		<draggable v-model="imageLists" :options="{group:'img'}" @start="drag=true" @end="drag=false">
+		<el-col :span="6" v-for="(o, index) in imageLists" style="margin-right:5px">
+		    <el-card :body-style="{ padding: '0px' }">
+		      <div class="avatar-uploader" @click="selectedImage(index)">
+		      	<div style="height: 58px;width: 86px;display: flex;">
+			       	<img v-if="getUrl(o)" :src="converUrl(o)" class="avatar">
+			       	<i v-else class="el-icon-plus avatar-uploader-icon"></i> 
+			     </div>  	
+		      </div>
+		      <span class="row-span">
+		      	<span v-if="valueName!=''">{{o[valueName]}}</span><i class="el-icon-zoom-in" @click="previewImg(index)"></i>
+		      	 <el-button type="text" class="button" @click="delImg(index)">删除</el-button>
+		      </span>
+		    </el-card>
+		</el-col>
+		</draggable>
+		<el-col :span="6" v-if="showAdd=='true'">
+		    <el-card :body-style="{ padding: '0px' }">
+		      <div style="padding: 14px;" class="avatar-uploader-t" @click="addImg">
+			       	<i class="el-icon-plus avatar-uploader-icon"></i>
+		      </div>
+		    </el-card>
+		</el-col>
+		<el-dialog title="裁剪图片" :visible.sync="shearMngVisible" top="0px"  width="1100px"  :lock-scroll="false"  :close-on-click-modal="false" append-to-body> 
+		<shear-mng :visible="shearMngVisible" :imgWidth="imgWidth" :imgHeight="imgHeight" :image="image" :branch-id="branchId" :deptid="deptid" :category-id="image.categoryId" :remark="remark"  @cancel="shearMngVisible=false" @upload-success="uploadSuccess"></shear-mng>
+		</el-dialog>
+		<el-dialog title="选择图片" :visible.sync="addFormVisible"  width="70%" :close-on-click-modal="false" append-to-body>
+			<upload-image :branch-id="branchId" :dept-id="deptid" :visible="addFormVisible" @cancel="addFormVisible=false" @confirm="handleConfirm"></upload-image>
+		</el-dialog>
+		<el-dialog :visible.sync="previewVisible" append-to-body>
+  			<img width="100%" :src="imageUrl" alt>
+		</el-dialog>
+		</div>
+	</section>
+</template>
+ 
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import UploadImage from '../UploadImage';
+	import ShearMng from '../ShearSelectUpload';
+	import draggable from 'vuedraggable';
+	import config from '@/common/config';//config
+	
+	export default {
+		props:['branchId','categoryId','remark','showAdd','limit','urlName','desName','value','valueName','deptid','imgWidth','imgHeight'],
+		watch: {
+			'value':function(val){
+				this.imageLists = val;
+			},
+			'imageLists':function(val){
+				this.$emit('input',val);
+			}
+	    },	
+		data() {
+			return {
+				addFormVisible:false,
+				shearMngVisible:false,
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				image:{categoryId:''},
+				imageUrl:'', 
+				previewVisible:false,
+				imageLists:[],//存放图片信息的数组 {urlName:,desName:,opflag:add/del/edit,order:}
+				selectedImgIndex:this.value.length,
+				opflag:'',//add/del/edit
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			selectedImage(index){
+				this.selectedImgIndex = index;//注意修改图片url后清空
+				this.opflag='edit';
+				this.addFormVisible = true;
+			},
+			 handleConfirm(img){
+				this.image=img;
+				this.uploadSuccess(this.image)
+				//this.shearMngVisible=true; 
+			},
+			//上传64图片后，指定回调父组件的方法,一般用于保存该图片的信息到另一张表
+			uploadSuccess(parm){
+					//商品相册中，过滤添加图片和修改图片,获取图片url添加到该集合的指定url中
+				if(this.opflag=='edit'){
+					this.imageLists[this.selectedImgIndex][this.urlName] = parm.url;    //该方式修改图片后是否不会立即显示url。
+					//this.$emit('input',this.imageLists);
+					this.$emit('editImg',this.imageLists[this.selectedImgIndex]);
+					this.shearMngVisible=false; 
+				}else if(this.opflag=='add'){
+					//在此处为添加按钮
+						  //获取添加图片的信息,并且添加，删除是同时删除数据
+					var g={};
+					g[this.urlName]=parm.url;
+					if(this.desName!=null&&this.desName!=''&&this.desName!='undefined'){
+					g[this.desName]=parm.remark;
+					}
+					    this.imageLists.push(g);
+						this.shearMngVisible=false;
+						this.$emit('addImg',g);
+						//this.$emit('input',this.imageLists);		
+				}
+				//商品相册可以修改图片和添加图片
+					 /*this.imageUrl = this.converUrl(parm.url);
+					this.shearMngVisible=false; */
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/			
+			converUrl(o){
+		    	 if(!o[this.urlName].indexOf('http')==0 && !o[this.urlName].indexOf('www')==0){
+		    		 return config.getArcImagePath()+"/"+o[this.urlName];
+		    	 }
+		    	 return o[this.urlName];
+			},
+			getUrl(o){
+				if(o[this.urlName]!='' && o[this.urlName]!=undefined){
+					return true;
+				}
+				return false;
+			},
+			previewImg(index){
+				var o=this.imageLists[index];
+				this.imageUrl=this.converUrl(o);
+				this.previewVisible=true; 
+			},
+			addImg(){
+				if(parseInt(this.limit)<=this.imageLists.length){
+					this.$message({ message: "图片数量已经超过", type: 'error' });
+					return;
+				}
+				this.addFormVisible = true;
+				this.opflag='add';
+			},
+			delImg(index){
+				this.$confirm('数据将不可恢复,确认删除吗？', '提示', {}).then(() => {
+					this.opflag='del';
+					this.selectedImgIndex=index;
+					this.$emit('delImg',this.imageLists[this.selectedImgIndex]);
+					this.imageLists.splice(this.selectedImgIndex,1);
+				});
+			}
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'image-edit':ImageEdit
+			'upload-image':UploadImage,
+			'shear-mng':ShearMng,
+			draggable
+		},
+		mounted() {
+			this.imageLists = this.value;
+		}
+	}
+
+</script>
+
+<style scoped="scoped">
+/*做个支持多个图片上传，可移动，通用性好的组件
+1，imageList的url,获取list遍历，装载list的url
+2，addImg方法
+*/  
+.avatar-uploader{
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    width: 109px;
+    height: 80px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .avatar-uploader-t{
+	  border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    width: 109px;
+    height: 115px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .avatar-uploader:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 76px;
+    height: 70px;
+    line-height: 81px;
+    text-align: center;
+  }
+ .avatar {
+   max-height: 100%;
+   max-width: 100%;
+   margin: auto;
+   display: block;
+ }
+
+ /* card图片 */ 
+	.time {
+	  	font-size: 13px;
+	  	color: #999;
+	}
+	.bottom {
+	  	margin-top: 13px;
+	  	line-height: 12px;
+	}
+	.button {
+		padding: 0;
+	}
+	.el-col-8 {
+	    width: 210px;
+	    margin-right: 10px;
+	}
+	.el-row{
+		padding-left: 70px;
+	}
+	.row-span{
+	   	font-size: 14px;
+	  	color: #5a5e66;
+	  	text-align: center;
+	  	display:block;
+	 }
+	.row-span:before{
+	   	content: '*';
+	   	color: #fa5555;
+	  	margin-right: 4px;
+	 }
+	.el-icon-zoom-in:hover{
+		color: #0043ff;
+	}
+	.avatar-uploader img{
+		cursor: pointer;  
+	    transition: all 0.6s;  
+	}
+	.avatar-uploader img:hover{  
+        transform: scale(1.2);  
+    }
+    .SpeListOverFlow{
+    overflow-y: auto;
+    max-height: 550px;
+  }   
+</style>
\ No newline at end of file
diff --git a/src/components/Image/ShearSelectUpload.vue b/src/components/Image/ShearSelectUpload.vue
new file mode 100644
index 0000000..f3d45b3
--- /dev/null
+++ b/src/components/Image/ShearSelectUpload.vue
@@ -0,0 +1,579 @@
+<template>
+	<el-row> 
+		<el-col :span=20>
+			<div id="boxDiv" :class="boxSize">
+					<vue-cropper 
+						ref="cropper"
+						:img="option.img"
+						:outputSize="option.size"
+						:outputType="option.outputType"
+						:info="true"
+						:full="option.full"
+						:canMove="option.canMove"
+						:canMoveBox="option.canMoveBox"
+						:fixedBox="option.fixedBox"
+						:original="option.original" 
+						:autoCrop="option.autoCrop"
+						:autoCropWidth="option.autoCropWidth"
+						:autoCropHeight="option.autoCropHeight"
+						@img-load="imgLoad"
+					></vue-cropper> 
+			</div>
+		</el-col>
+		<el-col :span=4>
+			<el-row>
+				<el-col :span=24>
+					<label>等比缩放裁剪边框 </label>
+					<br>
+					<el-button icon="el-icon-circle-plus-outline" circle @click="plusCjbk"></el-button><el-button icon="el-icon-remove-outline" circle @click="reduceCjbk"></el-button>
+					<br>
+					<el-button  @click="recoveryCjbk">恢复{{defaultImgWidth +' X '+ defaultImgHeight}}</el-button>
+				</el-col>
+				
+				<el-col  :span=24>
+					<br>
+					<label>调整画布大小</label>
+					<br>
+					<el-button  @click="changeCanvasSize('s1')">800 X 600</el-button>
+					<br>
+					<el-button  @click="changeCanvasSize('s2')">800 X 700</el-button>
+					<br>
+					<el-button  @click="changeCanvasSize('s3')">800 X 800</el-button>
+				</el-col>
+				
+			</el-row>
+		</el-col>
+				<div class="test-button">
+					<!-- <el-button class="bu_bg"  type="primary" @click="startCrop" v-if="!crap">开始剪切</el-button>
+					<el-button class="bu_bg"  type="primary" @click="stopCrop" v-else>停止剪切</el-button> -->
+					<el-tooltip class="item" effect="dark" content="清除裁剪后，可以移动图片" placement="top-start">
+				     <el-button class="bu_bg" v-if="crap==true"  type="primary" @click="clearCrop">清除裁剪</el-button>
+				    </el-tooltip>
+				    <el-tooltip class="item" effect="dark" content="为了良好的客户体验，app图片建议控制在50Kb左右，宽400，高300上限，如果是兼容pc的图片，建议宽800，高600为上线" placement="top-start">
+				     <el-button class="bu_bg" v-if="crap==false"  type="primary" @click="startCrop">开始裁剪</el-button> 
+				    </el-tooltip>
+					<el-button class="bu_bg"  type="primary" @click="rotateLeft">左旋</el-button>
+					<el-button class="bu_bg"  type="primary" @click="rotateRight">右旋</el-button>
+					<!-- <el-button class="bu_bg"  type="primary" @click="finish('base64')">浏览(base64)</el-button>
+					<el-button class="bu_bg"  type="primary" @click="finish('blob')">浏览(blob)</el-button> -->
+					<el-button class="bu_bg"  type="primary" @click="upload('base64')">完成并上传图片</el-button> 
+					<el-tag> 有时候由于网络原因，加载图片会需要3-5秒钟,请耐心等候 </el-tag>  
+				</div>
+	</el-row>
+</template>
+	
+<script>
+import vueCropper from 'vue-cropper'
+import config from '@/common/config';//全局公共库import 
+import { uploadBase64 } from '@/api/mdp/arc/image'; 
+import screenfull from 'screenfull'
+
+export default {
+  props:['branchId','image','categoryId','remark','imgWidth','imgHeight','deptid','visible','storedb','fullscreen'],
+  watch:{
+	  'imgWidth':function(val){
+			this.option.autoCropWidth = val;
+		},
+		'imgHeight':function(val){
+			this.option.autoCropHeight = val;
+		},
+		'visible':function(val){
+			if(val==true){  
+		        
+			}
+		},
+		'image':function(image) {
+	        this.selectImg = image;
+	        this.option.img=this.converUrl(image.url);
+	        this.option.autoCropWidth=this.defaultImgWidth
+			this.option.autoCropHeight=this.defaultImgHeight
+			//this.imgLoading=true		        
+	        //this.$refs.cropper.reload()
+	    }
+  },
+  data: function () {
+    return {
+	    	//base64UploadAction:"http://www.qingqinkj.com/arc"+"/arc/archiveAttachment/upload/base64",
+				model: false,
+				modelSrc: '',
+			  	crap: false,
+				previews: {},
+				lists: [
+					{
+						/* img: 'http://ofyaji162.bkt.clouddn.com/touxiang.jpg' */
+					},
+					{
+						/* img: 'https://o90cnn3g2.qnssl.com/0C3ABE8D05322EAC3120DDB11F9D1F72.png' */
+					}
+				],
+				boxSize:"s1",
+				option: {
+					img: '',
+					size: 1,
+					full: false,
+					outputType: 'png',
+					canMove: true,
+					fixedBox: false,
+					original: false,
+					canMoveBox: true,
+					autoCrop: true,
+					autoCropWidth: this.imgWidth,
+					autoCropHeight: this.imgHeight,
+				},
+				downImg: '#',
+				selectImg:{categoryId:''}, 
+				imgLoading: false
+	    }
+	  },
+	methods: {
+		converUrl(url){
+	    	 if(url!='' && url!=null && !url.indexOf('http')==0 && !url.indexOf('www')==0  && !url.indexOf('data:image/')==0){
+	    		 return config.getArcImagePath()+"/"+url;
+	    	 }
+	    	 return url;
+		},
+		changeImg () {
+			this.option.img = this.lists[~~(Math.random() * this.lists.length)].img
+		},
+		startCrop (reload) {
+			// start 
+			this.crap = true
+			if(this.imgWidth== undefined ){
+				this.option.autoCropWidth=600
+			}else{
+				this.option.autoCropWidth=this.imgWidth
+			}
+			if(this.imgHeight== undefined ){
+				this.option.autoCropHeight=600
+			}else{
+				this.option.autoCropHeight=this.imgHeight 
+			} 
+			this.$refs.cropper.startCrop()
+			if(reload!=false){
+				this.$refs.cropper.reload()
+			}
+			
+		},
+		stopCrop () {
+			//  stop
+			this.crap = false
+			this.$refs.cropper.stopCrop()
+		},
+		clearCrop () {
+			// clear
+			this.$refs.cropper.clearCrop()
+			this.stopCrop ()
+		},
+		refreshCrop () {
+			// clear
+			this.$refs.cropper.refresh()
+		},
+		changeScale (num) {
+			num = num || 1
+			this.$refs.cropper.changeScale(num)
+		},
+		rotateLeft () {
+			this.$refs.cropper.rotateLeft()
+		},
+		rotateRight () {
+			this.$refs.cropper.rotateRight()
+		},
+		finish (type) {
+			// 输出
+			// var test = window.open('about:blank')
+			// test.document.body.innerHTML = '图片生成中..'
+			if (type === 'blob') {
+				this.$refs.cropper.getCropBlob((data) => {
+					var img = window.URL.createObjectURL(data)
+					this.model = true
+					this.modelSrc = img
+				})
+			} else {
+				this.$refs.cropper.getCropData((data) => {
+					this.model = true
+					this.modelSrc = data
+				})
+			}
+		},
+		//调整画布大小
+		changeCanvasSize(val){
+			this.boxSize=val
+		},
+		// 实时预览函数
+		realTime (data) {
+			this.previews = data
+		},
+		plusCjbk(){ 
+			if(this.crap==false){
+				this.$message({ message: "请先开始裁剪", type: "warning" });
+				return;
+			} 
+			if(this.option.autoCropWidth+this.defaultImgHeight*0.1>800){
+				this.$message({ message: "不能再放大", type: "warning" });
+				return;
+			}
+			if(this.option.autoCropHeight+this.defaultImgHeight*0.1>800){
+				this.$message({ message: "不能再放大", type: "warning" });
+				return;
+			}
+
+			this.option.autoCropWidth=this.option.autoCropWidth+this.defaultImgWidth*0.1
+			this.option.autoCropHeight=this.option.autoCropHeight+this.defaultImgHeight*0.1 
+			this.$refs.cropper.reload()
+		}, 
+		reduceCjbk(){
+			if(this.crap==false){
+				this.$message({ message: "请先开始裁剪", type: "warning" });
+				return;
+			}
+			 
+			if(this.option.autoCropWidth-this.defaultImgWidth*0.1<=0){
+				this.$message({ message: "不能再缩小", type: "warning" });
+				return;
+			}
+			if(this.option.autoCropHeight-this.defaultImgHeight*0.1<=0){
+				this.$message({ message: "不能再缩小", type: "warning" });
+				return;
+			}
+			this.option.autoCropWidth=this.option.autoCropWidth-this.defaultImgWidth*0.1
+			this.option.autoCropHeight=this.option.autoCropHeight-this.defaultImgHeight*0.1  
+			this.$refs.cropper.reload()
+		},
+		recoveryCjbk(){
+			if(this.crap==false){
+				this.$message({ message: "请先开始裁剪", type: "warning" });
+				return;
+			}
+			 
+			 
+			this.option.autoCropWidth=this.defaultImgWidth
+			this.option.autoCropHeight=this.defaultImgHeight 
+			this.$refs.cropper.reload()
+		},
+		finish2 (type) {
+			this.$refs.cropper2.getCropData((data) => {
+				this.model = true
+				this.modelSrc = data
+			})
+		},
+		finish3 (type) {
+			this.$refs.cropper3.getCropData((data) => {
+				this.model = true
+				this.modelSrc = data
+			})
+		},
+		upload (type) {
+			// event.preventDefault()
+			/* var aLink = document.createElement('a')
+			aLink.download = 'demo' */
+			// 输出
+			var params={branchId:this.branchId ,categoryId: this.categoryId, fileData: '',  remark: this.remark,name:'',deptid:this.deptid}
+			if(this.storedb){
+				params.storedb=this.storedb
+			}else{
+				if(this.selectImg.storedb){
+					params.storedb=this.selectImg.storedb
+				}
+			}
+			//var parm= this.$options.computed.uploadParams();
+			if(params.categoryId==''||params.categoryId==undefined){
+				this.$message({ message: "分类不能为空", type: "warning" });
+				return;
+			}
+			if (type === 'blob') {
+				this.$refs.cropper.getCropBlob((data) => {
+					/* this.downImg = window.URL.createObjectURL(data)
+					aLink.href = window.URL.createObjectURL(data)
+					aLink.click() */
+					alert("请上传64base");
+				})
+			} else {
+				this.$refs.cropper.getCropData((data) => {
+					params.fileData=data;
+					var baseStr=data.substring(data.indexOf('base64,')+'base64,'.length);
+					var eqTagIndex=baseStr.indexOf("=");
+					baseStr=eqTagIndex!=-1?baseStr.substring(0,eqTagIndex):baseStr;
+					var strLen=baseStr.length;
+					var fileSize=parseInt((strLen-(strLen/8)*2)/1024);
+					if(fileSize>110 && fileSize<1100){
+						this.$confirm('图片大小为'+fileSize+'kb,超出建议值, 是否继续?', '提示', {
+					          confirmButtonText: '确定',
+					          cancelButtonText: '取消',
+					          type: 'warning'
+					        }).then(() => {
+					        	params.name=this.selectImg.name+this.selectImg.fileSuffix; 
+								uploadBase64(params).then(res=>{
+							        	 if(res.data.tips.isOk){
+							        		//返回触发父组件的方法
+							        		//this.clearCrop ();
+							        		var image = res.data.data;
+							        		//this.refreshCrop ();
+							        		this.$emit('upload-success',image);
+							        	}else{
+							        		this.$message({ message: "上传错误", type: "warning" });
+							        	}  
+							        }).catch(()=>{
+							        	this.$message.warning("上传失败");
+							        });
+					        }).catch(() => {
+					          this.$message({
+					            type: 'info',
+					            message: '已取消'
+					          });          
+					        });
+					}else{
+						if(fileSize<=110){
+							params.name=this.selectImg.name+this.selectImg.fileSuffix; 
+							uploadBase64(params).then(res=>{
+						        	 if(res.data.tips.isOk){
+						        		//返回触发父组件的方法
+						        		//this.clearCrop ();
+						        		var image = res.data.data;
+						        		//this.refreshCrop ();
+						        		this.$emit('upload-success',image);
+						        	}else{
+						        		this.$message({ message: "上传错误", type: "warning" });
+						        	}  
+						        }).catch(()=>{
+						        	this.$message.warning("上传失败");
+						        });
+						}else{
+							this.$message({ message: "图片太大,不允许上传，请重新裁剪后上传", type: "warning" });
+						}
+						
+					} 
+					
+				        //this.$emit('getInfo',this.params);
+					/* this.downImg = data
+					aLink.href = data
+					aLink.click() */
+				});
+			}
+		},
+		imgLoad(info){
+			this.imgLoading=false
+			if(info=='success'){
+				this.$message({ message: "加载图片成功", type: "success" });
+			}else{
+				this.$message({ message: "加载图片失败", type: "error" });
+			}
+			
+		},
+		uploadImg (e, num) {
+			//上传图片
+			// this.option.img
+			var file = e.target.files[0]
+			if (!/\.(gif|jpg|jpeg|png|bmp|GIF|JPG|PNG)$/.test(e.target.value)) {
+				 alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种')
+				 return false
+			 }
+			var reader = new FileReader()
+			reader.onload = (e) => {
+				let data
+				if (typeof e.target.result === 'object') {
+					// 把Array Buffer转化为blob 如果是base64不需要
+					data = window.URL.createObjectURL(new Blob([e.target.result]))
+				} else {
+					data = e.target.result
+				}
+				if (num === 1) {
+					this.option.img = data
+				} else if (num === 2) {
+					this.example2.img = data
+				}
+			}
+			// 转化为base64
+			// reader.readAsDataURL(file)
+			// 转化为blob
+			reader.readAsArrayBuffer(file)
+		},
+		fuselect(){
+			this.$emit('confirmSelect');
+		},
+		imgLoad (msg) {
+			console.log(msg)
+		},
+		handleSuccess(res,file) {
+			//var jsonData = JSON.stringify(res, null, 4);
+			//alert(jsonData);
+			/* var tips= res.tips;
+			if(tips.isOk){
+				this.$message({ message: '上传成功', type: 'info' });
+				
+			}else{
+				if(tips.msg=='该图片不支持'){
+				this.$message({ message: '该图片不支持', type: 'info' });
+				}else{
+				this.$message({ message: '未知异常', type: 'info' });
+				}
+			} */
+		
+		  } 
+	},
+	components: {
+		'vue-cropper':vueCropper,
+	},
+	mounted () {
+		//this.changeImg()
+		// hljs.configure({useBR: true})
+		/* var list = [].slice.call(document.querySelectorAll('pre code'))
+		list.forEach((val, index) => {
+		  hljs.highlightBlock(val)
+		}) */
+        this.selectImg = this.image;
+        this.option.img=this.converUrl(this.image.url);
+        this.startCrop(false);
+        this.imgLoading=true		        
+	},
+	 computed:{ 
+		 defaultImgWidth: function(){
+				let defaultImgWidth=600;
+				if(this.imgWidth== undefined ){
+					defaultImgWidth=600
+				}else{
+					defaultImgWidth=this.imgWidth
+				}
+				return defaultImgWidth;
+		 },
+		 defaultImgHeight: function(){ 
+				let defaultImgHeight=600; 
+				if(this.imgHeight== undefined ){
+					defaultImgHeight=600
+				}else{
+					defaultImgHeight=this.imgHeight 
+				} 
+				return defaultImgHeight;
+		 }
+	}
+}
+</script>
+
+<style>
+  * {
+	  margin: 0;
+		padding: 0;
+	}
+
+	.content {
+		margin: auto;
+		max-width: 1200px;
+		margin-bottom: 100px;
+	}
+
+	.test-button {
+		padding-top: 30px;
+		clear: both;
+		display: flex;
+		flex-wrap: wrap;
+	}
+
+	.btn {
+		display: inline-block;
+		line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    background: #fff;
+    border: 1px solid #c0ccda;
+    color: #1f2d3d;
+    text-align: center;
+    box-sizing: border-box;
+    outline: none;
+    margin:20px 10px 0px 0px;
+    padding: 9px 15px;
+    font-size: 14px;
+    border-radius: 4px;
+    color: #fff;
+    background-color: #50bfff;
+    border-color: #50bfff;
+    transition: all .2s ease;
+		text-decoration: none;
+		user-select: none;
+	}
+
+	.des {
+		line-height: 30px;
+	}
+
+	.show-info {
+		margin-bottom: 50px;
+		text-align: left;
+	}
+
+	.show-info h2 {
+		line-height: 50px;
+	}
+
+	/*.title, .title:hover, .title-focus, .title:visited {
+		color: black;
+	}*/
+
+
+	
+	.s1 {
+	  height: 600px;
+	  width:800px;
+	  float: left;
+	}
+	.s2 {
+	  height: 700px;
+	  width:800px;
+	  float: left;
+	}
+	.s3 {
+	  height: 800px;
+	  width:800px;
+	  float: left;
+	}
+	.app {
+	  height: 300px;
+	  width:400px;
+	  float: left;
+	}
+	.show-preview{
+		float: left;
+	}
+
+	.model {
+		position: fixed;
+		z-index: 10;
+		width: 100vw;
+		height: 100vh;
+		overflow: auto;
+		top: 0;
+		left: 0;
+		background: rgba(0, 0, 0, 0.8);
+	}
+
+	.model-show {
+		display: flex;
+	    justify-content: center;
+	    align-items: center;
+		width: 100vw;
+		height: 100vh;
+	}
+
+	.model img {
+		display: block;
+		margin: auto;
+		max-width: 80%;
+		user-select: none;
+		background-position: 0px 0px, 10px 10px;
+		background-size: 20px 20px;
+    background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
+	}
+
+	.c-item {
+		display: block;
+		padding: 10px 0;
+		user-select: none;
+	}
+	.bu_bg{
+	    color: #ffffff;
+    background-color: #50c0fe;
+    border-color: #50c0fe;
+        height: 32px;
+            margin-left: 10px;
+	}
+
+
+</style>
diff --git a/src/components/Image/Single/Index.vue b/src/components/Image/Single/Index.vue
new file mode 100644
index 0000000..5242687
--- /dev/null
+++ b/src/components/Image/Single/Index.vue
@@ -0,0 +1,191 @@
+<template>
+	<section>
+	
+		<el-col :span="8" >
+		    <el-card :body-style="{ padding: '0px' }">
+		      <div class="avatar-uploader" @click="showAdd">
+		      	<div style="height: 178px;width: 186px;display: flex;">
+			       	<img v-if="imageUrl!='' && imageUrl!=undefined" :src="imageUrl" class="avatar">
+			       	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
+			    </div>
+		      </div>
+		      <span class="row-span" v-if="showTitle"><slot name="title" ></slot><i class="el-icon-zoom-in" @click="previewImg"></i></span>
+		    </el-card>
+		</el-col>
+		<el-dialog title="裁剪图片" :visible.sync="shearMngVisible" top="0px"  width="1100px"  :lock-scroll="false"  :close-on-click-modal="false" append-to-body> 
+		<shear-mng :visible="shearMngVisible" :imgWidth="myWidth" :imgHeight="myHeight" :image="image" :branch-id="branchId" :deptid="deptid" :category-id="image.categoryId" :remark="remark" @cancel="shearMngVisible=false" @upload-success="uploadSuccess"></shear-mng>
+		</el-dialog>
+		<el-dialog title="选择图片" :visible.sync="addFormVisible"  width="70%" :close-on-click-modal="false" append-to-body>
+			<upload-image :branch-id="branchId" :deptid="deptid" :visible="addFormVisible" @cancel="addFormVisible=false" @confirm="handleConfirm"></upload-image>
+		</el-dialog>
+		<el-dialog :visible.sync="previewVisible" append-to-body>
+  			<img width="100%" :src="imageUrl" alt>
+		</el-dialog>
+		
+	</section>
+</template>
+ 
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import UploadImage from '../UploadImage';
+	import ShearMng from '../ShearSelectUpload';
+	import config from '@/common/config';//config
+	
+	export default {
+		props:['branchId','categoryId','remark','value','imgWidth','imgHeight','deptid','showTitle'],
+		watch: {
+			'value':function(val){
+				this.imageUrl = this.converUrl(val);
+			},
+			'imgWidth':function(val){
+				this.myWidth = val;
+			},
+			'imgHeight':function(val){
+				this.myHeight = val;
+			}
+	    },	
+		data() {
+			return {
+				addFormVisible:false,
+				shearMngVisible:false,
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				image:{categoryId:'123'},
+				imageUrl:'', 
+				previewVisible:false,
+				myWidth:this.imgWidth,
+				myHeight:this.imgHeight//80||178
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			showAdd: function () {
+				this.addFormVisible = true;
+			},
+			 handleConfirm(img){
+				this.image=Object.assign(img);
+				//this.shearMngVisible=true;
+				this.uploadSuccess(this.image);
+			},
+			//上传64图片后，指定回调父组件的方法,一般用于保存该图片的信息到另一张表
+			uploadSuccess(parm){
+					this.$emit('input',parm.url);
+					this.imageUrl = this.converUrl(parm.url);
+					this.shearMngVisible=false;
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/			
+			converUrl(url){
+				if(url==null||url==''||url=='undefined'){
+					return url;
+				}
+		    	 if(!url.indexOf('http')==0 && !url.indexOf('www')==0){
+		    		 return config.getArcImagePath()+"/"+url;
+		    	 }
+		    	 return url;
+			},
+			previewImg(){
+				this.previewVisible=true;
+			}
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'image-edit':ImageEdit
+			'upload-image':UploadImage,
+			'shear-mng':ShearMng
+		},
+		/* computed:{
+			cWidth:function(){
+				return this.imgWidth;
+			},
+			cHeight:function(){
+				return this.imgHeight;
+			}
+		}, */
+		mounted() {
+			this.imageUrl = this.value;
+		}
+	}
+
+</script>
+
+<style scoped="scoped">
+/*做一个选择上传组件。
+1，可选择图片后回归到该组件，进行剪切，然后上传
+*/  
+.avatar-uploader{
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .avatar-uploader:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 175px;
+    height: 175px;
+    line-height: 175px;
+    text-align: center;
+  }
+  .avatar {
+    /* width: 178px;
+    height: 178px;
+    width: width+'px';
+    height: height+'px'; */
+    max-height: 100%;
+   	max-width: 100%;
+   	margin: auto;
+    display: block;
+  }
+ /* card图片 */ 
+	.time {
+	  	font-size: 13px;
+	  	color: #999;
+	}
+	.bottom {
+	  	margin-top: 13px;
+	  	line-height: 12px;
+	}
+	.button {
+		padding: 0;
+		float: right;
+	}
+	.el-col-8 {
+	    width: 210px;
+	    margin-right: 10px;
+	}
+	.el-row{
+		padding-left: 70px;
+	}
+	.row-span{
+	   	font-size: 14px;
+	  	color: #5a5e66;
+	  	text-align: center;
+	  	display:block;
+	 }
+	.row-span:before{
+	   	content: '*';
+	   	color: #fa5555;
+	  	margin-right: 4px;
+	 }
+	.el-icon-zoom-in:hover{
+		color: #0043ff;
+	}
+	.avatar-uploader img{
+		cursor: pointer;  
+	    transition: all 0.6s;  
+	}
+	.avatar-uploader img:hover{  
+        transform: scale(1.2);  
+    }   
+</style>
\ No newline at end of file
diff --git a/src/components/Image/UploadImage.vue b/src/components/Image/UploadImage.vue
new file mode 100644
index 0000000..50dba1d
--- /dev/null
+++ b/src/components/Image/UploadImage.vue
@@ -0,0 +1,553 @@
+<template>
+<section>
+	<el-row class="uploadImgWindow">
+		<el-col :span=6 class="leftBox">
+	 		<el-col :span=16>
+	 			<el-input v-model="filters.key" placeholder="请输入内容" clearable /> 
+	 		</el-col>
+	 		<el-col :span=6>
+				<el-button type="primary" v-loading="listLoading"    v-on:click="searchImages">查询</el-button>
+	 		</el-col>
+	 		<el-col :span=24 class="allImg">	
+		 		<el-menu @select="categoryChange" >
+		 			<el-menu-item-group>
+			 				<template slot="title">
+			 				<div>
+				 				<el-popover
+								  placement="top"
+								  width="160"
+								  v-model="showAddCategoryForm">
+								  <p>请输入图片分类名称</p>
+								  <div style="text-align: right; margin: 0">
+								  	<el-input v-model="categoryName"></el-input>
+								  	<br>
+									<!-- <el-form-item label="公共分类" prop="isPub">
+										<el-checkbox  :disabled="!!pisPub" v-model="isPub" true-label='1' false-label='0'>开启</el-checkbox>
+									</el-form-item> -->
+									<el-form-item label="公共分类" prop="isPub" class="md">
+										<el-switch :disabled="!!isPubs"
+											v-model="isPubs"
+											active-value="1"
+											inactive-value="0"
+											>
+										</el-switch>
+									</el-form-item>
+								    <el-button size="mini" type="text" @click="showAddCategoryForm = false">取消</el-button>
+								    <el-button type="text" size="mini" @click="handleAddCategoryForm">确定</el-button>
+								  </div> 
+								  <el-button  slot="reference" icon="el-icon-plus" round size="mini" :pcategory-id="categoryTree.refreshTree.id" @click="showAddCategory">分类</el-button>
+								</el-popover> 
+								<el-button    round size="mini" @click="getImageCategorys">刷新分类</el-button>
+			 				</div>
+			 				</template>
+				 			<!-- <el-menu-item  index="全部" ><i class="el-icon-tickets"></i>全部</el-menu-item> -->
+				 			<!-- <el-menu-item  :index="o.id" v-for="o in categorys" :key="o.id"><i class="el-icon-tickets"></i>{{o.categoryName}}</el-menu-item> -->
+<!-- 									  <category-tree
+							  :expand-on-click-node="false"
+							  @node-click="handleLeftCategoryTreeNodeClick"
+							  :branch-id="filters.branchId"
+							  ref="imageCategoryTreeTag"
+							></category-tree> -->
+							<category-tree :show-count="false" :refresh="categoryTree.refreshTree" :default-expand-all="true" :expand-on-click-node="false"  v-on:node-click="handleLeftCategoryNodeClick"></category-tree> 
+				 	</el-menu-item-group>
+				</el-menu>
+			</el-col>
+		</el-col>
+		<el-col :span=18  class="rightBox">
+			<el-col :span=24  class="windowTitle">
+				<el-col :span=16 class="windowTitlefistchild">支持jpg和png,建议大小不超过200KB，超过2M将建议裁剪压缩</el-col>
+				<el-col :span=4>
+					<el-upload :disabled="uploadOptions.categoryId==''||uploadOptions.categoryId==null" class="upload-demo"  :show-file-list="false" :action="uploadAction" :on-change="fileChange" :on-success="handleSuccess" :before-upload="beforeupload" :data="uploadOptions" multiple>
+						 <el-tooltip class="item" effect="dark" :content="uploadOptions.categoryId==''?'请先选择分类':'支持jpg和png,建议大小不超过200KB，超过1M将自动裁剪压缩'" placement="top-start">
+						      <el-button   type="primary">点击上传</el-button>
+						    </el-tooltip>
+						
+					</el-upload>
+				</el-col>
+				<el-col :span=4>
+					<el-upload :disabled="uploadOptions.categoryId==''||uploadOptions.categoryId==null" class="upload-demo"  :show-file-list="false" :action="uploadAction" :on-change="fileChangeForShear" :on-success="handleSuccess" :before-upload="beforeupload" :data="uploadOptions" multiple>
+						 <el-tooltip class="item" effect="dark" :content="uploadOptions.categoryId==''?'请先选择分类':'支持jpg和png,建议大小不超过200KB，超过1M将自动裁剪压缩'" placement="top-start">
+						      <el-button   type="warning">裁剪上传</el-button>
+						    </el-tooltip>
+						
+					</el-upload>
+				</el-col>
+			</el-col>
+			
+			<el-col :span=24>
+				<el-col :span=24 type="flex" class="allImg">
+					  <el-col :span=4 v-for="o in images" style="height:200px;width:200px;" :key="o.id" class="imgBox">
+					    <el-card :body-style="{ padding: '0px' }">
+					    	
+					    	<div style="width:100%;position:relative;" :index="o.url"  v-on:click="selectImg(o)"> 
+					    		<div class="blank" v-show="o.show">
+					    			<div class="black_blank"></div>
+						    		<div class="select_blank"></div>
+					    		</div>
+					    		<img :src="converUrl(o.url)" class="image">
+					    	</div>
+					    	<div style="height:18px;width:100%;position:relative;">
+					     	 <span>{{o.name}}</span>
+					      	</div>
+					    </el-card>
+					  </el-col>
+				</el-col>
+			</el-col>
+			<el-col :span="24">
+					<el-pagination  layout="total, sizes, prev,pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination>
+				</el-col>	
+	    </el-col>	
+	</el-row>
+	<el-dialog title="裁剪图片" :visible.sync="shearMngVisible"  width="1100px" top="0px" :close-on-click-modal="false" append-to-body>
+		<shear-mng :visible="shearMngVisible" :imgWidth="imgWidth" :imgHeight="imgHeight" :image="selectImages" :storedb="storedb" :branch-id="uploadOptions.branchId" :category-id="uploadOptions.categoryId" :remark="uploadOptions.remark" @cancel="shearMngVisible=false" @upload-success="uploadSuccess"></shear-mng>
+	</el-dialog> 
+	<el-row class="bottomBox">
+		<el-button type="primary" @click="handleConfirm">确定</el-button>
+		<el-button @click.native="handleCancel">取消</el-button>
+	</el-row>	
+</section>
+</template>
+
+<script>
+	import { listImage } from '@/api/mdp/arc/image';
+	import config from '@/common/config';//全局公共库import 
+	import { listImageCategory,addImageCategory } from '@/api/mdp/arc/imageCategory';
+    import  ImageCategoryTree from './ImageCategoryTree'; //树
+	import ShearMng from './ShearSelectUpload'; 
+	import { mapGetters } from 'vuex'
+	
+	var gimages=[]
+	var gcategorys=[]
+	var gcategoryId=''
+	var gselectImages=[]
+	var isInit=true;
+	
+  	export default {
+  	computed: {
+		    ...mapGetters([
+		      'userInfo','token'
+		    ])
+		},
+  	props:['branchId','remark','value','deptid','visible','imgWidth','imgHeight','storedb','multiple'],
+  	watch:{
+  		'visible':function(visible) {  
+	      }
+  	},
+    data() {
+      return {
+      	uploadAction: config.getArcImagePath()+"/arc/image/upload", 
+        filters: {
+					key: ''
+				}, 
+		images: [],
+        categorys: [],//查询结果
+        pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					count:false,
+					orderFields:['create_date'],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:['desc']//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+		selectImages: [],	 
+		listLoading: false,//查询中...		
+		uploadOptions:{branchId:this.branchId,categoryId:'',fileName:'',remark:'',deptid:this.deptid},//当前选择上传图片的类型
+		shearMngVisible:false,
+		showAddCategoryForm: false,
+		categoryName: '',//分类名称
+		isPub:'',
+		treeId:'',
+		isPubs:'',
+		categoryTree:{//分类树相关参数设置
+			selected:{},//分类树被选中的节点数据	
+			refreshTree:false,
+		},
+      }
+    },
+    methods:{
+    	getImageCategorys(){
+    		let params = {
+    				//jsessionid: this.jsessionid
+				};
+    		if(this.branchId != undefined && this.branchId!= ''){
+				params.branchId = this.branchId;
+        	}else{
+        		this.$message({ message: '请先选择分类，如果分类为空，请联系管理员添加分类', type: 'error' });
+        		return;
+        	}
+				this.listLoading = true;
+				listImageCategory(params).then((res) => {
+				var ttips=res.data.tips;
+					if(ttips.isOk){ 
+						this.categorys = [res.data.data];
+						gcategorys=Object.assign(this.categorys)
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					}
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '通讯异常', type: 'error' });
+				});
+    	}, 
+    	// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+		sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getImageCategorys();
+		},
+		selectImg(image){
+			if(image.show==true){
+				image.show=false;
+				this.selectImages=this.selectImages.filter(i=>i.id!=image.id)
+				gselectImages=Object.assign(this.selectImages)
+			}else{
+				if(!this.multiple){
+					this.images.forEach(i=>{
+						if(i.id!=image.id){ 
+							i.show=false
+						}else{
+							i.show=true
+							image.show=true
+							this.selectImages=[];
+							this.selectImages.push(Object.assign(image))
+							gselectImages=Object.assign(this.selectImages)
+						}
+					});
+				}else{ 
+					image.show=true 
+					this.selectImages.push(Object.assign(image))
+					gselectImages=Object.assign(this.selectImages)
+				} 
+			}
+			
+			
+			//this.$emit('row-click',row, event, column);
+			//this.selectImages=url;
+			
+		},
+		handleSuccess(res,file) {
+			//var jsonData = JSON.stringify(res, null, 4);
+			var tips= res.tips;
+			if(tips.isOk){
+				this.$message({ message: '上传成功', type: 'success' });
+				this.getImages(); 
+			}else{
+				if(tips.msg=='该图片不支持'){
+				this.$message({ message: '该图片不支持', type: 'info' });
+				}else{
+				this.$message({ message: '未知异常', type: 'error' });
+				}
+			}
+		
+		  },
+		  categoryChange(index,indexPath){ 
+			  console.log(index);
+			 	this.uploadOptions.categoryId = index;
+			 	gcategoryId=index
+			 	this.pageInfo.pageNum=1;
+				this.pageInfo.total=0;
+			  	this.getImages();
+		  },
+		  beforeupload(file){
+			  console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx");
+			  console.log(file)
+			  if(this.uploadOptions.categoryId=='' || this.uploadOptions.categoryId==null){
+				  	this.$message({ message: "请选择分类", type: "warning" }); 
+				  	return false;
+				  	}
+			    if(file.size<=1024*2024){//1M
+			    	this.$message({ message: '小于2M的文件可直接上传图片库', type: 'success' });
+			    	return true;
+			    }else{
+			    	this.$message({ message: '为了良好的客户体验，大于2M的文件需经过裁剪压缩处理', type: 'warning' });
+			    	return false;
+			    }
+			  	
+				
+			  },
+		  fileChange(file, fileList) {
+			    var that = this;
+			    //this.imageUrl = URL.createObjectURL(file.raw);
+			    if(file.raw.size<=1024*1024){//1M
+			    	//this.$message({ message: '小于1M的文件可直接上传图片库', type: 'success' });
+			    	return true;
+					} 
+					return true;
+				},
+				
+		  fileChangeForShear(file, fileList) {
+			    var that = this;
+			    var reader = new FileReader();
+			    console.log(file)
+			    reader.readAsDataURL(file.raw); 
+			    reader.onload = function(e){ 
+			       // this.result // 这个就是base64编码了
+			       console.log(this.result);
+			       let image={
+			    		   url:this.result,
+			    		   branchId:that.branchId,
+			    		   categoryId:that.uploadOptions.categoryId,
+			    		   name:file.name,
+			    		   fileSuffix:'',
+			    		   storedb:'1'//是否将文件信息插入数据库表，以便可以在素材库查询
+			       }
+			        that.selectImages = image;
+			       that.shearMngVisible=true
+			    }
+			  },
+		  getImages() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					params.key="%"+this.filters.key+"%"
+				}else{
+					//params.xxx=xxxxx
+				}
+				if(this.uploadOptions.categoryId!='全部' && this.uploadOptions.categoryId!=''&&this.uploadOptions.categoryId!=null){
+					params.categoryId=this.uploadOptions.categoryId;
+				}
+				//params.jsessionid=this.jsessionid;
+				this.listLoading = true;
+				if(this.branchId == undefined || this.branchId== ''){
+					this.$message({ message: '机构不能为空', type: 'warning' });
+					return;
+	        	}
+				params.branchId = this.branchId;
+				this.listLoading = true;
+				listImage(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						var imagesList=res.data.data;
+						this.pageInfo.count=false;
+						imagesList.forEach(i=>i.show=false);
+						this.images = imagesList;
+						gimages=Object.assign(this.images);
+						//在获取图片的时候，对url进行转换
+						/* this.converUrl(this.images); */
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '通讯异常', type: 'error' });
+				});
+			},
+			converUrl(url){
+		    	 if(url!='' && url!=null  && !url.indexOf('http')==0 && !url.indexOf('www')==0){
+		    		 return config.getArcImagePath()+"/"+url;
+		    	 }
+		    	 return url;
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getImages();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getImages();
+			},
+			searchImages(){
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.pageInfo.count=true;
+				this.getImages();
+			},
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			handleConfirm(){
+				if(this.images==null || this.images.length==0){
+					this.$message({ message: '请选择图片', type: 'error' });
+					return
+				}
+				if(this.selectImages==null || this.selectImages.length==0){
+					this.$message({ message: '请选择图片', type: 'error' });
+					return
+				}
+				if(this.multiple){
+					this.$emit('confirm',this.selectImages);
+				}else{
+					this.$emit('confirm',this.selectImages[0]);
+				} 
+				this.$emit('cancel');
+			},
+			uploadSuccess(image){   
+				this.$emit('upload-success',image);
+				this.shearMngVisible=false; 
+				this.searchImages();
+			},
+			showAddCategory(){
+				this.showAddCategoryForm=true
+			},
+			handleAddCategoryForm: function(){
+				
+				let params = {
+					//branchId:this.userInfo.branchId,
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,
+					count: this.pageInfo.count,
+					categoryName:this.categoryName,
+					pid:this.treeId,
+					branchId:this.branchId,
+					isPub:this.isPubs,
+					
+				};
+				if(this.categoryName==''){
+					this.$message({ message: '请输入分类名字', type: 'error' });
+					return
+				}
+				addImageCategory(params).then(res=>{
+					if(res.data.tips.isOk){
+						this.showAddCategoryForm=false
+						this.getImageCategorys()
+					}else{
+						this.$message({ message: res.data.tips.msg, type: 'error' });
+					}
+				})
+			},
+			rowClick: function(row, event, column){
+				debugger
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			},
+			handleLeftCategoryNodeClick(row, node,comp) {
+				// debugger
+				this.filters.queryByCategory=true;
+				// this.categoryTree.selected=data;
+				this.uploadOptions.categoryId=row.id;
+				this.category=row;
+				this.pageInfo.count=true;
+				this.treeId=row.id;
+				this.isPubs=row.isPub;
+				this.searchImages();
+			},
+    },
+    components: {
+"category-tree": ImageCategoryTree,
+		'shear-mng':ShearMng 
+		    //在下面添加其它组件
+		}, 
+	mounted() {
+			 if(isInit==true){
+				 this.getImageCategorys(); 
+				 isInit=false
+			 }else{
+				 this.categorys=Object.assign(gcategorys)
+				 this.images=Object.assign(gimages) 
+				 this.selectImages=Object.assign(gselectImages)
+			 }
+			 this.uploadOptions.categoryId=gcategoryId  
+		}
+    
+  }
+</script>
+
+<style>
+.uploadImgWindow{
+	height: 500px; 
+	border: 1px solid #eee;
+	text-align: center;
+	color: #333;
+}
+.leftBox{
+	height:100%;
+	border-right: 1px solid #ccc;
+}
+.rightBox{
+	height:100%;
+	overflow:hidden;
+}
+.allImg{
+	height:400px;
+	overflow-y :auto;
+}
+.windowTitle{
+    border-bottom: 1px solid #ccc;
+    height: 45px;
+    line-height: 42px;
+    text-align: right;
+    padding-right:20px;
+    margin-bottom: 2px;
+}
+.bottomBox{
+	text-align:center;
+	padding:15px;
+}
+
+  .el-row {
+   flex-wrap: wrap;
+    margin-bottom: 6px;
+  }
+
+  ul>li{
+  	text-align:left;
+  }
+  
+  .el-row>.imgBox{
+  	width:200px;
+  	height:200px;
+  }
+	.blank{
+		position:relative;
+	}
+  .black_blank{
+  	position: absolute;
+    top: 0;
+    left: 0;
+	background:rgba(0,0,0,.6);
+    width: 100%;
+    height: 160px;
+    vertical-align: middle;
+    display: inline-block;
+  } 
+  .select_blank{
+  	position: absolute;
+    top: 0;
+    left: 0;
+    background: transparent url(../../assets/image/selected_image.png) no-repeat 0 0;
+    width: 100%;
+    height: 80px;
+    vertical-align: top;
+    display: inline-block;
+    background-position: 50% 70%;
+  }
+  
+  .image {
+    max-width: 200px;
+    max-height:160px;
+  }
+  .info{
+  	width:100%;
+  	padding-top:3px;
+  	line-height:20px;
+  }	
+  .windowTitlefistchild{
+    text-align: left;
+   	padding-left: 12px;
+  }
+
+</style>
\ No newline at end of file
diff --git a/src/components/ImageCropper/index.vue b/src/components/ImageCropper/index.vue
new file mode 100644
index 0000000..c1dade3
--- /dev/null
+++ b/src/components/ImageCropper/index.vue
@@ -0,0 +1,1416 @@
+<template>
+<div class="vue-image-crop-upload" v-show="value">
+  <div class="vicp-wrap">
+    <div class="vicp-close" @click="off">
+      <i class="vicp-icon4"></i>
+    </div>
+
+    <div class="vicp-step1" v-show="step == 1">
+      <div class="vicp-drop-area" @dragleave="preventDefault" @dragover="preventDefault" @dragenter="preventDefault" @click="handleClick" @drop="handleChange">
+        <i class="vicp-icon1" v-show="loading != 1">
+        <i class="vicp-icon1-arrow"></i>
+        <i class="vicp-icon1-body"></i>
+        <i class="vicp-icon1-bottom"></i>
+        </i>
+        <span class="vicp-hint" v-show="loading !== 1">{{ lang.hint }}</span>
+        <span class="vicp-no-supported-hint" v-show="!isSupported">{{ lang.noSupported }}</span>
+        <input type="file" v-show="false" v-if="step == 1" @change="handleChange" ref="fileinput">
+      </div>
+      <div class="vicp-error" v-show="hasError">
+        <i class="vicp-icon2"></i> {{ errorMsg }}
+      </div>
+      <div class="vicp-operate">
+        <a @click="off" @mousedown="ripple">{{ lang.btn.off }}</a>
+      </div>
+    </div>
+
+    <div class="vicp-step2" v-if="step == 2">
+      <div class="vicp-crop">
+        <div class="vicp-crop-left" v-show="true">
+          <div class="vicp-img-container">
+            <img :src="sourceImgUrl" :style="sourceImgStyle" class="vicp-img" draggable="false"
+              @drag="preventDefault"
+              @dragstart="preventDefault"
+              @dragend="preventDefault"
+              @dragleave="preventDefault"
+              @dragover="preventDefault"
+              @dragenter="preventDefault"
+              @drop="preventDefault"
+              @touchstart="imgStartMove"
+              @touchmove="imgMove"
+              @touchend="createImg"
+              @touchcancel="createImg"
+              @mousedown="imgStartMove"
+              @mousemove="imgMove"
+              @mouseup="createImg"
+              @mouseout="createImg"
+              ref="img">
+            <div class="vicp-img-shade vicp-img-shade-1" :style="sourceImgShadeStyle"></div>
+            <div class="vicp-img-shade vicp-img-shade-2" :style="sourceImgShadeStyle"></div>
+          </div>
+
+          <div class="vicp-range">
+            <input type="range" :value="scale.range" step="1" min="0" max="100" @input="zoomChange">
+            <i @mousedown="startZoomSub" @mouseout="endZoomSub" @mouseup="endZoomSub" class="vicp-icon5"></i>
+            <i @mousedown="startZoomAdd" @mouseout="endZoomAdd" @mouseup="endZoomAdd" class="vicp-icon6"></i>
+          </div>
+
+          <div class="vicp-rotate" v-if="!noRotate">
+                        <i @mousedown="startRotateLeft" @mouseout="endRotate" @mouseup="endRotate">↺</i>
+                        <i @mousedown="startRotateRight" @mouseout="endRotate" @mouseup="endRotate">↻</i>
+                    </div>
+        </div>
+        <div class="vicp-crop-right" v-show="true">
+          <div class="vicp-preview">
+            <div class="vicp-preview-item" v-if="!noSquare">
+              <img :src="createImgUrl" :style="previewStyle">
+              <span>{{ lang.preview }}</span>
+            </div>
+            <div class="vicp-preview-item vicp-preview-item-circle" v-if="!noCircle">
+              <img :src="createImgUrl" :style="previewStyle">
+              <span>{{ lang.preview }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="vicp-operate">
+        <a @click="setStep(1)" @mousedown="ripple">{{ lang.btn.back }}</a>
+        <a class="vicp-operate-btn" @click="prepareUpload" @mousedown="ripple">{{ lang.btn.save }}</a>
+      </div>
+    </div>
+
+    <div class="vicp-step3" v-if="step == 3">
+      <div class="vicp-upload">
+        <span class="vicp-loading" v-show="loading === 1">{{ lang.loading }}</span>
+        <div class="vicp-progress-wrap">
+          <span class="vicp-progress" v-show="loading === 1" :style="progressStyle"></span>
+        </div>
+        <div class="vicp-error" v-show="hasError">
+          <i class="vicp-icon2"></i> {{ errorMsg }}
+        </div>
+        <div class="vicp-success" v-show="loading === 2">
+          <i class="vicp-icon3"></i> {{ lang.success }}
+        </div>
+      </div>
+      <div class="vicp-operate">
+        <a @click="setStep(2)" @mousedown="ripple">{{ lang.btn.back }}</a>
+        <a @click="off" @mousedown="ripple">{{ lang.btn.close }}</a>
+      </div>
+    </div>
+    <canvas v-show="false" :width="width" :height="height" ref="canvas"></canvas>
+  </div>
+</div>
+</template>
+
+<script>
+ /* eslint-disable */
+'use strict'
+import request from '@/utils/request'
+import language from './utils/language.js'
+import mimes from './utils/mimes.js'
+import data2blob from './utils/data2blob.js'
+import effectRipple from './utils/effectRipple.js'
+export default {
+  props: {
+    // 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分
+    field: {
+      type: String,
+      'default': 'avatar'
+    },
+    // 原名key，类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分
+    ki: {
+      'default': 0
+    },
+    // 显示该控件与否
+    value: {
+      'default': true
+    },
+    // 上传地址
+    url: {
+      type: String,
+      'default': ''
+    },
+    // 其他要上传文件附带的数据，对象格式
+    params: {
+      type: Object,
+      'default': null
+    },
+    // Add custom headers
+    headers: {
+      type: Object,
+      'default': null
+    },
+    // 剪裁图片的宽
+    width: {
+      type: Number,
+      default: 200
+    },
+    // 剪裁图片的高
+    height: {
+      type: Number,
+      default: 200
+    },
+    // 不显示旋转功能
+    noRotate: {
+      type: Boolean,
+      default: true
+    },
+    // 不预览圆形图片
+    noCircle: {
+      type: Boolean,
+      default: false
+    },
+    // 不预览方形图片
+    noSquare: {
+      type: Boolean,
+      default: false
+    },
+    // 单文件大小限制
+    maxSize: {
+      type: Number,
+      'default': 10240
+    },
+    // 语言类型
+    langType: {
+      type: String,
+      'default': 'zh'
+    },
+    // 语言包
+    langExt: {
+      type: Object,
+      'default': null
+    },
+    // 图片上传格式
+    imgFormat: {
+      type: String,
+      'default': 'png'
+    },
+    // 是否支持跨域
+    withCredentials: {
+      type: Boolean,
+      'default': false
+    }
+  },
+  data() {
+    const that = this
+    const {
+      imgFormat,
+      langType,
+      langExt,
+      width,
+      height
+    } = that
+    let isSupported = true
+    const allowImgFormat = [
+      'jpg',
+      'png'
+    ]
+    const tempImgFormat = allowImgFormat.indexOf(imgFormat) === -1 ? 'jpg' : imgFormat
+    const lang = language[langType] ? language[langType] : language['en']
+    const mime = mimes[tempImgFormat]
+    // 规范图片格式
+    that.imgFormat = tempImgFormat
+    if (langExt) {
+      Object.assign(lang, langExt)
+    }
+    if (typeof FormData !== 'function') {
+      isSupported = false
+    }
+    return {
+      // 图片的mime
+      mime,
+      // 语言包
+      lang,
+      // 浏览器是否支持该控件
+      isSupported,
+      // 浏览器是否支持触屏事件
+      isSupportTouch: document.hasOwnProperty('ontouchstart'),
+      // 步骤
+      step: 1, // 1选择文件 2剪裁 3上传
+      // 上传状态及进度
+      loading: 0, // 0未开始 1正在 2成功 3错误
+      progress: 0,
+      // 是否有错误及错误信息
+      hasError: false,
+      errorMsg: '',
+      // 需求图宽高比
+      ratio: width / height,
+      // 原图地址、生成图片地址
+      sourceImg: null,
+      sourceImgUrl: '',
+      createImgUrl: '',
+      // 原图片拖动事件初始值
+      sourceImgMouseDown: {
+        on: false,
+        mX: 0, // 鼠标按下的坐标
+        mY: 0,
+        x: 0, // scale原图坐标
+        y: 0
+      },
+      // 生成图片预览的容器大小
+      previewContainer: {
+        width: 100,
+        height: 100
+      },
+      // 原图容器宽高
+      sourceImgContainer: { // sic
+        width: 240,
+        height: 184 // 如果生成图比例与此一致会出现bug，先改成特殊的格式吧，哈哈哈
+      },
+      // 原图展示属性
+      scale: {
+        zoomAddOn: false, // 按钮缩放事件开启
+        zoomSubOn: false, // 按钮缩放事件开启
+        range: 1, // 最大100
+        rotateLeft: false, // 按钮向左旋转事件开启
+        rotateRight: false, // 按钮向右旋转事件开启
+        degree: 0, // 旋转度数
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+        maxWidth: 0,
+        maxHeight: 0,
+        minWidth: 0, // 最宽
+        minHeight: 0,
+        naturalWidth: 0, // 原宽
+        naturalHeight: 0
+      }
+    }
+  },
+  computed: {
+    // 进度条样式
+    progressStyle() {
+      const {
+        progress
+      } = this
+      return {
+        width: progress + '%'
+      }
+    },
+    // 原图样式
+    sourceImgStyle() {
+      const {
+        scale,
+        sourceImgMasking
+      } = this
+      const top = scale.y + sourceImgMasking.y + 'px'
+      const left = scale.x + sourceImgMasking.x + 'px'
+      return {
+        top,
+        left,
+        width: scale.width + 'px',
+        height: scale.height + 'px',
+        transform: 'rotate(' + scale.degree + 'deg)', // 旋转时 左侧原始图旋转样式
+        '-ms-transform': 'rotate(' + scale.degree + 'deg)', // 兼容IE9
+        '-moz-transform': 'rotate(' + scale.degree + 'deg)', // 兼容FireFox
+        '-webkit-transform': 'rotate(' + scale.degree + 'deg)', // 兼容Safari 和 chrome
+        '-o-transform': 'rotate(' + scale.degree + 'deg)' // 兼容 Opera
+      }
+    },
+    // 原图蒙版属性
+    sourceImgMasking() {
+      const {
+        width,
+        height,
+        ratio,
+        sourceImgContainer
+      } = this
+      const sic = sourceImgContainer
+      const sicRatio = sic.width / sic.height // 原图容器宽高比
+      let x = 0
+      let y = 0
+      let w = sic.width
+      let h = sic.height
+      let scale = 1
+      if (ratio < sicRatio) {
+        scale = sic.height / height
+        w = sic.height * ratio
+        x = (sic.width - w) / 2
+      }
+      if (ratio > sicRatio) {
+        scale = sic.width / width
+        h = sic.width / ratio
+        y = (sic.height - h) / 2
+      }
+      return {
+        scale, // 蒙版相对需求宽高的缩放
+        x,
+        y,
+        width: w,
+        height: h
+      }
+    },
+    // 原图遮罩样式
+    sourceImgShadeStyle() {
+      const {
+        sourceImgMasking,
+        sourceImgContainer
+      } = this
+      const sic = sourceImgContainer
+      const sim = sourceImgMasking
+      const w = sim.width == sic.width ? sim.width : (sic.width - sim.width) / 2
+      const h = sim.height == sic.height ? sim.height : (sic.height - sim.height) / 2
+      return {
+        width: w + 'px',
+        height: h + 'px'
+      }
+    },
+    previewStyle() {
+      const {
+        width,
+        height,
+        ratio,
+        previewContainer
+      } = this
+      const pc = previewContainer
+      let w = pc.width
+      let h = pc.height
+      const pcRatio = w / h
+      if (ratio < pcRatio) {
+        w = pc.height * ratio
+      }
+      if (ratio > pcRatio) {
+        h = pc.width / ratio
+      }
+      return {
+        width: w + 'px',
+        height: h + 'px'
+      }
+    }
+  },
+  watch: {
+    value(newValue) {
+      if (newValue && this.loading != 1) {
+        this.reset()
+      }
+    }
+  },
+  methods: {
+    // 点击波纹效果
+    ripple(e) {
+      effectRipple(e)
+    },
+    // 关闭控件
+    off() {
+      setTimeout(() => {
+        this.$emit('input', false)
+        this.$emit('close')
+        if (this.step == 3 && this.loading == 2) {
+          this.setStep(1)
+        }
+      }, 200)
+    },
+    // 设置步骤
+    setStep(no) {
+      // 延时是为了显示动画效果呢，哈哈哈
+      setTimeout(() => {
+        this.step = no
+      }, 200)
+    },
+    /* 图片选择区域函数绑定
+     ---------------------------------------------------------------*/
+    preventDefault(e) {
+      e.preventDefault()
+      return false
+    },
+    handleClick(e) {
+      if (this.loading !== 1) {
+        if (e.target !== this.$refs.fileinput) {
+          e.preventDefault()
+          if (document.activeElement !== this.$refs) {
+            this.$refs.fileinput.click()
+          }
+        }
+      }
+    },
+    handleChange(e) {
+      e.preventDefault()
+      if (this.loading !== 1) {
+        const files = e.target.files || e.dataTransfer.files
+        this.reset()
+        if (this.checkFile(files[0])) {
+          this.setSourceImg(files[0])
+        }
+      }
+    },
+    /* ---------------------------------------------------------------*/
+    // 检测选择的文件是否合适
+    checkFile(file) {
+      let that = this,
+        {
+          lang,
+          maxSize
+        } = that
+      // 仅限图片
+      if (file.type.indexOf('image') === -1) {
+        that.hasError = true
+        that.errorMsg = lang.error.onlyImg
+        return false
+      }
+      // 超出大小
+      if (file.size / 1024 > maxSize) {
+        that.hasError = true
+        that.errorMsg = lang.error.outOfSize + maxSize + 'kb'
+        return false
+      }
+      return true
+    },
+    // 重置控件
+    reset() {
+      const that = this
+      that.loading = 0
+      that.hasError = false
+      that.errorMsg = ''
+      that.progress = 0
+    },
+    // 设置图片源
+    setSourceImg(file) {
+      let that = this,
+        fr = new FileReader()
+      fr.onload = function(e) {
+        that.sourceImgUrl = fr.result
+        that.startCrop()
+      }
+      fr.readAsDataURL(file)
+    },
+    // 剪裁前准备工作
+    startCrop() {
+      let that = this,
+        {
+          width,
+          height,
+          ratio,
+          scale,
+          sourceImgUrl,
+          sourceImgMasking,
+          lang
+        } = that,
+        sim = sourceImgMasking,
+        img = new Image()
+      img.src = sourceImgUrl
+      img.onload = function() {
+        let nWidth = img.naturalWidth,
+          nHeight = img.naturalHeight,
+          nRatio = nWidth / nHeight,
+          w = sim.width,
+          h = sim.height,
+          x = 0,
+          y = 0
+        // 图片像素不达标
+        if (nWidth < width || nHeight < height) {
+          that.hasError = true
+          that.errorMsg = lang.error.lowestPx + width + '*' + height
+          return false
+        }
+        if (ratio > nRatio) {
+          h = w / nRatio
+          y = (sim.height - h) / 2
+        }
+        if (ratio < nRatio) {
+          w = h * nRatio
+          x = (sim.width - w) / 2
+        }
+        scale.range = 0
+        scale.x = x
+        scale.y = y
+        scale.width = w
+        scale.height = h
+        scale.degree = 0
+        scale.minWidth = w
+        scale.minHeight = h
+        scale.maxWidth = nWidth * sim.scale
+        scale.maxHeight = nHeight * sim.scale
+        scale.naturalWidth = nWidth
+        scale.naturalHeight = nHeight
+        that.sourceImg = img
+        that.createImg()
+        that.setStep(2)
+      }
+    },
+    // 鼠标按下图片准备移动
+    imgStartMove(e) {
+      e.preventDefault()
+      // 支持触摸事件，则鼠标事件无效
+      if (this.isSupportTouch && !e.targetTouches) {
+        return false
+      }
+      let et = e.targetTouches ? e.targetTouches[0] : e,
+        {
+          sourceImgMouseDown,
+          scale
+        } = this,
+        simd = sourceImgMouseDown
+      simd.mX = et.screenX
+      simd.mY = et.screenY
+      simd.x = scale.x
+      simd.y = scale.y
+      simd.on = true
+    },
+    // 鼠标按下状态下移动，图片移动
+    imgMove(e) {
+      e.preventDefault()
+      // 支持触摸事件，则鼠标事件无效
+      if (this.isSupportTouch && !e.targetTouches) {
+        return false
+      }
+      let et = e.targetTouches ? e.targetTouches[0] : e,
+        {
+          sourceImgMouseDown: {
+            on,
+            mX,
+            mY,
+            x,
+            y
+          },
+          scale,
+          sourceImgMasking
+        } = this,
+        sim = sourceImgMasking,
+        nX = et.screenX,
+        nY = et.screenY,
+        dX = nX - mX,
+        dY = nY - mY,
+        rX = x + dX,
+        rY = y + dY
+      if (!on) return
+      if (rX > 0) {
+        rX = 0
+      }
+      if (rY > 0) {
+        rY = 0
+      }
+      if (rX < sim.width - scale.width) {
+        rX = sim.width - scale.width
+      }
+      if (rY < sim.height - scale.height) {
+        rY = sim.height - scale.height
+      }
+      scale.x = rX
+      scale.y = rY
+    },
+     // 按钮按下开始向右旋转
+    startRotateRight(e) {
+      let that = this,
+        {
+          scale
+        } = that
+      scale.rotateRight = true
+      function rotate() {
+        if (scale.rotateRight) {
+          const degree = ++scale.degree
+          that.createImg(degree)
+          setTimeout(function() {
+            rotate()
+          }, 60)
+        }
+      }
+      rotate()
+    },
+    // 按钮按下开始向右旋转
+    startRotateLeft(e) {
+      let that = this,
+        {
+          scale
+        } = that
+      scale.rotateLeft = true
+      function rotate() {
+        if (scale.rotateLeft) {
+          const degree = --scale.degree
+          that.createImg(degree)
+          setTimeout(function() {
+            rotate()
+          }, 60)
+        }
+      }
+      rotate()
+    },
+    // 停止旋转
+    endRotate() {
+      const {
+        scale
+      } = this
+      scale.rotateLeft = false
+      scale.rotateRight = false
+    },
+    // 按钮按下开始放大
+    startZoomAdd(e) {
+      let that = this,
+        {
+          scale
+        } = that
+      scale.zoomAddOn = true
+      function zoom() {
+        if (scale.zoomAddOn) {
+          const range = scale.range >= 100 ? 100 : ++scale.range
+          that.zoomImg(range)
+          setTimeout(function() {
+            zoom()
+          }, 60)
+        }
+      }
+      zoom()
+    },
+    // 按钮松开或移开取消放大
+    endZoomAdd(e) {
+      this.scale.zoomAddOn = false
+    },
+    // 按钮按下开始缩小
+    startZoomSub(e) {
+      let that = this,
+        {
+          scale
+        } = that
+      scale.zoomSubOn = true
+      function zoom() {
+        if (scale.zoomSubOn) {
+          const range = scale.range <= 0 ? 0 : --scale.range
+          that.zoomImg(range)
+          setTimeout(function() {
+            zoom()
+          }, 60)
+        }
+      }
+      zoom()
+    },
+    // 按钮松开或移开取消缩小
+    endZoomSub(e) {
+      const {
+        scale
+      } = this
+      scale.zoomSubOn = false
+    },
+    zoomChange(e) {
+      this.zoomImg(e.target.value)
+    },
+    // 缩放原图
+    zoomImg(newRange) {
+      const that = this
+      const {
+        sourceImgMasking,
+        sourceImgMouseDown,
+        scale
+      } = this
+      const {
+        maxWidth,
+        maxHeight,
+        minWidth,
+        minHeight,
+        width,
+        height,
+        x,
+        y,
+        range
+      } = scale
+      const sim = sourceImgMasking
+      // 蒙版宽高
+      const sWidth = sim.width
+      const sHeight = sim.height
+      // 新宽高
+      const nWidth = minWidth + (maxWidth - minWidth) * newRange / 100
+      const nHeight = minHeight + (maxHeight - minHeight) * newRange / 100
+      // 新坐标（根据蒙版中心点缩放）
+      let nX = sWidth / 2 - (nWidth / width) * (sWidth / 2 - x)
+      let nY = sHeight / 2 - (nHeight / height) * (sHeight / 2 - y)
+      // 判断新坐标是否超过蒙版限制
+      if (nX > 0) {
+        nX = 0
+      }
+      if (nY > 0) {
+        nY = 0
+      }
+      if (nX < sWidth - nWidth) {
+        nX = sWidth - nWidth
+      }
+      if (nY < sHeight - nHeight) {
+        nY = sHeight - nHeight
+      }
+      // 赋值处理
+      scale.x = nX
+      scale.y = nY
+      scale.width = nWidth
+      scale.height = nHeight
+      scale.range = newRange
+      setTimeout(function() {
+        if (scale.range == newRange) {
+          that.createImg()
+        }
+      }, 300)
+    },
+     // 生成需求图片
+    createImg(e) {
+      let that = this,
+        {
+          mime,
+          sourceImg,
+          scale: {
+            x,
+            y,
+            width,
+            height,
+            degree
+          },
+          sourceImgMasking: {
+            scale
+          }
+        } = that,
+        canvas = that.$refs.canvas,
+        ctx = canvas.getContext('2d')
+      if (e) {
+        // 取消鼠标按下移动状态
+        that.sourceImgMouseDown.on = false
+      }
+      canvas.width = that.width
+      canvas.height = that.height
+      ctx.clearRect(0, 0, that.width, that.height)
+      // 将透明区域设置为白色底边
+      ctx.fillStyle = '#fff'
+      ctx.fillRect(0, 0, that.width, that.height)
+      ctx.translate(that.width * 0.5, that.height * 0.5)
+      ctx.rotate(Math.PI * degree / 180)
+      ctx.translate(-that.width * 0.5, -that.height * 0.5)
+      ctx.drawImage(sourceImg, x / scale, y / scale, width / scale, height / scale)
+      that.createImgUrl = canvas.toDataURL(mime)
+    },
+    prepareUpload() {
+      const {
+        url,
+        createImgUrl,
+        field,
+        ki
+      } = this
+      this.$emit('crop-success', createImgUrl, field, ki)
+      if (typeof url === 'string' && url) {
+        this.upload()
+      } else {
+        this.off()
+      }
+    },
+    // 上传图片
+    upload() {
+      let that = this,
+        {
+          lang,
+          imgFormat,
+          mime,
+          url,
+          params,
+          headers,
+          field,
+          ki,
+          createImgUrl,
+          withCredentials
+        } = this,
+        fmData = new FormData()
+      fmData.append(field, data2blob(createImgUrl, mime), field + '.' + imgFormat)
+      // 添加其他参数
+      if (typeof params === 'object' && params) {
+        Object.keys(params).forEach((k) => {
+          fmData.append(k, params[k])
+        })
+      }
+      // 监听进度回调
+      const uploadProgress = function(event) {
+        if (event.lengthComputable) {
+          that.progress = 100 * Math.round(event.loaded) / event.total
+        }
+      }
+      // 上传文件
+      that.reset()
+      that.loading = 1
+      that.setStep(3)
+      request({
+        url,
+        method: 'post',
+        data: fmData
+      }).then(resData => {
+        that.loading = 2
+        that.$emit('crop-upload-success', resData.data)
+      }).catch(err => {
+        if (that.value) {
+          that.loading = 3
+          that.hasError = true
+          that.errorMsg = lang.fail
+          that.$emit('crop-upload-fail', err, field, ki)
+        }
+      })
+    }
+  },
+  created() {
+    // 绑定按键esc隐藏此插件事件
+    document.addEventListener('keyup', (e) => {
+      if (this.value && (e.key == 'Escape' || e.keyCode == 27)) {
+        this.off()
+      }
+    })
+  }
+}
+</script>
+
+<!--
+<style lang='sass' src="./scss/upload.scss">
+</style> -->
+
+<style>
+@charset "UTF-8";
+@-webkit-keyframes vicp_progress {
+  0% {
+    background-position-y: 0; }
+  100% {
+    background-position-y: 40px; } }
+@keyframes vicp_progress {
+  0% {
+    background-position-y: 0; }
+  100% {
+    background-position-y: 40px; } }
+@-webkit-keyframes vicp {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0) translatey(-60px);
+            transform: scale(0) translatey(-60px); }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1) translatey(0);
+            transform: scale(1) translatey(0); } }
+@keyframes vicp {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0) translatey(-60px);
+            transform: scale(0) translatey(-60px); }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1) translatey(0);
+            transform: scale(1) translatey(0); } }
+.vue-image-crop-upload {
+  position: fixed;
+  display: block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  z-index: 10000;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.65);
+  -webkit-tap-highlight-color: transparent;
+  -moz-tap-highlight-color: transparent; }
+  .vue-image-crop-upload .vicp-wrap {
+    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+    position: fixed;
+    display: block;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    z-index: 10000;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    width: 600px;
+    height: 330px;
+    padding: 25px;
+    background-color: #fff;
+    border-radius: 2px;
+    -webkit-animation: vicp 0.12s ease-in;
+            animation: vicp 0.12s ease-in; }
+    .vue-image-crop-upload .vicp-wrap .vicp-close {
+      position: absolute;
+      right: -30px;
+      top: -30px; }
+      .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4 {
+        position: relative;
+        display: block;
+        width: 30px;
+        height: 30px;
+        cursor: pointer;
+        -webkit-transition: -webkit-transform 0.18s;
+        transition: -webkit-transform 0.18s;
+        transition: transform 0.18s;
+        transition: transform 0.18s, -webkit-transform 0.18s;
+        -webkit-transform: rotate(0);
+            -ms-transform: rotate(0);
+                transform: rotate(0); }
+        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after, .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before {
+          -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+                  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+          content: '';
+          position: absolute;
+          top: 12px;
+          left: 4px;
+          width: 20px;
+          height: 3px;
+          -webkit-transform: rotate(45deg);
+              -ms-transform: rotate(45deg);
+                  transform: rotate(45deg);
+          background-color: #fff; }
+        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after {
+          -webkit-transform: rotate(-45deg);
+              -ms-transform: rotate(-45deg);
+                  transform: rotate(-45deg); }
+        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {
+          -webkit-transform: rotate(90deg);
+              -ms-transform: rotate(90deg);
+                  transform: rotate(90deg); }
+    .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area {
+      position: relative;
+      -webkit-box-sizing: border-box;
+              box-sizing: border-box;
+      padding: 35px;
+      height: 170px;
+      background-color: rgba(0, 0, 0, 0.03);
+      text-align: center;
+      border: 1px dashed rgba(0, 0, 0, 0.08);
+      overflow: hidden; }
+      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 {
+        display: block;
+        margin: 0 auto 6px;
+        width: 42px;
+        height: 42px;
+        overflow: hidden; }
+        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow {
+          display: block;
+          margin: 0 auto;
+          width: 0;
+          height: 0;
+          border-bottom: 14.7px solid rgba(0, 0, 0, 0.3);
+          border-left: 14.7px solid transparent;
+          border-right: 14.7px solid transparent; }
+        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body {
+          display: block;
+          width: 12.6px;
+          height: 14.7px;
+          margin: 0 auto;
+          background-color: rgba(0, 0, 0, 0.3); }
+        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom {
+          -webkit-box-sizing: border-box;
+                  box-sizing: border-box;
+          display: block;
+          height: 12.6px;
+          border: 6px solid rgba(0, 0, 0, 0.3);
+          border-top: none; }
+      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint {
+        display: block;
+        padding: 15px;
+        font-size: 14px;
+        color: #666;
+        line-height: 30px; }
+      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint {
+        display: block;
+        position: absolute;
+        top: 0;
+        left: 0;
+        padding: 30px;
+        width: 100%;
+        height: 60px;
+        line-height: 30px;
+        background-color: #eee;
+        text-align: center;
+        color: #666;
+        font-size: 14px; }
+      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover {
+        cursor: pointer;
+        border-color: rgba(0, 0, 0, 0.1);
+        background-color: rgba(0, 0, 0, 0.05); }
+    .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {
+      overflow: hidden; }
+      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {
+        float: left; }
+        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container {
+          position: relative;
+          display: block;
+          width: 240px;
+          height: 180px;
+          background-color: #e5e5e0;
+          overflow: hidden; }
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img {
+            position: absolute;
+            display: block;
+            cursor: move;
+            -webkit-user-select: none;
+               -moz-user-select: none;
+                -ms-user-select: none;
+                    user-select: none; }
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade {
+            -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+                    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+            position: absolute;
+            background-color: rgba(241, 242, 243, 0.8); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1 {
+              top: 0;
+              left: 0; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2 {
+              bottom: 0;
+              right: 0; }
+        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate {
+          position: relative;
+          width: 240px;
+          height: 18px; }
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i {
+            display: block;
+            width: 18px;
+            height: 18px;
+            border-radius: 100%;
+            line-height: 18px;
+            text-align: center;
+            font-size: 12px;
+            font-weight: bold;
+            background-color: rgba(0, 0, 0, 0.08);
+            color: #fff;
+            overflow: hidden; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:hover {
+              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+              cursor: pointer;
+              background-color: rgba(0, 0, 0, 0.14); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child {
+              float: left; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child {
+              float: right; }
+        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range {
+          position: relative;
+          margin: 30px 0 10px 0;
+          width: 240px;
+          height: 18px; }
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5,
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {
+            position: absolute;
+            top: 0;
+            width: 18px;
+            height: 18px;
+            border-radius: 100%;
+            background-color: rgba(0, 0, 0, 0.08); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover,
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover {
+              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+              cursor: pointer;
+              background-color: rgba(0, 0, 0, 0.14); }
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 {
+            left: 0; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before {
+              position: absolute;
+              content: '';
+              display: block;
+              left: 3px;
+              top: 8px;
+              width: 12px;
+              height: 2px;
+              background-color: #fff; }
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {
+            right: 0; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before {
+              position: absolute;
+              content: '';
+              display: block;
+              left: 3px;
+              top: 8px;
+              width: 12px;
+              height: 2px;
+              background-color: #fff; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after {
+              position: absolute;
+              content: '';
+              display: block;
+              top: 3px;
+              left: 8px;
+              width: 2px;
+              height: 12px;
+              background-color: #fff; }
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range] {
+            display: block;
+            padding-top: 5px;
+            margin: 0 auto;
+            width: 180px;
+            height: 8px;
+            vertical-align: top;
+            background: transparent;
+            -webkit-appearance: none;
+               -moz-appearance: none;
+                    appearance: none;
+            cursor: pointer;
+            /* 滑块
+               ---------------------------------------------------------------*/
+            /* 轨道
+               ---------------------------------------------------------------*/ }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus {
+              outline: none; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-thumb {
+              -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+                      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+              -webkit-appearance: none;
+                      appearance: none;
+              margin-top: -3px;
+              width: 12px;
+              height: 12px;
+              background-color: #61c091;
+              border-radius: 100%;
+              border: none;
+              -webkit-transition: 0.2s;
+              transition: 0.2s; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-thumb {
+              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+              -moz-appearance: none;
+                   appearance: none;
+              width: 12px;
+              height: 12px;
+              background-color: #61c091;
+              border-radius: 100%;
+              border: none;
+              -webkit-transition: 0.2s;
+              transition: 0.2s; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-thumb {
+              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+              appearance: none;
+              width: 12px;
+              height: 12px;
+              background-color: #61c091;
+              border: none;
+              border-radius: 100%;
+              -webkit-transition: 0.2s;
+              transition: 0.2s; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-moz-range-thumb {
+              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+              width: 14px;
+              height: 14px; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-ms-thumb {
+              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+              width: 14px;
+              height: 14px; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-webkit-slider-thumb {
+              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+              margin-top: -4px;
+              width: 14px;
+              height: 14px; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-runnable-track {
+              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+              width: 100%;
+              height: 6px;
+              cursor: pointer;
+              border-radius: 2px;
+              border: none;
+              background-color: rgba(68, 170, 119, 0.3); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-track {
+              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+              width: 100%;
+              height: 6px;
+              cursor: pointer;
+              border-radius: 2px;
+              border: none;
+              background-color: rgba(68, 170, 119, 0.3); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-track {
+              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+              width: 100%;
+              cursor: pointer;
+              background: transparent;
+              border-color: transparent;
+              color: transparent;
+              height: 6px;
+              border-radius: 2px;
+              border: none; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-lower {
+              background-color: rgba(68, 170, 119, 0.3); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-upper {
+              background-color: rgba(68, 170, 119, 0.15); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-webkit-slider-runnable-track {
+              background-color: rgba(68, 170, 119, 0.5); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-moz-range-track {
+              background-color: rgba(68, 170, 119, 0.5); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-lower {
+              background-color: rgba(68, 170, 119, 0.45); }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-upper {
+              background-color: rgba(68, 170, 119, 0.25); }
+      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {
+        float: right; }
+        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {
+          height: 150px;
+          overflow: hidden; }
+          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item {
+            position: relative;
+            padding: 5px;
+            width: 100px;
+            height: 100px;
+            float: left;
+            margin-right: 16px; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span {
+              position: absolute;
+              bottom: -30px;
+              width: 100%;
+              font-size: 14px;
+              color: #bbb;
+              display: block;
+              text-align: center; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img {
+              position: absolute;
+              display: block;
+              top: 0;
+              bottom: 0;
+              left: 0;
+              right: 0;
+              margin: auto;
+              padding: 3px;
+              background-color: #fff;
+              border: 1px solid rgba(0, 0, 0, 0.15);
+              overflow: hidden;
+              -webkit-user-select: none;
+                 -moz-user-select: none;
+                  -ms-user-select: none;
+                      user-select: none; }
+            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {
+              margin-right: 0; }
+              .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle img {
+                border-radius: 100%; }
+    .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload {
+      position: relative;
+      -webkit-box-sizing: border-box;
+              box-sizing: border-box;
+      padding: 35px;
+      height: 170px;
+      background-color: rgba(0, 0, 0, 0.03);
+      text-align: center;
+      border: 1px dashed #ddd; }
+      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading {
+        display: block;
+        padding: 15px;
+        font-size: 16px;
+        color: #999;
+        line-height: 30px; }
+      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap {
+        margin-top: 12px;
+        background-color: rgba(0, 0, 0, 0.08);
+        border-radius: 3px; }
+        .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress {
+          position: relative;
+          display: block;
+          height: 5px;
+          border-radius: 3px;
+          background-color: #4a7;
+          -webkit-box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);
+                  box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);
+          -webkit-transition: width 0.15s linear;
+          transition: width 0.15s linear;
+          background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+          background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+          background-size: 40px 40px;
+          -webkit-animation: vicp_progress 0.5s linear infinite;
+                  animation: vicp_progress 0.5s linear infinite; }
+          .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after {
+            content: '';
+            position: absolute;
+            display: block;
+            top: -3px;
+            right: -3px;
+            width: 9px;
+            height: 9px;
+            border: 1px solid rgba(245, 246, 247, 0.7);
+            -webkit-box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);
+                    box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);
+            border-radius: 100%;
+            background-color: #4a7; }
+      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error,
+      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success {
+        height: 100px;
+        line-height: 100px; }
+    .vue-image-crop-upload .vicp-wrap .vicp-operate {
+      position: absolute;
+      right: 20px;
+      bottom: 20px; }
+      .vue-image-crop-upload .vicp-wrap .vicp-operate a {
+        position: relative;
+        float: left;
+        display: block;
+        margin-left: 10px;
+        width: 100px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        cursor: pointer;
+        font-size: 14px;
+        color: #4a7;
+        border-radius: 2px;
+        overflow: hidden;
+        -webkit-user-select: none;
+           -moz-user-select: none;
+            -ms-user-select: none;
+                user-select: none; }
+        .vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {
+          background-color: rgba(0, 0, 0, 0.03); }
+    .vue-image-crop-upload .vicp-wrap .vicp-error,
+    .vue-image-crop-upload .vicp-wrap .vicp-success {
+      display: block;
+      font-size: 14px;
+      line-height: 24px;
+      height: 24px;
+      color: #d10;
+      text-align: center;
+      vertical-align: top; }
+    .vue-image-crop-upload .vicp-wrap .vicp-success {
+      color: #4a7; }
+    .vue-image-crop-upload .vicp-wrap .vicp-icon3 {
+      position: relative;
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      top: 4px; }
+      .vue-image-crop-upload .vicp-wrap .vicp-icon3::after {
+        position: absolute;
+        top: 3px;
+        left: 6px;
+        width: 6px;
+        height: 10px;
+        border-width: 0 2px 2px 0;
+        border-color: #4a7;
+        border-style: solid;
+        -webkit-transform: rotate(45deg);
+            -ms-transform: rotate(45deg);
+                transform: rotate(45deg);
+        content: ''; }
+    .vue-image-crop-upload .vicp-wrap .vicp-icon2 {
+      position: relative;
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      top: 4px; }
+      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after, .vue-image-crop-upload .vicp-wrap .vicp-icon2::before {
+        content: '';
+        position: absolute;
+        top: 9px;
+        left: 4px;
+        width: 13px;
+        height: 2px;
+        background-color: #d10;
+        -webkit-transform: rotate(45deg);
+            -ms-transform: rotate(45deg);
+                transform: rotate(45deg); }
+      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after {
+        -webkit-transform: rotate(-45deg);
+            -ms-transform: rotate(-45deg);
+                transform: rotate(-45deg); }
+.e-ripple {
+  position: absolute;
+  border-radius: 100%;
+  background-color: rgba(0, 0, 0, 0.15);
+  background-clip: padding-box;
+  pointer-events: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-transform: scale(0);
+      -ms-transform: scale(0);
+          transform: scale(0);
+  opacity: 1; }
+  .e-ripple.z-active {
+    opacity: 0;
+    -webkit-transform: scale(2);
+        -ms-transform: scale(2);
+            transform: scale(2);
+    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; }
+</style>
diff --git a/src/components/ImageCropper/utils/data2blob.js b/src/components/ImageCropper/utils/data2blob.js
new file mode 100644
index 0000000..9c47f8a
--- /dev/null
+++ b/src/components/ImageCropper/utils/data2blob.js
@@ -0,0 +1,19 @@
+/**
+ * database64文件格式转换为2进制
+ *
+ * @param  {[String]} data dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了
+ * @param  {[String]} mime [description]
+ * @return {[blob]}      [description]
+ */
+export default function(data, mime) {
+  data = data.split(',')[1]
+  data = window.atob(data)
+  var ia = new Uint8Array(data.length)
+  for (var i = 0; i < data.length; i++) {
+    ia[i] = data.charCodeAt(i)
+  }
+  // canvas.toDataURL 返回的默认格式就是 image/png
+  return new Blob([ia], {
+    type: mime
+  })
+}
diff --git a/src/components/ImageCropper/utils/effectRipple.js b/src/components/ImageCropper/utils/effectRipple.js
new file mode 100644
index 0000000..46a0164
--- /dev/null
+++ b/src/components/ImageCropper/utils/effectRipple.js
@@ -0,0 +1,39 @@
+/**
+ * 点击波纹效果
+ *
+ * @param  {[event]} e        [description]
+ * @param  {[Object]} arg_opts [description]
+ * @return {[bollean]}          [description]
+ */
+export default function(e, arg_opts) {
+  var opts = Object.assign({
+    ele: e.target, // 波纹作用元素
+    type: 'hit', // hit点击位置扩散center中心点扩展
+    bgc: 'rgba(0, 0, 0, 0.15)' // 波纹颜色
+  }, arg_opts)
+  var target = opts.ele
+  if (target) {
+    var rect = target.getBoundingClientRect()
+    var ripple = target.querySelector('.e-ripple')
+    if (!ripple) {
+      ripple = document.createElement('span')
+      ripple.className = 'e-ripple'
+      ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
+      target.appendChild(ripple)
+    } else {
+      ripple.className = 'e-ripple'
+    }
+    switch (opts.type) {
+      case 'center':
+        ripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px'
+        ripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px'
+        break
+      default:
+        ripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px'
+        ripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px'
+    }
+    ripple.style.backgroundColor = opts.bgc
+    ripple.className = 'e-ripple z-active'
+    return false
+  }
+}
diff --git a/src/components/ImageCropper/utils/language.js b/src/components/ImageCropper/utils/language.js
new file mode 100644
index 0000000..727872d
--- /dev/null
+++ b/src/components/ImageCropper/utils/language.js
@@ -0,0 +1,232 @@
+export default {
+  zh: {
+    hint: '点击，或拖动图片至此处',
+    loading: '正在上传……',
+    noSupported: '浏览器不支持该功能，请使用IE10以上或其他现在浏览器！',
+    success: '上传成功',
+    fail: '图片上传失败',
+    preview: '头像预览',
+    btn: {
+      off: '取消',
+      close: '关闭',
+      back: '上一步',
+      save: '保存'
+    },
+    error: {
+      onlyImg: '仅限图片格式',
+      outOfSize: '单文件大小不能超过 ',
+      lowestPx: '图片最低像素为（宽*高）：'
+    }
+  },
+  'zh-tw': {
+    hint: '點擊，或拖動圖片至此處',
+    loading: '正在上傳……',
+    noSupported: '瀏覽器不支持該功能，請使用IE10以上或其他現代瀏覽器！',
+    success: '上傳成功',
+    fail: '圖片上傳失敗',
+    preview: '頭像預覽',
+    btn: {
+      off: '取消',
+      close: '關閉',
+      back: '上一步',
+      save: '保存'
+    },
+    error: {
+      onlyImg: '僅限圖片格式',
+      outOfSize: '單文件大小不能超過 ',
+      lowestPx: '圖片最低像素為（寬*高）：'
+    }
+  },
+  en: {
+    hint: 'Click or drag the file here to upload',
+    loading: 'Uploading…',
+    noSupported: 'Browser is not supported, please use IE10+ or other browsers',
+    success: 'Upload success',
+    fail: 'Upload failed',
+    preview: 'Preview',
+    btn: {
+      off: 'Cancel',
+      close: 'Close',
+      back: 'Back',
+      save: 'Save'
+    },
+    error: {
+      onlyImg: 'Image only',
+      outOfSize: 'Image exceeds size limit: ',
+      lowestPx: 'Image\'s size is too low. Expected at least: '
+    }
+  },
+  ro: {
+    hint: 'Atinge sau trage fișierul aici',
+    loading: 'Se încarcă',
+    noSupported: 'Browser-ul tău nu suportă acest feature. Te rugăm încearcă cu alt browser.',
+    success: 'S-a încărcat cu succes',
+    fail: 'A apărut o problemă la încărcare',
+    preview: 'Previzualizează',
+
+    btn: {
+      off: 'Anulează',
+      close: 'Închide',
+      back: 'Înapoi',
+      save: 'Salvează'
+    },
+
+    error: {
+      onlyImg: 'Doar imagini',
+      outOfSize: 'Imaginea depășește limita de: ',
+      loewstPx: 'Imaginea este prea mică; Minim: '
+    }
+  },
+  ru: {
+    hint: 'Нажмите, или перетащите файл в это окно',
+    loading: 'Загружаю……',
+    noSupported: 'Ваш браузер не поддерживается, пожалуйста, используйте IE10 + или другие браузеры',
+    success: 'Загрузка выполнена успешно',
+    fail: 'Ошибка загрузки',
+    preview: 'Предпросмотр',
+    btn: {
+      off: 'Отменить',
+      close: 'Закрыть',
+      back: 'Назад',
+      save: 'Сохранить'
+    },
+    error: {
+      onlyImg: 'Только изображения',
+      outOfSize: 'Изображение превышает предельный размер: ',
+      lowestPx: 'Минимальный размер изображения: '
+    }
+  },
+  'pt-br': {
+    hint: 'Clique ou arraste o arquivo aqui para carregar',
+    loading: 'Carregando…',
+    noSupported: 'Browser não suportado, use o IE10+ ou outro browser',
+    success: 'Sucesso ao carregar imagem',
+    fail: 'Falha ao carregar imagem',
+    preview: 'Pré-visualizar',
+    btn: {
+      off: 'Cancelar',
+      close: 'Fechar',
+      back: 'Voltar',
+      save: 'Salvar'
+    },
+    error: {
+      onlyImg: 'Apenas imagens',
+      outOfSize: 'A imagem excede o limite de tamanho: ',
+      lowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '
+    }
+  },
+  fr: {
+    hint: 'Cliquez ou glissez le fichier ici.',
+    loading: 'Téléchargement…',
+    noSupported: 'Votre navigateur n\'est pas supporté. Utilisez IE10 + ou un autre navigateur s\'il vous plaît.',
+    success: 'Téléchargement réussit',
+    fail: 'Téléchargement echoué',
+    preview: 'Aperçu',
+    btn: {
+      off: 'Annuler',
+      close: 'Fermer',
+      back: 'Retour',
+      save: 'Enregistrer'
+    },
+    error: {
+      onlyImg: 'Image uniquement',
+      outOfSize: 'L\'image sélectionnée dépasse la taille maximum: ',
+      lowestPx: 'L\'image sélectionnée est trop petite. Dimensions attendues: '
+    }
+  },
+  nl: {
+    hint: 'Klik hier of sleep een afbeelding in dit vlak',
+    loading: 'Uploaden…',
+    noSupported: 'Je browser wordt helaas niet ondersteund. Gebruik IE10+ of een andere browser.',
+    success: 'Upload succesvol',
+    fail: 'Upload mislukt',
+    preview: 'Voorbeeld',
+    btn: {
+      off: 'Annuleren',
+      close: 'Sluiten',
+      back: 'Terug',
+      save: 'Opslaan'
+    },
+    error: {
+      onlyImg: 'Alleen afbeeldingen',
+      outOfSize: 'De afbeelding is groter dan: ',
+      lowestPx: 'De afbeelding is te klein! Minimale afmetingen: '
+    }
+  },
+  tr: {
+    hint: 'Tıkla veya yüklemek istediğini buraya sürükle',
+    loading: 'Yükleniyor…',
+    noSupported: 'Tarayıcı desteklenmiyor, lütfen IE10+ veya farklı tarayıcı kullanın',
+    success: 'Yükleme başarılı',
+    fail: 'Yüklemede hata oluştu',
+    preview: 'Önizle',
+    btn: {
+      off: 'İptal',
+      close: 'Kapat',
+      back: 'Geri',
+      save: 'Kaydet'
+    },
+    error: {
+      onlyImg: 'Sadece resim',
+      outOfSize: 'Resim yükleme limitini aşıyor: ',
+      lowestPx: 'Resmin boyutu çok küçük. En az olması gereken: '
+    }
+  },
+  'es-MX': {
+    hint: 'Selecciona o arrastra una imagen',
+    loading: 'Subiendo...',
+    noSupported: 'Tu navegador no es soportado, porfavor usa IE10+ u otros navegadores mas recientes',
+    success: 'Subido exitosamente',
+    fail: 'Sucedió un error',
+    preview: 'Vista previa',
+    btn: {
+      off: 'Cancelar',
+      close: 'Cerrar',
+      back: 'Atras',
+      save: 'Guardar'
+    },
+    error: {
+      onlyImg: 'Unicamente imagenes',
+      outOfSize: 'La imagen excede el tamaño maximo:',
+      lowestPx: 'La imagen es demasiado pequeño. Se espera por lo menos:'
+    }
+  },
+  de: {
+    hint: 'Klick hier oder zieh eine Datei hier rein zum Hochladen',
+    loading: 'Hochladen…',
+    noSupported: 'Browser wird nicht unterstützt, bitte verwende IE10+ oder andere Browser',
+    success: 'Upload erfolgreich',
+    fail: 'Upload fehlgeschlagen',
+    preview: 'Vorschau',
+    btn: {
+      off: 'Abbrechen',
+      close: 'Schließen',
+      back: 'Zurück',
+      save: 'Speichern'
+    },
+    error: {
+      onlyImg: 'Nur Bilder',
+      outOfSize: 'Das Bild ist zu groß: ',
+      lowestPx: 'Das Bild ist zu klein. Mindestens: '
+    }
+  },
+  ja: {
+    hint: 'クリック・ドラッグしてファイルをアップロード',
+    loading: 'アップロード中...',
+    noSupported: 'このブラウザは対応されていません。IE10+かその他の主要ブラウザをお使いください。',
+    success: 'アップロード成功',
+    fail: 'アップロード失敗',
+    preview: 'プレビュー',
+    btn: {
+      off: 'キャンセル',
+      close: '閉じる',
+      back: '戻る',
+      save: '保存'
+    },
+    error: {
+      onlyImg: '画像のみ',
+      outOfSize: '画像サイズが上限を超えています。上限: ',
+      lowestPx: '画像が小さすぎます。最小サイズ: '
+    }
+  }
+}
diff --git a/src/components/ImageCropper/utils/mimes.js b/src/components/ImageCropper/utils/mimes.js
new file mode 100644
index 0000000..e20c085
--- /dev/null
+++ b/src/components/ImageCropper/utils/mimes.js
@@ -0,0 +1,7 @@
+export default {
+  'jpg': 'image/jpeg',
+  'png': 'image/png',
+  'gif': 'image/gif',
+  'svg': 'image/svg+xml',
+  'psd': 'image/photoshop'
+}
diff --git a/src/components/JsonEditor/index.vue b/src/components/JsonEditor/index.vue
new file mode 100644
index 0000000..b63f443
--- /dev/null
+++ b/src/components/JsonEditor/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <div class="json-editor">
+    <textarea ref="textarea"></textarea>
+  </div>
+</template>
+
+<script>
+import CodeMirror from 'codemirror'
+import 'codemirror/addon/lint/lint.css'
+import 'codemirror/lib/codemirror.css'
+import 'codemirror/theme/rubyblue.css'
+require('script-loader!jsonlint')
+import 'codemirror/mode/javascript/javascript'
+import 'codemirror/addon/lint/lint'
+import 'codemirror/addon/lint/json-lint'
+
+export default {
+  name: 'jsonEditor',
+  data() {
+    return {
+      jsonEditor: false
+    }
+  },
+  props: ['value'],
+  watch: {
+    value(value) {
+      const editor_value = this.jsonEditor.getValue()
+      if (value !== editor_value) {
+        this.jsonEditor.setValue(JSON.stringify(this.value, null, 2))
+      }
+    }
+  },
+  mounted() {
+    this.jsonEditor = CodeMirror.fromTextArea(this.$refs.textarea, {
+      lineNumbers: true,
+      mode: 'application/json',
+      gutters: ['CodeMirror-lint-markers'],
+      theme: 'rubyblue',
+      lint: true
+    })
+
+    this.jsonEditor.setValue(JSON.stringify(this.value, null, 2))
+    this.jsonEditor.on('change', cm => {
+      this.$emit('changed', cm.getValue())
+      this.$emit('input', cm.getValue())
+    })
+  },
+  methods: {
+    getValue() {
+      return this.jsonEditor.getValue()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.json-editor{
+  height: 100%;
+  position: relative;
+}
+.json-editor >>> .CodeMirror {
+  height: auto;
+  min-height: 300px;
+}
+.json-editor >>> .CodeMirror-scroll{
+  min-height: 300px;
+}
+.json-editor >>> .cm-s-rubyblue span.cm-string {
+  color: #F08047;
+}
+</style>
diff --git a/src/components/LangSelect/index.vue b/src/components/LangSelect/index.vue
new file mode 100644
index 0000000..e8afa59
--- /dev/null
+++ b/src/components/LangSelect/index.vue
@@ -0,0 +1,41 @@
+<template>
+  <el-dropdown trigger="click" class='international' @command="handleSetLanguage">
+    <div>
+      <svg-icon class-name='international-icon' icon-class="language" />
+    </div>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item command="zh" :disabled="language==='zh'">中文</el-dropdown-item>
+      <el-dropdown-item command="en" :disabled="language==='en'">English</el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script>
+export default {
+  computed: {
+    language() {
+      return this.$store.getters.language
+    }
+  },
+  methods: {
+    handleSetLanguage(lang) {
+      this.$i18n.locale = lang
+      this.$store.dispatch('setLanguage', lang)
+      this.$message({
+        message: 'switch language success',
+        type: 'success'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.international-icon {
+  font-size: 20px;
+  cursor: pointer;
+  vertical-align: -5px!important;
+}
+</style>
+
+
diff --git a/src/components/MDinput/index.vue b/src/components/MDinput/index.vue
new file mode 100644
index 0000000..f93ae25
--- /dev/null
+++ b/src/components/MDinput/index.vue
@@ -0,0 +1,278 @@
+<template>
+  <div class="material-input__component" :class="computedClasses">
+    <div :class="{iconClass:icon}">
+      <i class="el-input__icon material-input__icon" :class="['el-icon-' + icon]" v-if="icon"></i>
+      <input v-if="type === 'email'" type="email" class="material-input" :name="name" :placeholder="fillPlaceHolder" v-model="currentValue"
+        :readonly="readonly" :disabled="disabled" :autoComplete="autoComplete" :required="required" @focus="handleMdFocus"
+        @blur="handleMdBlur" @input="handleModelInput">
+      <input v-if="type === 'url'" type="url" class="material-input" :name="name" :placeholder="fillPlaceHolder" v-model="currentValue"
+        :readonly="readonly" :disabled="disabled" :autoComplete="autoComplete" :required="required" @focus="handleMdFocus"
+        @blur="handleMdBlur" @input="handleModelInput">
+      <input v-if="type === 'number'" type="number" class="material-input" :name="name" :placeholder="fillPlaceHolder" v-model="currentValue"
+        :step="step" :readonly="readonly" :disabled="disabled" :autoComplete="autoComplete" :max="max" :min="min" :minlength="minlength"
+        :maxlength="maxlength" :required="required" @focus="handleMdFocus" @blur="handleMdBlur" @input="handleModelInput">
+      <input v-if="type === 'password'" type="password" class="material-input" :name="name" :placeholder="fillPlaceHolder" v-model="currentValue"
+        :readonly="readonly" :disabled="disabled" :autoComplete="autoComplete" :max="max" :min="min" :required="required" @focus="handleMdFocus"
+        @blur="handleMdBlur" @input="handleModelInput">
+      <input v-if="type === 'tel'" type="tel" class="material-input" :name="name" :placeholder="fillPlaceHolder" v-model="currentValue"
+        :readonly="readonly" :disabled="disabled" :autoComplete="autoComplete" :required="required" @focus="handleMdFocus"
+        @blur="handleMdBlur" @input="handleModelInput">
+      <input v-if="type === 'text'" type="text" class="material-input" :name="name" :placeholder="fillPlaceHolder" v-model="currentValue"
+        :readonly="readonly" :disabled="disabled" :autoComplete="autoComplete" :minlength="minlength" :maxlength="maxlength"
+        :required="required" @focus="handleMdFocus" @blur="handleMdBlur" @input="handleModelInput">
+      <span class="material-input-bar"></span>
+      <label class="material-label">
+        <slot></slot>
+      </label>
+    </div>
+  </div>
+</template>
+
+<script>
+// source:https://github.com/wemake-services/vue-material-input/blob/master/src/components/MaterialInput.vue
+
+export default {
+  name: 'md-input',
+  props: {
+    icon: String,
+    name: String,
+    type: {
+      type: String,
+      default: 'text'
+    },
+    value: [String, Number],
+    placeholder: String,
+    readonly: Boolean,
+    disabled: Boolean,
+    min: String,
+    max: String,
+    step: String,
+    minlength: Number,
+    maxlength: Number,
+    required: {
+      type: Boolean,
+      default: true
+    },
+    autoComplete: {
+      type: String,
+      default: 'off'
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    computedClasses() {
+      return {
+        'material--active': this.focus,
+        'material--disabled': this.disabled,
+        'material--raised': Boolean(this.focus || this.currentValue) // has value
+      }
+    }
+  },
+  watch: {
+    value(newValue) {
+      this.currentValue = newValue
+    }
+  },
+  data() {
+    return {
+      currentValue: this.value,
+      focus: false,
+      fillPlaceHolder: null
+    }
+  },
+  methods: {
+    handleModelInput(event) {
+      const value = event.target.value
+      this.$emit('input', value)
+      if (this.$parent.$options.componentName === 'ElFormItem') {
+        if (this.validateEvent) {
+          this.$parent.$emit('el.form.change', [value])
+        }
+      }
+      this.$emit('change', value)
+    },
+    handleMdFocus(event) {
+      this.focus = true
+      this.$emit('focus', event)
+      if (this.placeholder && this.placeholder !== '') {
+        this.fillPlaceHolder = this.placeholder
+      }
+    },
+    handleMdBlur(event) {
+      this.focus = false
+      this.$emit('blur', event)
+      this.fillPlaceHolder = null
+      if (this.$parent.$options.componentName === 'ElFormItem') {
+        if (this.validateEvent) {
+          this.$parent.$emit('el.form.blur', [this.currentValue])
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  // Fonts:
+  $font-size-base: 16px;
+  $font-size-small: 18px;
+  $font-size-smallest: 12px;
+  $font-weight-normal: normal;
+  $font-weight-bold: bold;
+  $apixel: 1px;
+  // Utils
+  $spacer: 12px;
+  $transition: 0.2s ease all;
+  $index: 0px;
+  $index-has-icon: 30px;
+  // Theme:
+  $color-white: white;
+  $color-grey: #9E9E9E;
+  $color-grey-light: #E0E0E0;
+  $color-blue: #2196F3;
+  $color-red: #F44336;
+  $color-black: black;
+  // Base clases:
+  %base-bar-pseudo {
+    content: '';
+    height: 1px;
+    width: 0;
+    bottom: 0;
+    position: absolute;
+    transition: $transition;
+  }
+
+  // Mixins:
+  @mixin slided-top() {
+    top: - ($font-size-base + $spacer);
+    left: 0;
+    font-size: $font-size-base;
+    font-weight: $font-weight-bold;
+  }
+
+  // Component:
+  .material-input__component {
+    margin-top: 36px;
+    position: relative;
+    * {
+      box-sizing: border-box;
+    }
+    .iconClass {
+      .material-input__icon {
+        position: absolute;
+        left: 0;
+        line-height: $font-size-base;
+        color: $color-blue;
+        top: $spacer;
+        width: $index-has-icon;
+        height: $font-size-base;
+        font-size: $font-size-base;
+        font-weight: $font-weight-normal;
+        pointer-events: none;
+      }
+      .material-label {
+        left: $index-has-icon;
+      }
+      .material-input {
+        text-indent: $index-has-icon;
+      }
+    }
+    .material-input {
+      font-size: $font-size-base;
+      padding: $spacer $spacer $spacer - $apixel * 10 $spacer / 2;
+      display: block;
+      width: 100%;
+      border: none;
+      line-height: 1;
+      border-radius: 0;
+      &:focus {
+        outline: none;
+        border: none;
+        border-bottom: 1px solid transparent; // fixes the height issue
+      }
+    }
+    .material-label {
+      font-weight: $font-weight-normal;
+      position: absolute;
+      pointer-events: none;
+      left: $index;
+      top: 0;
+      transition: $transition;
+      font-size: $font-size-small;
+    }
+    .material-input-bar {
+      position: relative;
+      display: block;
+      width: 100%;
+      &:before {
+        @extend %base-bar-pseudo;
+        left: 50%;
+      }
+      &:after {
+        @extend %base-bar-pseudo;
+        right: 50%;
+      }
+    }
+    // Disabled state:
+    &.material--disabled {
+      .material-input {
+        border-bottom-style: dashed;
+      }
+    }
+    // Raised state:
+    &.material--raised {
+      .material-label {
+        @include slided-top();
+      }
+    }
+    // Active state:
+    &.material--active {
+      .material-input-bar {
+        &:before,
+        &:after {
+          width: 50%;
+        }
+      }
+    }
+  }
+
+  .material-input__component {
+    background: $color-white;
+    .material-input {
+      background: none;
+      color: $color-black;
+      text-indent: $index;
+      border-bottom: 1px solid $color-grey-light;
+    }
+    .material-label {
+      color: $color-grey;
+    }
+    .material-input-bar {
+      &:before,
+      &:after {
+        background: $color-blue;
+      }
+    }
+    // Active state:
+    &.material--active {
+      .material-label {
+        color: $color-blue;
+      }
+    }
+    // Errors:
+    &.material--has-errors {
+      &.material--active .material-label {
+        color: $color-red;
+      }
+      .material-input-bar {
+        &:before,
+        &:after {
+          background: transparent;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/components/MarkdownEditor/index.vue b/src/components/MarkdownEditor/index.vue
new file mode 100644
index 0000000..6dea838
--- /dev/null
+++ b/src/components/MarkdownEditor/index.vue
@@ -0,0 +1,116 @@
+<template>
+  <div class="simplemde-container" :style="{height:height+'px',zIndex:zIndex}">
+    <textarea :id="id">
+    </textarea>
+  </div>
+</template>
+
+<script>
+import 'font-awesome/css/font-awesome.min.css'
+import 'simplemde/dist/simplemde.min.css'
+import SimpleMDE from 'simplemde'
+
+export default {
+  name: 'simplemde-md',
+  props: {
+    value: String,
+    id: {
+      type: String
+    },
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    height: {
+      type: Number,
+      default: 150
+    },
+    zIndex: {
+      type: Number,
+      default: 10
+    },
+    toolbar: {
+      type: Array
+    }
+  },
+  data() {
+    return {
+      simplemde: null,
+      hasChange: false
+    }
+  },
+  watch: {
+    value(val) {
+      if (val === this.simplemde.value() && !this.hasChange) return
+      this.simplemde.value(val)
+    }
+  },
+  mounted() {
+    this.simplemde = new SimpleMDE({
+      element: document.getElementById(this.id || 'markdown-editor-' + +new Date()),
+      autoDownloadFontAwesome: false,
+      autofocus: this.autofocus,
+      toolbar: this.toolbar,
+      spellChecker: false,
+      insertTexts: {
+        link: ['[', ']( )']
+      },
+      // hideIcons: ['guide', 'heading', 'quote', 'image', 'preview', 'side-by-side', 'fullscreen'],
+      placeholder: this.placeholder
+    })
+    if (this.value) {
+      this.simplemde.value(this.value)
+    }
+    this.simplemde.codemirror.on('change', () => {
+      if (this.hasChange) {
+        this.hasChange = true
+      }
+      this.$emit('input', this.simplemde.value())
+    })
+  },
+  destroyed() {
+    this.simplemde.toTextArea()
+    this.simplemde = null
+  }
+}
+</script>
+
+<style scoped>
+.simplemde-container>>>.CodeMirror {
+  min-height: 150px;
+  line-height: 20px;
+}
+
+.simplemde-container>>>.CodeMirror-scroll {
+  min-height: 150px;
+}
+
+.simplemde-container>>>.CodeMirror-code {
+  padding-bottom: 40px;
+}
+
+.simplemde-container>>>.editor-statusbar {
+  display: none;
+}
+
+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-link {
+  color: #1890ff;
+}
+
+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-string.cm-url {
+  color: #2d3b4d;
+}
+
+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-formatting-link-string.cm-url {
+  padding: 0 2px;
+  color: #E61E1E;
+}
+.simplemde-container >>> .editor-toolbar.fullscreen,
+.simplemde-container >>> .CodeMirror-fullscreen {
+  z-index: 1003;
+}
+</style>
diff --git a/src/components/PanThumb/index.vue b/src/components/PanThumb/index.vue
new file mode 100644
index 0000000..6f94b7b
--- /dev/null
+++ b/src/components/PanThumb/index.vue
@@ -0,0 +1,141 @@
+<template>
+  <div class="pan-item" :style="{zIndex:zIndex,height:height,width:width}">
+    <div class="pan-info">
+      <div class="pan-info-roles-container">
+        <slot></slot>
+      </div>
+    </div>
+    <img v-if="image!=null" class="pan-thumb" :src="image">
+    <img v-else="image==null" class="pan-thumb" src="../../assets/image/user_img.gif">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PanThumb',
+  props: {
+    image: {
+      type: String,
+      required: false
+    },
+    zIndex: {
+      type: Number,
+      default: 1
+    },
+    width: {
+      type: String,
+      default: '150px'
+    },
+    height: {
+      type: String,
+      default: '150px'
+    }
+  }
+}
+</script>
+
+<style scoped>
+.pan-item {
+  width: 200px;
+  height: 200px;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  cursor: default;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.pan-info-roles-container {
+  padding: 20px;
+  text-align: center;
+}
+
+.pan-thumb {
+  width: 100%;
+  height: 100%;
+  background-size: 100%;
+  border-radius: 50%;
+  overflow: hidden;
+  position: absolute;
+  transform-origin: 95% 40%;
+  transition: all 0.3s ease-in-out;
+}
+
+.pan-thumb:after {
+  content: '';
+  width: 8px;
+  height: 8px;
+  position: absolute;
+  border-radius: 50%;
+  top: 40%;
+  left: 95%;
+  margin: -4px 0 0 -4px;
+  background: radial-gradient(ellipse at center, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);
+  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
+}
+
+.pan-info {
+  position: absolute;
+  width: inherit;
+  height: inherit;
+  border-radius: 50%;
+  overflow: hidden;
+  box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.05);
+}
+
+.pan-info h3 {
+  color: #fff;
+  text-transform: uppercase;
+  position: relative;
+  letter-spacing: 2px;
+  font-size: 18px;
+  margin: 0 60px;
+  padding: 22px 0 0 0;
+  height: 85px;
+  font-family: 'Open Sans', Arial, sans-serif;
+  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.pan-info p {
+  color: #fff;
+  padding: 10px 5px;
+  font-style: italic;
+  margin: 0 30px;
+  font-size: 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+.pan-info p a {
+  display: block;
+  color: #333;
+  width: 80px;
+  height: 80px;
+  background: rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+  color: #fff;
+  font-style: normal;
+  font-weight: 700;
+  text-transform: uppercase;
+  font-size: 9px;
+  letter-spacing: 1px;
+  padding-top: 24px;
+  margin: 7px auto 0;
+  font-family: 'Open Sans', Arial, sans-serif;
+  opacity: 0;
+  transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s;
+  transform: translateX(60px) rotate(90deg);
+}
+
+.pan-info p a:hover {
+  background: rgba(255, 255, 255, 0.5);
+}
+
+.pan-item:hover .pan-thumb {
+  transform: rotate(-110deg);
+}
+
+.pan-item:hover .pan-info p a {
+  opacity: 1;
+  transform: translateX(0px) rotate(0deg);
+}
+</style>
diff --git a/src/components/Screenfull/index.vue b/src/components/Screenfull/index.vue
new file mode 100644
index 0000000..56de914
--- /dev/null
+++ b/src/components/Screenfull/index.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <svg t="1508738709248" @click='click' class="screenfull-svg" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+      p-id="2069" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
+      <path d="M333.493443 428.647617 428.322206 333.832158 262.572184 168.045297 366.707916 64.444754 64.09683 64.444754 63.853283 366.570793 167.283957 262.460644Z"
+        p-id="2070"></path>
+      <path d="M854.845439 760.133334 688.61037 593.95864 593.805144 688.764889 759.554142 854.56096 655.44604 958.161503 958.055079 958.161503 958.274066 656.035464Z"
+        p-id="2071"></path>
+      <path d="M688.535669 428.550403 854.31025 262.801405 957.935352 366.921787 957.935352 64.34754 655.809313 64.081481 759.919463 167.535691 593.70793 333.731874Z"
+        p-id="2072"></path>
+      <path d="M333.590658 594.033341 167.8171 759.804852 64.218604 655.67219 64.218604 958.270996 366.342596 958.502263 262.234493 855.071589 428.421466 688.86108Z"
+        p-id="2073"></path>
+    </svg>
+  </div>
+</template>
+
+<script>
+import screenfull from 'screenfull'
+
+export default {
+  name: 'screenfull',
+  props: {
+    width: {
+      type: Number,
+      default: 22
+    },
+    height: {
+      type: Number,
+      default: 22
+    },
+    fill: {
+      type: String,
+      default: '#48576a'
+    }
+  },
+  data() {
+    return {
+      isFullscreen: false
+    }
+  },
+  methods: {
+    click() {
+      if (!screenfull.enabled) {
+        this.$message({
+          message: 'you browser can not work',
+          type: 'warning'
+        })
+        return false
+      }
+      screenfull.toggle()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.screenfull-svg {
+  display: inline-block;
+  cursor: pointer;
+  fill: #5a5e66;;
+  width: 20px;
+  height: 20px;
+  vertical-align: 10px;
+}
+</style>
diff --git a/src/components/ScrollBar/index.vue b/src/components/ScrollBar/index.vue
new file mode 100644
index 0000000..dc32f5c
--- /dev/null
+++ b/src/components/ScrollBar/index.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="scroll-container" ref="scrollContainer" @wheel.prevent="handleScroll" >
+    <div class="scroll-wrapper" ref="scrollWrapper" :style="{top: top + 'px'}">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+const delta = 15
+
+export default {
+  name: 'scrollBar',
+  data() {
+    return {
+      top: 0
+    }
+  },
+  methods: {
+    handleScroll(e) {
+      const eventDelta = e.wheelDelta || -e.deltaY * 3
+      const $container = this.$refs.scrollContainer
+      const $containerHeight = $container.offsetHeight
+      const $wrapper = this.$refs.scrollWrapper
+      const $wrapperHeight = $wrapper.offsetHeight
+      if (eventDelta > 0) {
+        this.top = Math.min(0, this.top + eventDelta)
+      } else {
+        if ($containerHeight - delta < $wrapperHeight) {
+          if (this.top < -($wrapperHeight - $containerHeight + delta)) {
+            this.top = this.top
+          } else {
+            this.top = Math.max(this.top + eventDelta, $containerHeight - $wrapperHeight - delta)
+          }
+        } else {
+          this.top = 0
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+@import '../../styles/variables.scss';
+
+.scroll-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-color: $menuBg;
+  .scroll-wrapper {
+    position: absolute;
+     width: 100%!important;
+  }
+}
+</style>
diff --git a/src/components/ScrollPane/index.vue b/src/components/ScrollPane/index.vue
new file mode 100644
index 0000000..1ce68c1
--- /dev/null
+++ b/src/components/ScrollPane/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="scroll-container" ref="scrollContainer" @wheel.prevent="handleScroll">
+    <div class="scroll-wrapper" ref="scrollWrapper" :style="{left: left + 'px'}">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+const padding = 15 // tag's padding
+
+export default {
+  name: 'scrollPane',
+  data() {
+    return {
+      left: 0
+    }
+  },
+  methods: {
+    handleScroll(e) {
+      const eventDelta = e.wheelDelta || -e.deltaY * 3
+      const $container = this.$refs.scrollContainer
+      const $containerWidth = $container.offsetWidth
+      const $wrapper = this.$refs.scrollWrapper
+      const $wrapperWidth = $wrapper.offsetWidth
+
+      if (eventDelta > 0) {
+        this.left = Math.min(0, this.left + eventDelta)
+      } else {
+        if ($containerWidth - padding < $wrapperWidth) {
+          if (this.left < -($wrapperWidth - $containerWidth + padding)) {
+            this.left = this.left
+          } else {
+            this.left = Math.max(this.left + eventDelta, $containerWidth - $wrapperWidth - padding)
+          }
+        } else {
+          this.left = 0
+        }
+      }
+    },
+    moveToTarget($target) {
+      const $container = this.$refs.scrollContainer
+      const $containerWidth = $container.offsetWidth
+      const $targetLeft = $target.offsetLeft
+      const $targetWidth = $target.offsetWidth
+
+      if ($targetLeft < -this.left) {
+        // tag in the left
+        this.left = -$targetLeft + padding
+      } else if ($targetLeft + padding > -this.left && $targetLeft + $targetWidth < -this.left + $containerWidth - padding) {
+        // tag in the current view
+        // eslint-disable-line
+      } else {
+        // tag in the right
+        this.left = -($targetLeft - ($containerWidth - $targetWidth) + padding)
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.scroll-container {
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  .scroll-wrapper {
+    position: absolute;
+  }
+}
+</style>
diff --git a/src/components/Share/dropdownMenu.vue b/src/components/Share/dropdownMenu.vue
new file mode 100644
index 0000000..f00b9cd
--- /dev/null
+++ b/src/components/Share/dropdownMenu.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="share-dropdown-menu" :class="{active:isActive}">
+    <div class="share-dropdown-menu-wrapper">
+      <span class="share-dropdown-menu-title" @click.self="clickTitle">{{title}}</span>
+      <div class="share-dropdown-menu-item" v-for="(item,index) of items" :key='index'>
+        <a v-if="item.href" :href="item.href" target="_blank">{{item.title}}</a>
+        <span v-else>{{item.title}}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    items: {
+      type: Array
+    },
+    title: {
+      type: String,
+      default: 'vue'
+    }
+  },
+  data() {
+    return {
+      isActive: false
+    }
+  },
+  methods: {
+    clickTitle() {
+      this.isActive = !this.isActive
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" >
+$n: 6; //和items.length 相同
+$t: .1s;
+.share-dropdown-menu {
+  width: 250px;
+  position: relative;
+  z-index: 1;
+  &-title {
+    width: 100%;
+    display: block;
+    cursor: pointer;
+    background: black;
+    color: white;
+    height: 60px;
+    line-height: 60px;
+    font-size: 20px;
+    text-align: center;
+    z-index: 2;
+    transform: translate3d(0,0,0);
+  }
+  &-wrapper {
+    position: relative;
+  }
+  &-item {
+    text-align: center;
+    position: absolute;
+    width: 100%;
+    background: #e0e0e0;
+    line-height: 60px;
+    height: 60px;
+    cursor: pointer;
+    font-size: 20px;
+    opacity: 1;
+    transition: transform 0.28s ease;
+    &:hover {
+      background: black;
+      color: white;
+    }
+    @for $i from 1 through $n {
+      &:nth-of-type(#{$i}) {
+        z-index: -1;
+        transition-delay: $i*$t;
+        transform: translate3d(0, -60px, 0);
+      }
+    }
+  }
+  &.active {
+    .share-dropdown-menu-wrapper {
+      z-index: 1;
+    }
+    .share-dropdown-menu-item {
+      @for $i from 1 through $n {
+        &:nth-of-type(#{$i}) {
+         transition-delay: ($n - $i)*$t;
+          transform: translate3d(0, ($i - 1)*60px, 0);
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/Sticky/index.vue b/src/components/Sticky/index.vue
new file mode 100644
index 0000000..aa457be
--- /dev/null
+++ b/src/components/Sticky/index.vue
@@ -0,0 +1,79 @@
+<template>
+  <div :style="{height:height+'px',zIndex:zIndex}">
+    <div :class="className" :style="{top:stickyTop+'px',zIndex:zIndex,position:position,width:width,height:height+'px',textAlign:textAlign,paddingLeft:paddingLeft+'px','overflow-y':'hidden','overflow-x':'auto'}">
+      <slot>
+        <div>sticky</div>
+      </slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Sticky',
+  props: {
+    stickyTop: {
+      type: Number,
+      default: 0
+    },
+    zIndex: {
+      type: Number,
+      default: 10
+    },
+    className: {
+      type: String
+    }
+
+  },
+  data() {
+    return {
+      active: false,
+      position: '',
+      currentTop: '',
+      width: 'auto',
+      height: 'auto',
+      child: null,
+      stickyHeight: 0,
+      textAlign:'left',
+      paddingLeft:20
+    }
+  },
+  mounted() {
+    this.height = this.$el.getBoundingClientRect().height
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  activated() {
+    this.handleScroll()
+  },
+  destroyed() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
+  methods: {
+    sticky() {
+      if (this.active) {
+        return
+      }
+      this.position = 'fixed'
+      this.active = true
+      this.width = this.width + 'px'
+    },
+    reset() {
+      if (!this.active) {
+        return
+      }
+      this.position = ''
+      this.width = 'auto'
+      this.active = false
+    },
+    handleScroll() {
+      this.width = this.$el.getBoundingClientRect().width
+      const offsetTop = this.$el.getBoundingClientRect().top
+      if (offsetTop <= this.stickyTop) {
+        this.sticky()
+        return
+      }
+      this.reset()
+    }
+  }
+}
+</script>
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
new file mode 100644
index 0000000..e331a27
--- /dev/null
+++ b/src/components/SvgIcon/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <svg :class="svgClass" aria-hidden="true">
+    <use :xlink:href="iconName"></use>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'svg-icon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String
+    }
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/TextHoverEffect/Mallki.vue b/src/components/TextHoverEffect/Mallki.vue
new file mode 100644
index 0000000..7e975dc
--- /dev/null
+++ b/src/components/TextHoverEffect/Mallki.vue
@@ -0,0 +1,113 @@
+<template>
+  <a class="link--mallki" :class="className" href="#">
+    {{text}}
+    <span :data-letters="text"></span>
+    <span :data-letters="text"></span>
+  </a>
+</template>
+
+<script>
+export default {
+  props: {
+    className: {
+      type: String
+    },
+    text: {
+      type: String,
+      default: 'vue-element-admin'
+    }
+  }
+}
+</script>
+
+
+<style>
+/* Mallki */
+.link--mallki {
+  font-weight: 800;
+  color: #4dd9d5;
+  font-family: 'Dosis', sans-serif;
+  -webkit-transition: color 0.5s 0.25s;
+  transition: color 0.5s 0.25s;
+  overflow: hidden;
+  position: relative;
+display: inline-block;
+    line-height: 1;
+        outline: none;
+    text-decoration: none;
+}
+
+.link--mallki:hover {
+  -webkit-transition: none;
+  transition: none;
+  color: transparent;
+}
+
+.link--mallki::before {
+  content: '';
+  width: 100%;
+  height: 6px;
+  margin: -3px 0 0 0;
+  background: #3888fa;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  -webkit-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+  -webkit-transition: -webkit-transform 0.4s;
+  transition: transform 0.4s;
+  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+}
+
+.link--mallki:hover::before {
+  -webkit-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+}
+
+.link--mallki span {
+  position: absolute;
+  height: 50%;
+  width: 100%;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+}
+
+.link--mallki span::before {
+  content: attr(data-letters);
+  color: red;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  color: #3888fa;
+  -webkit-transition: -webkit-transform 0.5s;
+  transition: transform 0.5s;
+}
+
+.link--mallki span:nth-child(2) {
+  top: 50%;
+}
+
+.link--mallki span:first-child::before {
+  top: 0;
+  -webkit-transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, 100%, 0);
+}
+
+.link--mallki span:nth-child(2)::before {
+  bottom: 0;
+  -webkit-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+}
+
+.link--mallki:hover span::before {
+  -webkit-transition-delay: 0.3s;
+  transition-delay: 0.3s;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
+  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
+}
+
+</style>
diff --git a/src/components/ThemePicker/index.vue b/src/components/ThemePicker/index.vue
new file mode 100644
index 0000000..b366d96
--- /dev/null
+++ b/src/components/ThemePicker/index.vue
@@ -0,0 +1,144 @@
+<template>
+  <el-color-picker
+    class="theme-picker"
+    popper-class="theme-picker-dropdown"
+    v-model="theme"></el-color-picker>
+</template>
+
+<script>
+
+const version = require('element-ui/package.json').version // element-ui version from node_modules
+const ORIGINAL_THEME = '#409EFF' // default color
+
+export default {
+  data() {
+    return {
+      chalk: '', // content of theme-chalk css
+      theme: ORIGINAL_THEME
+    }
+  },
+  watch: {
+    theme(val, oldVal) {
+      if (typeof val !== 'string') return
+      const themeCluster = this.getThemeCluster(val.replace('#', ''))
+      const originalCluster = this.getThemeCluster(oldVal.replace('#', ''))
+      console.log(themeCluster, originalCluster)
+      const getHandler = (variable, id) => {
+        return () => {
+          const originalCluster = this.getThemeCluster(ORIGINAL_THEME.replace('#', ''))
+          const newStyle = this.updateStyle(this[variable], originalCluster, themeCluster)
+
+          let styleTag = document.getElementById(id)
+          if (!styleTag) {
+            styleTag = document.createElement('style')
+            styleTag.setAttribute('id', id)
+            document.head.appendChild(styleTag)
+          }
+          styleTag.innerText = newStyle
+        }
+      }
+
+      const chalkHandler = getHandler('chalk', 'chalk-style')
+
+      if (!this.chalk) {
+        const url = `https://unpkg.com/element-ui@${version}/lib/theme-chalk/index.css`
+        this.getCSSString(url, chalkHandler, 'chalk')
+      } else {
+        chalkHandler()
+      }
+
+      const styles = [].slice.call(document.querySelectorAll('style'))
+        .filter(style => {
+          const text = style.innerText
+          return new RegExp(oldVal, 'i').test(text) && !/Chalk Variables/.test(text)
+        })
+      styles.forEach(style => {
+        const { innerText } = style
+        if (typeof innerText !== 'string') return
+        style.innerText = this.updateStyle(innerText, originalCluster, themeCluster)
+      })
+      this.$message({
+        message: '换肤成功',
+        type: 'success'
+      })
+    }
+  },
+
+  methods: {
+    updateStyle(style, oldCluster, newCluster) {
+      let newStyle = style
+      oldCluster.forEach((color, index) => {
+        newStyle = newStyle.replace(new RegExp(color, 'ig'), newCluster[index])
+      })
+      return newStyle
+    },
+
+    getCSSString(url, callback, variable) {
+      const xhr = new XMLHttpRequest()
+      xhr.onreadystatechange = () => {
+        if (xhr.readyState === 4 && xhr.status === 200) {
+          this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '')
+          callback()
+        }
+      }
+      xhr.open('GET', url)
+      xhr.send()
+    },
+
+    getThemeCluster(theme) {
+      const tintColor = (color, tint) => {
+        let red = parseInt(color.slice(0, 2), 16)
+        let green = parseInt(color.slice(2, 4), 16)
+        let blue = parseInt(color.slice(4, 6), 16)
+
+        if (tint === 0) { // when primary color is in its rgb space
+          return [red, green, blue].join(',')
+        } else {
+          red += Math.round(tint * (255 - red))
+          green += Math.round(tint * (255 - green))
+          blue += Math.round(tint * (255 - blue))
+
+          red = red.toString(16)
+          green = green.toString(16)
+          blue = blue.toString(16)
+
+          return `#${red}${green}${blue}`
+        }
+      }
+
+      const shadeColor = (color, shade) => {
+        let red = parseInt(color.slice(0, 2), 16)
+        let green = parseInt(color.slice(2, 4), 16)
+        let blue = parseInt(color.slice(4, 6), 16)
+
+        red = Math.round((1 - shade) * red)
+        green = Math.round((1 - shade) * green)
+        blue = Math.round((1 - shade) * blue)
+
+        red = red.toString(16)
+        green = green.toString(16)
+        blue = blue.toString(16)
+
+        return `#${red}${green}${blue}`
+      }
+
+      const clusters = [theme]
+      for (let i = 0; i <= 9; i++) {
+        clusters.push(tintColor(theme, Number((i / 10).toFixed(2))))
+      }
+      clusters.push(shadeColor(theme, 0.1))
+      return clusters
+    }
+  }
+}
+</script>
+
+<style>
+.theme-picker .el-color-picker__trigger {
+  vertical-align: middle;
+}
+
+.theme-picker-dropdown .el-color-dropdown__link-btn {
+  display: none;
+}
+</style>
diff --git a/src/components/TreeTable/eval.js b/src/components/TreeTable/eval.js
new file mode 100644
index 0000000..d9b89e1
--- /dev/null
+++ b/src/components/TreeTable/eval.js
@@ -0,0 +1,29 @@
+/**
+* @Author: jianglei
+* @Date:   2017-10-12 12:06:49
+*/
+'use strict'
+import Vue from 'vue'
+export default function treeToArray(data, expandAll, parent = null, level = null) {
+  let tmp = []
+  Array.from(data).forEach(function(record) {
+    if (record._expanded === undefined) {
+      Vue.set(record, '_expanded', expandAll)
+    }
+    let _level = 1
+    if (level !== undefined && level !== null) {
+      _level = level + 1
+    }
+    Vue.set(record, '_level', _level)
+    // 如果有父元素
+    if (parent) {
+      Vue.set(record, 'parent', parent)
+    }
+    tmp.push(record)
+    if (record.children && record.children.length > 0) {
+      const children = treeToArray(record.children, expandAll, record, _level)
+      tmp = tmp.concat(children)
+    }
+  })
+  return tmp
+}
diff --git a/src/components/TreeTable/index.vue b/src/components/TreeTable/index.vue
new file mode 100644
index 0000000..61e6e45
--- /dev/null
+++ b/src/components/TreeTable/index.vue
@@ -0,0 +1,127 @@
+<template>
+  <el-table :data="formatData" :row-style="showRow" v-bind="$attrs" @row-click="rowClick">
+    <el-table-column v-if="columns.length===0" width="150">
+      <template slot-scope="scope">
+        <span v-for="space in scope.row._level" class="ms-tree-space" :key="space"></span>
+        <span class="tree-ctrl" v-if="iconShow(0,scope.row)" @click="toggleExpanded(scope.$index)">
+          <i v-if="!scope.row._expanded" class="el-icon-plus"></i>
+          <i v-else class="el-icon-minus"></i>
+        </span>
+        {{scope.$index}}
+      </template>
+    </el-table-column>
+    <el-table-column v-else v-for="(column, index) in columns" :key="column.value" :label="column.text" :width="column.width">
+      <template slot-scope="scope">
+        <span v-if="index === 0" v-for="space in scope.row._level" class="ms-tree-space" :key="space"></span>
+        <span class="tree-ctrl" v-if="iconShow(index,scope.row)" @click="toggleExpanded(scope.$index)">
+          <i v-if="!scope.row._expanded" class="el-icon-plus"></i>
+          <i v-else class="el-icon-minus"></i>
+        </span>
+        {{scope.row[column.value]}}
+      </template>
+    </el-table-column>
+    <slot></slot>
+  </el-table>
+</template>
+
+<script>
+/**
+  Auth: Lei.j1ang
+  Created: 2018/1/19-13:59
+*/
+import treeToArray from './eval'
+export default {
+  name: 'treeTable',
+  props: {
+    data: {
+      type: [Array, Object],
+      required: true
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    evalFunc: Function,
+    evalArgs: Array,
+    expandAll: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    // 格式化数据源
+    formatData: function() {
+      let tmp
+      if (!Array.isArray(this.data)) {
+        tmp = [this.data]
+      } else {
+        tmp = this.data
+      }
+      const func = this.evalFunc || treeToArray
+      const args = this.evalArgs ? Array.concat([tmp, this.expandAll], this.evalArgs) : [tmp, this.expandAll]
+      return func.apply(null, args)
+    }
+  },
+  methods: {
+    showRow: function(row) {
+      const show = (row.row.parent ? (row.row.parent._expanded && row.row.parent._show) : true)
+      row.row._show = show
+      return show ? 'animation:treeTableShow 1s;-webkit-animation:treeTableShow 1s;' : 'display:none;'
+    },
+    // 切换下级是否展开
+    toggleExpanded: function(trIndex) {
+      const record = this.formatData[trIndex]
+      record._expanded = !record._expanded
+    },
+    // 图标显示
+    iconShow(index, record) {
+      return (index === 0 && record.children && record.children.length > 0)
+    },
+    rowClick(row, event, column){
+    	this.$emit('row-click',row, event, column);
+    }
+  }
+}
+</script>
+<style rel="stylesheet/css">
+  @keyframes treeTableShow {
+    from {opacity: 0;}
+    to {opacity: 1;}
+  }
+  @-webkit-keyframes treeTableShow {
+    from {opacity: 0;}
+    to {opacity: 1;}
+  }
+</style>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+  $color-blue: #2196F3;
+  $space-width: 18px;
+  .ms-tree-space {
+    position: relative;
+    top: 1px;
+    display: inline-block;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1;
+    width: $space-width;
+    height: 14px;
+    &::before {
+      content: ""
+    }
+  }
+  .processContainer{
+    width: 100%;
+    height: 100%;
+  }
+  table td {
+    line-height: 26px;
+  }
+
+  .tree-ctrl{
+    position: relative;
+    cursor: pointer;
+    color: $color-blue;
+    margin-left: -$space-width;
+  }
+</style>
diff --git a/src/components/TreeTable/readme.md b/src/components/TreeTable/readme.md
new file mode 100644
index 0000000..2a3b5af
--- /dev/null
+++ b/src/components/TreeTable/readme.md
@@ -0,0 +1,89 @@
+## 写在前面
+此组件仅提供一个创建TreeTable的解决思路
+
+## prop说明
+#### *data*
+  **必填**
+
+  原始数据,要求是一个数组或者对象
+  ```javascript
+    [{
+      key1: value1,
+      key2: value2,
+      children: [{
+        key1: value1
+      },
+      {
+        key1: value1
+      }]
+    },
+    {
+      key1: value1
+    }]
+  ```
+  或者
+ ```javascript
+    {
+      key1: value1,
+      key2: value2,
+      children: [{
+        key1: value1
+      },
+      {
+        key1: value1
+      }]
+    }
+  ```
+
+#### columns
+  列属性,要求是一个数组
+
+  1. text: 显示在表头的文字
+  2. value: 对应data的key。treeTable将显示相应的value
+  3. width: 每列的宽度，为一个数字(可选)
+  
+  如果你想要每个字段都有自定义的样式或者嵌套其他组件，columns可不提供，直接像在el-table一样写即可，如果没有自定义内容，提供columns将更加的便捷方便
+  
+  如果你有几个字段是需要自定义的，几个不需要，那么可以将不需要自定义的字段放入columns，将需要自定义的内容放入到slot中，详情见后文
+  ```javascript
+  [{
+    value:string,
+    text:string,
+    width:number
+  },{
+    value:string,
+    text:string,
+    width:number
+  }]
+  ```
+
+#### expandAll
+  是否默认全部展开，boolean值，默认为false
+
+#### evalFunc
+  解析函数，function，非必须
+
+  如果不提供，将使用默认的[evalFunc](./eval.js)
+
+  如果提供了evalFunc,那么会用提供的evalFunc去解析data，并返回treeTable渲染所需要的值。如何编写一个evalFunc，请参考[*eval.js*](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/components/TreeTable/eval.js)或[*customEval.js*](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/example/table/treeTable/customEval.js)
+
+#### evalArgs
+  解析函数的参数，是一个数组
+
+  **请注意，自定义的解析函数参数第一个为this.data，第二个参数为， this.expandAll,你不需要在evalArgs填写。一定记住，这两个参数是强制性的，并且位置不可颠倒** *this.data为需要解析的数据，this.expandAll为是否默认展开*
+
+  如你的解析函数需要的参数为`(this.data, this.expandAll,1,2,3,4)`，那么你只需要将`[1,2,3,4]`赋值给`evalArgs`就可以了
+  
+  如果你的解析函数参数只有`(this.data, this.expandAll)`,那么就可以不用填写evalArgs了
+  
+  具体可参考[*customEval.js*](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/example/table/treeTable/customEval.js)的函数参数和[customTreeTable](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/example/table/treeTable/customTreeTable.vue)的`evalArgs`属性值
+
+ ## slot
+ 这是一个自定义列的插槽。
+ 
+ 默认情况下，treeTable只有一行行展示数据的功能。但是一般情况下，我们会要给行加上一个操作按钮或者根据当行数据展示不同的样式，这时我们就需要自定义列了。请参考[customTreeTable](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/example/table/treeTable/customTreeTable.vue)，[实例效果](http://panjiachen.github.io/vue-element-admin/#/example/table/custom-tree-table)
+ 
+ `slot`和`columns属性`可同时存在,columns里面的数据列会在slot自定义列的左边展示
+
+ ## 其他
+  如果有其他的需求，请参考[el-table](http://element-cn.eleme.io/#/en-US/component/table)的api自行修改index.vue
diff --git a/src/components/Upload/singleImage.vue b/src/components/Upload/singleImage.vue
new file mode 100644
index 0000000..18b892f
--- /dev/null
+++ b/src/components/Upload/singleImage.vue
@@ -0,0 +1,123 @@
+<template>
+    <div class="upload-container">
+        <el-upload class="image-uploader" :data="dataObj" drag :multiple="false" :show-file-list="false" action="https://httpbin.org/post"
+            :on-success="handleImageScucess">
+            <i class="el-icon-upload"></i>
+            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        </el-upload>
+        <div class="image-preview">
+            <div class="image-preview-wrapper" v-show="imageUrl.length>1">
+                <img :src="imageUrl+'?imageView2/1/w/200/h/200'">
+                <div class="image-preview-action">
+                    <i @click="rmImage" class="el-icon-delete"></i>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+// 预览效果见付费文章
+import { getToken } from '@/api/qiniu'
+
+export default {
+  name: 'singleImageUpload',
+  props: {
+    value: String
+  },
+  computed: {
+    imageUrl() {
+      return this.value
+    }
+  },
+  data() {
+    return {
+      tempUrl: '',
+      dataObj: { token: '', key: '' }
+    }
+  },
+  methods: {
+    rmImage() {
+      this.emitInput('')
+    },
+    emitInput(val) {
+      this.$emit('input', val)
+    },
+    handleImageScucess() {
+      this.emitInput(this.tempUrl)
+    },
+    beforeUpload() {
+      const _self = this
+      return new Promise((resolve, reject) => {
+        getToken().then(response => {
+          const key = response.data.qiniu_key
+          const token = response.data.qiniu_token
+          _self._data.dataObj.token = token
+          _self._data.dataObj.key = key
+          this.tempUrl = response.data.qiniu_url
+          resolve(true)
+        }).catch(err => {
+          console.log(err)
+          reject(false)
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+    @import "src/styles/mixin.scss";
+    .upload-container {
+        width: 100%;
+        position: relative;
+        @include clearfix;
+        .image-uploader {
+            width: 60%;
+            float: left;
+        }
+        .image-preview {
+            width: 200px;
+            height: 200px;
+            position: relative;
+            border: 1px dashed #d9d9d9;
+            float: left;
+            margin-left: 50px;
+            .image-preview-wrapper {
+                position: relative;
+                width: 100%;
+                height: 100%;
+                img {
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+            .image-preview-action {
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                left: 0;
+                top: 0;
+                cursor: default;
+                text-align: center;
+                color: #fff;
+                opacity: 0;
+                font-size: 20px;
+                background-color: rgba(0, 0, 0, .5);
+                transition: opacity .3s;
+                cursor: pointer;
+                text-align: center;
+                line-height: 200px;
+                .el-icon-delete {
+                    font-size: 36px;
+                }
+            }
+            &:hover {
+                .image-preview-action {
+                    opacity: 1;
+                }
+            }
+        }
+    }
+
+</style>
diff --git a/src/components/Upload/singleImage2.vue b/src/components/Upload/singleImage2.vue
new file mode 100644
index 0000000..bafc14d
--- /dev/null
+++ b/src/components/Upload/singleImage2.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="singleImageUpload2 upload-container">
+    <el-upload class="image-uploader" :data="dataObj" drag :multiple="false" :show-file-list="false" action="https://httpbin.org/post"
+      :on-success="handleImageScucess">
+      <i class="el-icon-upload"></i>
+      <div class="el-upload__text">Drag或<em>点击上传</em></div>
+    </el-upload>
+    <div v-show="imageUrl.length>0" class="image-preview">
+      <div class="image-preview-wrapper" v-show="imageUrl.length>1">
+        <img :src="imageUrl">
+        <div class="image-preview-action">
+          <i @click="rmImage" class="el-icon-delete"></i>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getToken } from '@/api/qiniu'
+
+export default {
+  name: 'singleImageUpload2',
+  props: {
+    value: String
+  },
+  computed: {
+    imageUrl() {
+      return this.value
+    }
+  },
+  data() {
+    return {
+      tempUrl: '',
+      dataObj: { token: '', key: '' }
+    }
+  },
+  methods: {
+    rmImage() {
+      this.emitInput('')
+    },
+    emitInput(val) {
+      this.$emit('input', val)
+    },
+    handleImageScucess() {
+      this.emitInput(this.tempUrl)
+    },
+    beforeUpload() {
+      const _self = this
+      return new Promise((resolve, reject) => {
+        getToken().then(response => {
+          const key = response.data.qiniu_key
+          const token = response.data.qiniu_token
+          _self._data.dataObj.token = token
+          _self._data.dataObj.key = key
+          this.tempUrl = response.data.qiniu_url
+          resolve(true)
+        }).catch(() => {
+          reject(false)
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.upload-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  .image-uploader {
+    height: 100%;
+  }
+  .image-preview {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    border: 1px dashed #d9d9d9;
+    .image-preview-wrapper {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .image-preview-action {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      left: 0;
+      top: 0;
+      cursor: default;
+      text-align: center;
+      color: #fff;
+      opacity: 0;
+      font-size: 20px;
+      background-color: rgba(0, 0, 0, .5);
+      transition: opacity .3s;
+      cursor: pointer;
+      text-align: center;
+      line-height: 200px;
+      .el-icon-delete {
+        font-size: 36px;
+      }
+    }
+    &:hover {
+      .image-preview-action {
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/Upload/singleImage3.vue b/src/components/Upload/singleImage3.vue
new file mode 100644
index 0000000..8168bd5
--- /dev/null
+++ b/src/components/Upload/singleImage3.vue
@@ -0,0 +1,145 @@
+<template>
+  <div class="upload-container">
+    <el-upload class="image-uploader" :data="dataObj" drag :multiple="false" :show-file-list="false" action="https://httpbin.org/post"
+      :on-success="handleImageScucess">
+      <i class="el-icon-upload"></i>
+      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+    </el-upload>
+    <div class="image-preview image-app-preview">
+      <div class="image-preview-wrapper" v-show="imageUrl.length>1">
+        <img :src="imageUrl">
+        <div class="image-preview-action">
+          <i @click="rmImage" class="el-icon-delete"></i>
+        </div>
+      </div>
+    </div>
+    <div class="image-preview">
+      <div class="image-preview-wrapper" v-show="imageUrl.length>1">
+        <img :src="imageUrl">
+        <div class="image-preview-action">
+          <i @click="rmImage" class="el-icon-delete"></i>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getToken } from '@/api/qiniu'
+
+export default {
+  name: 'singleImageUpload3',
+  props: {
+    value: String
+  },
+  computed: {
+    imageUrl() {
+      return this.value
+    }
+  },
+  data() {
+    return {
+      tempUrl: '',
+      dataObj: { token: '', key: '' }
+    }
+  },
+  methods: {
+    rmImage() {
+      this.emitInput('')
+    },
+    emitInput(val) {
+      this.$emit('input', val)
+    },
+    handleImageScucess(file) {
+      this.emitInput(file.files.file)
+    },
+    beforeUpload() {
+      const _self = this
+      return new Promise((resolve, reject) => {
+        getToken().then(response => {
+          const key = response.data.qiniu_key
+          const token = response.data.qiniu_token
+          _self._data.dataObj.token = token
+          _self._data.dataObj.key = key
+          this.tempUrl = response.data.qiniu_url
+          resolve(true)
+        }).catch(err => {
+          console.log(err)
+          reject(false)
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+@import "src/styles/mixin.scss";
+.upload-container {
+  width: 100%;
+  position: relative;
+  @include clearfix;
+  .image-uploader {
+    width: 35%;
+    float: left;
+  }
+  .image-preview {
+    width: 200px;
+    height: 200px;
+    position: relative;
+    border: 1px dashed #d9d9d9;
+    float: left;
+    margin-left: 50px;
+    .image-preview-wrapper {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .image-preview-action {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      left: 0;
+      top: 0;
+      cursor: default;
+      text-align: center;
+      color: #fff;
+      opacity: 0;
+      font-size: 20px;
+      background-color: rgba(0, 0, 0, .5);
+      transition: opacity .3s;
+      cursor: pointer;
+      text-align: center;
+      line-height: 200px;
+      .el-icon-delete {
+        font-size: 36px;
+      }
+    }
+    &:hover {
+      .image-preview-action {
+        opacity: 1;
+      }
+    }
+  }
+  .image-app-preview {
+    width: 320px;
+    height: 180px;
+    position: relative;
+    border: 1px dashed #d9d9d9;
+    float: left;
+    margin-left: 50px;
+    .app-fake-conver {
+      height: 44px;
+      position: absolute;
+      width: 100%; // background: rgba(0, 0, 0, .1);
+      text-align: center;
+      line-height: 64px;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/components/UploadExcel/index.vue b/src/components/UploadExcel/index.vue
new file mode 100644
index 0000000..f17d8ae
--- /dev/null
+++ b/src/components/UploadExcel/index.vue
@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <input id="excel-upload-input" ref="excel-upload-input" type="file" accept=".xlsx, .xls" class="c-hide" @change="handkeFileChange">
+    <div id="drop" @drop="handleDrop" @dragover="handleDragover" @dragenter="handleDragover">
+      Drop excel file here or
+      <el-button style="margin-left:16px;" size="mini" type="primary" @click="handleUpload">browse</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import XLSX from 'xlsx'
+
+export default {
+  data() {
+    return {
+      loading: false,
+      excelData: {
+        header: null,
+        results: null
+      }
+    }
+  },
+  methods: {
+    generateDate({ header, results }) {
+      this.excelData.header = header
+      this.excelData.results = results
+      this.$emit('on-selected-file', this.excelData)
+    },
+    handleDrop(e) {
+      e.stopPropagation()
+      e.preventDefault()
+      const files = e.dataTransfer.files
+      if (files.length !== 1) {
+        this.$message.error('Only support uploading one file!')
+        return
+      }
+      const itemFile = files[0] // only use files[0]
+      this.readerData(itemFile)
+      e.stopPropagation()
+      e.preventDefault()
+    },
+    handleDragover(e) {
+      e.stopPropagation()
+      e.preventDefault()
+      e.dataTransfer.dropEffect = 'copy'
+    },
+    handleUpload() {
+      document.getElementById('excel-upload-input').click()
+    },
+    handkeFileChange(e) {
+      const files = e.target.files
+      const itemFile = files[0] // only use files[0]
+      if (!itemFile) return
+      this.readerData(itemFile)
+      this.$refs['excel-upload-input'].value = null // fix can't select the same excel
+    },
+    readerData(itemFile) {
+      const reader = new FileReader()
+      reader.onload = e => {
+        const data = e.target.result
+        const fixedData = this.fixdata(data)
+        const workbook = XLSX.read(btoa(fixedData), { type: 'base64' })
+        const firstSheetName = workbook.SheetNames[0]
+        const worksheet = workbook.Sheets[firstSheetName]
+        const header = this.get_header_row(worksheet)
+        const results = XLSX.utils.sheet_to_json(worksheet)
+        this.generateDate({ header, results })
+      }
+      reader.readAsArrayBuffer(itemFile)
+    },
+    fixdata(data) {
+      let o = ''
+      let l = 0
+      const w = 10240
+      for (; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)))
+      o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)))
+      return o
+    },
+    get_header_row(sheet) {
+      const headers = []
+      const range = XLSX.utils.decode_range(sheet['!ref'])
+      let C
+      const R = range.s.r /* start in the first row */
+      for (C = range.s.c; C <= range.e.c; ++C) { /* walk every column in the range */
+        var cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })] /* find the cell in the first row */
+        var hdr = 'UNKNOWN ' + C // <-- replace with your desired default
+        if (cell && cell.t) hdr = XLSX.utils.format_cell(cell)
+        headers.push(hdr)
+      }
+      return headers
+    }
+  }
+}
+</script>
+
+<style scoped>
+#excel-upload-input{
+  display: none;
+  z-index: -9999;
+}
+#drop{
+  border: 2px dashed #bbb;
+  width: 600px;
+  height: 160px;
+  line-height: 160px;
+  margin: 0 auto;
+  font-size: 24px;
+  border-radius: 5px;
+  text-align: center;
+  color: #bbb;
+  position: relative;
+}
+</style>
diff --git a/src/components/VueEditor/Index.vue b/src/components/VueEditor/Index.vue
new file mode 100644
index 0000000..5533f4c
--- /dev/null
+++ b/src/components/VueEditor/Index.vue
@@ -0,0 +1,299 @@
+<template>
+	<div>
+        <quill-editor  style="width:100%;" v-model="content"
+                      :options="editorOption"
+                      :id="id"
+                      ref="myTextEditor"
+                      @blur="onEditorBlur($event)"
+                      @focus="onEditorFocus($event)"
+                      @ready="onEditorReady($event)">
+          <div :id="id+'_toolbar'" slot="toolbar">
+            <!-- Add a bold button -->
+            <button class="ql-bold">Bold</button>
+            <button class="ql-italic">Italic</button>
+            <button class="ql-underline">Underline</button>
+            <button class="ql-strike">Strike</button> 
+            <button class="ql-header" value="1"></button>
+            <button class="ql-header" value="2"></button>
+            <button class="ql-header" value="3"></button> 
+            <button class="ql-indent" value="+1"></button>
+            <button class="ql-indent" value="-1"></button> 
+            <button class="ql-direction" value="rtl"></button> 
+            <!-- Add font size dropdown -->
+            <select class="ql-size ql-picker">
+              <option value="small"></option>
+              <!-- Note a missing, thus falsy value, is used to reset to default -->
+              <option selected></option>
+              <option value="large"></option>
+              <option value="huge"></option>
+            </select>
+            <select class="ql-font">
+              <option selected="selected"></option>
+              <option value="serif"></option>
+              <option value="monospace"></option>
+            </select>
+            <select class="ql-color"> 
+            </select>
+            <select class="ql-background"> 
+            </select>
+            <!-- Add subscript and superscript buttons -->
+            <button class="ql-script" value="sub"></button>
+            <button class="ql-script" value="super"></button> 
+            <button class="ql-link">链接</button> 
+            <button class="ql-video">视频</button>
+            <!-- You can also add your own -->
+            <button id="custom-button-img" @click="mateImageButtonClick" style="width:80px;">图片库</button>
+            <el-upload ref="uploadFromFile"  :action="uploadAction+'?userToken='+token"   :on-change="fileChange" :accept="'image/*'" multiple :on-success="uploadSuccess" :on-error="handleUploadError" :show-file-list="false" :before-upload="beforeupload" :data="uploadOptions">
+              <el-button  type="text">本地图片</el-button>
+            </el-upload>
+          </div>
+        </quill-editor>
+        
+        <el-dialog title="裁剪图片" :visible.sync="shearMngVisible" top="0px"  width="1100px"  :lock-scroll="false"  :close-on-click-modal="false" append-to-body> 
+        	<div slot="title">为了良好的客户体验，app图片建议控制在50Kb左右，宽400，高300上限，<br>如果是兼容pc的图片，建议宽800，高600为上限</div>
+		<shear-mng :imgWidth="myWidth" :imgHeight="myHeight" :image="image" :fullscreen.sync="fullscreen" :branch-id="uploadOptions.branchId" :category-id="image.categoryId" :remark="uploadOptions.remark" @cancel="shearMngVisible=false" @upload-success="uploadSuccess"></shear-mng>
+		</el-dialog>
+		<el-dialog title="选择图片" :visible.sync="addFormVisible"  width="90%" top="0px" :close-on-click-modal="false" append-to-body>
+			<upload-image :branch-id="branchId" :multiple="true" :visible="addFormVisible" @cancel="addFormVisible=false" @confirm="handleConfirm"></upload-image>
+		</el-dialog>
+		
+	</div>
+</template>
+
+<script>
+  import hljs from 'highlight.js'
+//require styles
+  import 'quill/dist/quill.core.css'
+  import 'quill/dist/quill.snow.css'
+  import 'quill/dist/quill.bubble.css'
+  import  {quillEditor,Quill} from 'vue-quill-editor'
+  import { ImageDrop } from 'quill-image-drop-module'
+  import ImageResize from 'quill-image-resize-module'
+   
+  Quill.register('modules/imageDrop', ImageDrop)
+  Quill.register('modules/imageResize', ImageResize)
+  
+  	import util from '@/common/js/util';//全局公共库
+	import UploadImage from '@/components/Image/UploadImage';
+	import ShearMng from '@/components/Image/ShearSelectUpload';
+	import config from '@/common/config';//config 
+  import { mapGetters } from 'vuex'
+  
+  export default {
+	props:['branchId','categoryId','deptid','remark','value','imgWidth','imgHeight','id'],
+	watch: {
+		'value':function(val){
+			this.content = val;
+		},
+		'content':function(content){
+			this.$emit('input',content)
+		},
+		'imgWidth':function(val){
+			this.myWidth = val;
+		},
+		'imgHeight':function(val){
+			this.myHeight = val;
+		}
+    },
+    data() {
+      return {
+        name: '03-example',
+        content: "请填写内容/上传图片/视频等",
+        editorOption: {
+          modules: { 
+              toolbar: '#'+this.id+'_toolbar',
+                history: {
+                    delay: 1000,
+                    maxStack: 50,
+                    userOnly: false
+                },
+                imageDrop: true,
+                imageResize: { 
+                  modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]
+                }
+          }
+        },
+        fullscreen:false,
+        addFormVisible:false,
+        shearMngVisible:false,
+        /**begin 在下面加自定义属性,记得补上面的一个逗号**/
+        image:{categoryId:'123'},
+        uploadOptions:{branchId:this.branchId,categoryId:this.categoryId,fileName:'',remark:'',deptid:this.deptid},//当前选择上传图片的类型
+        previewVisible:false,
+        myWidth:this.imgWidth,
+        myHeight:this.imgHeight,//80||178
+        currentEditorIndex:0,//记录当前编辑器的选中位置，用于插入图片等
+        uploadAction:config.getArcImagePath()+"/arc/image/upload",
+      }
+    },
+    components: {
+    	quillEditor,
+		'upload-image':UploadImage,
+		'shear-mng':ShearMng
+      },
+    computed: {
+      	...mapGetters([
+		      'userInfo','token'
+		    ]),
+      contentCode() {
+        return hljs.highlightAuto(this.content).value
+      },
+      editor() {
+          return this.$refs.myTextEditor.quill
+      }
+    },
+    methods: {
+      onEditorBlur(editor) {
+        // console.log('editor blur!', editor)
+      },
+      onEditorFocus(editor) {
+        // console.log('editor focus!', editor)
+      },
+      onEditorReady(editor) {
+        // console.log('editor ready!', editor)
+      },
+      imageButtonClick(ev) {
+    	  var oEvent = ev || event;
+    	  oEvent.preventDefault(); 
+    	  let addImgRange = this.editor.getSelection()
+    	  if(addImgRange==null){
+    		  this.currentEditorIndex=0
+    	  }else{
+    		  this.currentEditorIndex=addImgRange.index;
+    	  }
+    	 
+    	  this.addFormVisible=true;
+    	  return false;
+      },
+      mateImageButtonClick(ev) {
+    	  var oEvent = ev || event;
+    	  oEvent.preventDefault(); 
+    	  let addImgRange = this.editor.getSelection()
+    	  if(addImgRange==null){
+    		  this.currentEditorIndex=0
+    	  }else{
+    		  this.currentEditorIndex=addImgRange.index;
+    	  }
+    	 
+    	  this.addFormVisible=true;
+    	  return false;
+      },
+		 handleConfirm(imgs){ 
+            const range = this.editor.getSelection();
+            var editorPosition=this.currentEditorIndex;
+            if(range!=null){
+              editorPosition=range.index;
+            }
+            imgs.forEach(i=>{ 
+              this.editor.insertEmbed(editorPosition, 'image', i.url, Quill.sources.USER) 
+              editorPosition=editorPosition+1;
+            })
+
+		        this.currentEditorIndex=editorPosition;
+			//this.shearMngVisible=true;
+		},
+		//上传64图片后，指定回调父组件的方法,一般用于保存该图片的信息到另一张表
+		uploadSuccess(res){
+          const range = this.editor.getSelection();
+            var editorPosition=this.currentEditorIndex;
+            if(range!=null){
+              editorPosition=range.index;
+            }
+          
+        this.editor.insertEmbed(editorPosition, 'image',  res.data.url, Quill.sources.USER) 
+        this.currentEditorIndex=editorPosition+1;
+				this.shearMngVisible=false;
+				
+				
+       	/* }); */
+			//this.$emit('cancel');
+			
+    },
+    
+			handleUploadError : function(err, file, fileList){
+				this.$message({ message: "文件上传失败，请检查文件是否过大，建议图片文件控制在500K内", type: "warning" }); 
+			},
+		/**begin 在下面加自定义方法,记得补上面的一个逗号**/			
+		converUrl(url){
+			if(url==null||url==''||url=='undefined'){
+				return url;
+			}
+	    	 if(!url.indexOf('http')==0 && !url.indexOf('www')==0){
+	    		 return config.getArcImagePath()+"/"+url;
+	    	 }
+	    	 return url;
+		},
+		previewImg(){
+			this.previewVisible=true;
+		}, 
+		  beforeupload(file){
+			return true;
+		 },
+		  fileChange(file, fileList) {
+			    var that = this;
+			    console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx");
+			    console.log(file)
+			    if(file.raw.type.indexOf('image')<0){
+			    	this.$message({ message: "请选择图片文件", type: "warning" }); 
+			    	return false;
+			    }
+			    return true; 
+			  }
+    },
+    mounted() { 
+		this.myWidth=this.imgWidth?this.imgWidth:400,
+		this.myHeight=this.imgHeight?this.imgHeight:300
+				console.log(this.$refs.uploadFromFile);
+				var that=this;
+			     const imgHandler= function(isImage) {
+			    	  console.log(isImage)
+			          let addImgRange = that.editor.getSelection()
+			          that.currentEditorIndex=addImgRange.index;
+			          if (isImage) {
+			        	  that.$refs.uploadFromFile.$el.querySelector(".el-upload input").click()
+			          }  
+			       }	
+			     console.log(this.editor)
+		this.editor.getModule("toolbar").addHandler("image", imgHandler)
+     }
+  }
+</script>
+
+<style lang="scss">
+  .quill-editor,
+  .quill-code {
+    width: 50%;
+    float: left;
+  }
+  .quill-code {
+    height: auto;
+    border: none;
+    > .title {
+      border: 1px solid #ccc;
+      border-left: none;
+      height: 3em;
+      line-height: 3em;
+      text-indent: 1rem;
+      font-weight: bold;
+    }
+    > code {
+      width: 100%;
+      margin: 0;
+      padding: 1rem;
+      border: 1px solid #ccc;
+      border-top: none;
+      border-left: none;
+      border-radius: 0;
+      height: 30rem;
+      overflow-y: auto;
+    }
+  }
+  .quill-editor{ 
+    p {
+      >img {
+        float: left;
+        display: block;
+      }
+    } 
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/editor/ImgEditor.vue b/src/components/editor/ImgEditor.vue
new file mode 100644
index 0000000..51f9207
--- /dev/null
+++ b/src/components/editor/ImgEditor.vue
@@ -0,0 +1,124 @@
+<template>
+			<!--工具条1-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->
+			 
+			<!--新增界面 Archive 档案信息表--> 
+
+					<quill-editor ref="archiveContextEditor"
+					 v-model="value"
+                      :options="editorOption"
+                      @blur="onEditorBlur($event)"
+                      @focus="onEditorFocus($event)"
+                      @ready="onEditorReady($event)">
+					</quill-editor>
+</template>
+
+<script>
+	//begin富文本编辑器
+	import { quillEditor,Quill } from 'vue-quill-editor'
+	import 'quill/dist/quill.core.css'
+	import 'quill/dist/quill.snow.css'
+	import 'quill/dist/quill.bubble.css' 
+	import { ImageDrop } from 'quill-image-drop-module'
+	import ImageResize from 'quill-image-resize-module'
+	Quill.register('modules/imageDrop', ImageDrop)
+	Quill.register('modules/imageResize', ImageResize)
+	//end 富文本编辑器
+	export default {
+	props:['value']
+    data() {
+      return { 
+        editorOption: {
+          modules: {
+            toolbar: [
+              [{ 'size': ['small', false, 'large'] }],
+              ['bold', 'italic'],
+              [{ 'list': 'ordered'}, { 'list': 'bullet' }],
+              ['link', 'image']
+            ],
+            history: {
+              delay: 1000,
+              maxStack: 50,
+              userOnly: false
+            },
+            imageDrop: true,
+            imageResize: {
+              displayStyles: {
+                backgroundColor: 'black',
+                border: 'none',
+                color: 'white'
+              },
+              modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]
+            }
+          }
+        }
+      }
+    },
+    mounted() {
+    },
+    computed: {
+      contentCode() {
+        return hljs.highlightAuto(this.content).value
+      },
+    },
+    methods: {
+      onEditorBlur(editor) {
+        // console.log('editor blur!', editor)
+      },
+      onEditorFocus(editor) {
+        // console.log('editor focus!', editor)
+      },
+      onEditorReady(editor) {
+        // console.log('editor ready!', editor)
+      }
+    },
+	components: {  
+	    //在下面添加其它组件 'archive-edit':ArchiveEdit
+		'quill-editor':quillEditor
+	},
+  }
+</script>
+
+<style>
+  .quill-editor:not(.bubble) .ql-container,
+  .quill-editor:not(.bubble) .ql-container .ql-editor {
+    height: 30rem;
+    padding-bottom: 1rem;
+  }
+</style>
+
+<style lang="scss" scoped>
+  .quill-editor,
+  .quill-code {
+    width: 50%;
+    float: left;
+  }
+  .quill-code {
+    height: auto;
+    border: none;
+    > .title {
+      border: 1px solid #ccc;
+      border-left: none;
+      height: 3em;
+      line-height: 3em;
+      text-indent: 1rem;
+      font-weight: bold;
+    }
+    > code {
+      width: 100%;
+      margin: 0;
+      padding: 1rem;
+      border: 1px solid #ccc;
+      border-top: none;
+      border-left: none;
+      border-radius: 0;
+      height: 30rem;
+      overflow-y: auto;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/excel/components/AutoWidthOption.vue b/src/components/excel/components/AutoWidthOption.vue
new file mode 100644
index 0000000..9050e65
--- /dev/null
+++ b/src/components/excel/components/AutoWidthOption.vue
@@ -0,0 +1,34 @@
+<template>
+  <div style="display:inline-block;">
+    <label class="radio-label">Cell Auto-Width: </label>
+    <el-radio-group v-model="autoWidth">
+      <el-radio :label="true" border>
+        True
+      </el-radio>
+      <el-radio :label="false" border>
+        False
+      </el-radio>
+    </el-radio-group>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    autoWidth: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  }
+}
+</script>
diff --git a/src/components/excel/components/BookTypeOption.vue b/src/components/excel/components/BookTypeOption.vue
new file mode 100644
index 0000000..af9fed3
--- /dev/null
+++ b/src/components/excel/components/BookTypeOption.vue
@@ -0,0 +1,39 @@
+<template>
+  <div style="display:inline-block;">
+    <label class="radio-label">Book Type: </label>
+    <el-select v-model="bookType" style="width:120px;">
+      <el-option
+        v-for="item in options"
+        :key="item"
+        :label="item"
+        :value="item"
+      />
+    </el-select>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      default: 'xlsx'
+    }
+  },
+  data() {
+    return {
+      options: ['xlsx', 'csv', 'txt']
+    }
+  },
+  computed: {
+    bookType: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  }
+}
+</script>
diff --git a/src/components/excel/components/FilenameOption.vue b/src/components/excel/components/FilenameOption.vue
new file mode 100644
index 0000000..7509223
--- /dev/null
+++ b/src/components/excel/components/FilenameOption.vue
@@ -0,0 +1,27 @@
+<template>
+  <div style="display:inline-block;">
+    <label class="radio-label" style="padding-left:0;">Filename: </label>
+    <el-input v-model="filename" placeholder="Please enter the file name (default excel-list)" style="width:345px;" prefix-icon="el-icon-document" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    filename: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  }
+}
+</script>
diff --git a/src/components/excel/export-excel.vue b/src/components/excel/export-excel.vue
new file mode 100644
index 0000000..b4d7500
--- /dev/null
+++ b/src/components/excel/export-excel.vue
@@ -0,0 +1,116 @@
+<template>
+  <div class="app-container">
+
+    <div>
+      <FilenameOption v-model="filename" />
+      <AutoWidthOption v-model="autoWidth" />
+      <BookTypeOption v-model="bookType" />
+      <el-button :loading="downloadLoading" style="margin:0 0 20px 20px;" type="primary" icon="el-icon-document" @click="handleDownload">
+        Export Excel
+      </el-button>
+      <a href="https://panjiachen.github.io/vue-element-admin-site/feature/component/excel.html" target="_blank" style="margin-left:15px;">
+        <el-tag type="info">Documentation</el-tag>
+      </a>
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" element-loading-text="Loading..." border fit highlight-current-row>
+      <el-table-column align="center" label="Id" width="95">
+        <template slot-scope="scope">
+          {{ scope.$index }}
+        </template>
+      </el-table-column>
+      <el-table-column label="Title">
+        <template slot-scope="scope">
+          {{ scope.row.title }}
+        </template>
+      </el-table-column>
+      <el-table-column label="Author" width="110" align="center">
+        <template slot-scope="scope">
+          <el-tag>{{ scope.row.author }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="Readings" width="115" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.pageviews }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="Date" width="220">
+        <template slot-scope="scope">
+          <i class="el-icon-time" />
+          <span>{{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { fetchList } from '@/api/article'
+import { parseTime } from '@/utils'
+// options components
+import FilenameOption from './components/FilenameOption'
+import AutoWidthOption from './components/AutoWidthOption'
+import BookTypeOption from './components/BookTypeOption'
+
+export default {
+  name: 'ExportExcel',
+  components: { FilenameOption, AutoWidthOption, BookTypeOption },
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      downloadLoading: false,
+      filename: '',
+      autoWidth: true,
+      bookType: 'xlsx'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      fetchList().then(response => {
+        this.list = response.data.items
+        this.listLoading = false
+      })
+    },
+    handleDownload() {
+      this.downloadLoading = true
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['Id', 'Title', 'Author', 'Readings', 'Date']
+        const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
+        const list = this.list
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel({
+          header: tHeader,
+          data,
+          filename: this.filename,
+          autoWidth: this.autoWidth,
+          bookType: this.bookType
+        })
+        this.downloadLoading = false
+      })
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => {
+        if (j === 'timestamp') {
+          return parseTime(v[j])
+        } else {
+          return v[j]
+        }
+      }))
+    }
+  }
+}
+</script>
+
+<style>
+.radio-label {
+  font-size: 14px;
+  color: #606266;
+  line-height: 40px;
+  padding: 0 12px 0 30px;
+}
+</style>
diff --git a/src/components/excel/merge-header.vue b/src/components/excel/merge-header.vue
new file mode 100644
index 0000000..2646b9d
--- /dev/null
+++ b/src/components/excel/merge-header.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="app-container">
+
+    <el-button :loading="downloadLoading" style="margin-bottom:20px" type="primary" icon="el-icon-document" @click="handleDownload">Export</el-button>
+
+    <el-table
+      ref="multipleTable"
+      v-loading="listLoading"
+      :data="list"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column align="center" label="Id" width="95">
+        <template slot-scope="scope">
+          {{ scope.$index }}
+        </template>
+      </el-table-column>
+      <el-table-column label="Main Information" align="center">
+        <el-table-column label="Title">
+          <template slot-scope="scope">
+            {{ scope.row.title }}
+          </template>
+        </el-table-column>
+        <el-table-column label="Author" width="110" align="center">
+          <template slot-scope="scope">
+            <el-tag>{{ scope.row.author }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="Readings" width="115" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.pageviews }}
+          </template>
+        </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="Date" width="220">
+        <template slot-scope="scope">
+          <i class="el-icon-time" />
+          <span>{{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+  </div>
+</template>
+
+<script>
+import { fetchList } from '@/api/article'
+import { parseTime } from '@/utils'
+
+export default {
+  name: 'MergeHeader',
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      downloadLoading: false
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items
+        this.listLoading = false
+      })
+    },
+    handleDownload() {
+      this.downloadLoading = true
+        import('@/vendor/Export2Excel').then(excel => {
+          const multiHeader = [['Id', 'Main Information', '', '', 'Date']]
+          const header = ['', 'Title', 'Author', 'Readings', '']
+          const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
+          const list = this.list
+          const data = this.formatJson(filterVal, list)
+          const merges = ['A1:A2', 'B1:D1', 'E1:E2']
+          excel.export_json_to_excel({
+            multiHeader,
+            header,
+            merges,
+            data
+          })
+          this.downloadLoading = false
+        })
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => {
+        if (j === 'timestamp') {
+          return parseTime(v[j])
+        } else {
+          return v[j]
+        }
+      }))
+    }
+  }
+}
+</script>
diff --git a/src/components/excel/select-excel.vue b/src/components/excel/select-excel.vue
new file mode 100644
index 0000000..05b85fb
--- /dev/null
+++ b/src/components/excel/select-excel.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="app-container">
+    <el-input v-model="filename" placeholder="Please enter the file name (default excel-list)" style="width:350px;" prefix-icon="el-icon-document" />
+    <el-button :loading="downloadLoading" style="margin-bottom:20px" type="primary" icon="el-icon-document" @click="handleDownload">
+      Export Selected Items
+    </el-button>
+    <a href="https://panjiachen.github.io/vue-element-admin-site/feature/component/excel.html" target="_blank" style="margin-left:15px;">
+      <el-tag type="info">Documentation</el-tag>
+    </a>
+    <el-table
+      ref="multipleTable"
+      v-loading="listLoading"
+      :data="list"
+      element-loading-text="拼命加载中"
+      border
+      fit
+      highlight-current-row
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" align="center" />
+      <el-table-column align="center" label="Id" width="95">
+        <template slot-scope="scope">
+          {{ scope.$index }}
+        </template>
+      </el-table-column>
+      <el-table-column label="Title">
+        <template slot-scope="scope">
+          {{ scope.row.title }}
+        </template>
+      </el-table-column>
+      <el-table-column label="Author" width="110" align="center">
+        <template slot-scope="scope">
+          <el-tag>{{ scope.row.author }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="Readings" width="115" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.pageviews }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="PDate" width="220">
+        <template slot-scope="scope">
+          <i class="el-icon-time" />
+          <span>{{ scope.row.display_time }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { fetchList } from '@/api/article'
+
+export default {
+  name: 'SelectExcel',
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      multipleSelection: [],
+      downloadLoading: false,
+      filename: ''
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items
+        this.listLoading = false
+      })
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    handleDownload() {
+      if (this.multipleSelection.length) {
+        this.downloadLoading = true
+        import('@/vendor/Export2Excel').then(excel => {
+          const tHeader = ['Id', 'Title', 'Author', 'Readings', 'Date']
+          const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
+          const list = this.multipleSelection
+          const data = this.formatJson(filterVal, list)
+          excel.export_json_to_excel({
+            header: tHeader,
+            data,
+            filename: this.filename
+          })
+          this.$refs.multipleTable.clearSelection()
+          this.downloadLoading = false
+        })
+      } else {
+        this.$message({
+          message: 'Please select at least one item',
+          type: 'warning'
+        })
+      }
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    }
+  }
+}
+</script>
diff --git a/src/components/excel/upload-excel.vue b/src/components/excel/upload-excel.vue
new file mode 100644
index 0000000..1772b7f
--- /dev/null
+++ b/src/components/excel/upload-excel.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="app-container">
+    <upload-excel-component :on-success="handleSuccess" :before-upload="beforeUpload" />
+    <el-table :data="tableData" border highlight-current-row style="width: 100%;margin-top:20px;">
+      <el-table-column v-for="item of tableHeader" :key="item" :prop="item" :label="item" />
+    </el-table>
+  </div>
+</template>
+
+<script>
+import UploadExcelComponent from '@/components/UploadExcel/index.vue'
+
+export default {
+  name: 'UploadExcel',
+  components: { UploadExcelComponent },
+  data() {
+    return {
+      tableData: [],
+      tableHeader: []
+    }
+  },
+  methods: {
+    beforeUpload(file) {
+      const isLt1M = file.size / 1024 / 1024 < 1
+
+      if (isLt1M) {
+        return true
+      }
+
+      this.$message({
+        message: 'Please do not upload files larger than 1m in size.',
+        type: 'warning'
+      })
+      return false
+    },
+    handleSuccess({ results, header }) {
+      this.tableData = results
+      this.tableHeader = header
+    }
+  }
+}
+</script>
diff --git a/src/components/selectShopLocation/BranchSelect.vue b/src/components/selectShopLocation/BranchSelect.vue
new file mode 100644
index 0000000..feeabfe
--- /dev/null
+++ b/src/components/selectShopLocation/BranchSelect.vue
@@ -0,0 +1,177 @@
+<template>
+	<section>
+		<sticky :className="'sub-navbar draft'">
+			<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input> 
+			<el-button type="primary" v-loading="load.list" v-on:click="searchBranchs">查询</el-button>
+		</sticky>
+		<el-row class="app-container"> 
+			<!--列表 Branch 管理端机构表（机构下面若干部门）-->
+			<el-table :data="branchs" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column type="index" width="60"></el-table-column>
+				<el-table-column prop="id" label="机构编号" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="branchName" label="机构名称" min-width="80" show-overflow-tooltip></el-table-column> 
+				<el-table-column prop="industryCategory" label="行业分类" min-width="80" show-overflow-tooltip></el-table-column> 
+				<el-table-column prop="cdate" label="创建日期" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="cusername" label="创建人姓名" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="phoneNo" label="联系电话" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="emaill" label="邮件" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="enabled" label="是否启用" min-width="80" show-overflow-tooltip>
+						<template slot-scope="scope">
+						<el-tag v-if="scope.row.enabled=='1'">√</el-tag>
+						<el-tag v-else>×</el-tag>
+						</template>
+				</el-table-column>
+			</el-table>
+			<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询
+	import { listBranch, delBranch, batchDelBranch } from './branch';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				branchs: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				
+				addFormVisible: false,//新增branch界面是否显示
+				//新增branch界面初始化数据
+				addForm: {
+					id:'',branchName:'',enabled:'',industryCategory:'',cuserid:'',cdate:'',cusername:'',phoneNo:'',emaill:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑branch界面初始化数据
+				editForm: {
+					id:'',branchName:'',enabled:'',industryCategory:'',cuserid:'',cdate:'',cusername:'',phoneNo:'',emaill:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				userDeptFormVisible:false,	
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.count=true;
+				
+				this.getBranchs();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getBranchs();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getBranchs();
+			},
+			searchBranchs(){
+				 
+				 this.pageInfo.count=true;
+				 this.getBranchs();
+			},
+			//获取列表 Branch 管理端机构表（机构下面若干部门）
+			getBranchs() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					params.key="%"+this.filters.key+"%"
+				}else{
+					//params.xxx=xxxxx
+				}
+				if( !this.userInfo.isSuperAdmin && !this.userInfo.isPlatformAdmin){
+					params.id=this.userInfo.branchId;
+				} 
+				this.load.list = true;
+				listBranch(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;this.pageInfo.count=false;
+						this.branchs = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch(() => {
+					this.load.list = false;
+					//this.$message({ message: '通讯错误', type: 'error' });
+				});
+			}, 
+			//选择行branch
+			selsChange: function (sels) {
+				this.sels = sels;
+			},  
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			}
+			/**begin 自定义函数请在下面加**/
+			
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'sticky': Sticky
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			this.$nextTick(() => {
+				this.getBranchs();
+        	}); 
+			this.load.list=true
+			listOption([{categoryId:'all',itemCode:'industryCategory'}]).then(res=>{
+				this.load.list=false
+				this.options=res.data.data
+			}).catch(()=>this.load.list=false);
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/selectShopLocation/DeptTree.vue b/src/components/selectShopLocation/DeptTree.vue
new file mode 100644
index 0000000..5d97d87
--- /dev/null
+++ b/src/components/selectShopLocation/DeptTree.vue
@@ -0,0 +1,238 @@
+<template>
+	<section>
+		 				<el-button v-if="userInfo.isSuperAdmin==true||userInfo.isPlatformAdmin==true" @click.native="showBranchSelect">点击切换机构</el-button>
+						<el-input size="small" v-model="deptFilterText" v-if="showFilter==true" placeholder="分类名称、编号过滤" auto-complete="off"></el-input>
+						<el-tree v-loading="listLoading"
+						  class="filter-tree"
+						  :data="deptTreeData"
+						  :props="defaultDeptTreeProps"
+						  :filter-node-method="filterDeptNode"
+						  :show-checkbox="showCheckbox"
+						  :default-expand-all="defaultExpandAll"
+						  :expand-on-click-node="expandOnClickNode"
+						  :indent="indent"
+						  :node-key="nodeKey_"
+						  :default-expanded-keys="defaultExpandedKeys"
+  						  :default-checked-keys="defaultCheckedKeys"
+  						  auto-expand-parent
+  						  highlight-current
+						  @check-change="handleCheckChange"
+						  @current-change="handleCurrentChange"
+						  @node-click="handleNodeClick"
+						  check-strictly
+						  :render-content="renderContent"
+						  ref="deptTree">
+						</el-tree>
+		<el-dialog title="机构选择" :visible.sync="branchVisible"  width="50%" top="20" :close-on-click-modal="false" append-to-body>
+			<branch-select :visible="branchVisible"  @cancel="branchVisible=false" @row-click="branchRowClick"></branch-select>
+		</el-dialog>
+					 
+	</section>
+</template>
+
+<script>
+	import util from './util'
+	import {   listTreeDept  } from './dept'; 
+	import  BranchSelect from './BranchSelect';//机构选择
+	import { mapGetters } from 'vuex' 
+	
+	export default {  
+		watch: {
+	      deptFilterText(val) {
+	        this.$refs.deptTree.filter(val);
+	      },
+	      checkedKeys(val){
+	      	 this.$refs.deptTree.setCheckedKeys(val);
+	      },
+	      refresh(val){ 
+	      	this.getDeptTreeData(val);
+	      },
+	      currentKey(val){ 
+	    	  this.$refs.deptTree.setCheckedKeys([val]);
+		  },
+		  value(val){
+		  	this.deptid=val;
+		  },
+		  deptid(val){
+		  	this.$emit('input',val);
+		  },
+		  branchId(val){ 
+			  this.getDeptTreeData(true);                                           
+		  }
+	    },
+		components: { 
+		    'branch-select':BranchSelect
+		},
+	    computed:{
+	    	defaultExpandedKeys(){
+	    		return this.defaultCheckedKeys;
+	    	},
+	    	defaultCheckedKeys(){
+	    		if(this.value){
+	    			return [this.value];
+	    		}
+	    		return this.checkedKeys;
+	    	},
+	    	nodeKey_(){
+	    		return this.nodeKey?this.nodeKey:'deptid'
+	    	},
+	    	 ...mapGetters([
+			      'userInfo'
+			    ])
+	    },
+	    props: ['value','branchId','visible','nodeKey','showCount','showRoot','countTips','showFilter','rootKey','multiple','checkedKeys','refresh','defaultExpandAll','expandOnClickNode','showCheckbox','indent'],
+		data() {
+			return { 
+				deptFilterText: '',
+				deptTreeData:[], 
+				defaultDeptTreeProps:{
+					
+					id:this.nodeKey_,
+					label:'deptName',
+					children: 'children'
+				},  
+				listLoading: false,
+				deptid:'',
+				branchVisible: false,
+				branch:null
+			}
+		},
+		methods: { 
+			handleCheckChange(data, checked, indeterminate) {
+				let checkedKeys=this.$refs.deptTree.getCheckedKeys(); 
+				
+				if( this.multiple===undefined || this.multiple===false||this.multiple==='false'){
+					if(checked==true){
+						if(checkedKeys.length>1){ 
+							this.$refs.deptTree.setCheckedKeys([data[this.nodeKey_]]);
+							this.$emit('check-change',data,checked,indeterminate);
+							this.deptid=data[this.nodeKey_];
+						}else{
+							this.$emit('check-change',data,checked,indeterminate);
+							this.deptid=data[this.nodeKey_];
+						}
+					}else{
+						if(checkedKeys.length==0){
+							this.deptid='';
+							this.$emit('check-change',data,checked,indeterminate);
+						} 
+					}
+				}else{
+					this.$emit('check-change',data,checked,indeterminate);
+				} 
+		    },
+			handleCurrentChange(data, node) {
+		    	this.$emit('current-change',data, node); 
+		    },
+		    handleNodeClick(data, node, comp) { 
+				this.$emit('node-click',data, node, comp); 
+		    },
+			branchRowClick: function(row, event, column){
+				this.branchVisible=false
+				if(this.branch==null || row.id!=this.branch.id){
+					this.branch=row
+					this.getDeptTreeData();
+					
+				} 
+				this.$emit('branch-row-click',row, event, column);//  @branch-row-click="rowClick"
+			},
+			//获取分类树列表
+			getDeptTreeData(refresh) {
+
+				let id='';
+				if(this.rootKey!='' && this.rootKey!=null){
+					id=this.rootKey;
+				}
+				let params = { 
+					id: id
+				};
+ 				if(refresh){
+ 					params.refresh=true;
+ 				}
+ 				params.branchId=this.branchId
+ 				if(this.userInfo.isSuperAdmin==true || this.userInfo.isPlatformAdmin==true){
+ 					if(this.branch!=null){
+ 						params.branchId=this.branch.id
+ 					}else if(params.branchId==null || params.branchId==''){
+ 						params.branchId=this.userInfo.branchId
+ 					}
+ 				}else{
+ 					if(params.branchId==null || params.branchId==''){
+ 						params.branchId=this.userInfo.branchId
+ 					}
+ 				}
+				this.listLoading = true;
+				listTreeDept(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk==true){ 
+						if( this.showRoot===undefined || this.showRoot===false||this.showRoot==='false'){
+							let tree=res.data.data;
+							if(tree==null){
+								this.deptTreeData=[];
+							}else{
+								if(this.branch!=null){
+									res.data.data.branchId=this.branch.id
+									res.data.data.deptName=this.branch.branchName+'(机构)'
+									res.data.data.isBranch=true
+								}else {
+									res.data.data.branchId=this.userInfo.branchId
+									res.data.data.deptName=this.userInfo.branchName+'(机构)'
+									res.data.data.isBranch=true
+								}
+								this.deptTreeData=tree.children;
+							}
+							
+						}else{
+							if(this.branch!=null){
+								res.data.data.branchId=this.branch.id
+								res.data.data.deptName=this.branch.branchName+'(机构)'
+								res.data.data.isBranch=true
+							}else {
+								res.data.data.branchId=this.userInfo.branchId
+								res.data.data.deptName=this.userInfo.branchName+'(机构)'
+								res.data.data.isBranch=true
+							}
+							this.deptTreeData=[res.data.data];
+						}
+						
+					}else{
+						this.$message({ message: tips.msg, type: 'error'});
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			}, 
+			filterDeptNode(value, data) {
+		        if (!value) return true;
+		        return data.name.indexOf(value) !== -1;
+		     },
+		     renderContent(h, { node, data, store }) {
+		    	 var countMsg='';	
+		    	 if(this.countTips){
+	    	 			countMsg=this.countTips;
+	    	 		}
+		    	 	if(this.showCount==true || this.showCount=='true'){
+		    	 		
+		    	 		
+		    	 		return h('span',node.label) ;
+		    	 	}else{
+		    	 		return h('span',node.label) ;
+		    	 	}
+			        
+			  },
+			  showBranchSelect: function(){
+				  this.branchVisible=true
+			  }
+		},
+		mounted() { 
+			this.deptid=this.value;
+			this.getDeptTreeData(); 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/selectShopLocation/branch.js b/src/components/selectShopLocation/branch.js
new file mode 100644
index 0000000..73c3744
--- /dev/null
+++ b/src/components/selectShopLocation/branch.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 管理端机构表（机构下面若干部门）
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'机构编号 主键',branchName:'机构名称',enabled:'是否可用',industryCategory:'行业分类',cuserid:'创建人编号',cdate:'创建日期',cusername:'创建人姓名',phoneNo:'联系电话',emaill:'邮件'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listBranch = params => { return axios.get(`${base}/mdp/sys/branch/list`, { params: params }); };
+
+//模糊查询管理端机构表（机构下面若干部门） 条件之间or关系  
+//export const listBranchKey = params => { return axios.get(`${base}/mdp/sys/branch/listKey`, { params: params }); };
+
+//删除一条管理端机构表（机构下面若干部门） params={id:'机构编号 主键'}
+export const delBranch = params => { return axios.post(`${base}/mdp/sys/branch/del`,params); };
+
+//批量删除管理端机构表（机构下面若干部门）  params=[{id:'机构编号 主键'}]
+export const batchDelBranch = params => { return axios.post(`${base}/mdp/sys/branch/batchDel`, params); };
+
+//修改一条管理端机构表（机构下面若干部门）记录
+export const editBranch = params => { return axios.post(`${base}/mdp/sys/branch/edit`, params); };
+
+//新增一条管理端机构表（机构下面若干部门）
+export const addBranch = params => { return axios.post(`${base}/mdp/sys/branch/add`, params); };
\ No newline at end of file
diff --git a/src/components/selectShopLocation/dept.js b/src/components/selectShopLocation/dept.js
new file mode 100644
index 0000000..32835a2
--- /dev/null
+++ b/src/components/selectShopLocation/dept.js
@@ -0,0 +1,29 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * sys_dept
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={deptid:'部门编号 主键',deptName:'部门全称',pdeptid:'上级部门编号',deptType:'类型0直营子部门1加盟商',state:'状态A正常E无效',manager:'负责人编号',leader:'上级领导编号',shortName:'简称',displayDeptid:'部门编码外部使用',orgType:'组织类型0总公司1分公司2子公司3集团总部',managerName:'负责人名称',leaderName:'上级领导名称',branchId:'云用户机构编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listDept = params => { return axios.get(`${base}/mdp/sys/dept/list`, { params: params }); };
+
+//普通查询
+export const listTreeDept = params => { return axios.get(`${base}/sys/dept/list/tree`, { params: params }); };
+
+//删除一条sys_dept params={deptid:'部门编号 主键'}
+export const delDept = params => { return axios.post(`${base}/mdp/sys/dept/del`,params); };
+
+//批量删除sys_dept  params=[{deptid:'部门编号 主键'}]
+export const batchDelDept = params => { return axios.post(`${base}/mdp/sys/dept/batchDel`, params); };
+
+//修改一条sys_dept记录
+export const editDept = params => { return axios.post(`${base}/mdp/sys/dept/edit`, params); };
+
+//新增一条sys_dept
+export const addDept = params => { return axios.post(`${base}/mdp/sys/dept/add`, params); };
\ No newline at end of file
diff --git a/src/components/selectShopLocation/itemOption.js b/src/components/selectShopLocation/itemOption.js
new file mode 100644
index 0000000..5ee2841
--- /dev/null
+++ b/src/components/selectShopLocation/itemOption.js
@@ -0,0 +1,34 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+/**
+ * 数据项取值列表
+ *1    默认只开放普通查询，所有查询，只要上传	 分页参数 {currentPage:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】}，后台都会自动按分页查询 其它 api用到再打开，没用到的api请注释掉，
+ *2 查询、新增、修改的参数格式  params={id:'主键 主键',itemId:'数据项编号',optionValue:'选项值',optionName:'选项名称',keys:'快捷键',isShow:'是否显示',seqOrder:'顺序',fp:'第一扩展字段',tp:'第三扩展字段',sp:'第二扩展字段',isDefault:'是否默认',cdate:'创建日期',branchId:'机构编号',deptid:'部门编号'}
+ **/
+ 
+//普通查询 条件之间and关系  
+export const listItemOption = params => { return axios.get(`${base}/mdp/meta/itemOption/list`, { params: params }); };
+
+//普通查询 条件之间and关系 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+export const listOption = params => { return axios.post(`${base}/mdp/meta/itemOption/list/byItemCode`,   params ); };
+
+//params={id:''} 返回 {optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'} 
+export const getSysParam = params => { return axios.post(`${base}/mdp/meta/itemOption/sysParam`,   params ); };
+//模糊查询数据项取值列表 条件之间or关系  
+//export const listItemOptionKey = params => { return axios.get(`${base}/mdp/meta/itemOption/listKey`, { params: params }); };
+
+//删除一条数据项取值列表 params={id:'主键 主键'}
+export const delItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/del`,params); };
+
+//批量删除数据项取值列表  params=[{id:'主键 主键'}]
+export const batchDelItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/batchDel`, params); };
+
+//修改一条数据项取值列表记录
+export const editItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/edit`, params); };
+
+//新增一条数据项取值列表
+export const addItemOption = params => { return axios.post(`${base}/mdp/meta/itemOption/add`, params); };
\ No newline at end of file
diff --git a/src/components/selectShopLocation/selectManyShopLocationBySysDept.vue b/src/components/selectShopLocation/selectManyShopLocationBySysDept.vue
new file mode 100644
index 0000000..2617895
--- /dev/null
+++ b/src/components/selectShopLocation/selectManyShopLocationBySysDept.vue
@@ -0,0 +1,196 @@
+<template>
+	<div>
+		<el-row v-loading="elRowLoading">
+			<el-col :span="6" style=" overflow-x:auto; height:400px;">
+				<span style="font-weight:bold;">请选择机构与部门</span>
+				<dept-tree show-root default-expand-all :expand-on-click-node="false" @node-click="handleLeftDeptNodeClick"
+				 @branch-row-click="branchRowClick"></dept-tree>
+			</el-col>
+			<el-col :span="15">
+				<el-row v-loading="elRowLoading">
+					<el-col :span="5" style="margin-left:70px;">
+						<el-input v-model="filterBusinessName" placeholder="模糊查询"></el-input>
+					</el-col>
+					<el-col :span="4">
+						<el-button type="danger" @click="selectshopLocationBySysDeptIdMethodLike">模糊搜索</el-button>
+					</el-col>
+				</el-row>
+				<el-row v-loading="elRowLoading">
+					<el-col :span="19" style="margin-left:70px;">
+						<el-select v-model="myLocationIds" filterable clearable placeholder="请选择门店" multiple style="width:100%">
+							<el-option v-for="item in locationIds" :key="item.id" :label="item.branchName" :value="item.id"></el-option>
+						</el-select>
+					</el-col>
+					<el-col :span="2">
+						<el-button type="danger" @click="sureMethod">确定</el-button>
+					</el-col>
+				</el-row>
+				<el-table :data="shopLocationTable" style="width: 100%;margin-left:70px;">
+					
+					<el-table-column prop="shopId" label="商户编号" width="180" align="center"></el-table-column>
+					<el-table-column prop="id" label="门店编号" width="180" align="center"></el-table-column>
+					<el-table-column prop="businessName" label="门店名称" align="center"></el-table-column>
+					<el-table-column label="操作" align="center">
+						<template slot-scope="scope">
+							<el-button type="primary" @click="addTomyLocationIds(scope.row,scope.$index)">加入</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+				<el-pagination style="float:right" layout="total, sizes, prev, pager, next,jumper" @current-change="handleCurrentChange"
+				 @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page.sync="pageInfo.pageNum"
+				 :page-size="pageInfo.pageSize" :total="pageInfo.total"></el-pagination>
+			</el-col>
+		</el-row>
+	</div>
+</template>
+
+<script>
+	import util from "@/common/js/util"; //全局公共库
+	import Sticky from "@/components/Sticky"; // 粘性header组件
+	import DeptTree from "./DeptTree.vue";
+	import {
+		selectshopLocationBySysDeptIdApi
+	} from "./shopLocation";
+	import {
+		mapGetters
+	} from "vuex";
+	export default {
+		computed: {
+			...mapGetters(["userInfo"])
+		},
+		props: [],
+		watch: {},
+		data() {
+			return {
+				filterBusinessName: "", //搜索名字过滤
+				locationIds: [], //选中的LocationIds数组
+				myLocationIds: [], //选中的LocationIds数组
+				currentSelectDeptObject: {}, //当前选择的部门对象
+				elRowLoading: false,
+				shopLocationTable: [],
+				pageInfo: {
+					//分页数据
+					total: 0, //服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。  计算出有多少条记录
+					pageSize: 10, //每页数据		每页现实的数据的大小
+					count: false, //是否需要重新计算总记录数
+					pageNum: 1, //当前页码、从1开始计算
+					orderFields: [], //排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs: [] //升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				}
+			};
+		}, //end data
+		methods: {
+			selectshopLocationBySysDeptIdMethodLike() {
+				if (
+					this.currentSelectDeptObject.branchId == null ||
+					this.currentSelectDeptObject.branchId == ""
+				) {
+					this.$message({
+						message: "请选择机构和部门",
+						type: "error"
+					});
+					return;
+				}
+				this.selectshopLocationBySysDeptIdMethod();
+			},
+			handleCurrentChange(pageNum) {
+				//分页组件的修改当前页数
+				this.pageInfo.pageNum = pageNum;
+				this.selectshopLocationBySysDeptIdMethod();
+			},
+			handleSizeChange(pageSize) {
+				//分页组建的修改每页显示的大小
+				this.pageInfo.pageSize = pageSize;
+				this.selectshopLocationBySysDeptIdMethod();
+			},
+			//点击创建商户对话框左边的树触发的事件
+			handleLeftDeptNodeClick(data, node, comp) {
+				if (!data.isBranch) {
+					//选择的不是机构节点
+					let branchId = data.branchId;
+					let deptid = data.deptid;
+					console.log(data);
+					this.pageInfo.count = true;
+					this.currentSelectDeptObject = data;
+					this.selectshopLocationBySysDeptIdMethod();
+				}
+			},
+			//点击切换机构按钮的时候触发的事件
+			branchRowClick: function(row, event, column) {},
+
+			selectshopLocationBySysDeptIdMethod() {
+				let that = this;
+				let params = {
+					branchId: this.currentSelectDeptObject.branchId,
+					deptid: this.currentSelectDeptObject.deptid,
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					count: this.pageInfo.count
+				};
+				if (
+					this.pageInfo.orderFields != null &&
+					this.pageInfo.orderFields.length > 0
+				) {
+					//获取排序的字段的内容 以及排序的方式 按时间倒叙排序
+					let orderBys = [];
+					for (var i = 0; i < this.pageInfo.orderFields.length; i++) {
+						orderBys.push(
+							this.pageInfo.orderFields[i] + " " + this.pageInfo.orderDirs[i]
+						);
+					}
+					params.orderBy = orderBys.join(","); //多个排序字段直接进行拼接的处理
+				}
+				if (this.filterBusinessName != null && this.filterBusinessName != "") {
+					//店名模糊搜索
+					params.filterBusinessName = "%" + this.filterBusinessName + "%";
+				}
+				this.elRowLoading = true;
+				selectshopLocationBySysDeptIdApi(params)
+					.then(res => {
+						this.elRowLoading = false;
+						let tips = res.data.tips;
+						if (tips.isOk) {
+							this.pageInfo.total = res.data.total;
+							this.pageInfo.count = false;
+							that.shopLocationTable = res.data.data;
+						}
+						// this.$message({
+						//   message: tips.msg,
+						//   type: tips.isOk ? "success" : "error"
+						// });
+					})
+					.catch(() => {
+						this.elRowLoading = false;
+					});
+			},
+
+			sureMethod(row, index) {
+				this.$emit("sure", this.locationIds, this.myLocationIds);
+			},
+			addTomyLocationIds(row, index) {
+				let isHavingMyLocationIds = this.myLocationIds.some(s => s == row.id);
+				if (isHavingMyLocationIds) {
+					return;
+				}
+				this.myLocationIds.push(row.id);
+
+				let isHaving = this.locationIds.some(s => s.id == row.id);
+				if (isHaving) {
+					return;
+				}
+				this.locationIds.push(row);
+
+				console.log(this.myLocationIds);
+			}
+		}, //end methods
+		components: {
+			"dept-tree": DeptTree,
+			sticky: Sticky
+			//在下面添加其它组件
+		},
+		mounted() {}
+	};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/components/selectShopLocation/selectShopLocationBySysDept.vue b/src/components/selectShopLocation/selectShopLocationBySysDept.vue
new file mode 100644
index 0000000..9c68d98
--- /dev/null
+++ b/src/components/selectShopLocation/selectShopLocationBySysDept.vue
@@ -0,0 +1,177 @@
+<template>
+	<div>
+		<el-row v-loading="elRowLoading">
+			<el-col :span="6" style=" overflow-x:auto; height:400px;">
+				<span style="font-weight:bold;">请选择机构与部门</span>
+				<dept-tree show-root default-expand-all :expand-on-click-node="false" @node-click="handleLeftDeptNodeClick"
+				 @branch-row-click="branchRowClick"></dept-tree>
+			</el-col>
+			<el-col :span="15">
+				<el-col :span="5" style="margin-left:70px;"><el-input v-model="filterBusinessName"  placeholder="模糊查询"></el-input></el-col> 
+				<el-col :span="8"><el-button type="danger" @click="selectshopLocationBySysDeptIdMethodLike">模糊搜索</el-button>
+				<el-button type="primary" @click="checkSureMethod" v-if="isSupportCheck">确定</el-button>
+				</el-col> 
+				<el-table    ref="multipleTable" :data="shopLocationTable" style="width: 100%;margin-left:70px;"   @selection-change="handleSelectionChange">
+					<el-table-column type="selection" width="55" v-if="isSupportCheck">
+					</el-table-column>
+					<el-table-column prop="shopId" label="商户编号" width="180" align="center">
+					</el-table-column>
+					<el-table-column prop="id" label="门店编号" width="180" align="center">
+					</el-table-column>
+					<el-table-column prop="businessName" label="门店名称" align="center">
+					</el-table-column>
+					<el-table-column label="操作" align="center" v-if="!isSupportCheck">
+						<template slot-scope="scope">
+							<el-button type="primary" @click="sureMethod(scope.row,scope.$index)">确定</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+				<el-pagination style="float:right" layout="total, sizes, prev, pager, next,jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange"
+					 :page-sizes="[10,20, 50, 100, 500]" :current-page.sync="pageInfo.pageNum" :page-size="pageInfo.pageSize" :total="pageInfo.total"></el-pagination>
+				
+			</el-col>
+		</el-row>
+	</div>
+</template>
+
+<script>
+	import util from '@/common/js/util'; //全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import DeptTree from './DeptTree.vue';
+	import {
+		selectshopLocationBySysDeptIdApi
+	} from './shopLocation';
+	import {
+		mapGetters
+	} from 'vuex'
+	export default {
+		computed: {
+			...mapGetters([
+				'userInfo'
+			])
+		},
+		props: ['isSupportCheck'],
+		watch: {},
+		data() {
+			return {
+				multipleSelection: [],
+				filterBusinessName:'',//搜索名字过滤
+				currentSelectDeptObject:{},//当前选择的部门对象
+				elRowLoading: false,
+				shopLocationTable: [],
+				pageInfo: { //分页数据
+					total: 0, //服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。  计算出有多少条记录
+					pageSize: 10, //每页数据		每页现实的数据的大小 
+					count: false, //是否需要重新计算总记录数  
+					pageNum: 1, //当前页码、从1开始计算 
+					orderFields: [], //排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs: [] //升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				}
+			}
+		}, //end data
+		methods: {
+			selectshopLocationBySysDeptIdMethodLike(){
+				if(this.currentSelectDeptObject.branchId==null||this.currentSelectDeptObject.branchId==''){
+					this.$message({
+						 message: "请选择机构和部门",
+						 type: "error"
+					});
+					return
+				}
+				this.selectshopLocationBySysDeptIdMethod();
+			},
+			handleCurrentChange(pageNum) { //分页组件的修改当前页数
+				this.pageInfo.pageNum = pageNum;
+				this.selectshopLocationBySysDeptIdMethod();
+			},
+			handleSizeChange(pageSize) { //分页组建的修改每页显示的大小
+				this.pageInfo.pageSize = pageSize;
+				this.selectshopLocationBySysDeptIdMethod();
+			},
+			//点击创建商户对话框左边的树触发的事件
+			handleLeftDeptNodeClick(data, node, comp) {
+				if (!data.isBranch) { //选择的不是机构节点
+					let branchId = data.branchId;
+					let deptid = data.deptid;
+					this.pageInfo.count=true;
+					this.currentSelectDeptObject=data;
+					this.selectshopLocationBySysDeptIdMethod();
+				}
+			},
+			//点击切换机构按钮的时候触发的事件
+			branchRowClick: function(row, event, column) {
+
+			},
+
+			selectshopLocationBySysDeptIdMethod() {
+				let that = this;
+				let params = {
+					"branchId": this.currentSelectDeptObject.branchId,
+					"deptid": this.currentSelectDeptObject.deptid,
+					"pageSize":this.pageInfo.pageSize,
+					"pageNum":this.pageInfo.pageNum,
+					"count":this.pageInfo.count
+				};
+				if(this.filterBusinessName!=null && this.filterBusinessName!=''){//店名模糊搜索
+					params.filterBusinessName='%'+this.filterBusinessName+'%'
+				}
+				if (this.pageInfo.orderFields != null && this.pageInfo.orderFields.length > 0) { //获取排序的字段的内容 以及排序的方式 按时间倒叙排序
+					let orderBys = [];
+					for (var i = 0; i < this.pageInfo.orderFields.length; i++) {
+						orderBys.push(this.pageInfo.orderFields[i] + " " + this.pageInfo.orderDirs[i])
+					}
+					params.orderBy = orderBys.join(",") //多个排序字段直接进行拼接的处理
+				};
+				this.elRowLoading = true;
+				selectshopLocationBySysDeptIdApi(params).then(res => {
+					this.elRowLoading = false;
+					let tips = res.data.tips;
+					if (tips.isOk) {
+						this.pageInfo.total=res.data.total;
+						this.pageInfo.count=false;
+						that.shopLocationTable = res.data.data;
+					}
+					// this.$message({
+					// 	message: tips.msg,
+					// 	type: tips.isOk ? 'success' : 'error'
+					// });
+				}).catch(() => {
+					this.elRowLoading = false
+				});
+			},
+			
+			 handleSelectionChange(val) {
+				this.multipleSelection = val;
+			 },
+			sureMethod(row,index){
+				this.$emit('sure',row);
+			},
+			checkSureMethod(){
+				if(this.multipleSelection.length<1){
+					this.$message({
+						 message: "必须选择某个门店",
+						 type: "error"
+					});
+					return;
+				}
+				this.$emit('checkSureMethod',this.multipleSelection);
+			},
+			clearSelectionMethod(){
+				this.$refs.multipleTable.clearSelection();
+			}
+			 
+		}, //end methods
+		components: {
+			'dept-tree': DeptTree,
+			'sticky': Sticky
+			//在下面添加其它组件
+		},
+		mounted() {
+
+		}
+	}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/selectShopLocation/shopLocation.js b/src/components/selectShopLocation/shopLocation.js
new file mode 100644
index 0000000..4998060
--- /dev/null
+++ b/src/components/selectShopLocation/shopLocation.js
@@ -0,0 +1,9 @@
+import axios from '@/utils/request'
+
+import config from '@/common/config'
+
+let base=config.getSysBasePath();
+
+//普通查询 条件之间and关系  
+export const selectshopLocationBySysDeptIdApi = params => { return axios.post(`${base}/mdp/mallm/shop/shopLocation/selectshopLocationBySysDeptId`, params); };
+
diff --git a/src/components/selectShopLocation/util.js b/src/components/selectShopLocation/util.js
new file mode 100644
index 0000000..9095fef
--- /dev/null
+++ b/src/components/selectShopLocation/util.js
@@ -0,0 +1,63 @@
+var SIGN_REGEXP = /([yMdHhsm])(\1*)/g;
+var DEFAULT_PATTERN = 'yyyy-MM-dd HH:mm:ss';
+function padding(s, len) {
+    var len = len - (s + '').length;
+    for (var i = 0; i < len; i++) { s = '0' + s; }
+    return s;
+};
+
+export default {
+    getQueryStringByName: function (name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+        var r = window.location.search.substr(1).match(reg);
+        var context = "";
+        if (r != null)
+            context = r[2];
+        reg = null;
+        r = null;
+        return context == null || context == "" || context == "undefined" ? "" : context;
+    },
+    formatDate: {
+
+
+        format: function (date, pattern) {
+            pattern = pattern || DEFAULT_PATTERN;
+            return pattern.replace(SIGN_REGEXP, function ($0) {
+                switch ($0.charAt(0)) {
+                    case 'y': return padding(date.getFullYear(), $0.length);
+                    case 'M': return padding(date.getMonth() + 1, $0.length);
+                    case 'd': return padding(date.getDate(), $0.length);
+                    case 'w': return date.getDay() + 1;
+                    case 'H': return padding(date.getHours(), $0.length);
+                    case 'h': return padding(date.getHours(), $0.length);
+                    case 'm': return padding(date.getMinutes(), $0.length);
+                    case 's': return padding(date.getSeconds(), $0.length);
+                }
+            });
+        },
+        parse: function (dateString, pattern) {
+            var matchs1 = pattern.match(SIGN_REGEXP);
+            var matchs2 = dateString.match(/(\d)+/g);
+            if (matchs1.length == matchs2.length) {
+                var _date = new Date(1970, 0, 1);
+                for (var i = 0; i < matchs1.length; i++) {
+                    var _int = parseInt(matchs2[i]);
+                    var sign = matchs1[i];
+                    switch (sign.charAt(0)) {
+                        case 'y': _date.setFullYear(_int); break;
+                        case 'M': _date.setMonth(_int - 1); break;
+                        case 'd': _date.setDate(_int); break;
+                        case 'H': _date.setHours(_int); break;
+                        case 'h': _date.setHours(_int); break;
+                        case 'm': _date.setMinutes(_int); break;
+                        case 's': _date.setSeconds(_int); break;
+                    }
+                }
+                return _date;
+            }
+            return null;
+        }
+
+    }
+
+};
diff --git a/src/directive/clipboard/clipboard.js b/src/directive/clipboard/clipboard.js
new file mode 100644
index 0000000..49c9b39
--- /dev/null
+++ b/src/directive/clipboard/clipboard.js
@@ -0,0 +1,49 @@
+// Inspired by https://github.com/Inndy/vue-clipboard2
+const Clipboard = require('clipboard')
+if (!Clipboard) {
+  throw new Error('you shold npm install `clipboard` --save at first ')
+}
+
+export default {
+  bind(el, binding) {
+    if (binding.arg === 'success') {
+      el._v_clipboard_success = binding.value
+    } else if (binding.arg === 'error') {
+      el._v_clipboard_error = binding.value
+    } else {
+      const clipboard = new Clipboard(el, {
+        text() { return binding.value },
+        action() { return binding.arg === 'cut' ? 'cut' : 'copy' }
+      })
+      clipboard.on('success', e => {
+        const callback = el._v_clipboard_success
+        callback && callback(e) // eslint-disable-line
+      })
+      clipboard.on('error', e => {
+        const callback = el._v_clipboard_error
+        callback && callback(e) // eslint-disable-line
+      })
+      el._v_clipboard = clipboard
+    }
+  },
+  update(el, binding) {
+    if (binding.arg === 'success') {
+      el._v_clipboard_success = binding.value
+    } else if (binding.arg === 'error') {
+      el._v_clipboard_error = binding.value
+    } else {
+      el._v_clipboard.text = function() { return binding.value }
+      el._v_clipboard.action = function() { return binding.arg === 'cut' ? 'cut' : 'copy' }
+    }
+  },
+  unbind(el, binding) {
+    if (binding.arg === 'success') {
+      delete el._v_clipboard_success
+    } else if (binding.arg === 'error') {
+      delete el._v_clipboard_error
+    } else {
+      el._v_clipboard.destroy()
+      delete el._v_clipboard
+    }
+  }
+}
diff --git a/src/directive/clipboard/index.js b/src/directive/clipboard/index.js
new file mode 100644
index 0000000..02c9816
--- /dev/null
+++ b/src/directive/clipboard/index.js
@@ -0,0 +1,13 @@
+import Clipboard from './clipboard'
+
+const install = function(Vue) {
+  Vue.directive('Clipboard', Clipboard)
+}
+
+if (window.Vue) {
+  window.clipboard = Clipboard
+  Vue.use(install); // eslint-disable-line
+}
+
+Clipboard.install = install
+export default Clipboard
diff --git a/src/directive/el-dragDialog/drag.js b/src/directive/el-dragDialog/drag.js
new file mode 100644
index 0000000..7d49e4b
--- /dev/null
+++ b/src/directive/el-dragDialog/drag.js
@@ -0,0 +1,46 @@
+export default{
+  bind(el, binding) {
+    const dialogHeaderEl = el.querySelector('.el-dialog__header')
+    const dragDom = el.querySelector('.el-dialog')
+    dialogHeaderEl.style = 'cursor:move;'
+
+    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
+    const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
+
+    dialogHeaderEl.onmousedown = (e) => {
+      // 鼠标按下，计算当前元素距离可视区的距离
+      const disX = e.clientX - dialogHeaderEl.offsetLeft
+      const disY = e.clientY - dialogHeaderEl.offsetTop
+
+      // 获取到的值带px 正则匹配替换
+      let styL, styT
+
+      // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
+      if (sty.left.includes('%')) {
+        styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100)
+        styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100)
+      } else {
+        styL = +sty.left.replace(/\px/g, '')
+        styT = +sty.top.replace(/\px/g, '')
+      }
+
+      document.onmousemove = function(e) {
+        // 通过事件委托，计算移动的距离
+        const l = e.clientX - disX
+        const t = e.clientY - disY
+
+        // 移动当前元素
+        dragDom.style.left = `${l + styL}px`
+        dragDom.style.top = `${t + styT}px`
+
+        // 将此时的位置传出去
+        // binding.value({x:e.pageX,y:e.pageY})
+      }
+
+      document.onmouseup = function(e) {
+        document.onmousemove = null
+        document.onmouseup = null
+      }
+    }
+  }
+}
diff --git a/src/directive/el-dragDialog/index.js b/src/directive/el-dragDialog/index.js
new file mode 100644
index 0000000..29facbf
--- /dev/null
+++ b/src/directive/el-dragDialog/index.js
@@ -0,0 +1,13 @@
+import drag from './drag'
+
+const install = function(Vue) {
+  Vue.directive('el-drag-dialog', drag)
+}
+
+if (window.Vue) {
+  window['el-drag-dialog'] = drag
+  Vue.use(install); // eslint-disable-line
+}
+
+drag.install = install
+export default drag
diff --git a/src/directive/sticky.js b/src/directive/sticky.js
new file mode 100644
index 0000000..bc23466
--- /dev/null
+++ b/src/directive/sticky.js
@@ -0,0 +1,91 @@
+const vueSticky = {}
+let listenAction
+vueSticky.install = Vue => {
+  Vue.directive('sticky', {
+    inserted(el, binding) {
+      const params = binding.value || {}
+      const stickyTop = params.stickyTop || 0
+      const zIndex = params.zIndex || 1000
+      const elStyle = el.style
+
+      elStyle.position = '-webkit-sticky'
+      elStyle.position = 'sticky'
+      // if the browser support css sticky（Currently Safari, Firefox and Chrome Canary）
+      // if (~elStyle.position.indexOf('sticky')) {
+      //     elStyle.top = `${stickyTop}px`;
+      //     elStyle.zIndex = zIndex;
+      //     return
+      // }
+      const elHeight = el.getBoundingClientRect().height
+      const elWidth = el.getBoundingClientRect().width
+      elStyle.cssText = `top: ${stickyTop}px; z-index: ${zIndex}`
+
+      const parentElm = el.parentNode || document.documentElement
+      const placeholder = document.createElement('div')
+      placeholder.style.display = 'none'
+      placeholder.style.width = `${elWidth}px`
+      placeholder.style.height = `${elHeight}px`
+      parentElm.insertBefore(placeholder, el)
+
+      let active = false
+
+      const getScroll = (target, top) => {
+        const prop = top ? 'pageYOffset' : 'pageXOffset'
+        const method = top ? 'scrollTop' : 'scrollLeft'
+        let ret = target[prop]
+        if (typeof ret !== 'number') {
+          ret = window.document.documentElement[method]
+        }
+        return ret
+      }
+
+      const sticky = () => {
+        if (active) {
+          return
+        }
+        if (!elStyle.height) {
+          elStyle.height = `${el.offsetHeight}px`
+        }
+
+        elStyle.position = 'fixed'
+        elStyle.width = `${elWidth}px`
+        placeholder.style.display = 'inline-block'
+        active = true
+      }
+
+      const reset = () => {
+        if (!active) {
+          return
+        }
+
+        elStyle.position = ''
+        placeholder.style.display = 'none'
+        active = false
+      }
+
+      const check = () => {
+        const scrollTop = getScroll(window, true)
+        const offsetTop = el.getBoundingClientRect().top
+        if (offsetTop < stickyTop) {
+          sticky()
+        } else {
+          if (scrollTop < elHeight + stickyTop) {
+            reset()
+          }
+        }
+      }
+      listenAction = () => {
+        check()
+      }
+
+      window.addEventListener('scroll', listenAction)
+    },
+
+    unbind() {
+      window.removeEventListener('scroll', listenAction)
+    }
+  })
+}
+
+export default vueSticky
+
diff --git a/src/directive/waves/index.js b/src/directive/waves/index.js
new file mode 100644
index 0000000..65f9b30
--- /dev/null
+++ b/src/directive/waves/index.js
@@ -0,0 +1,13 @@
+import waves from './waves'
+
+const install = function(Vue) {
+  Vue.directive('waves', waves)
+}
+
+if (window.Vue) {
+  window.waves = waves
+  Vue.use(install); // eslint-disable-line
+}
+
+waves.install = install
+export default waves
diff --git a/src/directive/waves/waves.css b/src/directive/waves/waves.css
new file mode 100644
index 0000000..af7a7ef
--- /dev/null
+++ b/src/directive/waves/waves.css
@@ -0,0 +1,26 @@
+.waves-ripple {
+    position: absolute;
+    border-radius: 100%;
+    background-color: rgba(0, 0, 0, 0.15);
+    background-clip: padding-box;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-transform: scale(0);
+    -ms-transform: scale(0);
+    transform: scale(0);
+    opacity: 1;
+}
+
+.waves-ripple.z-active {
+    opacity: 0;
+    -webkit-transform: scale(2);
+    -ms-transform: scale(2);
+    transform: scale(2);
+    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
+}
\ No newline at end of file
diff --git a/src/directive/waves/waves.js b/src/directive/waves/waves.js
new file mode 100644
index 0000000..ac1d861
--- /dev/null
+++ b/src/directive/waves/waves.js
@@ -0,0 +1,42 @@
+import './waves.css'
+
+export default{
+  bind(el, binding) {
+    el.addEventListener('click', e => {
+      const customOpts = Object.assign({}, binding.value)
+      const opts = Object.assign({
+        ele: el, // 波纹作用元素
+        type: 'hit', // hit点击位置扩散center中心点扩展
+        color: 'rgba(0, 0, 0, 0.15)' // 波纹颜色
+      }, customOpts)
+      const target = opts.ele
+      if (target) {
+        target.style.position = 'relative'
+        target.style.overflow = 'hidden'
+        const rect = target.getBoundingClientRect()
+        let ripple = target.querySelector('.waves-ripple')
+        if (!ripple) {
+          ripple = document.createElement('span')
+          ripple.className = 'waves-ripple'
+          ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
+          target.appendChild(ripple)
+        } else {
+          ripple.className = 'waves-ripple'
+        }
+        switch (opts.type) {
+          case 'center':
+            ripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px'
+            ripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px'
+            break
+          default:
+            ripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px'
+            ripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px'
+        }
+        ripple.style.backgroundColor = opts.color
+        ripple.className = 'waves-ripple z-active'
+        return false
+      }
+    }, false)
+  }
+}
+
diff --git a/src/errorLog.js b/src/errorLog.js
new file mode 100644
index 0000000..7f7e492
--- /dev/null
+++ b/src/errorLog.js
@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import store from './store'
+
+// you can set only in production env show the error-log
+// if (process.env.NODE_ENV === 'production') {
+
+Vue.config.errorHandler = function(err, vm, info, a) {
+  // Don't ask me why I use Vue.nextTick, it just a hack.
+  // detail see https://forum.vuejs.org/t/dispatch-in-vue-config-errorhandler-has-some-problem/23500
+  Vue.nextTick(() => {
+    store.dispatch('addErrorLog', {
+      err,
+      vm,
+      info,
+      url: window.location.href
+    })
+    console.error(err, info)
+  })
+}
+
+// }
diff --git a/src/filters/index.js b/src/filters/index.js
new file mode 100644
index 0000000..285a314
--- /dev/null
+++ b/src/filters/index.js
@@ -0,0 +1,104 @@
+function pluralize(time, label) {
+  if (time === 1) {
+    return time + label
+  }
+  return time + label + 's'
+}
+
+export function timeAgo(time) {
+  const between = Date.now() / 1000 - Number(time)
+  if (between < 3600) {
+    return pluralize(~~(between / 60), ' minute')
+  } else if (between < 86400) {
+    return pluralize(~~(between / 3600), ' hour')
+  } else {
+    return pluralize(~~(between / 86400), ' day')
+  }
+}
+
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0) {
+    return null
+  }
+
+  if ((time + '').length === 10) {
+    time = +time * 1000
+  }
+
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    date = new Date(parseInt(time))
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+    let value = formatObj[key]
+    if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
+    if (result.length > 0 && value < 10) {
+      value = '0' + value
+    }
+    return value || 0
+  })
+  return time_str
+}
+
+export function formatTime(time, option) {
+  time = +time * 1000
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) { // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分'
+  }
+}
+
+/* 数字 格式化*/
+export function nFormatter(num, digits) {
+  const si = [
+    { value: 1E18, symbol: 'E' },
+    { value: 1E15, symbol: 'P' },
+    { value: 1E12, symbol: 'T' },
+    { value: 1E9, symbol: 'G' },
+    { value: 1E6, symbol: 'M' },
+    { value: 1E3, symbol: 'k' }
+  ]
+  for (let i = 0; i < si.length; i++) {
+    if (num >= si[i].value) {
+      return (num / si[i].value + 0.1).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol
+    }
+  }
+  return num.toString()
+}
+
+export function html2Text(val) {
+  const div = document.createElement('div')
+  div.innerHTML = val
+  return div.textContent || div.innerText
+}
+
+export function toThousandslsFilter(num) {
+  return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))
+}
diff --git a/src/icons/index.js b/src/icons/index.js
new file mode 100644
index 0000000..2d68924
--- /dev/null
+++ b/src/icons/index.js
@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg组件
+import generateIconsView from '@/views/svg-icons/generateIconsView.js'// just for @/views/icons , you can delete it
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+const req = require.context('./svg', false, /\.svg$/)
+const iconMap = requireAll(req)
+
+generateIconsView.generate(iconMap) // just for @/views/icons , you can delete it
diff --git a/src/icons/svg/404.svg b/src/icons/svg/404.svg
new file mode 100644
index 0000000..bc5bc9f
--- /dev/null
+++ b/src/icons/svg/404.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994850540" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10206" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M931.6 585.6l0 79c28.6-60.2 44.8-127.4 44.8-198.4C976.4 211 769.4 4 514.2 4S52 211 52 466.2c0 3.2 0.2 6.4 0.2 9.6l166-206 96.4 0L171.8 485.6l46.4 0 0-54.8 99.2-154.6 0 209.4 0 100 0 82.4-99.2 0 0-82.4L67.6 585.6c43 161 170.6 287.4 332.4 328.6-10.4 26.2-40.6 89.4-90.8 100.6-62.2 14 168.8 3.4 333.6-104.6 126.6-36.6 230.8-125.8 287.4-242.2l-97.6 0 0-82.4-166.2 0 0-87.2 0-12.8L666.4 476l166.2-206.2 94 0-140.4 215.8 46.4 0 0-59 99.2-154 0 213.2L931.8 585.6zM366.2 608c-4.8-11.2-7.2-23.2-7.2-36L359 357.6c0-12.8 2.4-24.8 7.2-36 4.8-11.2 11.4-21 19.6-29.2 8.2-8.2 18-14.8 29.2-19.6 11.2-4.8 23.2-7.2 36-7.2l81.6 0c12.8 0 24.8 2.4 36 7.2 11 4.8 20.6 11.2 28.8 19.2l-88.6 129.4 0-23c0-4.8-1.6-8.8-4.8-12-3.2-3.2-7.2-4.8-12-4.8-4.8 0-8.8 1.6-12 4.8-3.2 3.2-4.8 7.2-4.8 12l0 72L372.6 620C370.2 616.2 368 612.2 366.2 608zM624.4 572c0 12.8-2.4 24.8-7.2 36-4.8 11.2-11.4 21-19.6 29.2-8.2 8.2-18 14.8-29.2 19.6-11.2 4.8-23.2 7.2-36 7.2l-81.6 0c-12.8 0-24.8-2.4-36-7.2-11.2-4.8-21-11.4-29.2-19.6-3.6-3.6-7-7.8-10-12l99.2-144.6 0 50.6c0 4.8 1.6 8.8 4.8 12 3.2 3.2 7.2 4.8 12 4.8 4.8 0 8.8-1.6 12-4.8 3.2-3.2 4.8-7.2 4.8-12l0-99.6 92.6-135.2c6.6 7.4 12 15.8 16 25.2 4.8 11.2 7.2 23.2 7.2 36L624.2 572z" p-id="10207"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/bug.svg b/src/icons/svg/bug.svg
new file mode 100644
index 0000000..a12a939
--- /dev/null
+++ b/src/icons/svg/bug.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994864347" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10314" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M969.142857 548.571429q0 14.848-10.861714 25.709714t-25.709714 10.861714l-128 0q0 97.718857-38.290286 165.705143l118.857143 119.442286q10.861714 10.861714 10.861714 25.709714t-10.861714 25.709714q-10.276571 10.861714-25.709714 10.861714t-25.709714-10.861714l-113.152-112.566857q-2.852571 2.852571-8.557714 7.424t-23.990857 16.274286-37.156571 20.845714-46.848 16.566857-55.442286 7.424l0-512-73.142857 0 0 512q-29.147429 0-58.002286-7.716571t-49.700571-18.870857-37.705143-22.272-24.868571-18.578286l-8.557714-8.009143-104.557714 118.272q-11.446857 11.995429-27.428571 11.995429-13.714286 0-24.576-9.142857-10.861714-10.276571-11.702857-25.417143t8.850286-26.587429l115.419429-129.718857q-33.133714-65.133714-33.133714-156.562286l-128 0q-14.848 0-25.709714-10.861714t-10.861714-25.709714 10.861714-25.709714 25.709714-10.861714l128 0 0-168.009143-98.852571-98.852571q-10.861714-10.861714-10.861714-25.709714t10.861714-25.709714 25.709714-10.861714 25.709714 10.861714l98.852571 98.852571 482.304 0 98.852571-98.852571q10.861714-10.861714 25.709714-10.861714t25.709714 10.861714 10.861714 25.709714-10.861714 25.709714l-98.852571 98.852571 0 168.009143 128 0q14.848 0 25.709714 10.861714t10.861714 25.709714zM694.857143 219.428571l-365.714286 0q0-75.995429 53.430857-129.426286t129.426286-53.430857 129.426286 53.430857 53.430857 129.426286z" p-id="10315"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/chart.svg b/src/icons/svg/chart.svg
new file mode 100644
index 0000000..b1b3133
--- /dev/null
+++ b/src/icons/svg/chart.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994873331" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10422" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M64 448 320 448 320 960 64 960 64 448 64 448ZM704 256 960 256 960 960 704 960 704 256 704 256ZM384 64 640 64 640 960 384 960 384 64 384 64Z" p-id="10423"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/clipboard.svg b/src/icons/svg/clipboard.svg
new file mode 100644
index 0000000..cf1c9b0
--- /dev/null
+++ b/src/icons/svg/clipboard.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1506419860538" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4662" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M438.857143 950.857143l512 0 0-365.714286-237.714286 0q-22.820571 0-38.838857-16.018286t-16.018286-38.838857l0-237.714286-219.428571 0 0 658.285714zM585.142857 128l0-36.571429q0-7.460571-5.412571-12.873143t-12.873143-5.412571l-402.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 36.571429q0 7.460571 5.412571 12.873143t12.873143 5.412571l402.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143zM731.428571 512l170.861714 0-170.861714-170.861714 0 170.861714zM1024 585.142857l0 384q0 22.820571-16.018286 38.838857t-38.838857 16.018286l-548.571429 0q-22.820571 0-38.838857-16.018286t-16.018286-38.838857l0-91.428571-310.857143 0q-22.820571 0-38.838857-16.018286t-16.018286-38.838857l0-768q0-22.820571 16.018286-38.838857t38.838857-16.018286l621.714286 0q22.820571 0 38.838857 16.018286t16.018286 38.838857l0 187.465143q11.995429 7.460571 20.553143 16.018286l233.179429 233.179429q16.018286 16.018286 27.428571 43.446857t11.410286 50.322286z" p-id="4663"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/component.svg b/src/icons/svg/component.svg
new file mode 100644
index 0000000..a8008c8
--- /dev/null
+++ b/src/icons/svg/component.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1506329916765" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1661" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M64 64 448 64 448 448 64 448 64 64ZM64 576 448 576 448 960 64 960 64 576ZM576 576 960 576 960 960 576 960 576 576ZM768 448C874.038669 448 960 362.038672 960 256 960 149.961328 874.038669 64 768 64 661.961328 64 576 149.961328 576 256 576 362.038672 661.961328 448 768 448Z" p-id="1662"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/dashboard.svg b/src/icons/svg/dashboard.svg
new file mode 100644
index 0000000..bee4250
--- /dev/null
+++ b/src/icons/svg/dashboard.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1509611822979" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10379" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M219.428571 658.285714q0-30.285714-21.428571-51.714285T146.285714 585.142857t-51.714285 21.428572T73.142857 658.285714t21.428572 51.714286T146.285714 731.428571t51.714286-21.428571T219.428571 658.285714z m109.714286-256q0-30.285714-21.428571-51.714285T256 329.142857t-51.714286 21.428572T182.857143 402.285714t21.428571 51.714286T256 475.428571t51.714286-21.428571T329.142857 402.285714z m244.571429 274.857143l57.714285-218.285714q3.428571-14.857143-4.285714-27.714286T605.142857 414.285714t-27.428571 3.714286-17.142857 22.571429l-57.714286 218.285714q-34.285714 2.857143-61.142857 24.857143t-36 56.285714q-11.428571 44 11.428571 83.428571t66.857143 50.857143 83.428571-11.428571 50.857143-66.857143q9.142857-34.285714-3.428571-66.857143t-41.142857-52z m377.142857-18.857143q0-30.285714-21.428572-51.714285T877.714286 585.142857t-51.714286 21.428572-21.428571 51.714285 21.428571 51.714286 51.714286 21.428571 51.714285-21.428571 21.428572-51.714286z m-365.714286-365.714285q0-30.285714-21.428571-51.714286T512 219.428571t-51.714286 21.428572T438.857143 292.571429t21.428571 51.714285T512 365.714286t51.714286-21.428572T585.142857 292.571429z m256 109.714285q0-30.285714-21.428571-51.714285T768 329.142857t-51.714286 21.428572T694.857143 402.285714t21.428571 51.714286T768 475.428571t51.714286-21.428571T841.142857 402.285714z m182.857143 256q0 149.142857-80.571429 276-10.857143 16.571429-30.857142 16.571429H111.428571q-20 0-30.857142-16.571429Q0 808 0 658.285714q0-104 40.571429-198.857143t109.142857-163.428571 163.428571-109.142857 198.857143-40.571429 198.857143 40.571429 163.428571 109.142857 109.142857 163.428571 40.571429 198.857143z" p-id="10380"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/documentation.svg b/src/icons/svg/documentation.svg
new file mode 100644
index 0000000..405c2ad
--- /dev/null
+++ b/src/icons/svg/documentation.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1517304186474" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5672" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M554.666667 384h234.666666L554.666667 149.333333V384M256 85.333333h341.333333l256 256v512a85.333333 85.333333 0 0 1-85.333333 85.333334H256a85.333333 85.333333 0 0 1-85.333333-85.333334V170.666667c0-47.36 37.973333-85.333333 85.333333-85.333334m384 682.666667v-85.333333H256v85.333333h384m128-170.666667v-85.333333H256v85.333333h512z" fill="" p-id="5673"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/drag.svg b/src/icons/svg/drag.svg
new file mode 100644
index 0000000..819c8d5
--- /dev/null
+++ b/src/icons/svg/drag.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994190757" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9007" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M574.957891 267.016403 511.503696 267.016403l204.64896 0L511.212054 63.654762l-203.361641 203.361641L449.041086 267.016403l0 189.662641L258.687714 456.679044l0 125.916804L449.041086 582.595848l0 190.354396 125.916804 0L574.957891 582.595848l188.874695 0L763.832586 456.679044 574.957891 456.679044 574.957891 267.016403zM511.25401 960.345238l189.620685-187.394994L323.125305 772.950244 511.25401 960.345238zM71.291696 518.891967l187.394994 189.620685L258.68669 330.762239 71.291696 518.891967zM763.832586 330.762239l0 377.74939 188.874695-189.620685L763.832586 330.762239z" p-id="9008"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/email.svg b/src/icons/svg/email.svg
new file mode 100644
index 0000000..8a87e14
--- /dev/null
+++ b/src/icons/svg/email.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994210967" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9120" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M513 583.8l448.5-448.5c-11.6-4.7-24.3-7.3-37.5-7.3L100 128c-12.7 0-24.9 2.4-36.1 6.7L513 583.8z" p-id="9121"></path><path d="M513 674.3 14.6 175.9C5.3 191.1 0 208.9 0 228l0 568c0 55.2 44.8 100 100 100l824 0c55.2 0 100-44.8 100-100l0-568c0-18.5-5.1-35.9-13.9-50.8L513 674.3z" p-id="9122"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/example.svg b/src/icons/svg/example.svg
new file mode 100644
index 0000000..681422e
--- /dev/null
+++ b/src/icons/svg/example.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994811583" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9878" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M770.56 460.8l250.88 0C998.4 220.16 803.84 25.6 563.2 2.56l0 250.88C668.16 273.92 750.08 355.84 770.56 460.8L770.56 460.8zM770.56 460.8" p-id="9879"></path><path d="M460.8 253.44 460.8 2.56C220.16 25.6 25.6 220.16 2.56 460.8l250.88 0C273.92 355.84 355.84 273.92 460.8 253.44L460.8 253.44zM460.8 253.44" p-id="9880"></path><path d="M563.2 770.56l0 250.88c243.2-23.04 435.2-217.6 460.8-460.8l-250.88 0C750.08 668.16 668.16 750.08 563.2 770.56L563.2 770.56zM563.2 770.56" p-id="9881"></path><path d="M253.44 563.2 2.56 563.2c23.04 243.2 217.6 435.2 460.8 460.8l0-250.88C355.84 750.08 273.92 668.16 253.44 563.2L253.44 563.2zM253.44 563.2" p-id="9882"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/excel.svg b/src/icons/svg/excel.svg
new file mode 100644
index 0000000..e5dd5ce
--- /dev/null
+++ b/src/icons/svg/excel.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994842272" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10097" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M625.664 132.608V199.68h309.76v43.008h-309.76V312.32h309.76v43.008h-309.76v68.608h309.76v43.008h-309.76v68.608h309.76v43.008h-309.76v68.608h309.76v43.008h-309.76v68.096h309.76v43.008h-309.76v89.088H1024v-757.76h-398.336zM0 914.944L577.024 1024V0L0 109.056" p-id="10098"></path><path d="M229.376 660.48H139.776l118.272-187.904-112.64-180.736h92.16l65.536 119.808L370.688 291.84h89.088l-112.64 177.664L466.944 660.48H373.248l-70.144-125.44L229.376 660.48z" p-id="10099"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/eye.svg b/src/icons/svg/eye.svg
new file mode 100644
index 0000000..194aa45
--- /dev/null
+++ b/src/icons/svg/eye.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503993826520" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7878" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M941.677063 391.710356c9.337669-14.005992 6.224772-32.68133-6.224772-43.575447-14.005992-10.894118-32.68133-7.78122-43.575447 6.224771-1.556449 1.556449-174.300768 205.426673-379.727441 205.426673-199.200878 0-379.727441-205.426673-381.28389-206.982098-10.894118-12.450567-31.124881-14.005992-43.575448-3.112898-12.450567 10.894118-14.005992 31.124881-3.112897 43.575448 3.112897 4.668323 40.46255 46.687322 99.600439 93.375667l-79.369676 82.48155c-12.450567 12.450567-10.894118 32.68133 1.556449 43.575448 3.112897 6.224772 10.894118 9.337669 18.675338 9.337669 7.78122 0 15.562441-3.112897 21.787213-9.337669l85.594447-88.706321c40.46255 28.013007 88.706321 54.469566 141.619438 73.14388L340.959485 707.631586c-4.668323 17.118889 4.669346 34.237779 21.787213 38.906101h9.337669c14.005992 0 26.456558-9.337669 29.568432-23.343661l32.68133-110.494556c24.90011 4.668323 51.356668 7.78122 77.813227 7.78122s52.913117-3.112897 77.813227-7.78122l32.68133 108.938108c3.112897 14.005992 17.118889 23.343661 29.569456 23.343661 3.112897 0 6.224772 0 7.78122-1.556449 17.118889-4.669346 26.456558-21.787212 21.788236-38.906102l-32.68133-108.938108c52.913117-18.675338 101.156888-45.131897 141.619438-73.14388l84.037998 87.150896c6.224772 6.224772 14.005992 9.337669 21.787212 9.337669 7.78122 0 15.562441-3.112897 21.787212-9.337669 12.450567-12.450567 12.450567-31.124881 1.556449-43.575448l-79.369675-82.48155c63.808258-46.688345 101.158934-91.820242 101.158934-91.820242z" p-id="7879"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/form.svg b/src/icons/svg/form.svg
new file mode 100644
index 0000000..79716f0
--- /dev/null
+++ b/src/icons/svg/form.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1506330387278" class="icon" style="" viewBox="0 0 1069 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1447" xmlns:xlink="http://www.w3.org/1999/xlink" width="66.8125" height="64"><defs><style type="text/css"></style></defs><path d="M746.027944 190.083832q-11.241517 0-18.906188-7.664671t-12.774451-17.884232-7.664671-20.9501-2.55489-17.884232l0-125.700599 2.043912 0q9.197605 0 17.373253 2.043912t19.928144 9.708583 28.61477 21.461078 42.411178 36.279441q27.592814 24.526946 43.944112 41.389222t25.037924 28.61477 10.730539 19.928144 2.043912 14.307385l0 16.351297-150.227545 0zM1063.856287 671.42515q3.065868 8.175649 4.087824 20.439122t-10.219561 23.50499q-5.10978 5.10978-9.197605 9.708583t-7.153693 7.664671q-4.087824 4.087824-7.153693 6.131737l-86.866267-85.844311q6.131737-5.10978 13.796407-12.263473t12.774451-11.241517q12.263473-11.241517 26.570858-9.708583t23.50499 6.642715q10.219561 5.10978 21.972056 17.884232t17.884232 27.081836zM703.105788 766.467066q22.483034 0 37.812375-12.263473l-198.259481 206.43513-282.05988 0q-19.417166 0-42.411178-11.241517t-42.922156-29.636727-33.213573-42.411178-13.285429-49.56487l0-695.952096q0-21.461078 9.708583-44.966068t26.570858-42.411178 38.323353-31.680639 44.966068-12.774451l391.409182 0 0 127.744511q0 19.417166 6.131737 41.9002t18.906188 41.389222 33.213573 31.680639 49.053892 12.774451l149.205589 0 0 338.267465-140.007984 145.117764q11.241517-16.351297 11.241517-35.768463 0-26.570858-18.906188-45.477046t-45.477046-18.906188l-383.233533 0q-26.570858 0-44.966068 18.906188t-18.39521 45.477046 18.39521 44.966068 44.966068 18.39521l383.233533 0zM319.872255 383.233533q-26.570858 0-44.966068 18.906188t-18.39521 45.477046 18.39521 44.966068 44.966068 18.39521l383.233533 0q26.570858 0 45.477046-18.39521t18.906188-44.966068-18.906188-45.477046-45.477046-18.906188l-383.233533 0zM705.149701 895.233533l13.285429-13.285429 25.548902-25.548902q15.329341-15.329341 33.724551-34.235529t36.790419-37.301397q43.944112-43.944112 99.129741-98.107784l85.844311 85.844311-99.129741 99.129741-36.790419 36.790419-33.724551 33.724551q-14.307385 14.307385-24.015968 24.526946t-10.730539 11.241517q-5.10978 4.087824-11.241517 8.686627t-12.263473 7.664671-18.906188 7.664671-26.05988 8.686627-25.548902 7.153693-18.39521 4.087824q-12.263473 2.043912-16.351297-3.065868t-2.043912-17.373253q1.021956-6.131737 4.087824-18.39521t7.153693-25.037924 7.664671-24.015968 5.620758-15.329341q6.131737-13.285429 16.351297-23.50499z" p-id="1448"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon.svg b/src/icons/svg/icon.svg
new file mode 100644
index 0000000..906af96
--- /dev/null
+++ b/src/icons/svg/icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1504000178424" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14764" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M871.424 61.44q18.432 0 34.816 6.656t28.672 18.944 19.456 28.672 7.168 35.84l0 720.896q0 38.912-25.088 64.512t-62.976 25.6l-721.92 0q-40.96 0-66.048-26.624t-25.088-66.56l0-718.848q0-35.84 24.576-62.464t65.536-26.624l720.896 0zM633.856 829.44q18.432 0 26.624-8.704t8.192-23.04q0-13.312-8.192-22.528t-26.624-9.216l-62.464 0q1.024-2.048 1.024-6.144l0-507.904 63.488 0q18.432 0 25.6-9.216t7.168-22.528-7.168-22.528-25.6-9.216l-249.856 0q-18.432 0-25.6 9.216t-7.168 22.528 7.168 22.528 25.6 9.216l57.344 0 0 507.904q0 2.048 0.512 3.072t0.512 3.072l-56.32 0q-18.432 0-26.624 9.216t-8.192 22.528q0 14.336 8.192 23.04t26.624 8.704l245.76 0z" p-id="14765"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/international.svg b/src/icons/svg/international.svg
new file mode 100644
index 0000000..6912767
--- /dev/null
+++ b/src/icons/svg/international.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1509677746926" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1419" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M666.298182 824.087273c-12.567273-30.72-54.225455-83.316364-123.578182-156.392728-18.618182-19.549091-17.454545-34.443636-10.705455-78.894545v-5.12c4.421818-30.487273 12.101818-48.407273 114.501819-64.698182 52.130909-8.145455 65.629091 12.567273 84.712727 41.425455l6.283636 9.541818a101.003636 101.003636 0 0 0 51.432728 41.658182c9.076364 4.189091 20.247273 9.309091 35.374545 17.92C861.090909 649.774545 861.090909 672.814545 861.090909 723.549091v5.818182a215.272727 215.272727 0 0 1-41.425454 139.636363 472.436364 472.436364 0 0 1-152.203637 88.203637c27.927273-52.363636 6.516364-114.501818 0-132.421818zM512 40.96a468.014545 468.014545 0 0 1 203.869091 46.545455 434.501818 434.501818 0 0 0-102.865455 82.618181c-7.447273 10.24-13.730909 19.781818-19.781818 28.625455-19.549091 29.556364-29.090909 42.821818-46.545454 44.916364a200.843636 200.843636 0 0 1-33.745455 0c-34.210909-2.327273-80.756364-5.12-95.650909 35.374545-9.541818 25.832727-11.170909 95.650909 19.549091 131.956364a32.349091 32.349091 0 0 1 2.56 28.625454 56.087273 56.087273 0 0 1-16.523636 25.832727 151.505455 151.505455 0 0 1-23.272728-23.272727 151.272727 151.272727 0 0 0-66.56-52.829091c-10.007273-2.792727-21.178182-5.12-31.883636-7.447272-30.254545-6.283636-64.232727-13.498182-72.145455-30.487273a119.156364 119.156364 0 0 1-5.818181-46.545455 175.476364 175.476364 0 0 0-11.17091-74.007272 70.981818 70.981818 0 0 0-44.450909-39.563637A469.643636 469.643636 0 0 1 512 40.96zM0 512A512 512 0 1 0 512 0 512 512 0 0 0 0 512z" p-id="1420"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/language.svg b/src/icons/svg/language.svg
new file mode 100644
index 0000000..2baf743
--- /dev/null
+++ b/src/icons/svg/language.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1509704884729" class="icon" style="" viewBox="0 0 1088 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6279" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="32"><defs><style type="text/css"></style></defs><path d="M729.6 294.4c19.2 57.6 44.8 102.4 89.6 147.2 38.4-38.4 64-89.6 83.2-147.2h-172.8zM307.2 614.4h166.4L390.4 390.4z" p-id="6280"></path><path d="M947.2 0h-768C108.8 0 51.2 57.6 51.2 128v768c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128V128c0-70.4-51.2-128-128-128zM633.6 825.6c-12.8 12.8-25.6 12.8-38.4 12.8-6.4 0-19.2 0-25.6-6.4s-12.8 0-12.8-6.4-6.4-12.8-12.8-25.6-6.4-19.2-12.8-32l-25.6-70.4H281.6L256 768c-12.8 25.6-19.2 44.8-25.6 57.6-6.4 12.8-19.2 12.8-38.4 12.8-12.8 0-25.6-6.4-38.4-12.8-12.8-12.8-19.2-19.2-19.2-32 0-6.4 0-12.8 6.4-25.6s6.4-19.2 12.8-32l140.8-358.4c6.4-12.8 6.4-25.6 12.8-38.4s12.8-25.6 19.2-32 12.8-19.2 25.6-25.6c12.8-6.4 25.6-6.4 38.4-6.4 12.8 0 25.6 0 38.4 6.4 12.8 6.4 19.2 12.8 25.6 25.6 6.4 6.4 12.8 19.2 19.2 32 6.4 12.8 12.8 25.6 19.2 44.8l140.8 352c12.8 25.6 19.2 44.8 19.2 57.6-6.4 6.4-12.8 19.2-19.2 32zM985.6 576c-70.4-25.6-121.6-57.6-166.4-96-44.8 44.8-102.4 76.8-172.8 96l-19.2-32c70.4-19.2 128-44.8 172.8-89.6-44.8-44.8-83.2-102.4-96-166.4h-64v-25.6h172.8c-12.8-19.2-25.6-44.8-38.4-64l19.2-6.4c12.8 19.2 32 44.8 44.8 70.4h160v32h-64c-19.2 64-51.2 121.6-89.6 160 44.8 38.4 96 70.4 166.4 89.6l-25.6 32z" p-id="6281"></path></svg>
diff --git a/src/icons/svg/lock.svg b/src/icons/svg/lock.svg
new file mode 100644
index 0000000..37c6070
--- /dev/null
+++ b/src/icons/svg/lock.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994776084" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9662" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M818.246893 412.326906l-45.988404 0 0-70.991868c0-152.307871-123.463939-275.778974-275.778974-275.778974s-275.78102 123.471103-275.78102 275.778974l0 70.991868-45.987381 0c-25.379017 0-45.988404 20.566408-45.988404 45.987381l0 455.407074c0 25.428136 20.560268 45.988404 45.988404 45.988404l643.535779 0c25.37697 0 45.988404-20.560268 45.988404-45.988404L864.235296 458.314287C864.190271 432.893314 843.623863 412.326906 818.246893 412.326906L818.246893 412.326906zM680.331823 412.326906 312.62516 412.326906l0-70.991868c0-101.55393 82.344426-183.853331 183.854355-183.853331 101.509928 0 183.853331 82.343403 183.853331 183.853331L680.332846 412.326906 680.331823 412.326906zM680.331823 412.326906" p-id="9663"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/message.svg b/src/icons/svg/message.svg
new file mode 100644
index 0000000..d807b00
--- /dev/null
+++ b/src/icons/svg/message.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1510727568680" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2026" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M0 202.7V631c0 83.3 68.3 150.7 152.6 150.7h228.9l8 190.3 224.9-190.3h257c84.3 0 152.6-67.4 152.6-150.7V202.7C1024 119.4 955.7 52 871.4 52H152.6C68.3 52 0 119.4 0 202.7z m658.6 237.9c0-39.7 32.1-71.4 72.3-71.4 40.2 0 72.3 31.7 72.3 71.4S771 512 730.9 512c-40.2 0-72.3-31.7-72.3-71.4z m-220.9 0c0-39.7 32.1-71.4 72.3-71.4 40.2 0 72.3 31.7 72.3 71.4S550.1 512 510 512c-40.2 0-72.3-31.7-72.3-71.4z m-216.8 0c0-39.7 32.1-71.4 72.3-71.4 40.2 0 72.3 31.7 72.3 71.4S333.3 512 293.1 512c-40.1 0-72.2-31.7-72.2-71.4z" p-id="2027"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/money.svg b/src/icons/svg/money.svg
new file mode 100644
index 0000000..d4fcb9c
--- /dev/null
+++ b/src/icons/svg/money.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1510727546462" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1764" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M463.3 958.3V772.1H228.8v-77.5h234.5v-80.5H228.8v-83.5H420L191.5 128h113.7L469 420.6c18.2 33.4 32.4 62.4 42.7 86.9 9-19.8 24.6-50.5 46.8-92.1L713.9 128h120.8L605.5 530.6h192.9v83.5H564.9v80.5h233.5v77.5H564.9v186.2H463.3z" p-id="1765"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/password.svg b/src/icons/svg/password.svg
new file mode 100644
index 0000000..920b500
--- /dev/null
+++ b/src/icons/svg/password.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994678729" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9229" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M780.8 354.579692 665.6 354.579692 665.6 311.689846c0-72.310154-19.849846-193.299692-153.6-193.299692-138.870154 0-153.6 135.049846-153.6 193.299692l0 42.889846L243.2 354.579692 243.2 311.689846C243.2 122.249846 348.790154 0 512 0s268.8 122.249846 268.8 311.689846L780.8 354.579692zM588.8 669.420308C588.8 625.900308 554.220308 590.769231 512 590.769231s-76.8 35.131077-76.8 78.651077c0 29.459692 15.399385 54.468923 38.439385 67.820308l0 89.639385c0 21.740308 17.250462 39.699692 38.4 39.699692s38.4-17.959385 38.4-39.699692l0-89.639385C573.44 723.889231 588.8 698.88 588.8 669.420308zM896 512l0 393.609846c0 65.260308-51.869538 118.390154-115.2 118.390154L243.2 1024c-63.291077 0-115.2-53.129846-115.2-118.390154L128 512c0-65.220923 51.869538-118.390154 115.2-118.390154l537.6 0C844.130462 393.609846 896 446.779077 896 512z" p-id="9230"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/people.svg b/src/icons/svg/people.svg
new file mode 100644
index 0000000..3985ab5
--- /dev/null
+++ b/src/icons/svg/people.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994743287" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9554" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M780.108 761.059c54.451 60.351 87.706 138.983 87.706 225.358 0 12.015-0.659 23.882-1.902 35.581l-71.955 0c1.589-11.675 2.695-23.493 2.695-35.581 0-71.578-29.094-136.386-76.189-185.002C658.778 836.02 587.76 855.95 512 855.95c-75.689 0-146.65-19.888-208.294-54.432-47.129 48.604-76.358 113.305-76.358 184.9 0 12.088 1.105 23.906 2.695 35.581l-71.955 0c-1.243-11.699-1.902-23.567-1.902-35.581 0-86.366 33.19-165.055 87.587-225.446-96.765-78.277-158.75-197.84-158.75-331.998C85.023 193.163 276.188 2.001 512 2.001s426.977 191.162 426.977 426.972C938.977 563.184 876.94 682.785 780.108 761.059zM512 295.787c-196.511 0-355.814-80.302-355.814 122.251 0 202.551 159.303 366.749 355.814 366.749s355.814-164.199 355.814-366.749C867.814 215.485 708.511 295.787 512 295.787zM678.047 500.136c-26.2 0-47.442-21.24-47.442-47.442 0-26.197 21.242-47.442 47.442-47.442 26.202 0 47.442 21.244 47.442 47.442C725.488 478.896 704.249 500.136 678.047 500.136zM654.326 630.601c0 32.754-63.722 59.302-142.326 59.302s-142.326-26.549-142.326-59.302c0-8.445 4.376-16.446 12.017-23.719 21.98 20.927 71.979 35.579 130.309 35.579s108.329-14.652 130.309-35.579C649.949 614.155 654.326 622.156 654.326 630.601zM345.953 500.136c-26.202 0-47.442-21.24-47.442-47.442 0-26.197 21.24-47.442 47.442-47.442 26.2 0 47.442 21.244 47.442 47.442C393.395 478.896 372.153 500.136 345.953 500.136z" p-id="9555"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/peoples.svg b/src/icons/svg/peoples.svg
new file mode 100644
index 0000000..2dccfcc
--- /dev/null
+++ b/src/icons/svg/peoples.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1510727502091" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1640" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M765.184 873.941333c0 33.28-28.501333 60.288-63.829333 60.288L63.829333 934.229333C28.501333 934.229333 0 907.221333 0 873.941333c0-120.576 123.264-233.258667 249.216-277.674667-72.789333-42.496-121.728-118.058667-121.728-204.8L127.488 331.136c0-133.248 114.346667-241.365333 255.146667-241.365333s255.146667 108.117333 255.146667 241.365333l0 60.288c0 86.826667-48.981333 162.304-121.728 204.842667C641.962667 640.725333 765.184 753.365333 765.184 873.941333L765.184 873.941333z" p-id="1641"></path><path d="M848.256 870.570667l126.933333 0c27.008 0 48.810667-20.650667 48.810667-46.08 0-92.245333-94.293333-178.346667-190.549333-212.309333 55.637333-32.512 93.098667-90.282667 93.098667-156.672L926.549333 409.344c0-101.888-87.424-184.576-195.114667-184.576-13.397333 0-26.453333 1.28-39.125333 3.712 15.488 31.146667 24.149333 65.92 24.149333 102.613333l0 60.288c0 86.826667-24.448 152.746667-88.533333 204.842667C746.666667 625.365333 846.421333 751.018667 848.256 870.570667z" p-id="1642"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/qq.svg b/src/icons/svg/qq.svg
new file mode 100644
index 0000000..97aee71
--- /dev/null
+++ b/src/icons/svg/qq.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994730628" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9446" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M273.5104 480.17408 272.31232 476.44672 271.33952 471.6032 270.6944 468.95104 270.6944 465.6128 270.6944 461.62944 270.6944 458.02496 271.85152 453.72416 273.02912 449.1776 274.5856 444.40576 276.6848 439.0912 279.43936 433.57184 283.33056 428.04224 283.33056 424.17152 283.70944 420.54656 284.3136 415.62112 285.98272 410.08128 287.51872 404.10112 288.74752 401.3568 290.16064 398.7968 291.98336 395.95008 293.96992 393.8304 293.96992 389.9392 293.96992 385.56672 293.96992 380.16 295.1168 373.11488 296.27392 364.93312 298.33216 355.14368 301.16864 344.95488 303.27808 339.3536 305.36704 333.2608 307.6608 327.5776 310.40512 321.4848 313.20064 314.81856 316.416 308.57216 320.03072 301.90592 324.58752 295.24992 326.69696 291.4304 328.93952 288.3072 333.824 281.26208 338.85184 274.23744 344.55552 267.008 350.6688 259.97312 357.30432 253.04064 364.22656 245.9136 372.60288 238.22336 377.91744 233.54368 384.39936 228.49536 390.97344 224.04096 398.08 219.76064 404.91008 215.95136 412.61056 212.79744 420.79232 208.91648 428.92288 206.25408 437.03296 203.48928 445.7984 200.74496 454.5536 198.656 463.75936 196.9152 473.09824 195.40992 482.31424 194.18112 491.52 192.9216 501.34016 192.38912 510.67904 192.38912 520.33536 192.38912 530.35008 192.38912 540.01664 193.60768 549.7344 194.7648 559.63648 195.79904 568.832 198.01088 578.53952 200.07936 587.65312 202.45504 597.63712 205.1072 606.7712 208.34304 615.51616 212.03968 624.85504 215.95136 633.37472 220.22144 641.65888 224.9728 649.7792 230.20544 656.77312 235.06944 660.0192 237.81376 663.41888 239.8208 669.91104 245.32992 675.3792 250.65472 680.83712 256.16384 686.15168 262.2464 690.5344 268.14464 695.7568 274.23744 699.392 280.7808 703.0784 286.59712 706.99008 293.36576 710.23616 299.25376 715.69408 311.71584 718.37696 318.1568 720.47616 324.12672 722.57536 330.60864 724.45952 336.70144 725.77024 341.94432 727.47008 348.1088 730.44992 359.1168 732.35456 368.75264 733.5936 378.07104 734.65856 385.56672 736.33792 396.98432 736.7168 398.7968 738.05824 400.85504 741.67296 406.76352 743.99744 410.76736 746.05568 414.93504 748.67712 419.39968 750.99136 424.7552 752.49664 430.2336 754.13504 436.24448 755.37408 442.40896 755.93728 445.44 756.45952 449.1776 756.45952 452.42368 755.93728 455.63904 755.93728 459.64288 754.9952 463.52384 753.27488 471.04 751.29856 474.83904 749.83424 479.10912 749.83424 480.17408 750.53056 481.49504 752.49664 484.61824 761.05728 497.28512 767.81568 506.79808 771.05152 513.14688 775.41376 520.09984 779.2128 527.7184 783.59552 535.8592 787.97824 545.01376 792.91392 555.37664 795.6992 561.72544 798.23872 567.93088 800.43008 574.47424 802.59072 580.36224 804.23936 586.5472 805.91872 592.35328 808.0384 603.67872 809.71776 615.24992 810.87488 625.5104 810.87488 631.11168 810.87488 635.71968 810.87488 639.98976 810.09664 645.12 808.99072 653.9776 807.4752 661.93408 805.12 669.15328 804.23936 672.09216 802.59072 675.6352 801.21856 678.10304 799.37536 681.14432 797.75744 683.0592 795.6992 685.53728 793.856 687.53408 791.88992 689.24416 789.53472 690.2784 787.41504 691.31264 785.67424 691.88608 784.15872 691.88608 783.01184 691.88608 781.312 691.31264 778.07616 689.7152 776.59136 688.65024 775.03488 687.53408 773.33504 686.00832 771.61472 684.29824 768.77824 681.14432 765.41952 676.68992 762.7776 672.09216 760.13568 668.416 757.5552 664.13568 753.92 656.5376 749.83424 648.63232 749.35296 648.35584 748.67712 648.35584 747.01824 649.59488 746.05568 651.6736 744.45824 654.25408 741.67296 661.93408 737.47456 672.86016 732.09856 686.00832 728.05376 692.56192 723.8144 699.40224 718.77632 707.09248 713.43104 714.61888 710.69696 718.0288 707.3792 721.74592 699.7504 729.2416 700.416 729.91744 701.45024 730.99264 705.25952 733.22496 721.13152 740.85376 728.05376 744.7552 734.65856 748.544 741.19168 753.31584 747.01824 758.23104 749.83424 760.45312 751.95392 763.01312 754.13504 765.98272 755.93728 769.19808 756.91008 771.87072 758.09792 775.07584 758.60992 777.85088 759.17312 781.08672 758.60992 783.2576 758.60992 785.4592 758.09792 787.73248 756.91008 789.8112 756.45952 791.43936 755.37408 793.41568 752.49664 797.3376 749.83424 800.48128 747.776 802.83648 746.05568 804.57728 741.67296 807.77216 736.7168 810.55744 731.43296 813.21984 725.77024 815.77984 719.45216 818.25792 716.05248 819.29216 713.07264 820.13184 705.73056 821.84192 698.15296 823.47008 690.5344 825.088 682.25024 826.43968 673.71008 826.79808 664.95488 827.8528 656.29184 827.8528 647.17824 827.8528 637.77792 827.8528 627.97824 827.27936 618.8544 826.43968 609.01376 825.088 599.25504 824.04352 588.97408 822.60992 579.01056 820.13184 569.2928 818.25792 559.63648 815.49312 549.7344 811.95008 540.01664 809.02144 534.89664 807.31136 530.35008 805.69344 527.47264 804.57728 524.61568 803.97312 520.93952 803.97312 516.53632 803.97312 507.19744 803.31776 502.4768 802.83648 496.39424 802.16064 492.4928 805.69344 487.168 809.02144 479.9488 812.53376 471.9616 816.91648 467.10784 819.29216 462.03904 821.17632 450.84672 825.7536 444.76416 827.27936 438.38464 828.99968 429.53728 830.72 423.99744 831.15008 418.14016 831.65184 412.02688 832.32768 404.91008 832.59392 398.08 832.59392 390.97344 832.59392 375.83872 832.59392 359.424 832.32768 343.48032 830.72 335.4112 829.57312 327.61856 828.416 320.03072 827.27936 312.44288 825.7536 305.36704 823.47008 298.33216 821.84192 291.98336 819.29216 285.98272 816.91648 280.38144 814.24384 275.51744 811.32544 270.6944 807.77216 269.04576 806.05184 266.88512 803.97312 265.24672 802.16064 263.77216 800.07168 262.41024 797.99296 261.35552 795.89376 259.82976 791.43936 259.29728 789.13536 258.62144 786.57536 258.62144 784.20992 259.29728 781.53728 259.29728 778.88512 259.82976 776.23296 259.82976 774.61504 259.82976 770.87744 260.08576 768.0512 261.35552 764.81536 262.41024 761.57952 264.32512 757.67808 265.728 756.1728 266.88512 754.432 269.90592 750.73536 272.31232 748.83072 274.5856 747.49952 276.6848 745.80992 280.00256 744.7552 282.66496 743.13728 285.98272 741.4272 289.76128 740.29056 293.56032 739.13344 297.96352 738.17088 302.1312 737.61792 307.07712 736.9728 312.44288 736.5632 313.83552 736.1024 314.14272 736.1024 314.81856 735.52896 314.81856 734.8736 313.83552 733.5424 310.9888 732.19072 303.872 726.02624 299.08992 722.21696 293.56032 717.37344 287.98976 711.95648 282.19392 705.03424 275.51744 697.23136 273.02912 693.01248 269.73184 688.65024 266.88512 683.61216 264.32512 678.10304 260.87424 672.86016 258.62144 666.88 255.93856 660.91008 253.25568 654.25408 251.31008 647.87456 249.45664 639.98976 248.90368 639.70304 248.34048 639.70304 248.05376 639.13984 247.36768 639.13984 246.24128 639.70304 245.67808 639.98976 244.89984 641.31072 244.62336 642.9184 244.03968 644.352 243.02592 646.73792 239.7696 652.53376 238.08 656.04608 235.39712 659.10784 232.5504 662.79424 229.40672 666.88 226.08896 670.50496 222.18752 674.01728 218.58304 677.31456 214.58944 679.936 210.2272 682.67008 206.0288 684.29824 201.08288 685.53728 196.22912 686.00832 195.75808 686.00832 195.08224 686.00832 193.96608 685.53728 193.08544 683.61216 191.66208 682.67008 189.7984 678.10304 188.63104 675.6352 187.38176 672.09216 186.34752 668.416 185.79456 664.79104 184.25856 656.5376 183.67488 651.6736 183.67488 646.73792 183.67488 635.71968 184.25856 623.81056 185.22112 617.728 186.34752 611.46112 187.38176 604.71296 189.21472 598.43584 191.27296 591.2064 193.39264 584.16128 196.22912 576.91136 198.90176 569.99936 202.5984 562.98496 206.0288 555.37664 210.2272 548.23936 215.16288 540.53888 220.18048 533.61664 225.42336 525.91616 229.79584 520.5504 235.39712 514.4064 241.29536 508.2112 244.03968 505.26208 247.36768 501.94432 252.20096 497.75616 257.16736 493.48608 265.24672 486.2464 271.33952 481.792Z" p-id="9447"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/shoppingCard.svg b/src/icons/svg/shoppingCard.svg
new file mode 100644
index 0000000..cdebbdb
--- /dev/null
+++ b/src/icons/svg/shoppingCard.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1510727582324" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2288" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M347.136 783.36q19.456 0 36.864 7.168t30.72 19.968 20.48 30.208 7.168 36.864-7.168 36.864-20.48 30.208-30.72 20.48-36.864 7.68q-20.48 0-37.376-7.68t-30.208-20.48-20.48-30.208-7.168-36.864 7.168-36.864 20.48-30.208 30.208-19.968 37.376-7.168zM773.12 785.408q19.456 0 37.376 7.168t30.72 19.968 20.48 30.208 7.68 36.864-7.68 36.864-20.48 30.208-30.72 20.48-37.376 7.68-36.864-7.68-30.208-20.48-20.48-30.208-7.68-36.864 7.68-36.864 20.48-30.208 30.208-19.968 36.864-7.168zM945.152 203.776q28.672 0 44.544 7.68t22.528 18.944 6.144 24.064-3.584 22.016-12.8 37.888-22.016 62.976-24.064 68.096-17.92 53.248q-13.312 40.96-33.792 56.832t-50.176 15.872l-34.816 0-66.56 0-87.04 0-95.232 0-253.952 0 15.36 92.16 516.096 0q49.152 0 49.152 41.984 0 20.48-9.728 35.328t-38.4 14.848l-49.152 0-95.232 0-117.76 0-119.808 0-98.304 0-56.32 0q-20.48 0-34.304-9.216t-23.04-24.064-14.848-32.256-8.704-32.768q-1.024-6.144-5.632-29.696t-11.264-58.88-14.848-78.848-16.384-87.552q-19.456-103.424-44.032-230.4l-76.8 0q-15.36 0-25.6-7.68t-16.896-18.432-9.216-23.04-2.56-22.528q0-20.48 13.824-33.792t37.376-13.312l22.528 0 20.48 0 25.6 0 34.816 0q20.48 0 32.768 6.144t19.456 15.36 10.24 19.456 5.12 17.408q2.048 8.192 4.096 23.04t4.096 30.208q3.072 18.432 6.144 38.912l700.416 0z" p-id="2289"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/star.svg b/src/icons/svg/star.svg
new file mode 100644
index 0000000..685a301
--- /dev/null
+++ b/src/icons/svg/star.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994797471" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9770" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M565.272827 34.627285l112.095872 237.542288c8.706637 18.321022 25.411424 31.051641 44.82285 33.996289l250.776598 38.081157c48.697387 7.411435 68.22505 70.046082 32.933559 105.979639l-181.494353 184.937155c-13.998147 14.230618-20.352386 34.815477-17.05903 54.93539l42.819161 261.127145c8.346858 50.695541-42.64204 89.451974-86.225039 65.51841l-224.307979-123.271141c-17.285968-9.525824-37.992596-9.525824-55.278564 0l-224.313514 123.271141c-43.582999 23.933565-94.571897-14.822869-86.219504-65.51841l42.813626-261.127145c3.321031-20.119914-3.088559-40.704772-17.086706-54.93539l-181.439002-184.937155c-35.285956-35.933557-15.819179-98.57374 32.933559-105.979639l250.748923-38.081157c19.350541-2.939112 36.083003-15.675267 44.75643-33.996289l112.123547-237.542288C480.497972-11.540583 543.509003-11.540583 565.272827 34.627285z" p-id="9771"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/tab.svg b/src/icons/svg/tab.svg
new file mode 100644
index 0000000..17aa088
--- /dev/null
+++ b/src/icons/svg/tab.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1506329761546" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1384" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M622.276923 39.384615H401.723077c-13.784615 0-23.630769 11.815385-23.630769 25.6v49.23077c0 13.784615 11.815385 25.6 23.630769 25.6h220.553846c13.784615 0 23.630769-11.815385 23.630769-25.6V64.984615c1.969231-13.784615-9.846154-25.6-23.630769-25.6z m336.738462 0H738.461538c-13.784615 0-25.6 11.815385-25.6 25.6v49.23077c0 13.784615 11.815385 25.6 25.6 25.6h220.553847c13.784615-1.969231 25.6-11.815385 25.6-25.6V64.984615c0-13.784615-11.815385-25.6-25.6-25.6z m0 165.415385H334.769231c-13.784615 0-25.6-11.815385-25.6-25.6V64.984615c0-13.784615-11.815385-25.6-25.6-25.6H64.984615C51.2 39.384615 39.384615 51.2 39.384615 64.984615v896c0 11.815385 11.815385 23.630769 25.6 23.63077h894.03077c13.784615 0 25.6-11.815385 25.6-25.6v-728.615385c0-13.784615-11.815385-25.6-25.6-25.6z" p-id="1385"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/table.svg b/src/icons/svg/table.svg
new file mode 100644
index 0000000..083bc8c
--- /dev/null
+++ b/src/icons/svg/table.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994138443" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8433" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M67.039347 100.410897l889.919259 0 0 200.231347-889.919259 0 0-200.231347Z" p-id="8434"></path><path d="M67.039347 345.138668l266.976494 0 0 266.975471-266.976494 0 0-266.975471Z" p-id="8435"></path><path d="M67.039347 656.610562l266.976494 0 0 266.976494-266.976494 0 0-266.976494Z" p-id="8436"></path><path d="M378.511241 345.138668l266.976494 0 0 266.975471-266.976494 0 0-266.975471Z" p-id="8437"></path><path d="M378.511241 656.610562l266.976494 0 0 266.976494-266.976494 0 0-266.976494Z" p-id="8438"></path><path d="M689.983135 345.138668l266.976494 0 0 266.975471-266.976494 0 0-266.975471Z" p-id="8439"></path><path d="M689.983135 656.610562l266.976494 0 0 266.976494-266.976494 0 0-266.976494Z" p-id="8440"></path><path d="M67.039347 100.410897l889.919259 0 0 200.231347-889.919259 0 0-200.231347Z" p-id="8441"></path><path d="M67.039347 345.138668l266.976494 0 0 266.975471-266.976494 0 0-266.975471Z" p-id="8442"></path><path d="M67.039347 656.610562l266.976494 0 0 266.976494-266.976494 0 0-266.976494Z" p-id="8443"></path><path d="M378.511241 345.138668l266.976494 0 0 266.975471-266.976494 0 0-266.975471Z" p-id="8444"></path><path d="M378.511241 656.610562l266.976494 0 0 266.976494-266.976494 0 0-266.976494Z" p-id="8445"></path><path d="M689.983135 345.138668l266.976494 0 0 266.975471-266.976494 0 0-266.975471Z" p-id="8446"></path><path d="M689.983135 656.610562l266.976494 0 0 266.976494-266.976494 0 0-266.976494Z" p-id="8447"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/theme.svg b/src/icons/svg/theme.svg
new file mode 100644
index 0000000..d5c2e5a
--- /dev/null
+++ b/src/icons/svg/theme.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1517304322151" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6548" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M1004.094293 321.092267L762.737493 79.735467a68.266667 68.266667 0 0 0-96.546133 0l-30.293333 30.293333a68.283733 68.283733 0 0 1-48.264534 20.002133h-151.1936a68.181333 68.181333 0 0 1-48.264533-20.002133l-30.293333-30.293333a68.266667 68.266667 0 0 0-96.546134 0L19.962027 321.092267a68.266667 68.266667 0 0 0 0 96.546133l96.546133 96.546133a67.84 67.84 0 0 0 66.645333 17.271467c10.8032-3.072 21.674667 4.181333 21.674667 15.4112V896c0 37.546667 30.72 68.266667 68.266667 68.266667h477.866666c37.546667 0 68.266667-30.72 68.266667-68.266667V546.8672c0-11.229867 10.871467-18.4832 21.674667-15.4112a67.84 67.84 0 0 0 66.645333-17.271467l96.546133-96.546133a68.266667 68.266667 0 0 0 0-96.546133z" p-id="6549"></path></svg>
diff --git a/src/icons/svg/user.svg b/src/icons/svg/user.svg
new file mode 100644
index 0000000..5971dee
--- /dev/null
+++ b/src/icons/svg/user.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503993891882" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7986" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M504.951 511.98c93.49 0 169.28-74.002 169.28-165.26 0-91.276-75.79-165.248-169.28-165.248-93.486 0-169.287 73.972-169.279 165.248-0.001 91.258 75.793 165.26 169.28 165.26z m77.6 55.098H441.466c-120.767 0-218.678 95.564-218.678 213.45V794.3c0 48.183 97.911 48.229 218.678 48.229H582.55c120.754 0 218.66-1.78 218.66-48.229v-13.77c0-117.887-97.898-213.45-218.66-213.45z" p-id="7987"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/wechat.svg b/src/icons/svg/wechat.svg
new file mode 100644
index 0000000..d88a64b
--- /dev/null
+++ b/src/icons/svg/wechat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1503994712492" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9337" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M669.029188 317.395814c10.181291 0 20.235686 0.748037 30.23789 1.865487C672.100256 192.728466 536.831031 98.730629 382.414962 98.730629c-172.618362 0-314.03484 117.659747-314.03484 267.066545 0 86.2422 47.044337 157.061129 125.674313 211.988112l-31.406554 94.467535 109.75511-55.05285c39.302708 7.78122 70.80955 15.765055 110.010947 15.765055 9.849726 0 19.624747-0.481977 29.323017-1.243317-6.144182-20.996197-9.69827-42.982954-9.69827-65.792449C402.040732 428.732551 519.845498 317.395814 669.029188 317.395814zM500.167537 232.256738c23.639342 0 39.302708 15.550161 39.302708 39.185464 0 23.536043-15.66439 39.300075-39.302708 39.300075-23.535984 0-47.146672-15.765055-47.146672-39.300075C453.021889 247.806899 476.632577 232.256738 500.167537 232.256738zM280.402504 310.7433c-23.537007 0-47.300174-15.765055-47.300174-39.300075 0-23.635303 23.76419-39.185464 47.300174-39.185464 23.53496 0 39.200373 15.550161 39.200373 39.185464C319.602877 294.978245 303.937464 310.7433 280.402504 310.7433z" p-id="9338"></path><path d="M955.617831 562.14712c0-125.543298-125.622123-227.882104-266.733643-227.882104-149.41292 0-267.090791 102.338806-267.090791 227.882104 0 125.770472 117.677871 227.879034 267.090791 227.879034 31.278636 0 62.837668-7.896854 94.243199-15.765055l86.119862 47.170323-23.612735-78.473259C908.675829 695.672206 955.617831 632.965026 955.617831 562.14712zM602.306891 522.858302c-15.638806 0-31.431114-15.549138-31.431114-31.416524 0-15.651468 15.792308-31.405267 31.431114-31.405267 23.73963 0 39.302708 15.754822 39.302708 31.405267C641.609599 507.309164 626.04652 522.858302 602.306891 522.858302zM775.027587 522.858302c-15.538518 0-31.201884-15.549138-31.201884-31.416524 0-15.651468 15.66439-31.405267 31.201884-31.405267 23.535984 0 39.300661 15.754822 39.300661 31.405267C814.329272 507.309164 798.563571 522.858302 775.027587 522.858302z" p-id="9339"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/zip.svg b/src/icons/svg/zip.svg
new file mode 100644
index 0000000..e9a9d01
--- /dev/null
+++ b/src/icons/svg/zip.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1506326020470" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2561" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M619.364365 933.396352c1.372783 0.06385 2.681715 0.191551 4.054497 0.191551h309.291099a65.670086 65.670086 0 0 0 65.606235-65.606235V150.974154a65.670086 65.670086 0 0 0-65.606235-65.606235H623.418862c-1.372783 0-2.71364 0.127701-4.054497 0.191551V-0.031925L15.691224 80.547217v858.404116l603.673141 82.654279v-88.20926z m0-810.101325c1.340857-0.191551 2.681715-0.415027 4.054497-0.415027h309.291099c15.515635 0 28.12608 12.610444 28.12608 28.12608v717.007513a28.158005 28.158005 0 0 1-28.12608 28.12608H623.418862c-1.372783 0-2.71364-0.223476-4.054497-0.415028V123.326952zM248.329977 605.429026l-143.918691-3.671395v-23.401154l86.868402-133.255682v-1.181231l-78.919033 1.308932v-36.043523l134.564614-3.51177v26.082869l-87.506906 133.734559v1.149307l88.911614 1.404707v37.352456z m72.406297 1.85166l-44.759096-1.149306v-201.192456l44.759096-1.149306v203.491068z m171.087015-92.966111c-16.664942 15.356009-41.151551 22.060296-69.341481 21.868745a113.81325 113.81325 0 0 1-16.122213-1.05353v74.353733l-46.099954-1.181231v-202.788714c14.238628-2.809415 34.383414-5.171878 63.179923-5.938083 29.498862-0.766204 50.792954 4.309899 65.191208 15.292159 13.887451 10.439532 23.305378 27.966454 23.305378 48.845518s-7.119314 38.629462-20.080936 50.601403z m-65.925487-79.174435a80.13219 80.13219 0 0 0-19.538207 2.202837v61.392113c4.022572 0.92583 8.970974 1.213157 15.834887 1.213156 25.380514-0.031925 41.215401-12.897771 41.215401-34.479189 0-19.378581-13.63205-30.712019-37.480156-30.296992z m306.322058-296.233702h73.523679v30.328917h-73.523679v-30.328917z m-73.555604 45.397599h73.523679v30.360842h-73.523679v-30.360842z m73.555604 49.675573h73.523679v30.360842h-73.523679v-30.360842z m0 95.903227h73.523679v30.328917h-73.523679v-30.328917z m-73.555604-48.717818h73.523679v30.328917h-73.523679v-30.328917z m72.821325 376.142417a72.7894 72.7894 0 0 0 72.7894-72.821325l-13.440499-121.986095c0-40.225721-19.155105-72.821325-59.380827-72.821325s-59.348901 32.595604-59.348901 72.821325l-13.472424 121.986095a72.7894 72.7894 0 0 0 72.821325 72.821325z m-24.103508-133.862261h48.207015v101.84131h-48.207015v-101.84131z" p-id="2562"></path></svg>
diff --git a/src/lang/en.js b/src/lang/en.js
new file mode 100644
index 0000000..c08c88e
--- /dev/null
+++ b/src/lang/en.js
@@ -0,0 +1,135 @@
+export default {
+  route: {
+    dashboard: 'Dashboard',
+    introduction: 'Introduction',
+    documentation: 'Documentation',
+    permission: 'Permission',
+    icons: 'Icons',
+    components: 'Components',
+    componentIndex: 'Introduction',
+    tinymce: 'Tinymce',
+    markdown: 'Markdown',
+    jsonEditor: 'JSON Editor',
+    dndList: 'Dnd List',
+    splitPane: 'SplitPane',
+    avatarUpload: 'Avatar Upload',
+    dropzone: 'Dropzone',
+    sticky: 'Sticky',
+    countTo: 'CountTo',
+    componentMixin: 'Mixin',
+    backToTop: 'BackToTop',
+    dragDialog: 'Drag Dialog',
+    charts: 'Charts',
+    keyboardChart: 'Keyboard Chart',
+    lineChart: 'Line Chart',
+    mixChart: 'Mix Chart',
+    example: 'Example',
+    Table: 'Table',
+    dynamicTable: 'Dynamic Table',
+    dragTable: 'Drag Table',
+    inlineEditTable: 'Inline Edit',
+    complexTable: 'Complex Table',
+    treeTable: 'Tree Table',
+    customTreeTable: 'Custom TreeTable',
+    tab: 'Tab',
+    form: 'Form',
+    createForm: 'Create Form',
+    editForm: 'Edit Form',
+    errorPages: 'Error Pages',
+    page401: '401',
+    page404: '404',
+    errorLog: 'Error Log',
+    excel: 'Excel',
+    exportExcel: 'Export Excel',
+    selectExcel: 'Export Selected',
+    uploadExcel: 'Upload Excel',
+    zip: 'Zip',
+    exportZip: 'Export Zip',
+    theme: 'Theme',
+    clipboardDemo: 'Clipboard',
+    i18n: 'I18n'
+  },
+  navbar: {
+    logOut: 'Log Out',
+    dashboard: 'Dashboard',
+    github: 'Github',
+    screenfull: 'screenfull',
+    theme: 'theme'
+  },
+  login: {
+    title: 'Login Form',
+    logIn: 'Log in',
+    username: 'Username',
+    password: 'Password',
+    any: 'any',
+    thirdparty: 'Or connect with',
+    thirdpartyTips: 'Can not be simulated on local, so please combine you own business simulation! ! !'
+  },
+  documentation: {
+    documentation: 'Documentation',
+    github: 'Github Repository'
+  },
+  permission: {
+    roles: 'Your roles',
+    switchRoles: 'Switch roles'
+  },
+  components: {
+    documentation: 'Documentation',
+    tinymceTips: 'Rich text editor is a core part of management system, but at the same time is a place with lots of problems. In the process of selecting rich texts, I also walked a lot of detours. The common rich text editors in the market are basically used, and the finally chose Tinymce. See documentation for more detailed rich text editor comparisons and introductions.',
+    dropzoneTips: 'Because my business has special needs, and has to upload images to qiniu, so instead of a third party, I chose encapsulate it by myself. It is very simple, you can see the detail code in @/components/Dropzone.',
+    stickyTips: 'when the page is scrolled to the preset position will be sticky on the top.',
+    backToTopTips1: 'When the page is scrolled to the specified position, the Back to Top button appears in the lower right corner',
+    backToTopTips2: 'You can customize the style of the button, show / hide, height of appearance, height of the return. If you need a text prompt, you can use element-ui el-tooltip elements externally',
+    imageUploadTips: 'Since I was using only the vue@1 version, and it is not compatible with mockjs at the moment, I modified it myself, and if you are going to use it, it is better to use official version.'
+  },
+  table: {
+    dynamicTips1: 'Fixed header, sorted by header order',
+    dynamicTips2: 'Not fixed header, sorted by click order',
+    dragTips1: 'The default order',
+    dragTips2: 'The after dragging order',
+    title: 'Title',
+    importance: 'Imp',
+    type: 'Type',
+    remark: 'Remark',
+    search: 'Search',
+    add: 'Add',
+    export: 'Export',
+    reviewer: 'reviewer',
+    id: 'ID',
+    date: 'Date',
+    author: 'Author',
+    readings: 'Readings',
+    status: 'Status',
+    actions: 'Actions',
+    edit: 'Edit',
+    publish: 'Publish',
+    draft: 'Draft',
+    delete: 'Delete',
+    cancel: 'Cancel',
+    confirm: 'Confirm'
+  },
+  errorLog: {
+    tips: 'Please click the bug icon in the upper right corner',
+    description: 'Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.',
+    documentation: 'Document introduction'
+  },
+  excel: {
+    export: 'Export',
+    selectedExport: 'Export selected items',
+    placeholder: 'Please enter the file name(default excel-list)'
+  },
+  zip: {
+    export: 'Export',
+    placeholder: 'Please enter the file name(default file)'
+  },
+  theme: {
+    change: 'Theme change',
+    documentation: 'Theme documentation',
+    tips: 'Tips: It is different from the theme-pick on the navbar is two different skinning methods, each with different application scenarios. Refer to the documentation for details.'
+  },
+  tagsView: {
+    close: 'Close',
+    closeOthers: 'Close Others',
+    closeAll: 'Close All'
+  }
+}
diff --git a/src/lang/index.js b/src/lang/index.js
new file mode 100644
index 0000000..ba41f8a
--- /dev/null
+++ b/src/lang/index.js
@@ -0,0 +1,30 @@
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import Cookies from 'js-cookie'
+import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui lang
+import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element-ui lang
+import enLocale from './en'
+import zhLocale from './zh'
+import zhFormLocale from './zh_form'
+
+Vue.use(VueI18n)
+ 
+let allZhLocale= Object.assign({},zhLocale);
+allZhLocale.route=Object.assign(allZhLocale.route,zhFormLocale.route)
+const messages = {
+  en: {
+    ...enLocale,
+    ...elementEnLocale
+  },
+  zh: {
+    ...elementZhLocale,
+    ...allZhLocale
+  }
+}
+
+const i18n = new VueI18n({
+  locale: Cookies.get('language') || 'zh', // set locale
+  messages // set locale messages
+})
+
+export default i18n
diff --git a/src/lang/zh.js b/src/lang/zh.js
new file mode 100644
index 0000000..22a6f87
--- /dev/null
+++ b/src/lang/zh.js
@@ -0,0 +1,142 @@
+export default {
+  route: {
+    dashboard: '首页',
+    introduction: '简述',
+    documentation: '文档',
+    permission: '权限测试页',
+    icons: '图标',
+    components: '组件',
+    componentIndex: '介绍',
+    tinymce: '富文本编辑器',
+    markdown: 'Markdown',
+    jsonEditor: 'JSON编辑器',
+    dndList: '列表拖拽',
+    splitPane: 'Splitpane',
+    avatarUpload: '头像上传',
+    dropzone: 'Dropzone',
+    sticky: 'Sticky',
+    countTo: 'CountTo',
+    componentMixin: '小组件',
+    backToTop: '返回顶部',
+    dragDialog: '拖拽 Dialog',
+    charts: '图表',
+    keyboardChart: '键盘图表',
+    lineChart: '折线图',
+    mixChart: '混合图表',
+    example: '综合实例',
+    Table: 'Table',
+    dynamicTable: '动态Table',
+    dragTable: '拖拽Table',
+    inlineEditTable: 'Table内编辑',
+    complexTable: '综合Table',
+    treeTable: '树形表格',
+    customTreeTable: '自定义树表',
+    tab: 'Tab',
+    form: '表单',
+    createForm: '创建表单',
+    editForm: '编辑表单',
+    errorPages: '错误页面',
+    page401: '401',
+    page404: '404',
+    errorLog: '错误日志',
+    excel: 'Excel',
+    exportExcel: 'Export Excel',
+    selectExcel: 'Export Selected',
+    uploadExcel: 'Upload Excel',
+    zip: 'Zip',
+    exportZip: 'Export Zip',
+    theme: '换肤',
+    clipboardDemo: 'Clipboard',
+    i18n: '国际化',  
+  }, 
+    
+  navbar: {
+    logOut: '退出登录',
+    dashboard: '首页',
+    github: '项目地址',
+    screenfull: '全屏',
+    theme: '换肤'
+  },
+  login: {
+    title: '系统登录',
+    logIn: '登录',
+    username: '账号',
+    password: '密码',
+    any: '随便填',
+    thirdparty: '第三方登录',
+    thirdpartyTips: '本地不能模拟，请结合自己业务进行模拟！！！'
+  },
+  documentation: {
+    documentation: '文档',
+    github: 'Github 地址'
+  },
+  permission: {
+    roles: '你的权限',
+    switchRoles: '切换权限'
+  },
+  components: {
+    documentation: '文档',
+    tinymceTips: '富文本是管理后台一个核心的功能，但同时又是一个有很多坑的地方。在选择富文本的过程中我也走了不少的弯路，市面上常见的富文本都基本用过了，最终权衡了一下选择了Tinymce。更详细的富文本比较和介绍见',
+    dropzoneTips: '由于我司业务有特殊需求，而且要传七牛 所以没用第三方，选择了自己封装。代码非常的简单，具体代码你可以在这里看到 @/components/Dropzone',
+    stickyTips: '当页面滚动到预设的位置会吸附在顶部',
+    backToTopTips1: '页面滚动到指定位置会在右下角出现返回顶部按钮',
+    backToTopTips2: '可自定义按钮的样式、show/hide、出现的高度、返回的位置 如需文字提示，可在外部使用Element的el-tooltip元素',
+    imageUploadTips: '由于我在使用时它只有vue@1版本，而且和mockjs不兼容，所以自己改造了一下，如果大家要使用的话，优先还是使用官方版本。'
+  },
+  table: {
+    dynamicTips1: '固定表头, 按照表头顺序排序',
+    dynamicTips2: '不固定表头, 按照点击顺序排序',
+    dragTips1: '默认顺序',
+    dragTips2: '拖拽后顺序',
+    title: '标题',
+    importance: '重要性',
+    type: '类型',
+    remark: '点评',
+    search: '搜索',
+    add: '添加',
+    export: '导出',
+    reviewer: '审核人',
+    id: '序号',
+    date: '时间',
+    author: '作者',
+    readings: '阅读数',
+    status: '状态',
+    actions: '操作',
+    edit: '编辑',
+    publish: '发布',
+    draft: '草稿',
+    delete: '删除',
+    cancel: '取 消',
+    confirm: '确 定'
+  },
+  errorLog: {
+    tips: '请点击右上角bug小图标',
+    description: '现在的管理后台基本都是spa的形式了，它增强了用户体验，但同时也会增加页面出问题的可能性，可能一个小小的疏忽就导致整个页面的死锁。好在 Vue 官网提供了一个方法来捕获处理异常，你可以在其中进行错误处理或者异常上报。',
+    documentation: '文档介绍'
+  },
+  excel: {
+    export: '导出',
+    selectedExport: '导出已选择项',
+    placeholder: '请输入文件名(默认excel-list)'
+  },
+  zip: {
+    export: '导出',
+    placeholder: '请输入文件名(默认file)'
+  },
+  theme: {
+    change: '换肤',
+    documentation: '换肤文档',
+    tips: 'Tips: 它区别于 navbar 上的 theme-pick, 是两种不同的换肤方法，各自有不同的应用场景，具体请参考文档。'
+  },
+  tagsView: {
+    close: '关闭',
+    closeOthers: '关闭其它',
+    closeAll: '关闭所有'
+  },
+  orders: {
+	  orders: '订单管理',
+	  OrdersMng: '订单列表',
+	  OutBillMng: '出库',
+	  OrdersDeliver: '发货'
+  }
+}
diff --git a/src/lang/zh_form.js b/src/lang/zh_form.js
new file mode 100644
index 0000000..580be4c
--- /dev/null
+++ b/src/lang/zh_form.js
@@ -0,0 +1,9 @@
+export default {
+  route: { 
+    dashboard: '首页', 
+    IntelligentForm:'智能表单',
+    FormDefAdd:'表单定义',
+    FormDefMng:'表单管理',
+    FormDataMng:'表单数据'
+  }
+}
diff --git a/src/lang/zh_workflow.js b/src/lang/zh_workflow.js
new file mode 100644
index 0000000..854b357
--- /dev/null
+++ b/src/lang/zh_workflow.js
@@ -0,0 +1,50 @@
+export default {
+  route: { 
+    dashboard: '首页', 
+    TaskCenter:'任务中心',
+    TaskListAssigneeToMe:'我的待执行任务',
+    TaskListAssigneeToMeCalendar:'我的日历任务',
+    TaskListAssigneeToMeClaim:'抢任务',
+    ProcinstParamesExecutionSetRoute:'任务详情',
+    ProcinstParamesStartSetRoute:'发起流程填单',
+
+    TaskMng:'所有任务',
+    
+    flowCenter:'流程中心',
+    ExecutionMngForFormData:'表单流程',
+    ProcdefListForStart:'发起流程',
+    ProcdefListForFormDataStart:'智能表单发起流程',//智能表单专用 
+    ProcdefListForBizStart:'业务发起流程',//由业务功能发起流程专用
+    ExecutionListMyMonitors:'我监控的流程',
+    ExecutionListMyStart:'我发起的流程',
+    ExecutionListMyPartake:'我参与的流程',
+    ExecutionListMySponsors:'我主办的流程',
+    ExecutionListMySponsorsCalendar:'我的日历流程',
+    
+    ExecutionListAll:'全部流程',
+    ExecutionMng:'流程激活/挂起',
+    ExecutionListArchive:'流程归档',
+    
+    procinstFlowCenter: '历史流程中心',
+    
+    ProcinstListAll:'全部历史流程',
+    ProcinstMng:'历史流程管理',
+    ProcinstListMyStart:'我发起的流程', 
+    ProcinstListMyPartake:'我参与的流程',
+    ProcinstListMyMonitors:'我监控的流程',
+    ProcinstListMySponsors:'我主办的流程', 
+
+    
+    
+    modelCenter:'模型中心', 
+    workflowModelIndex:'工作流流程开发工作台',
+    workflowEditorIndex:'在线模型编辑器',
+    ModelMng:'在线模型发布',
+    DeploymentMng:'发布包管理', 
+    ProcdefSuspend:'模型激活/挂起',
+    ProcdefListForParames:'模型设置',
+
+    bizCenter:'业务中心',
+    BizModelMng:'业务模型关联管理',
+  }
+}
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..b9b39f1
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,41 @@
+import Vue from 'vue'
+
+import 'normalize.css/normalize.css'// A modern alternative to CSS resets
+
+import Element from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+import '@/styles/index.scss' // global css
+
+import App from './App'
+import router from './router'
+import store from './store'
+
+import i18n from './lang' // Internationalization
+import './icons' // icon
+import './errorLog'// error log
+import './permission' // permission control
+//import './mock' // simulation data
+
+import * as filters from './filters' // global filters
+
+Vue.use(Element, {
+  size: 'medium', // set element-ui default size
+  i18n: (key, value) => i18n.t(key, value)
+})
+
+// register global utility filters.
+Object.keys(filters).forEach(key => {
+  Vue.filter(key, filters[key])
+})
+
+Vue.config.productionTip = false
+
+new Vue({
+  el: '#app',
+  router,
+  store,
+  i18n,
+  template: '<App/>',
+  components: { App }
+})
\ No newline at end of file
diff --git a/src/mock/article.js b/src/mock/article.js
new file mode 100644
index 0000000..2f5b458
--- /dev/null
+++ b/src/mock/article.js
@@ -0,0 +1,70 @@
+import Mock from 'mockjs'
+import { param2Obj } from '@/utils'
+
+const List = []
+const count = 100
+
+for (let i = 0; i < count; i++) {
+  List.push(Mock.mock({
+    id: '@increment',
+    timestamp: +Mock.Random.date('T'),
+    author: '@first',
+    reviewer: '@first',
+    title: '@title(5, 10)',
+    forecast: '@float(0, 100, 2, 2)',
+    importance: '@integer(1, 3)',
+    'type|1': ['CN', 'US', 'JP', 'EU'],
+    'status|1': ['published', 'draft', 'deleted'],
+    display_time: '@datetime',
+    pageviews: '@integer(300, 5000)'
+  }))
+}
+
+export default {
+  getList: config => {
+    const { importance, type, title, page = 1, limit = 20, sort } = param2Obj(config.url)
+
+    let mockList = List.filter(item => {
+      if (importance && item.importance !== +importance) return false
+      if (type && item.type !== type) return false
+      if (title && item.title.indexOf(title) < 0) return false
+      return true
+    })
+
+    if (sort === '-id') {
+      mockList = mockList.reverse()
+    }
+
+    const pageList = mockList.filter((item, index) => index < limit * page && index >= limit * (page - 1))
+
+    return {
+      total: mockList.length,
+      items: pageList
+    }
+  },
+  getPv: () => ({
+    pvData: [{ key: 'PC', pv: 1024 }, { key: 'mobile', pv: 1024 }, { key: 'ios', pv: 1024 }, { key: 'android', pv: 1024 }]
+  }),
+  getArticle: () => ({
+    id: 120000000001,
+    author: { key: 'mockPan' },
+    source_name: '原创作者',
+    category_item: [{ key: 'global', name: '全球' }],
+    comment_disabled: true,
+    content: '<p>我是测试数据我是测试数据</p><p><img class="wscnph" src="https://wpimg.wallstcn.com/4c69009c-0fd4-4153-b112-6cb53d1cf943" data-wscntype="image" data-wscnh="300" data-wscnw="400" data-mce-src="https://wpimg.wallstcn.com/4c69009c-0fd4-4153-b112-6cb53d1cf943"></p>"',
+    content_short: '我是测试数据',
+    display_time: +new Date(),
+    image_uri: 'https://wpimg.wallstcn.com/e4558086-631c-425c-9430-56ffb46e70b3',
+    platforms: ['a-platform'],
+    source_uri: 'https://github.com/PanJiaChen/vue-element-admin',
+    status: 'published',
+    tags: [],
+    title: 'vue-element-admin'
+  }),
+  createArticle: () => ({
+    data: 'success'
+  }),
+  updateArticle: () => ({
+    data: 'success'
+  })
+}
diff --git a/src/mock/index.js b/src/mock/index.js
new file mode 100644
index 0000000..78ebb69
--- /dev/null
+++ b/src/mock/index.js
@@ -0,0 +1,29 @@
+import Mock from 'mockjs'
+import loginAPI from './login'
+import articleAPI from './article'
+import remoteSearchAPI from './remoteSearch'
+import transactionAPI from './transaction'
+
+// Mock.setup({
+//   timeout: '350-600'
+// })
+
+// 登录相关
+//Mock.mock(/\/login\/login/, 'post', loginAPI.loginByUsername)
+//Mock.mock(/\/login\/logout/, 'post', loginAPI.logout)
+//Mock.mock(/\/user\/info\.*/, 'get', loginAPI.getUserInfo)
+
+// 文章相关
+Mock.mock(/\/article\/list/, 'get', articleAPI.getList)
+Mock.mock(/\/article\/detail/, 'get', articleAPI.getArticle)
+Mock.mock(/\/article\/pv/, 'get', articleAPI.getPv)
+Mock.mock(/\/article\/create/, 'post', articleAPI.createArticle)
+Mock.mock(/\/article\/update/, 'post', articleAPI.updateArticle)
+
+// 搜索相关
+Mock.mock(/\/search\/user/, 'get', remoteSearchAPI.searchUser)
+
+// 账单相关
+Mock.mock(/\/transaction\/list/, 'get', transactionAPI.getList)
+
+export default Mock
diff --git a/src/mock/login.js b/src/mock/login.js
new file mode 100644
index 0000000..b9694f0
--- /dev/null
+++ b/src/mock/login.js
@@ -0,0 +1,34 @@
+import { param2Obj } from '@/utils'
+
+const userMap = {
+  admin: {
+    roles: ['admin'],
+    token: 'admin',
+    introduction: '我是超级管理员',
+    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+    name: 'Super Admin'
+  },
+  editor: {
+    roles: ['editor'],
+    token: 'editor',
+    introduction: '我是编辑',
+    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+    name: 'Normal Editor'
+  }
+}
+
+export default {
+  loginByUsername: config => {
+    const { username } = JSON.parse(config.body)
+    return userMap[username]
+  },
+  getUserInfo: config => {
+    const { token } = param2Obj(config.url)
+    if (userMap[token]) {
+      return userMap[token]
+    } else {
+      return false
+    }
+  },
+  logout: () => 'success'
+}
diff --git a/src/mock/login/loginMock.js b/src/mock/login/loginMock.js
new file mode 100644
index 0000000..3dd1c63
--- /dev/null
+++ b/src/mock/login/loginMock.js
@@ -0,0 +1,43 @@
+import { LoginUsers,Users } from './user';
+
+let _Users = Users;
+
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+	    //DeptMock.bootstrap();
+	    // mock success request
+	    mock.onGet('/success').reply(200, {
+	      msg: 'success'
+	    });
+
+	    // mock error request
+	    mock.onGet('/error').reply(500, {
+	      msg: 'failure'
+	    });
+	    //登录
+	    mock.onPost('/cfm/common/login').reply(config => {
+	      let {displayUserid, password} = JSON.parse(config.data);
+	      return new Promise((resolve, reject) => {
+	        let user = null;
+	        setTimeout(() => {
+	          let hasUser = LoginUsers.some(u => {
+	            if (u.displayUserid === displayUserid && u.password === password) {
+	              user = JSON.parse(JSON.stringify(u));
+	              user.password = undefined;
+	              return true;
+	            }
+	          });
+
+	          if (hasUser) {
+	            resolve([200, { tips:{isOk:true,msg:'请求成功'}, data:user }]);
+	          } else {
+	            resolve([200, { tips:{isOk:false,msg:'请求失败'} }]);
+	          }
+	        }, 1000);
+	      });
+	    }); 
+  }
+};
\ No newline at end of file
diff --git a/src/mock/login/user.js b/src/mock/login/user.js
new file mode 100644
index 0000000..fa695f5
--- /dev/null
+++ b/src/mock/login/user.js
@@ -0,0 +1,26 @@
+ import Mock from 'mockjs';
+
+ const LoginUsers = [
+	  {
+	    id: 1,
+	    displayUserid: 'admin',
+	    password: '123456',
+	    avatar: 'https://raw.githubusercontent.com/taylorchen709/markdown-images/master/vueadmin/user.png',
+	    username: '张某某'
+	  }
+	];
+
+	const Users = [];
+
+	for (let i = 0; i < 86; i++) {
+	  Users.push(Mock.mock({
+		displayUserid: Mock.Random.guid(),
+	    username: Mock.Random.cname(),
+	    addr: Mock.mock('@county(true)'),
+	    'age|18-60': 1,
+	    birth: Mock.Random.date(),
+	    sex: Mock.Random.integer(0, 1)
+	  }));
+	}
+
+export { LoginUsers, Users };
\ No newline at end of file
diff --git a/src/mock/mdp/pub/branch.js b/src/mock/mdp/pub/branch.js
new file mode 100644
index 0000000..cfd96cb
--- /dev/null
+++ b/src/mock/mdp/pub/branch.js
@@ -0,0 +1,13 @@
+ import Mock from 'mockjs';
+
+const Branchs = [];
+
+for (let i = 0; i < 25; i++) {
+  Branchs.push(Mock.mock({
+		branchId:Mock.Random.string(5),
+		branchName:Mock.Random.ctitle(1,0) , 
+		enabled:Mock.Random.character('lower')
+  }));
+}
+
+export { Branchs };
diff --git a/src/mock/mdp/pub/branchMock.js b/src/mock/mdp/pub/branchMock.js
new file mode 100644
index 0000000..12a45c4
--- /dev/null
+++ b/src/mock/mdp/pub/branchMock.js
@@ -0,0 +1,152 @@
+import { Branchs } from './branch';
+let _Branchs = Branchs;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import BranchMock from './mdp/pub/branchMock';
+ * BranchMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/pub/branch/listKey').reply(config => {
+      let params = config.params;
+      let mockBranchs = _Branchs.filter(branch => {
+      	if(params.branchId||params.branchId==''){ if( branch.branchId.indexOf(params.branchId)>=0) return true;}
+      	if(params.branchName||params.branchName==''){ if( branch.branchName.indexOf(params.branchName)>=0) return true;}
+      	if(params.enabled||params.enabled==''){ if( branch.enabled.indexOf(params.enabled)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockBranchs
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/pub/branch/list').reply(config => {
+      let params = config.params;
+      let mockBranchs = _Branchs.filter(branch => {
+      	var isTrue=false;
+      	if(params.branchId||params.branchId==''){if(branch.branchId.indexOf(params.branchId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.branchName||params.branchName==''){if(branch.branchName.indexOf(params.branchName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.enabled||params.enabled==''){if(branch.enabled.indexOf(params.enabled)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockBranchs
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockBranchs.length;
+      mockBranchs = mockBranchs.filter((branch, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockBranchs,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/pub/branch/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  branchId  } = params;
+      _Branchs = _Branchs.filter(branch => branch.branchId !== branchId);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/pub/branch/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Branchs = _Branchs.filter(branch => !params.includes(branch.branchId));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/pub/branch/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { branchId,branchName,enabled } = params;
+      _Branchs.some(branch => {
+        if (branch.branchId === branchId) {
+			branch.branchId = branchId;
+			branch.branchName = branchName;
+			branch.enabled = enabled
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/pub/branch/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { branchId,branchName,enabled } = params;
+      _Branchs.push({
+		branchId:branchId,
+		branchName:branchName,
+		enabled:enabled
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/pub/company.js b/src/mock/mdp/pub/company.js
new file mode 100644
index 0000000..c36fbe2
--- /dev/null
+++ b/src/mock/mdp/pub/company.js
@@ -0,0 +1,18 @@
+ import Mock from 'mockjs';
+
+const Companys = [];
+
+for (let i = 0; i < 25; i++) {
+  Companys.push(Mock.mock({
+		companyId:Mock.Random.string(5),
+		branchId:Mock.Random.string(5),
+		companyName:Mock.Random.ctitle(1,0) , 
+		districtId:Mock.Random.ctitle(1,0) , 
+		categoryId:Mock.Random.ctitle(1,0) , 
+		phoneNo:Mock.Random.ctitle(1,0) , 
+		orgId:Mock.Random.ctitle(1,0) , 
+		address:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { Companys };
diff --git a/src/mock/mdp/pub/companyMock.js b/src/mock/mdp/pub/companyMock.js
new file mode 100644
index 0000000..e1a82ec
--- /dev/null
+++ b/src/mock/mdp/pub/companyMock.js
@@ -0,0 +1,172 @@
+import { Companys } from './company';
+let _Companys = Companys;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CompanyMock from './mdp/pub/companyMock';
+ * CompanyMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/pub/company/listKey').reply(config => {
+      let params = config.params;
+      let mockCompanys = _Companys.filter(company => {
+      	if(params.companyId||params.companyId==''){ if( company.companyId.indexOf(params.companyId)>=0) return true;}
+      	if(params.companyName||params.companyName==''){ if( company.companyName.indexOf(params.companyName)>=0) return true;}
+      	if(params.districtId||params.districtId==''){ if( company.districtId.indexOf(params.districtId)>=0) return true;}
+      	if(params.categoryId||params.categoryId==''){ if( company.categoryId.indexOf(params.categoryId)>=0) return true;}
+      	if(params.phoneNo||params.phoneNo==''){ if( company.phoneNo.indexOf(params.phoneNo)>=0) return true;}
+      	if(params.orgId||params.orgId==''){ if( company.orgId.indexOf(params.orgId)>=0) return true;}
+      	if(params.address||params.address==''){ if( company.address.indexOf(params.address)>=0) return true;}
+      	if(params.branchId||params.branchId==''){ if( company.branchId.indexOf(params.branchId)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockCompanys
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/pub/company/list').reply(config => {
+      let params = config.params;
+      let mockCompanys = _Companys.filter(company => {
+      	var isTrue=false;
+      	if(params.companyId||params.companyId==''){if(company.companyId.indexOf(params.companyId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.companyName||params.companyName==''){if(company.companyName.indexOf(params.companyName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.districtId||params.districtId==''){if(company.districtId.indexOf(params.districtId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.categoryId||params.categoryId==''){if(company.categoryId.indexOf(params.categoryId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.phoneNo||params.phoneNo==''){if(company.phoneNo.indexOf(params.phoneNo)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.orgId||params.orgId==''){if(company.orgId.indexOf(params.orgId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.address||params.address==''){if(company.address.indexOf(params.address)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.branchId||params.branchId==''){if(company.branchId.indexOf(params.branchId)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockCompanys
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockCompanys.length;
+      mockCompanys = mockCompanys.filter((company, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockCompanys,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/pub/company/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  companyId  } = params;
+      _Companys = _Companys.filter(company => company.companyId !== companyId);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/pub/company/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Companys = _Companys.filter(company => !params.includes(company.companyId));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/pub/company/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { companyId,companyName,districtId,categoryId,phoneNo,orgId,address,branchId } = params;
+      _Companys.some(company => {
+        if (company.companyId === companyId) {
+			company.companyId = companyId;
+			company.companyName = companyName;
+			company.districtId = districtId;
+			company.categoryId = categoryId;
+			company.phoneNo = phoneNo;
+			company.orgId = orgId;
+			company.address = address;
+			company.branchId = branchId
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/pub/company/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { companyId,companyName,districtId,categoryId,phoneNo,orgId,address,branchId } = params;
+      _Companys.push({
+		companyId:companyId,
+		companyName:companyName,
+		districtId:districtId,
+		categoryId:categoryId,
+		phoneNo:phoneNo,
+		orgId:orgId,
+		address:address,
+		branchId:branchId
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/pub/cust.js b/src/mock/mdp/pub/cust.js
new file mode 100644
index 0000000..f529224
--- /dev/null
+++ b/src/mock/mdp/pub/cust.js
@@ -0,0 +1,14 @@
+ import Mock from 'mockjs';
+
+const Custs = [];
+
+for (let i = 0; i < 25; i++) {
+  Custs.push(Mock.mock({
+		custId:Mock.Random.string(5),
+		branchId:Mock.Random.string(5),
+		custName:Mock.Random.ctitle(1,0) , 
+		enabled:Mock.Random.character('lower')
+  }));
+}
+
+export { Custs };
diff --git a/src/mock/mdp/pub/custMock.js b/src/mock/mdp/pub/custMock.js
new file mode 100644
index 0000000..87018d6
--- /dev/null
+++ b/src/mock/mdp/pub/custMock.js
@@ -0,0 +1,156 @@
+import { Custs } from './cust';
+let _Custs = Custs;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CustMock from './mdp/pub/custMock';
+ * CustMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/pub/cust/listKey').reply(config => {
+      let params = config.params;
+      let mockCusts = _Custs.filter(cust => {
+      	if(params.custId||params.custId==''){ if( cust.custId.indexOf(params.custId)>=0) return true;}
+      	if(params.custName||params.custName==''){ if( cust.custName.indexOf(params.custName)>=0) return true;}
+      	if(params.enabled||params.enabled==''){ if( cust.enabled.indexOf(params.enabled)>=0) return true;}
+      	if(params.branchId||params.branchId==''){ if( cust.branchId.indexOf(params.branchId)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockCusts
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/pub/cust/list').reply(config => {
+      let params = config.params;
+      let mockCusts = _Custs.filter(cust => {
+      	var isTrue=false;
+      	if(params.custId||params.custId==''){if(cust.custId.indexOf(params.custId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.custName||params.custName==''){if(cust.custName.indexOf(params.custName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.enabled||params.enabled==''){if(cust.enabled.indexOf(params.enabled)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.branchId||params.branchId==''){if(cust.branchId.indexOf(params.branchId)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockCusts
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockCusts.length;
+      mockCusts = mockCusts.filter((cust, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockCusts,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/pub/cust/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  custId  } = params;
+      _Custs = _Custs.filter(cust => cust.custId !== custId);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/pub/cust/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Custs = _Custs.filter(cust => !params.includes(cust.custId));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/pub/cust/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { custId,custName,enabled,branchId } = params;
+      _Custs.some(cust => {
+        if (cust.custId === custId) {
+			cust.custId = custId;
+			cust.custName = custName;
+			cust.enabled = enabled;
+			cust.branchId = branchId
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/pub/cust/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { custId,custName,enabled,branchId } = params;
+      _Custs.push({
+		custId:custId,
+		custName:custName,
+		enabled:enabled,
+		branchId:branchId
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/pub/dist.js b/src/mock/mdp/pub/dist.js
new file mode 100644
index 0000000..8b4d67a
--- /dev/null
+++ b/src/mock/mdp/pub/dist.js
@@ -0,0 +1,14 @@
+ import Mock from 'mockjs';
+
+const Dists = [];
+
+for (let i = 0; i < 25; i++) {
+  Dists.push(Mock.mock({
+		distId:Mock.Random.string(5),
+		branchId:Mock.Random.string(5),
+		distName:Mock.Random.ctitle(1,0) , 
+		enabled:Mock.Random.character('lower')
+  }));
+}
+
+export { Dists };
diff --git a/src/mock/mdp/pub/distMock.js b/src/mock/mdp/pub/distMock.js
new file mode 100644
index 0000000..661c925
--- /dev/null
+++ b/src/mock/mdp/pub/distMock.js
@@ -0,0 +1,156 @@
+import { Dists } from './dist';
+let _Dists = Dists;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import DistMock from './mdp/pub/distMock';
+ * DistMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/pub/dist/listKey').reply(config => {
+      let params = config.params;
+      let mockDists = _Dists.filter(dist => {
+      	if(params.distId||params.distId==''){ if( dist.distId.indexOf(params.distId)>=0) return true;}
+      	if(params.distName||params.distName==''){ if( dist.distName.indexOf(params.distName)>=0) return true;}
+      	if(params.enabled||params.enabled==''){ if( dist.enabled.indexOf(params.enabled)>=0) return true;}
+      	if(params.branchId||params.branchId==''){ if( dist.branchId.indexOf(params.branchId)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockDists
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/pub/dist/list').reply(config => {
+      let params = config.params;
+      let mockDists = _Dists.filter(dist => {
+      	var isTrue=false;
+      	if(params.distId||params.distId==''){if(dist.distId.indexOf(params.distId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.distName||params.distName==''){if(dist.distName.indexOf(params.distName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.enabled||params.enabled==''){if(dist.enabled.indexOf(params.enabled)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.branchId||params.branchId==''){if(dist.branchId.indexOf(params.branchId)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockDists
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockDists.length;
+      mockDists = mockDists.filter((dist, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockDists,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/pub/dist/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  distId  } = params;
+      _Dists = _Dists.filter(dist => dist.distId !== distId);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/pub/dist/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Dists = _Dists.filter(dist => !params.includes(dist.distId));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/pub/dist/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { distId,distName,enabled,branchId } = params;
+      _Dists.some(dist => {
+        if (dist.distId === distId) {
+			dist.distId = distId;
+			dist.distName = distName;
+			dist.enabled = enabled;
+			dist.branchId = branchId
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/pub/dist/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { distId,distName,enabled,branchId } = params;
+      _Dists.push({
+		distId:distId,
+		distName:distName,
+		enabled:enabled,
+		branchId:branchId
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/pub/supplier.js b/src/mock/mdp/pub/supplier.js
new file mode 100644
index 0000000..8a191bd
--- /dev/null
+++ b/src/mock/mdp/pub/supplier.js
@@ -0,0 +1,14 @@
+ import Mock from 'mockjs';
+
+const Suppliers = [];
+
+for (let i = 0; i < 25; i++) {
+  Suppliers.push(Mock.mock({
+		supplierId:Mock.Random.string(5),
+		branchId:Mock.Random.string(5),
+		supplierName:Mock.Random.ctitle(1,0) , 
+		enabled:Mock.Random.character('lower')
+  }));
+}
+
+export { Suppliers };
diff --git a/src/mock/mdp/pub/supplierMock.js b/src/mock/mdp/pub/supplierMock.js
new file mode 100644
index 0000000..bab0e68
--- /dev/null
+++ b/src/mock/mdp/pub/supplierMock.js
@@ -0,0 +1,156 @@
+import { Suppliers } from './supplier';
+let _Suppliers = Suppliers;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import SupplierMock from './mdp/pub/supplierMock';
+ * SupplierMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/pub/supplier/listKey').reply(config => {
+      let params = config.params;
+      let mockSuppliers = _Suppliers.filter(supplier => {
+      	if(params.supplierId||params.supplierId==''){ if( supplier.supplierId.indexOf(params.supplierId)>=0) return true;}
+      	if(params.supplierName||params.supplierName==''){ if( supplier.supplierName.indexOf(params.supplierName)>=0) return true;}
+      	if(params.enabled||params.enabled==''){ if( supplier.enabled.indexOf(params.enabled)>=0) return true;}
+      	if(params.branchId||params.branchId==''){ if( supplier.branchId.indexOf(params.branchId)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockSuppliers
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/pub/supplier/list').reply(config => {
+      let params = config.params;
+      let mockSuppliers = _Suppliers.filter(supplier => {
+      	var isTrue=false;
+      	if(params.supplierId||params.supplierId==''){if(supplier.supplierId.indexOf(params.supplierId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.supplierName||params.supplierName==''){if(supplier.supplierName.indexOf(params.supplierName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.enabled||params.enabled==''){if(supplier.enabled.indexOf(params.enabled)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.branchId||params.branchId==''){if(supplier.branchId.indexOf(params.branchId)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockSuppliers
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockSuppliers.length;
+      mockSuppliers = mockSuppliers.filter((supplier, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockSuppliers,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/pub/supplier/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  supplierId  } = params;
+      _Suppliers = _Suppliers.filter(supplier => supplier.supplierId !== supplierId);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/pub/supplier/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Suppliers = _Suppliers.filter(supplier => !params.includes(supplier.supplierId));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/pub/supplier/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { supplierId,supplierName,enabled,branchId } = params;
+      _Suppliers.some(supplier => {
+        if (supplier.supplierId === supplierId) {
+			supplier.supplierId = supplierId;
+			supplier.supplierName = supplierName;
+			supplier.enabled = enabled;
+			supplier.branchId = branchId
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/pub/supplier/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { supplierId,supplierName,enabled,branchId } = params;
+      _Suppliers.push({
+		supplierId:supplierId,
+		supplierName:supplierName,
+		enabled:enabled,
+		branchId:branchId
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/category.js b/src/mock/mdp/sys/category.js
new file mode 100644
index 0000000..6b9253c
--- /dev/null
+++ b/src/mock/mdp/sys/category.js
@@ -0,0 +1,14 @@
+ import Mock from 'mockjs';
+
+const Categorys = [];
+
+for (let i = 0; i < 25; i++) {
+  Categorys.push(Mock.mock({
+		id:Mock.Random.string(5),
+		pid:Mock.Random.ctitle(1,0) , 
+		name:Mock.Random.ctitle(1,0) , 
+		'sortOrder|0-5': 1
+  }));
+}
+
+export { Categorys };
diff --git a/src/mock/mdp/sys/categoryMock.js b/src/mock/mdp/sys/categoryMock.js
new file mode 100644
index 0000000..d0f304d
--- /dev/null
+++ b/src/mock/mdp/sys/categoryMock.js
@@ -0,0 +1,156 @@
+import { Categorys } from './category';
+let _Categorys = Categorys;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CategoryMock from './mdp/sys/categoryMock';
+ * CategoryMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/category/listKey').reply(config => {
+      let params = config.params;
+      let mockCategorys = _Categorys.filter(category => {
+      	if(params.id||params.id==''){ if( category.id.indexOf(params.id)>=0) return true;}
+      	if(params.pid||params.pid==''){ if( category.pid.indexOf(params.pid)>=0) return true;}
+      	if(params.name||params.name==''){ if( category.name.indexOf(params.name)>=0) return true;}
+      	if(params.sortOrder||params.sortOrder==''){ if( category.sortOrder.indexOf(params.sortOrder)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockCategorys
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/category/list').reply(config => {
+      let params = config.params;
+      let mockCategorys = _Categorys.filter(category => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(category.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.pid||params.pid==''){if(category.pid.indexOf(params.pid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(category.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.sortOrder||params.sortOrder==''){if(category.sortOrder.indexOf(params.sortOrder)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockCategorys
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockCategorys.length;
+      mockCategorys = mockCategorys.filter((category, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockCategorys,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/category/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Categorys = _Categorys.filter(category => category.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/category/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Categorys = _Categorys.filter(category => !params.includes(category.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/category/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,pid,name,sortOrder } = params;
+      _Categorys.some(category => {
+        if (category.id === id) {
+			category.id = id;
+			category.pid = pid;
+			category.name = name;
+			category.sortOrder = sortOrder
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/category/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,pid,name,sortOrder } = params;
+      _Categorys.push({
+		id:id,
+		pid:pid,
+		name:name,
+		sortOrder:sortOrder
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/code.js b/src/mock/mdp/sys/code.js
new file mode 100644
index 0000000..bfe2495
--- /dev/null
+++ b/src/mock/mdp/sys/code.js
@@ -0,0 +1,21 @@
+ import Mock from 'mockjs';
+
+const Codes = [];
+
+for (let i = 0; i < 25; i++) {
+  Codes.push(Mock.mock({
+		codeRow:Mock.Random.string(5),
+		tcodeId:Mock.Random.ctitle(2,32) , 
+		tcodeName:Mock.Random.ctitle(2,12) , 
+		remark:Mock.Random.ctitle(2,24) , 
+		state:Mock.Random.ctitle(2,4) , 
+		codeBeg:Mock.Random.date('yyyy-MM-dd') , 
+		codeEnd:Mock.Random.date('yyyy-MM-dd') , 
+		createPerson:Mock.Random.ctitle(2,8) , 
+		createDate:Mock.Random.date('yyyy-MM-dd') , 
+		loperatePerson:Mock.Random.ctitle(2,8) , 
+		loperateDate:Mock.Random.date('yyyy-MM-dd')
+  }));
+}
+
+export { Codes };
diff --git a/src/mock/mdp/sys/codeDetail.js b/src/mock/mdp/sys/codeDetail.js
new file mode 100644
index 0000000..f5eb942
--- /dev/null
+++ b/src/mock/mdp/sys/codeDetail.js
@@ -0,0 +1,31 @@
+ import Mock from 'mockjs';
+
+const CodeDetails = [];
+
+for (let i = 0; i < 25; i++) {
+  CodeDetails.push(Mock.mock({
+		dcodeRow:Mock.Random.string(5),
+		codeValue:Mock.Random.ctitle(1,0) , 
+		codeName:Mock.Random.ctitle(1,2) , 
+		ifdefault:Mock.Random.character('lower') , 
+		state:Mock.Random.ctitle(1,4) , 
+		codeBeg:Mock.Random.date('yyyy-MM-dd') , 
+		codeEnd:Mock.Random.date('yyyy-MM-dd') , 
+		createPerson:Mock.Random.ctitle(1,8) , 
+		createDate:Mock.Random.date('yyyy-MM-dd') , 
+		loperatePerson:Mock.Random.ctitle(1,8) , 
+		loperateDate:Mock.Random.date('yyyy-MM-dd') , 
+		'seqOrder|0-5': 1 , 
+		keys:Mock.Random.ctitle(1,0) , 
+		fp:Mock.Random.ctitle(1,0) , 
+		sp:Mock.Random.ctitle(1,0) , 
+		tp:Mock.Random.ctitle(1,0) , 
+		secondCodeRow:Mock.Random.ctitle(1,0) , 
+		deptid:Mock.Random.ctitle(1,0) , 
+		codeRow:Mock.Random.ctitle(1,0) , 
+		dtcodeId:Mock.Random.ctitle(1,2) , 
+		dtcodeName:Mock.Random.ctitle(1,2)
+  }));
+}
+
+export { CodeDetails };
diff --git a/src/mock/mdp/sys/codeDetailMock.js b/src/mock/mdp/sys/codeDetailMock.js
new file mode 100644
index 0000000..af68cd2
--- /dev/null
+++ b/src/mock/mdp/sys/codeDetailMock.js
@@ -0,0 +1,224 @@
+import { CodeDetails } from './codeDetail';
+let _CodeDetails = CodeDetails;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CodeDetailMock from './mdp/sys/codeDetailMock';
+ * CodeDetailMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/codeDetail/listKey').reply(config => {
+      let params = config.params;
+      let mockCodeDetails = _CodeDetails.filter(codeDetail => {
+      	if(params.dcodeRow||params.dcodeRow==''){ if( codeDetail.dcodeRow.indexOf(params.dcodeRow)>=0) return true;}
+      	if(params.codeValue||params.codeValue==''){ if( codeDetail.codeValue.indexOf(params.codeValue)>=0) return true;}
+      	if(params.codeName||params.codeName==''){ if( codeDetail.codeName.indexOf(params.codeName)>=0) return true;}
+      	if(params.ifdefault||params.ifdefault==''){ if( codeDetail.ifdefault.indexOf(params.ifdefault)>=0) return true;}
+      	if(params.state||params.state==''){ if( codeDetail.state.indexOf(params.state)>=0) return true;}
+      	if(params.codeBeg||params.codeBeg==''){ if( codeDetail.codeBeg.indexOf(params.codeBeg)>=0) return true;}
+      	if(params.codeEnd||params.codeEnd==''){ if( codeDetail.codeEnd.indexOf(params.codeEnd)>=0) return true;}
+      	if(params.createPerson||params.createPerson==''){ if( codeDetail.createPerson.indexOf(params.createPerson)>=0) return true;}
+      	if(params.createDate||params.createDate==''){ if( codeDetail.createDate.indexOf(params.createDate)>=0) return true;}
+      	if(params.loperatePerson||params.loperatePerson==''){ if( codeDetail.loperatePerson.indexOf(params.loperatePerson)>=0) return true;}
+      	if(params.loperateDate||params.loperateDate==''){ if( codeDetail.loperateDate.indexOf(params.loperateDate)>=0) return true;}
+      	if(params.seqOrder||params.seqOrder==''){ if( codeDetail.seqOrder.indexOf(params.seqOrder)>=0) return true;}
+      	if(params.keys||params.keys==''){ if( codeDetail.keys.indexOf(params.keys)>=0) return true;}
+      	if(params.fp||params.fp==''){ if( codeDetail.fp.indexOf(params.fp)>=0) return true;}
+      	if(params.sp||params.sp==''){ if( codeDetail.sp.indexOf(params.sp)>=0) return true;}
+      	if(params.tp||params.tp==''){ if( codeDetail.tp.indexOf(params.tp)>=0) return true;}
+      	if(params.secondCodeRow||params.secondCodeRow==''){ if( codeDetail.secondCodeRow.indexOf(params.secondCodeRow)>=0) return true;}
+      	if(params.deptid||params.deptid==''){ if( codeDetail.deptid.indexOf(params.deptid)>=0) return true;}
+      	if(params.codeRow||params.codeRow==''){ if( codeDetail.codeRow.indexOf(params.codeRow)>=0) return true;}
+      	if(params.dtcodeId||params.dtcodeId==''){ if( codeDetail.dtcodeId.indexOf(params.dtcodeId)>=0) return true;}
+      	if(params.dtcodeName||params.dtcodeName==''){ if( codeDetail.dtcodeName.indexOf(params.dtcodeName)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockCodeDetails
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/codeDetail/list').reply(config => {
+      let params = config.params;
+      let mockCodeDetails = _CodeDetails.filter(codeDetail => {
+      	var isTrue=false;
+      	if(params.dcodeRow||params.dcodeRow==''){if(codeDetail.dcodeRow.indexOf(params.dcodeRow)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.codeValue||params.codeValue==''){if(codeDetail.codeValue.indexOf(params.codeValue)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.codeName||params.codeName==''){if(codeDetail.codeName.indexOf(params.codeName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.ifdefault||params.ifdefault==''){if(codeDetail.ifdefault.indexOf(params.ifdefault)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.state||params.state==''){if(codeDetail.state.indexOf(params.state)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.codeBeg||params.codeBeg==''){if(codeDetail.codeBeg.indexOf(params.codeBeg)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.codeEnd||params.codeEnd==''){if(codeDetail.codeEnd.indexOf(params.codeEnd)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.createPerson||params.createPerson==''){if(codeDetail.createPerson.indexOf(params.createPerson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.createDate||params.createDate==''){if(codeDetail.createDate.indexOf(params.createDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.loperatePerson||params.loperatePerson==''){if(codeDetail.loperatePerson.indexOf(params.loperatePerson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.loperateDate||params.loperateDate==''){if(codeDetail.loperateDate.indexOf(params.loperateDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.seqOrder||params.seqOrder==''){if(codeDetail.seqOrder.indexOf(params.seqOrder)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.keys||params.keys==''){if(codeDetail.keys.indexOf(params.keys)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fp||params.fp==''){if(codeDetail.fp.indexOf(params.fp)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.sp||params.sp==''){if(codeDetail.sp.indexOf(params.sp)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tp||params.tp==''){if(codeDetail.tp.indexOf(params.tp)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.secondCodeRow||params.secondCodeRow==''){if(codeDetail.secondCodeRow.indexOf(params.secondCodeRow)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptid||params.deptid==''){if(codeDetail.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.codeRow||params.codeRow==''){if(codeDetail.codeRow.indexOf(params.codeRow)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.dtcodeId||params.dtcodeId==''){if(codeDetail.dtcodeId.indexOf(params.dtcodeId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.dtcodeName||params.dtcodeName==''){if(codeDetail.dtcodeName.indexOf(params.dtcodeName)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockCodeDetails
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockCodeDetails.length;
+      mockCodeDetails = mockCodeDetails.filter((codeDetail, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockCodeDetails,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/codeDetail/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  dcodeRow  } = params;
+      _CodeDetails = _CodeDetails.filter(codeDetail => codeDetail.dcodeRow !== dcodeRow);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/codeDetail/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _CodeDetails = _CodeDetails.filter(codeDetail => !params.includes(codeDetail.dcodeRow));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/codeDetail/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { dcodeRow,codeValue,codeName,ifdefault,state,codeBeg,codeEnd,createPerson,createDate,loperatePerson,loperateDate,seqOrder,keys,fp,sp,tp,secondCodeRow,deptid,codeRow,dtcodeId,dtcodeName } = params;
+      _CodeDetails.some(codeDetail => {
+        if (codeDetail.dcodeRow === dcodeRow) {
+			codeDetail.dcodeRow = dcodeRow;
+			codeDetail.codeValue = codeValue;
+			codeDetail.codeName = codeName;
+			codeDetail.ifdefault = ifdefault;
+			codeDetail.state = state;
+			codeDetail.codeBeg = codeBeg;
+			codeDetail.codeEnd = codeEnd;
+			codeDetail.createPerson = createPerson;
+			codeDetail.createDate = createDate;
+			codeDetail.loperatePerson = loperatePerson;
+			codeDetail.loperateDate = loperateDate;
+			codeDetail.seqOrder = seqOrder;
+			codeDetail.keys = keys;
+			codeDetail.fp = fp;
+			codeDetail.sp = sp;
+			codeDetail.tp = tp;
+			codeDetail.secondCodeRow = secondCodeRow;
+			codeDetail.deptid = deptid;
+			codeDetail.codeRow = codeRow;
+			codeDetail.dtcodeId = dtcodeId;
+			codeDetail.dtcodeName = dtcodeName
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/codeDetail/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { dcodeRow,codeValue,codeName,ifdefault,state,codeBeg,codeEnd,createPerson,createDate,loperatePerson,loperateDate,seqOrder,keys,fp,sp,tp,secondCodeRow,deptid,codeRow,dtcodeId,dtcodeName } = params;
+      _CodeDetails.push({
+		dcodeRow:dcodeRow,
+		codeValue:codeValue,
+		codeName:codeName,
+		ifdefault:ifdefault,
+		state:state,
+		codeBeg:codeBeg,
+		codeEnd:codeEnd,
+		createPerson:createPerson,
+		createDate:createDate,
+		loperatePerson:loperatePerson,
+		loperateDate:loperateDate,
+		seqOrder:seqOrder,
+		keys:keys,
+		fp:fp,
+		sp:sp,
+		tp:tp,
+		secondCodeRow:secondCodeRow,
+		deptid:deptid,
+		codeRow:codeRow,
+		dtcodeId:dtcodeId,
+		dtcodeName:dtcodeName
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/codeMock.js b/src/mock/mdp/sys/codeMock.js
new file mode 100644
index 0000000..e5e7746
--- /dev/null
+++ b/src/mock/mdp/sys/codeMock.js
@@ -0,0 +1,186 @@
+import { Codes } from './code';
+let _Codes = Codes;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CodeMock from './mdp/sys/codeMock';
+ * CodeMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/code/listKey').reply(config => {
+      let params = config.params;
+      let mockCodes = _Codes.filter(code => {
+      	if(params.codeRow||params.codeRow==''){ if( code.codeRow.indexOf(params.codeRow)>=0) return true;}
+      	if(params.tcodeId||params.tcodeId==''){ if( code.tcodeId.indexOf(params.tcodeId)>=0) return true;}
+      	if(params.tcodeName||params.tcodeName==''){ if( code.tcodeName.indexOf(params.tcodeName)>=0) return true;}
+      	if(params.remark||params.remark==''){ if( code.remark.indexOf(params.remark)>=0) return true;}
+      	if(params.state||params.state==''){ if( code.state.indexOf(params.state)>=0) return true;}
+      	if(params.codeBeg||params.codeBeg==''){ if( code.codeBeg.indexOf(params.codeBeg)>=0) return true;}
+      	if(params.codeEnd||params.codeEnd==''){ if( code.codeEnd.indexOf(params.codeEnd)>=0) return true;}
+      	if(params.createPerson||params.createPerson==''){ if( code.createPerson.indexOf(params.createPerson)>=0) return true;}
+      	if(params.createDate||params.createDate==''){ if( code.createDate.indexOf(params.createDate)>=0) return true;}
+      	if(params.loperatePerson||params.loperatePerson==''){ if( code.loperatePerson.indexOf(params.loperatePerson)>=0) return true;}
+      	if(params.loperateDate||params.loperateDate==''){ if( code.loperateDate.indexOf(params.loperateDate)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockCodes
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/code/list').reply(config => {
+      let params = config.params;
+      let mockCodes = _Codes.filter(code => {
+      	var isTrue=false;
+      	if(params.codeRow||params.codeRow==''){if(code.codeRow.indexOf(params.codeRow)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tcodeId||params.tcodeId==''){if(code.tcodeId.indexOf(params.tcodeId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tcodeName||params.tcodeName==''){if(code.tcodeName.indexOf(params.tcodeName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.remark||params.remark==''){if(code.remark.indexOf(params.remark)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.state||params.state==''){if(code.state.indexOf(params.state)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.codeBeg||params.codeBeg==''){if(code.codeBeg.indexOf(params.codeBeg)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.codeEnd||params.codeEnd==''){if(code.codeEnd.indexOf(params.codeEnd)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.createPerson||params.createPerson==''){if(code.createPerson.indexOf(params.createPerson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.createDate||params.createDate==''){if(code.createDate.indexOf(params.createDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.loperatePerson||params.loperatePerson==''){if(code.loperatePerson.indexOf(params.loperatePerson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.loperateDate||params.loperateDate==''){if(code.loperateDate.indexOf(params.loperateDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockCodes
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockCodes.length;
+      mockCodes = mockCodes.filter((code, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockCodes,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/code/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  codeRow  } = params;
+      _Codes = _Codes.filter(code => code.codeRow !== codeRow);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/code/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+       
+      codeRows = codeRows.split(',');
+      _Codes = _Codes.filter(code => !params.includes(code.codeRow));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/code/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { codeRow,tcodeId,tcodeName,remark,state,codeBeg,codeEnd,createPerson,createDate,loperatePerson,loperateDate } = params;
+      _Codes.some(code => {
+        if (code.codeRow === codeRow) {
+			code.codeRow = codeRow;
+			code.tcodeId = tcodeId;
+			code.tcodeName = tcodeName;
+			code.remark = remark;
+			code.state = state;
+			code.codeBeg = codeBeg;
+			code.codeEnd = codeEnd;
+			code.createPerson = createPerson;
+			code.createDate = createDate;
+			code.loperatePerson = loperatePerson;
+			code.loperateDate = loperateDate
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/code/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { codeRow,tcodeId,tcodeName,remark,state,codeBeg,codeEnd,createPerson,createDate,loperatePerson,loperateDate } = params;
+      _Codes.push({
+		codeRow:codeRow,
+		tcodeId:tcodeId,
+		tcodeName:tcodeName,
+		remark:remark,
+		state:state,
+		codeBeg:codeBeg,
+		codeEnd:codeEnd,
+		createPerson:createPerson,
+		createDate:createDate,
+		loperatePerson:loperatePerson,
+		loperateDate:loperateDate
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/codeSecond.js b/src/mock/mdp/sys/codeSecond.js
new file mode 100644
index 0000000..1c9a548
--- /dev/null
+++ b/src/mock/mdp/sys/codeSecond.js
@@ -0,0 +1,18 @@
+ import Mock from 'mockjs';
+
+const CodeSeconds = [];
+
+for (let i = 0; i < 25; i++) {
+  CodeSeconds.push(Mock.mock({
+		secondCodeRow:Mock.Random.string(5),
+		codeRow:Mock.Random.ctitle(1,0) , 
+		dtcodeId:Mock.Random.ctitle(1,2) , 
+		dtcodeName:Mock.Random.ctitle(1,2) , 
+		fp:Mock.Random.ctitle(1,0) , 
+		sp:Mock.Random.ctitle(1,0) , 
+		state:Mock.Random.character('lower') , 
+		deptid:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { CodeSeconds };
diff --git a/src/mock/mdp/sys/codeSecondMock.js b/src/mock/mdp/sys/codeSecondMock.js
new file mode 100644
index 0000000..6e8377d
--- /dev/null
+++ b/src/mock/mdp/sys/codeSecondMock.js
@@ -0,0 +1,172 @@
+import { CodeSeconds } from './codeSecond';
+let _CodeSeconds = CodeSeconds;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CodeSecondMock from './mdp/sys/codeSecondMock';
+ * CodeSecondMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/codeSecond/listKey').reply(config => {
+      let params = config.params;
+      let mockCodeSeconds = _CodeSeconds.filter(codeSecond => {
+      	if(params.secondCodeRow||params.secondCodeRow==''){ if( codeSecond.secondCodeRow.indexOf(params.secondCodeRow)>=0) return true;}
+      	if(params.codeRow||params.codeRow==''){ if( codeSecond.codeRow.indexOf(params.codeRow)>=0) return true;}
+      	if(params.dtcodeId||params.dtcodeId==''){ if( codeSecond.dtcodeId.indexOf(params.dtcodeId)>=0) return true;}
+      	if(params.dtcodeName||params.dtcodeName==''){ if( codeSecond.dtcodeName.indexOf(params.dtcodeName)>=0) return true;}
+      	if(params.fp||params.fp==''){ if( codeSecond.fp.indexOf(params.fp)>=0) return true;}
+      	if(params.sp||params.sp==''){ if( codeSecond.sp.indexOf(params.sp)>=0) return true;}
+      	if(params.state||params.state==''){ if( codeSecond.state.indexOf(params.state)>=0) return true;}
+      	if(params.deptid||params.deptid==''){ if( codeSecond.deptid.indexOf(params.deptid)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockCodeSeconds
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/codeSecond/list').reply(config => {
+      let params = config.params;
+      let mockCodeSeconds = _CodeSeconds.filter(codeSecond => {
+      	var isTrue=false;
+      	if(params.secondCodeRow||params.secondCodeRow==''){if(codeSecond.secondCodeRow.indexOf(params.secondCodeRow)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.codeRow||params.codeRow==''){if(codeSecond.codeRow.indexOf(params.codeRow)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.dtcodeId||params.dtcodeId==''){if(codeSecond.dtcodeId.indexOf(params.dtcodeId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.dtcodeName||params.dtcodeName==''){if(codeSecond.dtcodeName.indexOf(params.dtcodeName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fp||params.fp==''){if(codeSecond.fp.indexOf(params.fp)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.sp||params.sp==''){if(codeSecond.sp.indexOf(params.sp)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.state||params.state==''){if(codeSecond.state.indexOf(params.state)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptid||params.deptid==''){if(codeSecond.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockCodeSeconds
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockCodeSeconds.length;
+      mockCodeSeconds = mockCodeSeconds.filter((codeSecond, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockCodeSeconds,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/codeSecond/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  secondCodeRow  } = params;
+      _CodeSeconds = _CodeSeconds.filter(codeSecond => codeSecond.secondCodeRow !== secondCodeRow);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/codeSecond/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _CodeSeconds = _CodeSeconds.filter(codeSecond => !params.includes(codeSecond.secondCodeRow));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/codeSecond/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { secondCodeRow,codeRow,dtcodeId,dtcodeName,fp,sp,state,deptid } = params;
+      _CodeSeconds.some(codeSecond => {
+        if (codeSecond.secondCodeRow === secondCodeRow) {
+			codeSecond.secondCodeRow = secondCodeRow;
+			codeSecond.codeRow = codeRow;
+			codeSecond.dtcodeId = dtcodeId;
+			codeSecond.dtcodeName = dtcodeName;
+			codeSecond.fp = fp;
+			codeSecond.sp = sp;
+			codeSecond.state = state;
+			codeSecond.deptid = deptid
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/codeSecond/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { secondCodeRow,codeRow,dtcodeId,dtcodeName,fp,sp,state,deptid } = params;
+      _CodeSeconds.push({
+		secondCodeRow:secondCodeRow,
+		codeRow:codeRow,
+		dtcodeId:dtcodeId,
+		dtcodeName:dtcodeName,
+		fp:fp,
+		sp:sp,
+		state:state,
+		deptid:deptid
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/company.js b/src/mock/mdp/sys/company.js
new file mode 100644
index 0000000..18cc0dd
--- /dev/null
+++ b/src/mock/mdp/sys/company.js
@@ -0,0 +1,17 @@
+ import Mock from 'mockjs';
+
+const Companys = [];
+
+for (let i = 0; i < 25; i++) {
+  Companys.push(Mock.mock({
+		id:Mock.Random.string(5),
+		companyName:Mock.Random.ctitle(1,0) , 
+		districtId:Mock.Random.ctitle(1,0) , 
+		categoryId:Mock.Random.ctitle(1,0) , 
+		phoneNo:Mock.Random.ctitle(1,0) , 
+		orgId:Mock.Random.ctitle(1,0) , 
+		address:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { Companys };
diff --git a/src/mock/mdp/sys/companyCategory.js b/src/mock/mdp/sys/companyCategory.js
new file mode 100644
index 0000000..5f1faaf
--- /dev/null
+++ b/src/mock/mdp/sys/companyCategory.js
@@ -0,0 +1,13 @@
+ import Mock from 'mockjs';
+
+const CompanyCategorys = [];
+
+for (let i = 0; i < 25; i++) {
+  CompanyCategorys.push(Mock.mock({
+		id:Mock.Random.string(5),
+		categoryName:Mock.Random.ctitle(1,0) , 
+		pid:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { CompanyCategorys };
diff --git a/src/mock/mdp/sys/companyCategoryMock.js b/src/mock/mdp/sys/companyCategoryMock.js
new file mode 100644
index 0000000..0c95225
--- /dev/null
+++ b/src/mock/mdp/sys/companyCategoryMock.js
@@ -0,0 +1,152 @@
+import { CompanyCategorys } from './companyCategory';
+let _CompanyCategorys = CompanyCategorys;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CompanyCategoryMock from './mdp/sys/companyCategoryMock';
+ * CompanyCategoryMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/companyCategory/listKey').reply(config => {
+      let params = config.params;
+      let mockCompanyCategorys = _CompanyCategorys.filter(companyCategory => {
+      	if(params.id||params.id==''){ if( companyCategory.id.indexOf(params.id)>=0) return true;}
+      	if(params.categoryName||params.categoryName==''){ if( companyCategory.categoryName.indexOf(params.categoryName)>=0) return true;}
+      	if(params.pid||params.pid==''){ if( companyCategory.pid.indexOf(params.pid)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockCompanyCategorys
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/companyCategory/list').reply(config => {
+      let params = config.params;
+      let mockCompanyCategorys = _CompanyCategorys.filter(companyCategory => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(companyCategory.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.categoryName||params.categoryName==''){if(companyCategory.categoryName.indexOf(params.categoryName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.pid||params.pid==''){if(companyCategory.pid.indexOf(params.pid)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockCompanyCategorys
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockCompanyCategorys.length;
+      mockCompanyCategorys = mockCompanyCategorys.filter((companyCategory, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockCompanyCategorys,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/companyCategory/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _CompanyCategorys = _CompanyCategorys.filter(companyCategory => companyCategory.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/companyCategory/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _CompanyCategorys = _CompanyCategorys.filter(companyCategory => !params.includes(companyCategory.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/companyCategory/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,categoryName,pid } = params;
+      _CompanyCategorys.some(companyCategory => {
+        if (companyCategory.id === id) {
+			companyCategory.id = id;
+			companyCategory.categoryName = categoryName;
+			companyCategory.pid = pid
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/companyCategory/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,categoryName,pid } = params;
+      _CompanyCategorys.push({
+		id:id,
+		categoryName:categoryName,
+		pid:pid
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/companyMock.js b/src/mock/mdp/sys/companyMock.js
new file mode 100644
index 0000000..8d24213
--- /dev/null
+++ b/src/mock/mdp/sys/companyMock.js
@@ -0,0 +1,168 @@
+import { Companys } from './company';
+let _Companys = Companys;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CompanyMock from './mdp/sys/companyMock';
+ * CompanyMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/company/listKey').reply(config => {
+      let params = config.params;
+      let mockCompanys = _Companys.filter(company => {
+      	if(params.id||params.id==''){ if( company.id.indexOf(params.id)>=0) return true;}
+      	if(params.companyName||params.companyName==''){ if( company.companyName.indexOf(params.companyName)>=0) return true;}
+      	if(params.districtId||params.districtId==''){ if( company.districtId.indexOf(params.districtId)>=0) return true;}
+      	if(params.categoryId||params.categoryId==''){ if( company.categoryId.indexOf(params.categoryId)>=0) return true;}
+      	if(params.phoneNo||params.phoneNo==''){ if( company.phoneNo.indexOf(params.phoneNo)>=0) return true;}
+      	if(params.orgId||params.orgId==''){ if( company.orgId.indexOf(params.orgId)>=0) return true;}
+      	if(params.address||params.address==''){ if( company.address.indexOf(params.address)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockCompanys
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/company/list').reply(config => {
+      let params = config.params;
+      let mockCompanys = _Companys.filter(company => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(company.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.companyName||params.companyName==''){if(company.companyName.indexOf(params.companyName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.districtId||params.districtId==''){if(company.districtId.indexOf(params.districtId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.categoryId||params.categoryId==''){if(company.categoryId.indexOf(params.categoryId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.phoneNo||params.phoneNo==''){if(company.phoneNo.indexOf(params.phoneNo)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.orgId||params.orgId==''){if(company.orgId.indexOf(params.orgId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.address||params.address==''){if(company.address.indexOf(params.address)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockCompanys
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockCompanys.length;
+      mockCompanys = mockCompanys.filter((company, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockCompanys,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/company/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Companys = _Companys.filter(company => company.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/company/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Companys = _Companys.filter(company => !params.includes(company.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/company/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,companyName,districtId,categoryId,phoneNo,orgId,address } = params;
+      _Companys.some(company => {
+        if (company.id === id) {
+			company.id = id;
+			company.companyName = companyName;
+			company.districtId = districtId;
+			company.categoryId = categoryId;
+			company.phoneNo = phoneNo;
+			company.orgId = orgId;
+			company.address = address
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/company/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,companyName,districtId,categoryId,phoneNo,orgId,address } = params;
+      _Companys.push({
+		id:id,
+		companyName:companyName,
+		districtId:districtId,
+		categoryId:categoryId,
+		phoneNo:phoneNo,
+		orgId:orgId,
+		address:address
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/dept.js b/src/mock/mdp/sys/dept.js
new file mode 100644
index 0000000..762428b
--- /dev/null
+++ b/src/mock/mdp/sys/dept.js
@@ -0,0 +1,22 @@
+ import Mock from 'mockjs';
+
+const Depts = [];
+
+for (let i = 0; i < 25; i++) {
+  Depts.push(Mock.mock({
+		deptid:Mock.Random.string(5),
+		deptName:Mock.Random.ctitle(1,4) , 
+		pdeptid:Mock.Random.ctitle(1,0) , 
+		deptType:Mock.Random.character('lower') , 
+		state:Mock.Random.ctitle(1,4) , 
+		manager:Mock.Random.ctitle(1,0) , 
+		leader:Mock.Random.ctitle(1,0) , 
+		shortName:Mock.Random.ctitle(1,2) , 
+		displayDeptid:Mock.Random.ctitle(1,0) , 
+		orgType:Mock.Random.character('lower') , 
+		managerName:Mock.Random.ctitle(1,0) , 
+		leaderName:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { Depts };
diff --git a/src/mock/mdp/sys/deptExtinfo.js b/src/mock/mdp/sys/deptExtinfo.js
new file mode 100644
index 0000000..153ab5a
--- /dev/null
+++ b/src/mock/mdp/sys/deptExtinfo.js
@@ -0,0 +1,13 @@
+ import Mock from 'mockjs';
+
+const DeptExtinfos = [];
+
+for (let i = 0; i < 25; i++) {
+  DeptExtinfos.push(Mock.mock({
+		deptid:Mock.Random.string(5),
+		extState:Mock.Random.character('lower') , 
+		extFlowState:Mock.Random.character('lower')
+  }));
+}
+
+export { DeptExtinfos };
diff --git a/src/mock/mdp/sys/deptExtinfoMock.js b/src/mock/mdp/sys/deptExtinfoMock.js
new file mode 100644
index 0000000..0d4039c
--- /dev/null
+++ b/src/mock/mdp/sys/deptExtinfoMock.js
@@ -0,0 +1,152 @@
+import { DeptExtinfos } from './deptExtinfo';
+let _DeptExtinfos = DeptExtinfos;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import DeptExtinfoMock from './mdp/sys/deptExtinfoMock';
+ * DeptExtinfoMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/deptExtinfo/listKey').reply(config => {
+      let params = config.params;
+      let mockDeptExtinfos = _DeptExtinfos.filter(deptExtinfo => {
+      	if(params.deptid||params.deptid==''){ if( deptExtinfo.deptid.indexOf(params.deptid)>=0) return true;}
+      	if(params.extState||params.extState==''){ if( deptExtinfo.extState.indexOf(params.extState)>=0) return true;}
+      	if(params.extFlowState||params.extFlowState==''){ if( deptExtinfo.extFlowState.indexOf(params.extFlowState)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockDeptExtinfos
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/deptExtinfo/list').reply(config => {
+      let params = config.params;
+      let mockDeptExtinfos = _DeptExtinfos.filter(deptExtinfo => {
+      	var isTrue=false;
+      	if(params.deptid||params.deptid==''){if(deptExtinfo.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.extState||params.extState==''){if(deptExtinfo.extState.indexOf(params.extState)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.extFlowState||params.extFlowState==''){if(deptExtinfo.extFlowState.indexOf(params.extFlowState)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockDeptExtinfos
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockDeptExtinfos.length;
+      mockDeptExtinfos = mockDeptExtinfos.filter((deptExtinfo, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockDeptExtinfos,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/deptExtinfo/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  deptid  } = params;
+      _DeptExtinfos = _DeptExtinfos.filter(deptExtinfo => deptExtinfo.deptid !== deptid);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/deptExtinfo/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _DeptExtinfos = _DeptExtinfos.filter(deptExtinfo => !params.includes(deptExtinfo.deptid));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/deptExtinfo/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { deptid,extState,extFlowState } = params;
+      _DeptExtinfos.some(deptExtinfo => {
+        if (deptExtinfo.deptid === deptid) {
+			deptExtinfo.deptid = deptid;
+			deptExtinfo.extState = extState;
+			deptExtinfo.extFlowState = extFlowState
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/deptExtinfo/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { deptid,extState,extFlowState } = params;
+      _DeptExtinfos.push({
+		deptid:deptid,
+		extState:extState,
+		extFlowState:extFlowState
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/deptMch.js b/src/mock/mdp/sys/deptMch.js
new file mode 100644
index 0000000..65ae5fb
--- /dev/null
+++ b/src/mock/mdp/sys/deptMch.js
@@ -0,0 +1,25 @@
+ import Mock from 'mockjs';
+
+const DeptMchs = [];
+
+for (let i = 0; i < 25; i++) {
+  DeptMchs.push(Mock.mock({
+		mchid:Mock.Random.string(5),
+		deptid:Mock.Random.ctitle(1,0) , 
+		mchName:Mock.Random.ctitle(1,0) , 
+		bankName:Mock.Random.ctitle(1,0) , 
+		bankAccount:Mock.Random.ctitle(1,0) , 
+		bankBranchName:Mock.Random.ctitle(1,0) , 
+		creditCode:Mock.Random.ctitle(1,0) , 
+		businessLicenseImage:Mock.Random.ctitle(1,0) , 
+		mchImage:Mock.Random.ctitle(1,0) , 
+		legalPerson:Mock.Random.ctitle(1,0) , 
+		businessLicenseBegin:Mock.Random.date('yyyy-MM-dd') , 
+		businessLicenseEnd:Mock.Random.date('yyyy-MM-dd') , 
+		businessLicenseType:Mock.Random.character('lower') , 
+		mchState:Mock.Random.character('lower') , 
+		mchFlowState:Mock.Random.character('lower')
+  }));
+}
+
+export { DeptMchs };
diff --git a/src/mock/mdp/sys/deptMchMock.js b/src/mock/mdp/sys/deptMchMock.js
new file mode 100644
index 0000000..4f5ab9d
--- /dev/null
+++ b/src/mock/mdp/sys/deptMchMock.js
@@ -0,0 +1,200 @@
+import { DeptMchs } from './deptMch';
+let _DeptMchs = DeptMchs;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import DeptMchMock from './mdp/sys/deptMchMock';
+ * DeptMchMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/deptMch/listKey').reply(config => {
+      let params = config.params;
+      let mockDeptMchs = _DeptMchs.filter(deptMch => {
+      	if(params.deptid||params.deptid==''){ if( deptMch.deptid.indexOf(params.deptid)>=0) return true;}
+      	if(params.mchid||params.mchid==''){ if( deptMch.mchid.indexOf(params.mchid)>=0) return true;}
+      	if(params.mchName||params.mchName==''){ if( deptMch.mchName.indexOf(params.mchName)>=0) return true;}
+      	if(params.bankName||params.bankName==''){ if( deptMch.bankName.indexOf(params.bankName)>=0) return true;}
+      	if(params.bankAccount||params.bankAccount==''){ if( deptMch.bankAccount.indexOf(params.bankAccount)>=0) return true;}
+      	if(params.bankBranchName||params.bankBranchName==''){ if( deptMch.bankBranchName.indexOf(params.bankBranchName)>=0) return true;}
+      	if(params.creditCode||params.creditCode==''){ if( deptMch.creditCode.indexOf(params.creditCode)>=0) return true;}
+      	if(params.businessLicenseImage||params.businessLicenseImage==''){ if( deptMch.businessLicenseImage.indexOf(params.businessLicenseImage)>=0) return true;}
+      	if(params.mchImage||params.mchImage==''){ if( deptMch.mchImage.indexOf(params.mchImage)>=0) return true;}
+      	if(params.legalPerson||params.legalPerson==''){ if( deptMch.legalPerson.indexOf(params.legalPerson)>=0) return true;}
+      	if(params.businessLicenseBegin||params.businessLicenseBegin==''){ if( deptMch.businessLicenseBegin.indexOf(params.businessLicenseBegin)>=0) return true;}
+      	if(params.businessLicenseEnd||params.businessLicenseEnd==''){ if( deptMch.businessLicenseEnd.indexOf(params.businessLicenseEnd)>=0) return true;}
+      	if(params.businessLicenseType||params.businessLicenseType==''){ if( deptMch.businessLicenseType.indexOf(params.businessLicenseType)>=0) return true;}
+      	if(params.mchState||params.mchState==''){ if( deptMch.mchState.indexOf(params.mchState)>=0) return true;}
+      	if(params.mchFlowState||params.mchFlowState==''){ if( deptMch.mchFlowState.indexOf(params.mchFlowState)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockDeptMchs
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/deptMch/list').reply(config => {
+      let params = config.params;
+      let mockDeptMchs = _DeptMchs.filter(deptMch => {
+      	var isTrue=false;
+      	if(params.deptid||params.deptid==''){if(deptMch.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mchid||params.mchid==''){if(deptMch.mchid.indexOf(params.mchid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mchName||params.mchName==''){if(deptMch.mchName.indexOf(params.mchName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.bankName||params.bankName==''){if(deptMch.bankName.indexOf(params.bankName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.bankAccount||params.bankAccount==''){if(deptMch.bankAccount.indexOf(params.bankAccount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.bankBranchName||params.bankBranchName==''){if(deptMch.bankBranchName.indexOf(params.bankBranchName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.creditCode||params.creditCode==''){if(deptMch.creditCode.indexOf(params.creditCode)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.businessLicenseImage||params.businessLicenseImage==''){if(deptMch.businessLicenseImage.indexOf(params.businessLicenseImage)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mchImage||params.mchImage==''){if(deptMch.mchImage.indexOf(params.mchImage)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.legalPerson||params.legalPerson==''){if(deptMch.legalPerson.indexOf(params.legalPerson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.businessLicenseBegin||params.businessLicenseBegin==''){if(deptMch.businessLicenseBegin.indexOf(params.businessLicenseBegin)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.businessLicenseEnd||params.businessLicenseEnd==''){if(deptMch.businessLicenseEnd.indexOf(params.businessLicenseEnd)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.businessLicenseType||params.businessLicenseType==''){if(deptMch.businessLicenseType.indexOf(params.businessLicenseType)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mchState||params.mchState==''){if(deptMch.mchState.indexOf(params.mchState)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mchFlowState||params.mchFlowState==''){if(deptMch.mchFlowState.indexOf(params.mchFlowState)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockDeptMchs
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockDeptMchs.length;
+      mockDeptMchs = mockDeptMchs.filter((deptMch, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockDeptMchs,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/deptMch/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  mchid  } = params;
+      _DeptMchs = _DeptMchs.filter(deptMch => deptMch.mchid !== mchid);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/deptMch/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _DeptMchs = _DeptMchs.filter(deptMch => !params.includes(deptMch.mchid));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/deptMch/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { deptid,mchid,mchName,bankName,bankAccount,bankBranchName,creditCode,businessLicenseImage,mchImage,legalPerson,businessLicenseBegin,businessLicenseEnd,businessLicenseType,mchState,mchFlowState } = params;
+      _DeptMchs.some(deptMch => {
+        if (deptMch.mchid === mchid) {
+			deptMch.deptid = deptid;
+			deptMch.mchid = mchid;
+			deptMch.mchName = mchName;
+			deptMch.bankName = bankName;
+			deptMch.bankAccount = bankAccount;
+			deptMch.bankBranchName = bankBranchName;
+			deptMch.creditCode = creditCode;
+			deptMch.businessLicenseImage = businessLicenseImage;
+			deptMch.mchImage = mchImage;
+			deptMch.legalPerson = legalPerson;
+			deptMch.businessLicenseBegin = businessLicenseBegin;
+			deptMch.businessLicenseEnd = businessLicenseEnd;
+			deptMch.businessLicenseType = businessLicenseType;
+			deptMch.mchState = mchState;
+			deptMch.mchFlowState = mchFlowState
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/deptMch/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { deptid,mchid,mchName,bankName,bankAccount,bankBranchName,creditCode,businessLicenseImage,mchImage,legalPerson,businessLicenseBegin,businessLicenseEnd,businessLicenseType,mchState,mchFlowState } = params;
+      _DeptMchs.push({
+		deptid:deptid,
+		mchid:mchid,
+		mchName:mchName,
+		bankName:bankName,
+		bankAccount:bankAccount,
+		bankBranchName:bankBranchName,
+		creditCode:creditCode,
+		businessLicenseImage:businessLicenseImage,
+		mchImage:mchImage,
+		legalPerson:legalPerson,
+		businessLicenseBegin:businessLicenseBegin,
+		businessLicenseEnd:businessLicenseEnd,
+		businessLicenseType:businessLicenseType,
+		mchState:mchState,
+		mchFlowState:mchFlowState
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/deptMock.js b/src/mock/mdp/sys/deptMock.js
new file mode 100644
index 0000000..a70022b
--- /dev/null
+++ b/src/mock/mdp/sys/deptMock.js
@@ -0,0 +1,188 @@
+import { Depts } from './dept';
+let _Depts = Depts;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import DeptMock from './mdp/sys/deptMock';
+ * DeptMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/dept/listKey').reply(config => {
+      let params = config.params;
+      let mockDepts = _Depts.filter(dept => {
+      	if(params.deptid||params.deptid==''){ if( dept.deptid.indexOf(params.deptid)>=0) return true;}
+      	if(params.deptName||params.deptName==''){ if( dept.deptName.indexOf(params.deptName)>=0) return true;}
+      	if(params.pdeptid||params.pdeptid==''){ if( dept.pdeptid.indexOf(params.pdeptid)>=0) return true;}
+      	if(params.deptType||params.deptType==''){ if( dept.deptType.indexOf(params.deptType)>=0) return true;}
+      	if(params.state||params.state==''){ if( dept.state.indexOf(params.state)>=0) return true;}
+      	if(params.manager||params.manager==''){ if( dept.manager.indexOf(params.manager)>=0) return true;}
+      	if(params.leader||params.leader==''){ if( dept.leader.indexOf(params.leader)>=0) return true;}
+      	if(params.shortName||params.shortName==''){ if( dept.shortName.indexOf(params.shortName)>=0) return true;}
+      	if(params.displayDeptid||params.displayDeptid==''){ if( dept.displayDeptid.indexOf(params.displayDeptid)>=0) return true;}
+      	if(params.orgType||params.orgType==''){ if( dept.orgType.indexOf(params.orgType)>=0) return true;}
+      	if(params.managerName||params.managerName==''){ if( dept.managerName.indexOf(params.managerName)>=0) return true;}
+      	if(params.leaderName||params.leaderName==''){ if( dept.leaderName.indexOf(params.leaderName)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockDepts
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/dept/list').reply(config => {
+      let params = config.params;
+      let mockDepts = _Depts.filter(dept => {
+      	var isTrue=false;
+      	if(params.deptid||params.deptid==''){if(dept.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptName||params.deptName==''){if(dept.deptName.indexOf(params.deptName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.pdeptid||params.pdeptid==''){if(dept.pdeptid.indexOf(params.pdeptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptType||params.deptType==''){if(dept.deptType.indexOf(params.deptType)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.state||params.state==''){if(dept.state.indexOf(params.state)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.manager||params.manager==''){if(dept.manager.indexOf(params.manager)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.leader||params.leader==''){if(dept.leader.indexOf(params.leader)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.shortName||params.shortName==''){if(dept.shortName.indexOf(params.shortName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.displayDeptid||params.displayDeptid==''){if(dept.displayDeptid.indexOf(params.displayDeptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.orgType||params.orgType==''){if(dept.orgType.indexOf(params.orgType)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.managerName||params.managerName==''){if(dept.managerName.indexOf(params.managerName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.leaderName||params.leaderName==''){if(dept.leaderName.indexOf(params.leaderName)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockDepts
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockDepts.length;
+      mockDepts = mockDepts.filter((dept, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockDepts,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/dept/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  deptid  } = params;
+      _Depts = _Depts.filter(dept => dept.deptid !== deptid);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/dept/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Depts = _Depts.filter(dept => !params.includes(dept.deptid));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/dept/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { deptid,deptName,pdeptid,deptType,state,manager,leader,shortName,displayDeptid,orgType,managerName,leaderName } = params;
+      _Depts.some(dept => {
+        if (dept.deptid === deptid) {
+			dept.deptid = deptid;
+			dept.deptName = deptName;
+			dept.pdeptid = pdeptid;
+			dept.deptType = deptType;
+			dept.state = state;
+			dept.manager = manager;
+			dept.leader = leader;
+			dept.shortName = shortName;
+			dept.displayDeptid = displayDeptid;
+			dept.orgType = orgType;
+			dept.managerName = managerName;
+			dept.leaderName = leaderName
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/dept/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { deptid,deptName,pdeptid,deptType,state,manager,leader,shortName,displayDeptid,orgType,managerName,leaderName } = params;
+      _Depts.push({
+		deptid:deptid,
+		deptName:deptName,
+		pdeptid:pdeptid,
+		deptType:deptType,
+		state:state,
+		manager:manager,
+		leader:leader,
+		shortName:shortName,
+		displayDeptid:displayDeptid,
+		orgType:orgType,
+		managerName:managerName,
+		leaderName:leaderName
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/operDataTrail.js b/src/mock/mdp/sys/operDataTrail.js
new file mode 100644
index 0000000..953daf7
--- /dev/null
+++ b/src/mock/mdp/sys/operDataTrail.js
@@ -0,0 +1,19 @@
+ import Mock from 'mockjs';
+
+const OperDataTrails = [];
+
+for (let i = 0; i < 25; i++) {
+  OperDataTrails.push(Mock.mock({
+		id:Mock.Random.string(5),
+		userid:Mock.Random.ctitle(1,0) , 
+		startDate:Mock.Random.date('yyyy-MM-dd') , 
+		endDate:Mock.Random.date('yyyy-MM-dd') , 
+		fkey:Mock.Random.ctitle(1,0) , 
+		skey:Mock.Random.ctitle(1,0) , 
+		tableName:Mock.Random.ctitle(1,0) , 
+		fields:Mock.Random.ctitle(1,0) , 
+		remark:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { OperDataTrails };
diff --git a/src/mock/mdp/sys/operDataTrailMock.js b/src/mock/mdp/sys/operDataTrailMock.js
new file mode 100644
index 0000000..4c2b25e
--- /dev/null
+++ b/src/mock/mdp/sys/operDataTrailMock.js
@@ -0,0 +1,176 @@
+import { OperDataTrails } from './operDataTrail';
+let _OperDataTrails = OperDataTrails;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import OperDataTrailMock from './mdp/sys/operDataTrailMock';
+ * OperDataTrailMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/operDataTrail/listKey').reply(config => {
+      let params = config.params;
+      let mockOperDataTrails = _OperDataTrails.filter(operDataTrail => {
+      	if(params.userid||params.userid==''){ if( operDataTrail.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.startDate||params.startDate==''){ if( operDataTrail.startDate.indexOf(params.startDate)>=0) return true;}
+      	if(params.endDate||params.endDate==''){ if( operDataTrail.endDate.indexOf(params.endDate)>=0) return true;}
+      	if(params.fkey||params.fkey==''){ if( operDataTrail.fkey.indexOf(params.fkey)>=0) return true;}
+      	if(params.skey||params.skey==''){ if( operDataTrail.skey.indexOf(params.skey)>=0) return true;}
+      	if(params.tableName||params.tableName==''){ if( operDataTrail.tableName.indexOf(params.tableName)>=0) return true;}
+      	if(params.fields||params.fields==''){ if( operDataTrail.fields.indexOf(params.fields)>=0) return true;}
+      	if(params.remark||params.remark==''){ if( operDataTrail.remark.indexOf(params.remark)>=0) return true;}
+      	if(params.id||params.id==''){ if( operDataTrail.id.indexOf(params.id)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockOperDataTrails
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/operDataTrail/list').reply(config => {
+      let params = config.params;
+      let mockOperDataTrails = _OperDataTrails.filter(operDataTrail => {
+      	var isTrue=false;
+      	if(params.userid||params.userid==''){if(operDataTrail.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startDate||params.startDate==''){if(operDataTrail.startDate.indexOf(params.startDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.endDate||params.endDate==''){if(operDataTrail.endDate.indexOf(params.endDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fkey||params.fkey==''){if(operDataTrail.fkey.indexOf(params.fkey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.skey||params.skey==''){if(operDataTrail.skey.indexOf(params.skey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tableName||params.tableName==''){if(operDataTrail.tableName.indexOf(params.tableName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fields||params.fields==''){if(operDataTrail.fields.indexOf(params.fields)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.remark||params.remark==''){if(operDataTrail.remark.indexOf(params.remark)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.id||params.id==''){if(operDataTrail.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockOperDataTrails
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockOperDataTrails.length;
+      mockOperDataTrails = mockOperDataTrails.filter((operDataTrail, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockOperDataTrails,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/operDataTrail/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _OperDataTrails = _OperDataTrails.filter(operDataTrail => operDataTrail.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/operDataTrail/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _OperDataTrails = _OperDataTrails.filter(operDataTrail => !params.includes(operDataTrail.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/operDataTrail/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { userid,startDate,endDate,fkey,skey,tableName,fields,remark,id } = params;
+      _OperDataTrails.some(operDataTrail => {
+        if (operDataTrail.id === id) {
+			operDataTrail.userid = userid;
+			operDataTrail.startDate = startDate;
+			operDataTrail.endDate = endDate;
+			operDataTrail.fkey = fkey;
+			operDataTrail.skey = skey;
+			operDataTrail.tableName = tableName;
+			operDataTrail.fields = fields;
+			operDataTrail.remark = remark;
+			operDataTrail.id = id
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/operDataTrail/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { userid,startDate,endDate,fkey,skey,tableName,fields,remark,id } = params;
+      _OperDataTrails.push({
+		userid:userid,
+		startDate:startDate,
+		endDate:endDate,
+		fkey:fkey,
+		skey:skey,
+		tableName:tableName,
+		fields:fields,
+		remark:remark,
+		id:id
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/qx.js b/src/mock/mdp/sys/qx.js
new file mode 100644
index 0000000..5ba604b
--- /dev/null
+++ b/src/mock/mdp/sys/qx.js
@@ -0,0 +1,17 @@
+ import Mock from 'mockjs';
+
+const Qxs = [];
+
+for (let i = 0; i < 25; i++) {
+  Qxs.push(Mock.mock({
+		qxId:Mock.Random.string(5),
+		qxName:Mock.Random.ctitle(1,0) , 
+		qxType:Mock.Random.ctitle(1,0) , 
+		remark:Mock.Random.ctitle(1,0) , 
+		qxCode:Mock.Random.ctitle(1,0) , 
+		enabled:Mock.Random.character('lower') , 
+		deptid:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { Qxs };
diff --git a/src/mock/mdp/sys/qxMock.js b/src/mock/mdp/sys/qxMock.js
new file mode 100644
index 0000000..633bac9
--- /dev/null
+++ b/src/mock/mdp/sys/qxMock.js
@@ -0,0 +1,168 @@
+import { Qxs } from './qx';
+let _Qxs = Qxs;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import QxMock from './mdp/sys/qxMock';
+ * QxMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/qx/listKey').reply(config => {
+      let params = config.params;
+      let mockQxs = _Qxs.filter(qx => {
+      	if(params.qxId||params.qxId==''){ if( qx.qxId.indexOf(params.qxId)>=0) return true;}
+      	if(params.qxName||params.qxName==''){ if( qx.qxName.indexOf(params.qxName)>=0) return true;}
+      	if(params.qxType||params.qxType==''){ if( qx.qxType.indexOf(params.qxType)>=0) return true;}
+      	if(params.remark||params.remark==''){ if( qx.remark.indexOf(params.remark)>=0) return true;}
+      	if(params.qxCode||params.qxCode==''){ if( qx.qxCode.indexOf(params.qxCode)>=0) return true;}
+      	if(params.enabled||params.enabled==''){ if( qx.enabled.indexOf(params.enabled)>=0) return true;}
+      	if(params.deptid||params.deptid==''){ if( qx.deptid.indexOf(params.deptid)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockQxs
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/qx/list').reply(config => {
+      let params = config.params;
+      let mockQxs = _Qxs.filter(qx => {
+      	var isTrue=false;
+      	if(params.qxId||params.qxId==''){if(qx.qxId.indexOf(params.qxId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.qxName||params.qxName==''){if(qx.qxName.indexOf(params.qxName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.qxType||params.qxType==''){if(qx.qxType.indexOf(params.qxType)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.remark||params.remark==''){if(qx.remark.indexOf(params.remark)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.qxCode||params.qxCode==''){if(qx.qxCode.indexOf(params.qxCode)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.enabled||params.enabled==''){if(qx.enabled.indexOf(params.enabled)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptid||params.deptid==''){if(qx.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockQxs
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockQxs.length;
+      mockQxs = mockQxs.filter((qx, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockQxs,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/qx/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  qxId  } = params;
+      _Qxs = _Qxs.filter(qx => qx.qxId !== qxId);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/qx/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Qxs = _Qxs.filter(qx => !params.includes(qx.qxId));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/qx/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { qxId,qxName,qxType,remark,qxCode,enabled,deptid } = params;
+      _Qxs.some(qx => {
+        if (qx.qxId === qxId) {
+			qx.qxId = qxId;
+			qx.qxName = qxName;
+			qx.qxType = qxType;
+			qx.remark = remark;
+			qx.qxCode = qxCode;
+			qx.enabled = enabled;
+			qx.deptid = deptid
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/qx/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { qxId,qxName,qxType,remark,qxCode,enabled,deptid } = params;
+      _Qxs.push({
+		qxId:qxId,
+		qxName:qxName,
+		qxType:qxType,
+		remark:remark,
+		qxCode:qxCode,
+		enabled:enabled,
+		deptid:deptid
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/region.js b/src/mock/mdp/sys/region.js
new file mode 100644
index 0000000..4740cee
--- /dev/null
+++ b/src/mock/mdp/sys/region.js
@@ -0,0 +1,15 @@
+ import Mock from 'mockjs';
+
+const Regions = [];
+
+for (let i = 0; i < 25; i++) {
+  Regions.push(Mock.mock({
+		id:Mock.Random.string(5),
+		parentId:Mock.Random.ctitle(1,0) , 
+		name:Mock.Random.ctitle(1,0) , 
+		type:Mock.Random.character('lower') , 
+		agencyId:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { Regions };
diff --git a/src/mock/mdp/sys/regionMock.js b/src/mock/mdp/sys/regionMock.js
new file mode 100644
index 0000000..837fc8a
--- /dev/null
+++ b/src/mock/mdp/sys/regionMock.js
@@ -0,0 +1,160 @@
+import { Regions } from './region';
+let _Regions = Regions;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import RegionMock from './mdp/sys/regionMock';
+ * RegionMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/region/listKey').reply(config => {
+      let params = config.params;
+      let mockRegions = _Regions.filter(region => {
+      	if(params.id||params.id==''){ if( region.id.indexOf(params.id)>=0) return true;}
+      	if(params.parentId||params.parentId==''){ if( region.parentId.indexOf(params.parentId)>=0) return true;}
+      	if(params.name||params.name==''){ if( region.name.indexOf(params.name)>=0) return true;}
+      	if(params.type||params.type==''){ if( region.type.indexOf(params.type)>=0) return true;}
+      	if(params.agencyId||params.agencyId==''){ if( region.agencyId.indexOf(params.agencyId)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockRegions
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/region/list').reply(config => {
+      let params = config.params;
+      let mockRegions = _Regions.filter(region => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(region.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.parentId||params.parentId==''){if(region.parentId.indexOf(params.parentId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(region.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.type||params.type==''){if(region.type.indexOf(params.type)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.agencyId||params.agencyId==''){if(region.agencyId.indexOf(params.agencyId)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockRegions
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockRegions.length;
+      mockRegions = mockRegions.filter((region, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockRegions,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/region/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Regions = _Regions.filter(region => region.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/region/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Regions = _Regions.filter(region => !params.includes(region.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/region/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,parentId,name,type,agencyId } = params;
+      _Regions.some(region => {
+        if (region.id === id) {
+			region.id = id;
+			region.parentId = parentId;
+			region.name = name;
+			region.type = type;
+			region.agencyId = agencyId
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/region/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,parentId,name,type,agencyId } = params;
+      _Regions.push({
+		id:id,
+		parentId:parentId,
+		name:name,
+		type:type,
+		agencyId:agencyId
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/role.js b/src/mock/mdp/sys/role.js
new file mode 100644
index 0000000..af535a1
--- /dev/null
+++ b/src/mock/mdp/sys/role.js
@@ -0,0 +1,23 @@
+ import Mock from 'mockjs';
+
+const Roles = [];
+
+for (let i = 0; i < 25; i++) {
+  Roles.push(Mock.mock({
+		roleid:Mock.Random.string(5),
+		rolename:Mock.Random.ctitle(1,5) , 
+		remark:Mock.Random.ctitle(1,5) , 
+		roletype:Mock.Random.character('lower') , 
+		rolebeg:Mock.Random.date('yyyy-MM-dd') , 
+		roleend:Mock.Random.date('yyyy-MM-dd') , 
+		crperson:Mock.Random.ctitle(1,8) , 
+		crdate:Mock.Random.date('yyyy-MM-dd') , 
+		lopperson:Mock.Random.ctitle(1,8) , 
+		lopdate:Mock.Random.date('yyyy-MM-dd') , 
+		enabled:Mock.Random.character('lower') , 
+		deptid:Mock.Random.ctitle(1,0) , 
+		'sortOrder|0-2': 1
+  }));
+}
+
+export { Roles };
diff --git a/src/mock/mdp/sys/roleMock.js b/src/mock/mdp/sys/roleMock.js
new file mode 100644
index 0000000..a2faaaa
--- /dev/null
+++ b/src/mock/mdp/sys/roleMock.js
@@ -0,0 +1,192 @@
+import { Roles } from './role';
+let _Roles = Roles;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import RoleMock from './mdp/sys/roleMock';
+ * RoleMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/role/listKey').reply(config => {
+      let params = config.params;
+      let mockRoles = _Roles.filter(role => {
+      	if(params.roleid||params.roleid==''){ if( role.roleid.indexOf(params.roleid)>=0) return true;}
+      	if(params.rolename||params.rolename==''){ if( role.rolename.indexOf(params.rolename)>=0) return true;}
+      	if(params.remark||params.remark==''){ if( role.remark.indexOf(params.remark)>=0) return true;}
+      	if(params.roletype||params.roletype==''){ if( role.roletype.indexOf(params.roletype)>=0) return true;}
+      	if(params.rolebeg||params.rolebeg==''){ if( role.rolebeg.indexOf(params.rolebeg)>=0) return true;}
+      	if(params.roleend||params.roleend==''){ if( role.roleend.indexOf(params.roleend)>=0) return true;}
+      	if(params.crperson||params.crperson==''){ if( role.crperson.indexOf(params.crperson)>=0) return true;}
+      	if(params.crdate||params.crdate==''){ if( role.crdate.indexOf(params.crdate)>=0) return true;}
+      	if(params.lopperson||params.lopperson==''){ if( role.lopperson.indexOf(params.lopperson)>=0) return true;}
+      	if(params.lopdate||params.lopdate==''){ if( role.lopdate.indexOf(params.lopdate)>=0) return true;}
+      	if(params.enabled||params.enabled==''){ if( role.enabled.indexOf(params.enabled)>=0) return true;}
+      	if(params.deptid||params.deptid==''){ if( role.deptid.indexOf(params.deptid)>=0) return true;}
+      	if(params.sortOrder||params.sortOrder==''){ if( role.sortOrder.indexOf(params.sortOrder)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockRoles
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/role/list').reply(config => {
+      let params = config.params;
+      let mockRoles = _Roles.filter(role => {
+      	var isTrue=false;
+      	if(params.roleid||params.roleid==''){if(role.roleid.indexOf(params.roleid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.rolename||params.rolename==''){if(role.rolename.indexOf(params.rolename)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.remark||params.remark==''){if(role.remark.indexOf(params.remark)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.roletype||params.roletype==''){if(role.roletype.indexOf(params.roletype)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.rolebeg||params.rolebeg==''){if(role.rolebeg.indexOf(params.rolebeg)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.roleend||params.roleend==''){if(role.roleend.indexOf(params.roleend)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.crperson||params.crperson==''){if(role.crperson.indexOf(params.crperson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.crdate||params.crdate==''){if(role.crdate.indexOf(params.crdate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lopperson||params.lopperson==''){if(role.lopperson.indexOf(params.lopperson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lopdate||params.lopdate==''){if(role.lopdate.indexOf(params.lopdate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.enabled||params.enabled==''){if(role.enabled.indexOf(params.enabled)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptid||params.deptid==''){if(role.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.sortOrder||params.sortOrder==''){if(role.sortOrder.indexOf(params.sortOrder)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockRoles
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockRoles.length;
+      mockRoles = mockRoles.filter((role, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockRoles,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/role/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  roleid  } = params;
+      _Roles = _Roles.filter(role => role.roleid !== roleid);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/role/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Roles = _Roles.filter(role => !params.includes(role.roleid));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/role/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { roleid,rolename,remark,roletype,rolebeg,roleend,crperson,crdate,lopperson,lopdate,enabled,deptid,sortOrder } = params;
+      _Roles.some(role => {
+        if (role.roleid === roleid) {
+			role.roleid = roleid;
+			role.rolename = rolename;
+			role.remark = remark;
+			role.roletype = roletype;
+			role.rolebeg = rolebeg;
+			role.roleend = roleend;
+			role.crperson = crperson;
+			role.crdate = crdate;
+			role.lopperson = lopperson;
+			role.lopdate = lopdate;
+			role.enabled = enabled;
+			role.deptid = deptid;
+			role.sortOrder = sortOrder
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/role/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { roleid,rolename,remark,roletype,rolebeg,roleend,crperson,crdate,lopperson,lopdate,enabled,deptid,sortOrder } = params;
+      _Roles.push({
+		roleid:roleid,
+		rolename:rolename,
+		remark:remark,
+		roletype:roletype,
+		rolebeg:rolebeg,
+		roleend:roleend,
+		crperson:crperson,
+		crdate:crdate,
+		lopperson:lopperson,
+		lopdate:lopdate,
+		enabled:enabled,
+		deptid:deptid,
+		sortOrder:sortOrder
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/roleQx.js b/src/mock/mdp/sys/roleQx.js
new file mode 100644
index 0000000..3ecdf24
--- /dev/null
+++ b/src/mock/mdp/sys/roleQx.js
@@ -0,0 +1,14 @@
+ import Mock from 'mockjs';
+
+const RoleQxs = [];
+
+for (let i = 0; i < 25; i++) {
+  RoleQxs.push(Mock.mock({
+		id:Mock.Random.string(5),
+		qxId:Mock.Random.ctitle(1,0) , 
+		remark:Mock.Random.ctitle(1,0) , 
+		roleid:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { RoleQxs };
diff --git a/src/mock/mdp/sys/roleQxMock.js b/src/mock/mdp/sys/roleQxMock.js
new file mode 100644
index 0000000..e664540
--- /dev/null
+++ b/src/mock/mdp/sys/roleQxMock.js
@@ -0,0 +1,156 @@
+import { RoleQxs } from './roleQx';
+let _RoleQxs = RoleQxs;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import RoleQxMock from './mdp/sys/roleQxMock';
+ * RoleQxMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/roleQx/listKey').reply(config => {
+      let params = config.params;
+      let mockRoleQxs = _RoleQxs.filter(roleQx => {
+      	if(params.qxId||params.qxId==''){ if( roleQx.qxId.indexOf(params.qxId)>=0) return true;}
+      	if(params.id||params.id==''){ if( roleQx.id.indexOf(params.id)>=0) return true;}
+      	if(params.remark||params.remark==''){ if( roleQx.remark.indexOf(params.remark)>=0) return true;}
+      	if(params.roleid||params.roleid==''){ if( roleQx.roleid.indexOf(params.roleid)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockRoleQxs
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/roleQx/list').reply(config => {
+      let params = config.params;
+      let mockRoleQxs = _RoleQxs.filter(roleQx => {
+      	var isTrue=false;
+      	if(params.qxId||params.qxId==''){if(roleQx.qxId.indexOf(params.qxId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.id||params.id==''){if(roleQx.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.remark||params.remark==''){if(roleQx.remark.indexOf(params.remark)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.roleid||params.roleid==''){if(roleQx.roleid.indexOf(params.roleid)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockRoleQxs
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockRoleQxs.length;
+      mockRoleQxs = mockRoleQxs.filter((roleQx, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockRoleQxs,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/roleQx/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _RoleQxs = _RoleQxs.filter(roleQx => roleQx.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/roleQx/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _RoleQxs = _RoleQxs.filter(roleQx => !params.includes(roleQx.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/roleQx/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { qxId,id,remark,roleid } = params;
+      _RoleQxs.some(roleQx => {
+        if (roleQx.id === id) {
+			roleQx.qxId = qxId;
+			roleQx.id = id;
+			roleQx.remark = remark;
+			roleQx.roleid = roleid
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/roleQx/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { qxId,id,remark,roleid } = params;
+      _RoleQxs.push({
+		qxId:qxId,
+		id:id,
+		remark:remark,
+		roleid:roleid
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/thirdPartyAccount.js b/src/mock/mdp/sys/thirdPartyAccount.js
new file mode 100644
index 0000000..753a171
--- /dev/null
+++ b/src/mock/mdp/sys/thirdPartyAccount.js
@@ -0,0 +1,24 @@
+ import Mock from 'mockjs';
+
+const ThirdPartyAccounts = [];
+
+for (let i = 0; i < 25; i++) {
+  ThirdPartyAccounts.push(Mock.mock({
+		openid:Mock.Random.string(5),
+		unionid:Mock.Random.ctitle(1,4) , 
+		userid:Mock.Random.ctitle(1,4) , 
+		locked:Mock.Random.ctitle(1,6) , 
+		startdate:Mock.Random.date('yyyy-MM-dd') , 
+		nickname:Mock.Random.ctitle(1,8) , 
+		username:Mock.Random.ctitle(1,8) , 
+		phoneno:Mock.Random.ctitle(1,0) , 
+		country:Mock.Random.ctitle(1,0) , 
+		city:Mock.Random.ctitle(1,0) , 
+		headimgurl:Mock.Random.ctitle(1,0) , 
+		province:Mock.Random.ctitle(1,0) , 
+		userunionid:Mock.Random.ctitle(1,4) , 
+		frontApp:Mock.Random.ctitle(1,5)
+  }));
+}
+
+export { ThirdPartyAccounts };
diff --git a/src/mock/mdp/sys/thirdPartyAccountMock.js b/src/mock/mdp/sys/thirdPartyAccountMock.js
new file mode 100644
index 0000000..194e40a
--- /dev/null
+++ b/src/mock/mdp/sys/thirdPartyAccountMock.js
@@ -0,0 +1,196 @@
+import { ThirdPartyAccounts } from './thirdPartyAccount';
+let _ThirdPartyAccounts = ThirdPartyAccounts;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ThirdPartyAccountMock from './mdp/sys/thirdPartyAccountMock';
+ * ThirdPartyAccountMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/thirdPartyAccount/listKey').reply(config => {
+      let params = config.params;
+      let mockThirdPartyAccounts = _ThirdPartyAccounts.filter(thirdPartyAccount => {
+      	if(params.unionid||params.unionid==''){ if( thirdPartyAccount.unionid.indexOf(params.unionid)>=0) return true;}
+      	if(params.openid||params.openid==''){ if( thirdPartyAccount.openid.indexOf(params.openid)>=0) return true;}
+      	if(params.userid||params.userid==''){ if( thirdPartyAccount.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.locked||params.locked==''){ if( thirdPartyAccount.locked.indexOf(params.locked)>=0) return true;}
+      	if(params.startdate||params.startdate==''){ if( thirdPartyAccount.startdate.indexOf(params.startdate)>=0) return true;}
+      	if(params.nickname||params.nickname==''){ if( thirdPartyAccount.nickname.indexOf(params.nickname)>=0) return true;}
+      	if(params.username||params.username==''){ if( thirdPartyAccount.username.indexOf(params.username)>=0) return true;}
+      	if(params.phoneno||params.phoneno==''){ if( thirdPartyAccount.phoneno.indexOf(params.phoneno)>=0) return true;}
+      	if(params.country||params.country==''){ if( thirdPartyAccount.country.indexOf(params.country)>=0) return true;}
+      	if(params.city||params.city==''){ if( thirdPartyAccount.city.indexOf(params.city)>=0) return true;}
+      	if(params.headimgurl||params.headimgurl==''){ if( thirdPartyAccount.headimgurl.indexOf(params.headimgurl)>=0) return true;}
+      	if(params.province||params.province==''){ if( thirdPartyAccount.province.indexOf(params.province)>=0) return true;}
+      	if(params.userunionid||params.userunionid==''){ if( thirdPartyAccount.userunionid.indexOf(params.userunionid)>=0) return true;}
+      	if(params.frontApp||params.frontApp==''){ if( thirdPartyAccount.frontApp.indexOf(params.frontApp)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockThirdPartyAccounts
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/thirdPartyAccount/list').reply(config => {
+      let params = config.params;
+      let mockThirdPartyAccounts = _ThirdPartyAccounts.filter(thirdPartyAccount => {
+      	var isTrue=false;
+      	if(params.unionid||params.unionid==''){if(thirdPartyAccount.unionid.indexOf(params.unionid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.openid||params.openid==''){if(thirdPartyAccount.openid.indexOf(params.openid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userid||params.userid==''){if(thirdPartyAccount.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.locked||params.locked==''){if(thirdPartyAccount.locked.indexOf(params.locked)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startdate||params.startdate==''){if(thirdPartyAccount.startdate.indexOf(params.startdate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.nickname||params.nickname==''){if(thirdPartyAccount.nickname.indexOf(params.nickname)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.username||params.username==''){if(thirdPartyAccount.username.indexOf(params.username)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.phoneno||params.phoneno==''){if(thirdPartyAccount.phoneno.indexOf(params.phoneno)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.country||params.country==''){if(thirdPartyAccount.country.indexOf(params.country)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.city||params.city==''){if(thirdPartyAccount.city.indexOf(params.city)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.headimgurl||params.headimgurl==''){if(thirdPartyAccount.headimgurl.indexOf(params.headimgurl)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.province||params.province==''){if(thirdPartyAccount.province.indexOf(params.province)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userunionid||params.userunionid==''){if(thirdPartyAccount.userunionid.indexOf(params.userunionid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.frontApp||params.frontApp==''){if(thirdPartyAccount.frontApp.indexOf(params.frontApp)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockThirdPartyAccounts
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockThirdPartyAccounts.length;
+      mockThirdPartyAccounts = mockThirdPartyAccounts.filter((thirdPartyAccount, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockThirdPartyAccounts,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/thirdPartyAccount/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  openid  } = params;
+      _ThirdPartyAccounts = _ThirdPartyAccounts.filter(thirdPartyAccount => thirdPartyAccount.openid !== openid);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/thirdPartyAccount/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _ThirdPartyAccounts = _ThirdPartyAccounts.filter(thirdPartyAccount => !params.includes(thirdPartyAccount.openid));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/thirdPartyAccount/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { unionid,openid,userid,locked,startdate,nickname,username,phoneno,country,city,headimgurl,province,userunionid,frontApp } = params;
+      _ThirdPartyAccounts.some(thirdPartyAccount => {
+        if (thirdPartyAccount.openid === openid) {
+			thirdPartyAccount.unionid = unionid;
+			thirdPartyAccount.openid = openid;
+			thirdPartyAccount.userid = userid;
+			thirdPartyAccount.locked = locked;
+			thirdPartyAccount.startdate = startdate;
+			thirdPartyAccount.nickname = nickname;
+			thirdPartyAccount.username = username;
+			thirdPartyAccount.phoneno = phoneno;
+			thirdPartyAccount.country = country;
+			thirdPartyAccount.city = city;
+			thirdPartyAccount.headimgurl = headimgurl;
+			thirdPartyAccount.province = province;
+			thirdPartyAccount.userunionid = userunionid;
+			thirdPartyAccount.frontApp = frontApp
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/thirdPartyAccount/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { unionid,openid,userid,locked,startdate,nickname,username,phoneno,country,city,headimgurl,province,userunionid,frontApp } = params;
+      _ThirdPartyAccounts.push({
+		unionid:unionid,
+		openid:openid,
+		userid:userid,
+		locked:locked,
+		startdate:startdate,
+		nickname:nickname,
+		username:username,
+		phoneno:phoneno,
+		country:country,
+		city:city,
+		headimgurl:headimgurl,
+		province:province,
+		userunionid:userunionid,
+		frontApp:frontApp
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/user.js b/src/mock/mdp/sys/user.js
new file mode 100644
index 0000000..7023116
--- /dev/null
+++ b/src/mock/mdp/sys/user.js
@@ -0,0 +1,35 @@
+ import Mock from 'mockjs';
+
+const Users = [];
+
+for (let i = 0; i < 25; i++) {
+  Users.push(Mock.mock({
+		userid:Mock.Random.string(5),
+		unionid:Mock.Random.ctitle(1,4) , 
+		displayUserid:Mock.Random.ctitle(1,4) , 
+		locked:Mock.Random.character('lower') , 
+		startdate:Mock.Random.date('yyyy-MM-dd') , 
+		nickname:Mock.Random.ctitle(1,8) , 
+		username:Mock.Random.ctitle(1,8) , 
+		deptid:Mock.Random.ctitle(1,0) , 
+		phoneno:Mock.Random.ctitle(1,0) , 
+		password:Mock.Random.ctitle(1,0) , 
+		salt:Mock.Random.ctitle(1,0) , 
+		fingerpassword1:Mock.Random.ctitle(1,0) , 
+		fingerpassword2:Mock.Random.ctitle(1,0) , 
+		fingerpassword3:Mock.Random.ctitle(1,0) , 
+		fingerpassword4:Mock.Random.ctitle(1,0) , 
+		pwdtype:Mock.Random.character('lower') , 
+		headimgurl:Mock.Random.ctitle(1,0) , 
+		country:Mock.Random.ctitle(1,0) , 
+		city:Mock.Random.ctitle(1,0) , 
+		province:Mock.Random.ctitle(1,0) , 
+		address:Mock.Random.ctitle(1,0) , 
+		sex:Mock.Random.ctitle(1,0) , 
+		enddate:Mock.Random.date('yyyy-MM-dd') , 
+		districtId:Mock.Random.ctitle(1,0) , 
+		custtype:Mock.Random.ctitle(1,3)
+  }));
+}
+
+export { Users };
diff --git a/src/mock/mdp/sys/userExtinfo.js b/src/mock/mdp/sys/userExtinfo.js
new file mode 100644
index 0000000..291edbf
--- /dev/null
+++ b/src/mock/mdp/sys/userExtinfo.js
@@ -0,0 +1,18 @@
+ import Mock from 'mockjs';
+
+const UserExtinfos = [];
+
+for (let i = 0; i < 25; i++) {
+  UserExtinfos.push(Mock.mock({
+		userid:Mock.Random.string(5),
+		lastLoginTime:Mock.Random.date('yyyy-MM-dd') , 
+		'pwdErrorCount|0-0': 1 , 
+		firstLoginChannel:Mock.Random.ctitle(1,0) , 
+		lastLoginChannel:Mock.Random.ctitle(1,0) , 
+		lastLoginArea:Mock.Random.ctitle(1,0) , 
+		visitMsg:Mock.Random.ctitle(1,0) , 
+		tpaOpenid:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { UserExtinfos };
diff --git a/src/mock/mdp/sys/userExtinfoMock.js b/src/mock/mdp/sys/userExtinfoMock.js
new file mode 100644
index 0000000..36b8232
--- /dev/null
+++ b/src/mock/mdp/sys/userExtinfoMock.js
@@ -0,0 +1,172 @@
+import { UserExtinfos } from './userExtinfo';
+let _UserExtinfos = UserExtinfos;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import UserExtinfoMock from './mdp/sys/userExtinfoMock';
+ * UserExtinfoMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/userExtinfo/listKey').reply(config => {
+      let params = config.params;
+      let mockUserExtinfos = _UserExtinfos.filter(userExtinfo => {
+      	if(params.lastLoginTime||params.lastLoginTime==''){ if( userExtinfo.lastLoginTime.indexOf(params.lastLoginTime)>=0) return true;}
+      	if(params.pwdErrorCount||params.pwdErrorCount==''){ if( userExtinfo.pwdErrorCount.indexOf(params.pwdErrorCount)>=0) return true;}
+      	if(params.userid||params.userid==''){ if( userExtinfo.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.firstLoginChannel||params.firstLoginChannel==''){ if( userExtinfo.firstLoginChannel.indexOf(params.firstLoginChannel)>=0) return true;}
+      	if(params.lastLoginChannel||params.lastLoginChannel==''){ if( userExtinfo.lastLoginChannel.indexOf(params.lastLoginChannel)>=0) return true;}
+      	if(params.lastLoginArea||params.lastLoginArea==''){ if( userExtinfo.lastLoginArea.indexOf(params.lastLoginArea)>=0) return true;}
+      	if(params.visitMsg||params.visitMsg==''){ if( userExtinfo.visitMsg.indexOf(params.visitMsg)>=0) return true;}
+      	if(params.tpaOpenid||params.tpaOpenid==''){ if( userExtinfo.tpaOpenid.indexOf(params.tpaOpenid)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockUserExtinfos
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/userExtinfo/list').reply(config => {
+      let params = config.params;
+      let mockUserExtinfos = _UserExtinfos.filter(userExtinfo => {
+      	var isTrue=false;
+      	if(params.lastLoginTime||params.lastLoginTime==''){if(userExtinfo.lastLoginTime.indexOf(params.lastLoginTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.pwdErrorCount||params.pwdErrorCount==''){if(userExtinfo.pwdErrorCount.indexOf(params.pwdErrorCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userid||params.userid==''){if(userExtinfo.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.firstLoginChannel||params.firstLoginChannel==''){if(userExtinfo.firstLoginChannel.indexOf(params.firstLoginChannel)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lastLoginChannel||params.lastLoginChannel==''){if(userExtinfo.lastLoginChannel.indexOf(params.lastLoginChannel)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lastLoginArea||params.lastLoginArea==''){if(userExtinfo.lastLoginArea.indexOf(params.lastLoginArea)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.visitMsg||params.visitMsg==''){if(userExtinfo.visitMsg.indexOf(params.visitMsg)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tpaOpenid||params.tpaOpenid==''){if(userExtinfo.tpaOpenid.indexOf(params.tpaOpenid)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockUserExtinfos
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockUserExtinfos.length;
+      mockUserExtinfos = mockUserExtinfos.filter((userExtinfo, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockUserExtinfos,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/userExtinfo/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  userid  } = params;
+      _UserExtinfos = _UserExtinfos.filter(userExtinfo => userExtinfo.userid !== userid);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/userExtinfo/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _UserExtinfos = _UserExtinfos.filter(userExtinfo => !params.includes(userExtinfo.userid));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/userExtinfo/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { lastLoginTime,pwdErrorCount,userid,firstLoginChannel,lastLoginChannel,lastLoginArea,visitMsg,tpaOpenid } = params;
+      _UserExtinfos.some(userExtinfo => {
+        if (userExtinfo.userid === userid) {
+			userExtinfo.lastLoginTime = lastLoginTime;
+			userExtinfo.pwdErrorCount = pwdErrorCount;
+			userExtinfo.userid = userid;
+			userExtinfo.firstLoginChannel = firstLoginChannel;
+			userExtinfo.lastLoginChannel = lastLoginChannel;
+			userExtinfo.lastLoginArea = lastLoginArea;
+			userExtinfo.visitMsg = visitMsg;
+			userExtinfo.tpaOpenid = tpaOpenid
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/userExtinfo/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { lastLoginTime,pwdErrorCount,userid,firstLoginChannel,lastLoginChannel,lastLoginArea,visitMsg,tpaOpenid } = params;
+      _UserExtinfos.push({
+		lastLoginTime:lastLoginTime,
+		pwdErrorCount:pwdErrorCount,
+		userid:userid,
+		firstLoginChannel:firstLoginChannel,
+		lastLoginChannel:lastLoginChannel,
+		lastLoginArea:lastLoginArea,
+		visitMsg:visitMsg,
+		tpaOpenid:tpaOpenid
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/userMock.js b/src/mock/mdp/sys/userMock.js
new file mode 100644
index 0000000..26fe323
--- /dev/null
+++ b/src/mock/mdp/sys/userMock.js
@@ -0,0 +1,240 @@
+import { Users } from './user';
+let _Users = Users;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import UserMock from './mdp/sys/userMock';
+ * UserMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/user/listKey').reply(config => {
+      let params = config.params;
+      let mockUsers = _Users.filter(user => {
+      	if(params.unionid||params.unionid==''){ if( user.unionid.indexOf(params.unionid)>=0) return true;}
+      	if(params.displayUserid||params.displayUserid==''){ if( user.displayUserid.indexOf(params.displayUserid)>=0) return true;}
+      	if(params.userid||params.userid==''){ if( user.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.locked||params.locked==''){ if( user.locked.indexOf(params.locked)>=0) return true;}
+      	if(params.startdate||params.startdate==''){ if( user.startdate.indexOf(params.startdate)>=0) return true;}
+      	if(params.nickname||params.nickname==''){ if( user.nickname.indexOf(params.nickname)>=0) return true;}
+      	if(params.username||params.username==''){ if( user.username.indexOf(params.username)>=0) return true;}
+      	if(params.deptid||params.deptid==''){ if( user.deptid.indexOf(params.deptid)>=0) return true;}
+      	if(params.phoneno||params.phoneno==''){ if( user.phoneno.indexOf(params.phoneno)>=0) return true;}
+      	if(params.password||params.password==''){ if( user.password.indexOf(params.password)>=0) return true;}
+      	if(params.salt||params.salt==''){ if( user.salt.indexOf(params.salt)>=0) return true;}
+      	if(params.fingerpassword1||params.fingerpassword1==''){ if( user.fingerpassword1.indexOf(params.fingerpassword1)>=0) return true;}
+      	if(params.fingerpassword2||params.fingerpassword2==''){ if( user.fingerpassword2.indexOf(params.fingerpassword2)>=0) return true;}
+      	if(params.fingerpassword3||params.fingerpassword3==''){ if( user.fingerpassword3.indexOf(params.fingerpassword3)>=0) return true;}
+      	if(params.fingerpassword4||params.fingerpassword4==''){ if( user.fingerpassword4.indexOf(params.fingerpassword4)>=0) return true;}
+      	if(params.pwdtype||params.pwdtype==''){ if( user.pwdtype.indexOf(params.pwdtype)>=0) return true;}
+      	if(params.headimgurl||params.headimgurl==''){ if( user.headimgurl.indexOf(params.headimgurl)>=0) return true;}
+      	if(params.country||params.country==''){ if( user.country.indexOf(params.country)>=0) return true;}
+      	if(params.city||params.city==''){ if( user.city.indexOf(params.city)>=0) return true;}
+      	if(params.province||params.province==''){ if( user.province.indexOf(params.province)>=0) return true;}
+      	if(params.address||params.address==''){ if( user.address.indexOf(params.address)>=0) return true;}
+      	if(params.sex||params.sex==''){ if( user.sex.indexOf(params.sex)>=0) return true;}
+      	if(params.enddate||params.enddate==''){ if( user.enddate.indexOf(params.enddate)>=0) return true;}
+      	if(params.districtId||params.districtId==''){ if( user.districtId.indexOf(params.districtId)>=0) return true;}
+      	if(params.custtype||params.custtype==''){ if( user.custtype.indexOf(params.custtype)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockUsers
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/user/list').reply(config => {
+      let params = config.params;
+      let mockUsers = _Users.filter(user => {
+      	var isTrue=false;
+      	if(params.unionid||params.unionid==''){if(user.unionid.indexOf(params.unionid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.displayUserid||params.displayUserid==''){if(user.displayUserid.indexOf(params.displayUserid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userid||params.userid==''){if(user.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.locked||params.locked==''){if(user.locked.indexOf(params.locked)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startdate||params.startdate==''){if(user.startdate.indexOf(params.startdate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.nickname||params.nickname==''){if(user.nickname.indexOf(params.nickname)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.username||params.username==''){if(user.username.indexOf(params.username)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptid||params.deptid==''){if(user.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.phoneno||params.phoneno==''){if(user.phoneno.indexOf(params.phoneno)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.password||params.password==''){if(user.password.indexOf(params.password)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.salt||params.salt==''){if(user.salt.indexOf(params.salt)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fingerpassword1||params.fingerpassword1==''){if(user.fingerpassword1.indexOf(params.fingerpassword1)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fingerpassword2||params.fingerpassword2==''){if(user.fingerpassword2.indexOf(params.fingerpassword2)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fingerpassword3||params.fingerpassword3==''){if(user.fingerpassword3.indexOf(params.fingerpassword3)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fingerpassword4||params.fingerpassword4==''){if(user.fingerpassword4.indexOf(params.fingerpassword4)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.pwdtype||params.pwdtype==''){if(user.pwdtype.indexOf(params.pwdtype)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.headimgurl||params.headimgurl==''){if(user.headimgurl.indexOf(params.headimgurl)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.country||params.country==''){if(user.country.indexOf(params.country)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.city||params.city==''){if(user.city.indexOf(params.city)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.province||params.province==''){if(user.province.indexOf(params.province)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.address||params.address==''){if(user.address.indexOf(params.address)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.sex||params.sex==''){if(user.sex.indexOf(params.sex)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.enddate||params.enddate==''){if(user.enddate.indexOf(params.enddate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.districtId||params.districtId==''){if(user.districtId.indexOf(params.districtId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.custtype||params.custtype==''){if(user.custtype.indexOf(params.custtype)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockUsers
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockUsers.length;
+      mockUsers = mockUsers.filter((user, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockUsers,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/user/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  userid  } = params;
+      _Users = _Users.filter(user => user.userid !== userid);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/user/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Users = _Users.filter(user => !params.includes(user.userid));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/user/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { unionid,displayUserid,userid,locked,startdate,nickname,username,deptid,phoneno,password,salt,fingerpassword1,fingerpassword2,fingerpassword3,fingerpassword4,pwdtype,headimgurl,country,city,province,address,sex,enddate,districtId,custtype } = params;
+      _Users.some(user => {
+        if (user.userid === userid) {
+			user.unionid = unionid;
+			user.displayUserid = displayUserid;
+			user.userid = userid;
+			user.locked = locked;
+			user.startdate = startdate;
+			user.nickname = nickname;
+			user.username = username;
+			user.deptid = deptid;
+			user.phoneno = phoneno;
+			user.password = password;
+			user.salt = salt;
+			user.fingerpassword1 = fingerpassword1;
+			user.fingerpassword2 = fingerpassword2;
+			user.fingerpassword3 = fingerpassword3;
+			user.fingerpassword4 = fingerpassword4;
+			user.pwdtype = pwdtype;
+			user.headimgurl = headimgurl;
+			user.country = country;
+			user.city = city;
+			user.province = province;
+			user.address = address;
+			user.sex = sex;
+			user.enddate = enddate;
+			user.districtId = districtId;
+			user.custtype = custtype
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/user/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { unionid,displayUserid,userid,locked,startdate,nickname,username,deptid,phoneno,password,salt,fingerpassword1,fingerpassword2,fingerpassword3,fingerpassword4,pwdtype,headimgurl,country,city,province,address,sex,enddate,districtId,custtype } = params;
+      _Users.push({
+		unionid:unionid,
+		displayUserid:displayUserid,
+		userid:userid,
+		locked:locked,
+		startdate:startdate,
+		nickname:nickname,
+		username:username,
+		deptid:deptid,
+		phoneno:phoneno,
+		password:password,
+		salt:salt,
+		fingerpassword1:fingerpassword1,
+		fingerpassword2:fingerpassword2,
+		fingerpassword3:fingerpassword3,
+		fingerpassword4:fingerpassword4,
+		pwdtype:pwdtype,
+		headimgurl:headimgurl,
+		country:country,
+		city:city,
+		province:province,
+		address:address,
+		sex:sex,
+		enddate:enddate,
+		districtId:districtId,
+		custtype:custtype
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/sys/userRole.js b/src/mock/mdp/sys/userRole.js
new file mode 100644
index 0000000..e085a9e
--- /dev/null
+++ b/src/mock/mdp/sys/userRole.js
@@ -0,0 +1,23 @@
+ import Mock from 'mockjs';
+
+const UserRoles = [];
+
+for (let i = 0; i < 25; i++) {
+  UserRoles.push(Mock.mock({
+		id:Mock.Random.string(5),
+		roleid:Mock.Random.ctitle(1,0) , 
+		userid:Mock.Random.ctitle(1,4) , 
+		remark:Mock.Random.ctitle(1,5) , 
+		userroleBeg:Mock.Random.date('yyyy-MM-dd') , 
+		userroleEnd:Mock.Random.date('yyyy-MM-dd') , 
+		createPerson:Mock.Random.ctitle(1,0) , 
+		createDate:Mock.Random.date('yyyy-MM-dd') , 
+		loperatePerson:Mock.Random.ctitle(1,0) , 
+		loperateDate:Mock.Random.date('yyyy-MM-dd') , 
+		'roleSort|0-4': 1 , 
+		enabled:Mock.Random.character('lower') , 
+		deptid:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { UserRoles };
diff --git a/src/mock/mdp/sys/userRoleMock.js b/src/mock/mdp/sys/userRoleMock.js
new file mode 100644
index 0000000..c118ce8
--- /dev/null
+++ b/src/mock/mdp/sys/userRoleMock.js
@@ -0,0 +1,192 @@
+import { UserRoles } from './userRole';
+let _UserRoles = UserRoles;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import UserRoleMock from './mdp/sys/userRoleMock';
+ * UserRoleMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/sys/userRole/listKey').reply(config => {
+      let params = config.params;
+      let mockUserRoles = _UserRoles.filter(userRole => {
+      	if(params.id||params.id==''){ if( userRole.id.indexOf(params.id)>=0) return true;}
+      	if(params.roleid||params.roleid==''){ if( userRole.roleid.indexOf(params.roleid)>=0) return true;}
+      	if(params.userid||params.userid==''){ if( userRole.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.remark||params.remark==''){ if( userRole.remark.indexOf(params.remark)>=0) return true;}
+      	if(params.userroleBeg||params.userroleBeg==''){ if( userRole.userroleBeg.indexOf(params.userroleBeg)>=0) return true;}
+      	if(params.userroleEnd||params.userroleEnd==''){ if( userRole.userroleEnd.indexOf(params.userroleEnd)>=0) return true;}
+      	if(params.createPerson||params.createPerson==''){ if( userRole.createPerson.indexOf(params.createPerson)>=0) return true;}
+      	if(params.createDate||params.createDate==''){ if( userRole.createDate.indexOf(params.createDate)>=0) return true;}
+      	if(params.loperatePerson||params.loperatePerson==''){ if( userRole.loperatePerson.indexOf(params.loperatePerson)>=0) return true;}
+      	if(params.loperateDate||params.loperateDate==''){ if( userRole.loperateDate.indexOf(params.loperateDate)>=0) return true;}
+      	if(params.roleSort||params.roleSort==''){ if( userRole.roleSort.indexOf(params.roleSort)>=0) return true;}
+      	if(params.enabled||params.enabled==''){ if( userRole.enabled.indexOf(params.enabled)>=0) return true;}
+      	if(params.deptid||params.deptid==''){ if( userRole.deptid.indexOf(params.deptid)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockUserRoles
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/sys/userRole/list').reply(config => {
+      let params = config.params;
+      let mockUserRoles = _UserRoles.filter(userRole => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(userRole.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.roleid||params.roleid==''){if(userRole.roleid.indexOf(params.roleid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userid||params.userid==''){if(userRole.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.remark||params.remark==''){if(userRole.remark.indexOf(params.remark)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userroleBeg||params.userroleBeg==''){if(userRole.userroleBeg.indexOf(params.userroleBeg)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userroleEnd||params.userroleEnd==''){if(userRole.userroleEnd.indexOf(params.userroleEnd)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.createPerson||params.createPerson==''){if(userRole.createPerson.indexOf(params.createPerson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.createDate||params.createDate==''){if(userRole.createDate.indexOf(params.createDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.loperatePerson||params.loperatePerson==''){if(userRole.loperatePerson.indexOf(params.loperatePerson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.loperateDate||params.loperateDate==''){if(userRole.loperateDate.indexOf(params.loperateDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.roleSort||params.roleSort==''){if(userRole.roleSort.indexOf(params.roleSort)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.enabled||params.enabled==''){if(userRole.enabled.indexOf(params.enabled)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptid||params.deptid==''){if(userRole.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockUserRoles
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockUserRoles.length;
+      mockUserRoles = mockUserRoles.filter((userRole, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockUserRoles,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/sys/userRole/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _UserRoles = _UserRoles.filter(userRole => userRole.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/sys/userRole/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _UserRoles = _UserRoles.filter(userRole => !params.includes(userRole.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/sys/userRole/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,roleid,userid,remark,userroleBeg,userroleEnd,createPerson,createDate,loperatePerson,loperateDate,roleSort,enabled,deptid } = params;
+      _UserRoles.some(userRole => {
+        if (userRole.id === id) {
+			userRole.id = id;
+			userRole.roleid = roleid;
+			userRole.userid = userid;
+			userRole.remark = remark;
+			userRole.userroleBeg = userroleBeg;
+			userRole.userroleEnd = userroleEnd;
+			userRole.createPerson = createPerson;
+			userRole.createDate = createDate;
+			userRole.loperatePerson = loperatePerson;
+			userRole.loperateDate = loperateDate;
+			userRole.roleSort = roleSort;
+			userRole.enabled = enabled;
+			userRole.deptid = deptid
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/sys/userRole/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,roleid,userid,remark,userroleBeg,userroleEnd,createPerson,createDate,loperatePerson,loperateDate,roleSort,enabled,deptid } = params;
+      _UserRoles.push({
+		id:id,
+		roleid:roleid,
+		userid:userid,
+		remark:remark,
+		userroleBeg:userroleBeg,
+		userroleEnd:userroleEnd,
+		createPerson:createPerson,
+		createDate:createDate,
+		loperatePerson:loperatePerson,
+		loperateDate:loperateDate,
+		roleSort:roleSort,
+		enabled:enabled,
+		deptid:deptid
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/de/model.js b/src/mock/mdp/workflow/de/model.js
new file mode 100644
index 0000000..59df680
--- /dev/null
+++ b/src/mock/mdp/workflow/de/model.js
@@ -0,0 +1,23 @@
+ import Mock from 'mockjs';
+
+const Models = [];
+
+for (let i = 0; i < 25; i++) {
+  Models.push(Mock.mock({
+		id:Mock.Random.string(5),
+		name:Mock.Random.ctitle(1,0) , 
+		modelKey:Mock.Random.ctitle(1,0) , 
+		description:Mock.Random.ctitle(1,0) , 
+		modelComment:Mock.Random.ctitle(1,0) , 
+		created:Mock.Random.date('yyyy-MM-dd') , 
+		createdBy:Mock.Random.ctitle(1,5) , 
+		lastUpdated:Mock.Random.date('yyyy-MM-dd') , 
+		lastUpdatedBy:Mock.Random.ctitle(1,5) , 
+		'version|0-10': 1 , 
+		modelEditorJson:Mock.Random.ctitle(1,0) , 
+		thumbnail:Mock.Random.ctitle(1,0) , 
+		'modelType|0-10': 1
+  }));
+}
+
+export { Models };
diff --git a/src/mock/mdp/workflow/de/modelMock.js b/src/mock/mdp/workflow/de/modelMock.js
new file mode 100644
index 0000000..500dd25
--- /dev/null
+++ b/src/mock/mdp/workflow/de/modelMock.js
@@ -0,0 +1,192 @@
+import { Models } from './model';
+let _Models = Models;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ModelMock from './mdp/workflow/de/modelMock';
+ * ModelMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/de/model/listKey').reply(config => {
+      let params = config.params;
+      let mockModels = _Models.filter(model => {
+      	if(params.id||params.id==''){ if( model.id.indexOf(params.id)>=0) return true;}
+      	if(params.name||params.name==''){ if( model.name.indexOf(params.name)>=0) return true;}
+      	if(params.modelKey||params.modelKey==''){ if( model.modelKey.indexOf(params.modelKey)>=0) return true;}
+      	if(params.description||params.description==''){ if( model.description.indexOf(params.description)>=0) return true;}
+      	if(params.modelComment||params.modelComment==''){ if( model.modelComment.indexOf(params.modelComment)>=0) return true;}
+      	if(params.created||params.created==''){ if( model.created.indexOf(params.created)>=0) return true;}
+      	if(params.createdBy||params.createdBy==''){ if( model.createdBy.indexOf(params.createdBy)>=0) return true;}
+      	if(params.lastUpdated||params.lastUpdated==''){ if( model.lastUpdated.indexOf(params.lastUpdated)>=0) return true;}
+      	if(params.lastUpdatedBy||params.lastUpdatedBy==''){ if( model.lastUpdatedBy.indexOf(params.lastUpdatedBy)>=0) return true;}
+      	if(params.version||params.version==''){ if( model.version.indexOf(params.version)>=0) return true;}
+      	if(params.modelEditorJson||params.modelEditorJson==''){ if( model.modelEditorJson.indexOf(params.modelEditorJson)>=0) return true;}
+      	if(params.thumbnail||params.thumbnail==''){ if( model.thumbnail.indexOf(params.thumbnail)>=0) return true;}
+      	if(params.modelType||params.modelType==''){ if( model.modelType.indexOf(params.modelType)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockModels
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/de/model/list').reply(config => {
+      let params = config.params;
+      let mockModels = _Models.filter(model => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(model.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(model.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.modelKey||params.modelKey==''){if(model.modelKey.indexOf(params.modelKey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.description||params.description==''){if(model.description.indexOf(params.description)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.modelComment||params.modelComment==''){if(model.modelComment.indexOf(params.modelComment)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.created||params.created==''){if(model.created.indexOf(params.created)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.createdBy||params.createdBy==''){if(model.createdBy.indexOf(params.createdBy)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lastUpdated||params.lastUpdated==''){if(model.lastUpdated.indexOf(params.lastUpdated)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lastUpdatedBy||params.lastUpdatedBy==''){if(model.lastUpdatedBy.indexOf(params.lastUpdatedBy)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.version||params.version==''){if(model.version.indexOf(params.version)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.modelEditorJson||params.modelEditorJson==''){if(model.modelEditorJson.indexOf(params.modelEditorJson)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.thumbnail||params.thumbnail==''){if(model.thumbnail.indexOf(params.thumbnail)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.modelType||params.modelType==''){if(model.modelType.indexOf(params.modelType)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockModels
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockModels.length;
+      mockModels = mockModels.filter((model, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockModels,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/de/model/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Models = _Models.filter(model => model.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/de/model/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Models = _Models.filter(model => !params.includes(model.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/de/model/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,name,modelKey,description,modelComment,created,createdBy,lastUpdated,lastUpdatedBy,version,modelEditorJson,thumbnail,modelType } = params;
+      _Models.some(model => {
+        if (model.id === id) {
+			model.id = id;
+			model.name = name;
+			model.modelKey = modelKey;
+			model.description = description;
+			model.modelComment = modelComment;
+			model.created = created;
+			model.createdBy = createdBy;
+			model.lastUpdated = lastUpdated;
+			model.lastUpdatedBy = lastUpdatedBy;
+			model.version = version;
+			model.modelEditorJson = modelEditorJson;
+			model.thumbnail = thumbnail;
+			model.modelType = modelType
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/de/model/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,name,modelKey,description,modelComment,created,createdBy,lastUpdated,lastUpdatedBy,version,modelEditorJson,thumbnail,modelType } = params;
+      _Models.push({
+		id:id,
+		name:name,
+		modelKey:modelKey,
+		description:description,
+		modelComment:modelComment,
+		created:created,
+		createdBy:createdBy,
+		lastUpdated:lastUpdated,
+		lastUpdatedBy:lastUpdatedBy,
+		version:version,
+		modelEditorJson:modelEditorJson,
+		thumbnail:thumbnail,
+		modelType:modelType
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/hi/comment.js b/src/mock/mdp/workflow/hi/comment.js
new file mode 100644
index 0000000..1c3409d
--- /dev/null
+++ b/src/mock/mdp/workflow/hi/comment.js
@@ -0,0 +1,19 @@
+ import Mock from 'mockjs';
+
+const Comments = [];
+
+for (let i = 0; i < 25; i++) {
+  Comments.push(Mock.mock({
+		id:Mock.Random.string(5),
+		type:Mock.Random.ctitle(1,5) , 
+		time:Mock.Random.date('yyyy-MM-dd') , 
+		userid:Mock.Random.ctitle(1,5) , 
+		taskId:Mock.Random.ctitle(1,4) , 
+		procInstId:Mock.Random.ctitle(1,4) , 
+		action:Mock.Random.ctitle(1,5) , 
+		message:Mock.Random.ctitle(1,0) , 
+		fullMsg:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { Comments };
diff --git a/src/mock/mdp/workflow/hi/commentMock.js b/src/mock/mdp/workflow/hi/commentMock.js
new file mode 100644
index 0000000..0c8d34b
--- /dev/null
+++ b/src/mock/mdp/workflow/hi/commentMock.js
@@ -0,0 +1,176 @@
+import { Comments } from './comment';
+let _Comments = Comments;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import CommentMock from './mdp/workflow/hi/commentMock';
+ * CommentMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/hi/comment/listKey').reply(config => {
+      let params = config.params;
+      let mockComments = _Comments.filter(comment => {
+      	if(params.id||params.id==''){ if( comment.id.indexOf(params.id)>=0) return true;}
+      	if(params.type||params.type==''){ if( comment.type.indexOf(params.type)>=0) return true;}
+      	if(params.time||params.time==''){ if( comment.time.indexOf(params.time)>=0) return true;}
+      	if(params.userid||params.userid==''){ if( comment.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.taskId||params.taskId==''){ if( comment.taskId.indexOf(params.taskId)>=0) return true;}
+      	if(params.procInstId||params.procInstId==''){ if( comment.procInstId.indexOf(params.procInstId)>=0) return true;}
+      	if(params.action||params.action==''){ if( comment.action.indexOf(params.action)>=0) return true;}
+      	if(params.message||params.message==''){ if( comment.message.indexOf(params.message)>=0) return true;}
+      	if(params.fullMsg||params.fullMsg==''){ if( comment.fullMsg.indexOf(params.fullMsg)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockComments
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/hi/comment/list').reply(config => {
+      let params = config.params;
+      let mockComments = _Comments.filter(comment => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(comment.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.type||params.type==''){if(comment.type.indexOf(params.type)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.time||params.time==''){if(comment.time.indexOf(params.time)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userid||params.userid==''){if(comment.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.taskId||params.taskId==''){if(comment.taskId.indexOf(params.taskId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procInstId||params.procInstId==''){if(comment.procInstId.indexOf(params.procInstId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.action||params.action==''){if(comment.action.indexOf(params.action)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.message||params.message==''){if(comment.message.indexOf(params.message)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.fullMsg||params.fullMsg==''){if(comment.fullMsg.indexOf(params.fullMsg)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockComments
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockComments.length;
+      mockComments = mockComments.filter((comment, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockComments,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/hi/comment/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Comments = _Comments.filter(comment => comment.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/hi/comment/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Comments = _Comments.filter(comment => !params.includes(comment.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/hi/comment/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,type,time,userid,taskId,procInstId,action,message,fullMsg } = params;
+      _Comments.some(comment => {
+        if (comment.id === id) {
+			comment.id = id;
+			comment.type = type;
+			comment.time = time;
+			comment.userid = userid;
+			comment.taskId = taskId;
+			comment.procInstId = procInstId;
+			comment.action = action;
+			comment.message = message;
+			comment.fullMsg = fullMsg
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/hi/comment/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,type,time,userid,taskId,procInstId,action,message,fullMsg } = params;
+      _Comments.push({
+		id:id,
+		type:type,
+		time:time,
+		userid:userid,
+		taskId:taskId,
+		procInstId:procInstId,
+		action:action,
+		message:message,
+		fullMsg:fullMsg
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/hi/procinst.js b/src/mock/mdp/workflow/hi/procinst.js
new file mode 100644
index 0000000..222314e
--- /dev/null
+++ b/src/mock/mdp/workflow/hi/procinst.js
@@ -0,0 +1,24 @@
+ import Mock from 'mockjs';
+
+const Procinsts = [];
+
+for (let i = 0; i < 25; i++) {
+  Procinsts.push(Mock.mock({
+		id:Mock.Random.string(5),
+		procInstId:Mock.Random.ctitle(1,4) , 
+		businessKey:Mock.Random.ctitle(1,5) , 
+		procDefId:Mock.Random.ctitle(1,4) , 
+		startTime:Mock.Random.date('yyyy-MM-dd') , 
+		endTime:Mock.Random.date('yyyy-MM-dd') , 
+		'duration|0-19': 1 , 
+		startUserId:Mock.Random.ctitle(1,5) , 
+		startActId:Mock.Random.ctitle(1,5) , 
+		endActId:Mock.Random.ctitle(1,5) , 
+		superProcessInstanceId:Mock.Random.ctitle(1,4) , 
+		deleteReason:Mock.Random.ctitle(1,0) , 
+		tenantId:Mock.Random.ctitle(1,5) , 
+		name:Mock.Random.ctitle(1,5)
+  }));
+}
+
+export { Procinsts };
diff --git a/src/mock/mdp/workflow/hi/procinstMock.js b/src/mock/mdp/workflow/hi/procinstMock.js
new file mode 100644
index 0000000..5ad6581
--- /dev/null
+++ b/src/mock/mdp/workflow/hi/procinstMock.js
@@ -0,0 +1,196 @@
+import { Procinsts } from './procinst';
+let _Procinsts = Procinsts;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ProcinstMock from './mdp/workflow/hi/procinstMock';
+ * ProcinstMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/hi/procinst/listKey').reply(config => {
+      let params = config.params;
+      let mockProcinsts = _Procinsts.filter(procinst => {
+      	if(params.id||params.id==''){ if( procinst.id.indexOf(params.id)>=0) return true;}
+      	if(params.procInstId||params.procInstId==''){ if( procinst.procInstId.indexOf(params.procInstId)>=0) return true;}
+      	if(params.businessKey||params.businessKey==''){ if( procinst.businessKey.indexOf(params.businessKey)>=0) return true;}
+      	if(params.procDefId||params.procDefId==''){ if( procinst.procDefId.indexOf(params.procDefId)>=0) return true;}
+      	if(params.startTime||params.startTime==''){ if( procinst.startTime.indexOf(params.startTime)>=0) return true;}
+      	if(params.endTime||params.endTime==''){ if( procinst.endTime.indexOf(params.endTime)>=0) return true;}
+      	if(params.duration||params.duration==''){ if( procinst.duration.indexOf(params.duration)>=0) return true;}
+      	if(params.startUserId||params.startUserId==''){ if( procinst.startUserId.indexOf(params.startUserId)>=0) return true;}
+      	if(params.startActId||params.startActId==''){ if( procinst.startActId.indexOf(params.startActId)>=0) return true;}
+      	if(params.endActId||params.endActId==''){ if( procinst.endActId.indexOf(params.endActId)>=0) return true;}
+      	if(params.superProcessInstanceId||params.superProcessInstanceId==''){ if( procinst.superProcessInstanceId.indexOf(params.superProcessInstanceId)>=0) return true;}
+      	if(params.deleteReason||params.deleteReason==''){ if( procinst.deleteReason.indexOf(params.deleteReason)>=0) return true;}
+      	if(params.tenantId||params.tenantId==''){ if( procinst.tenantId.indexOf(params.tenantId)>=0) return true;}
+      	if(params.name||params.name==''){ if( procinst.name.indexOf(params.name)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockProcinsts
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/hi/procinst/list').reply(config => {
+      let params = config.params;
+      let mockProcinsts = _Procinsts.filter(procinst => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(procinst.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procInstId||params.procInstId==''){if(procinst.procInstId.indexOf(params.procInstId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.businessKey||params.businessKey==''){if(procinst.businessKey.indexOf(params.businessKey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procDefId||params.procDefId==''){if(procinst.procDefId.indexOf(params.procDefId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startTime||params.startTime==''){if(procinst.startTime.indexOf(params.startTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.endTime||params.endTime==''){if(procinst.endTime.indexOf(params.endTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.duration||params.duration==''){if(procinst.duration.indexOf(params.duration)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startUserId||params.startUserId==''){if(procinst.startUserId.indexOf(params.startUserId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startActId||params.startActId==''){if(procinst.startActId.indexOf(params.startActId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.endActId||params.endActId==''){if(procinst.endActId.indexOf(params.endActId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.superProcessInstanceId||params.superProcessInstanceId==''){if(procinst.superProcessInstanceId.indexOf(params.superProcessInstanceId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deleteReason||params.deleteReason==''){if(procinst.deleteReason.indexOf(params.deleteReason)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tenantId||params.tenantId==''){if(procinst.tenantId.indexOf(params.tenantId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(procinst.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockProcinsts
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockProcinsts.length;
+      mockProcinsts = mockProcinsts.filter((procinst, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockProcinsts,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/hi/procinst/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Procinsts = _Procinsts.filter(procinst => procinst.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/hi/procinst/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Procinsts = _Procinsts.filter(procinst => !params.includes(procinst.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/hi/procinst/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,procInstId,businessKey,procDefId,startTime,endTime,duration,startUserId,startActId,endActId,superProcessInstanceId,deleteReason,tenantId,name } = params;
+      _Procinsts.some(procinst => {
+        if (procinst.id === id) {
+			procinst.id = id;
+			procinst.procInstId = procInstId;
+			procinst.businessKey = businessKey;
+			procinst.procDefId = procDefId;
+			procinst.startTime = startTime;
+			procinst.endTime = endTime;
+			procinst.duration = duration;
+			procinst.startUserId = startUserId;
+			procinst.startActId = startActId;
+			procinst.endActId = endActId;
+			procinst.superProcessInstanceId = superProcessInstanceId;
+			procinst.deleteReason = deleteReason;
+			procinst.tenantId = tenantId;
+			procinst.name = name
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/hi/procinst/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,procInstId,businessKey,procDefId,startTime,endTime,duration,startUserId,startActId,endActId,superProcessInstanceId,deleteReason,tenantId,name } = params;
+      _Procinsts.push({
+		id:id,
+		procInstId:procInstId,
+		businessKey:businessKey,
+		procDefId:procDefId,
+		startTime:startTime,
+		endTime:endTime,
+		duration:duration,
+		startUserId:startUserId,
+		startActId:startActId,
+		endActId:endActId,
+		superProcessInstanceId:superProcessInstanceId,
+		deleteReason:deleteReason,
+		tenantId:tenantId,
+		name:name
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/re/deployment.js b/src/mock/mdp/workflow/re/deployment.js
new file mode 100644
index 0000000..b285d4c
--- /dev/null
+++ b/src/mock/mdp/workflow/re/deployment.js
@@ -0,0 +1,17 @@
+ import Mock from 'mockjs';
+
+const Deployments = [];
+
+for (let i = 0; i < 25; i++) {
+  Deployments.push(Mock.mock({
+		id:Mock.Random.string(5),
+		name:Mock.Random.ctitle(1,5) , 
+		category:Mock.Random.ctitle(1,5) , 
+		tenantId:Mock.Random.ctitle(1,5) , 
+		deployTime:Mock.Random.date('yyyy-MM-dd') , 
+		key:Mock.Random.ctitle(1,5) , 
+		engineVersion:Mock.Random.ctitle(1,5)
+  }));
+}
+
+export { Deployments };
diff --git a/src/mock/mdp/workflow/re/deploymentMock.js b/src/mock/mdp/workflow/re/deploymentMock.js
new file mode 100644
index 0000000..1a3daf4
--- /dev/null
+++ b/src/mock/mdp/workflow/re/deploymentMock.js
@@ -0,0 +1,168 @@
+import { Deployments } from './deployment';
+let _Deployments = Deployments;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import DeploymentMock from './mdp/workflow/re/deploymentMock';
+ * DeploymentMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/re/deployment/listKey').reply(config => {
+      let params = config.params;
+      let mockDeployments = _Deployments.filter(deployment => {
+      	if(params.id||params.id==''){ if( deployment.id.indexOf(params.id)>=0) return true;}
+      	if(params.name||params.name==''){ if( deployment.name.indexOf(params.name)>=0) return true;}
+      	if(params.category||params.category==''){ if( deployment.category.indexOf(params.category)>=0) return true;}
+      	if(params.tenantId||params.tenantId==''){ if( deployment.tenantId.indexOf(params.tenantId)>=0) return true;}
+      	if(params.deployTime||params.deployTime==''){ if( deployment.deployTime.indexOf(params.deployTime)>=0) return true;}
+      	if(params.key||params.key==''){ if( deployment.key.indexOf(params.key)>=0) return true;}
+      	if(params.engineVersion||params.engineVersion==''){ if( deployment.engineVersion.indexOf(params.engineVersion)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockDeployments
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/re/deployment/list').reply(config => {
+      let params = config.params;
+      let mockDeployments = _Deployments.filter(deployment => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(deployment.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(deployment.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.category||params.category==''){if(deployment.category.indexOf(params.category)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tenantId||params.tenantId==''){if(deployment.tenantId.indexOf(params.tenantId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deployTime||params.deployTime==''){if(deployment.deployTime.indexOf(params.deployTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.key||params.key==''){if(deployment.key.indexOf(params.key)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.engineVersion||params.engineVersion==''){if(deployment.engineVersion.indexOf(params.engineVersion)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockDeployments
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockDeployments.length;
+      mockDeployments = mockDeployments.filter((deployment, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockDeployments,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/re/deployment/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Deployments = _Deployments.filter(deployment => deployment.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/re/deployment/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Deployments = _Deployments.filter(deployment => !params.includes(deployment.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/re/deployment/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,name,category,tenantId,deployTime,key,engineVersion } = params;
+      _Deployments.some(deployment => {
+        if (deployment.id === id) {
+			deployment.id = id;
+			deployment.name = name;
+			deployment.category = category;
+			deployment.tenantId = tenantId;
+			deployment.deployTime = deployTime;
+			deployment.key = key;
+			deployment.engineVersion = engineVersion
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/re/deployment/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,name,category,tenantId,deployTime,key,engineVersion } = params;
+      _Deployments.push({
+		id:id,
+		name:name,
+		category:category,
+		tenantId:tenantId,
+		deployTime:deployTime,
+		key:key,
+		engineVersion:engineVersion
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/re/procdef.js b/src/mock/mdp/workflow/re/procdef.js
new file mode 100644
index 0000000..fbae4fa
--- /dev/null
+++ b/src/mock/mdp/workflow/re/procdef.js
@@ -0,0 +1,25 @@
+ import Mock from 'mockjs';
+
+const Procdefs = [];
+
+for (let i = 0; i < 25; i++) {
+  Procdefs.push(Mock.mock({
+		id:Mock.Random.string(5),
+		'rev|0-38': 1 , 
+		category:Mock.Random.ctitle(1,5) , 
+		name:Mock.Random.ctitle(1,5) , 
+		key:Mock.Random.ctitle(1,5) , 
+		'version|0-38': 1 , 
+		deploymentId:Mock.Random.ctitle(1,4) , 
+		resourceName:Mock.Random.ctitle(1,0) , 
+		dgrmResourceName:Mock.Random.ctitle(1,0) , 
+		description:Mock.Random.ctitle(1,0) , 
+		'hasStartFormKey|0-1': 1 , 
+		'hasGraphicalNotation|0-1': 1 , 
+		'suspensionState|0-38': 1 , 
+		tenantId:Mock.Random.ctitle(1,5) , 
+		engineVersion:Mock.Random.ctitle(1,5)
+  }));
+}
+
+export { Procdefs };
diff --git a/src/mock/mdp/workflow/re/procdefMock.js b/src/mock/mdp/workflow/re/procdefMock.js
new file mode 100644
index 0000000..19f8d69
--- /dev/null
+++ b/src/mock/mdp/workflow/re/procdefMock.js
@@ -0,0 +1,200 @@
+import { Procdefs } from './procdef';
+let _Procdefs = Procdefs;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ProcdefMock from './mdp/workflow/re/procdefMock';
+ * ProcdefMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/re/procdef/listKey').reply(config => {
+      let params = config.params;
+      let mockProcdefs = _Procdefs.filter(procdef => {
+      	if(params.id||params.id==''){ if( procdef.id.indexOf(params.id)>=0) return true;}
+      	if(params.rev||params.rev==''){ if( procdef.rev.indexOf(params.rev)>=0) return true;}
+      	if(params.category||params.category==''){ if( procdef.category.indexOf(params.category)>=0) return true;}
+      	if(params.name||params.name==''){ if( procdef.name.indexOf(params.name)>=0) return true;}
+      	if(params.key||params.key==''){ if( procdef.key.indexOf(params.key)>=0) return true;}
+      	if(params.version||params.version==''){ if( procdef.version.indexOf(params.version)>=0) return true;}
+      	if(params.deploymentId||params.deploymentId==''){ if( procdef.deploymentId.indexOf(params.deploymentId)>=0) return true;}
+      	if(params.resourceName||params.resourceName==''){ if( procdef.resourceName.indexOf(params.resourceName)>=0) return true;}
+      	if(params.dgrmResourceName||params.dgrmResourceName==''){ if( procdef.dgrmResourceName.indexOf(params.dgrmResourceName)>=0) return true;}
+      	if(params.description||params.description==''){ if( procdef.description.indexOf(params.description)>=0) return true;}
+      	if(params.hasStartFormKey||params.hasStartFormKey==''){ if( procdef.hasStartFormKey.indexOf(params.hasStartFormKey)>=0) return true;}
+      	if(params.hasGraphicalNotation||params.hasGraphicalNotation==''){ if( procdef.hasGraphicalNotation.indexOf(params.hasGraphicalNotation)>=0) return true;}
+      	if(params.suspensionState||params.suspensionState==''){ if( procdef.suspensionState.indexOf(params.suspensionState)>=0) return true;}
+      	if(params.tenantId||params.tenantId==''){ if( procdef.tenantId.indexOf(params.tenantId)>=0) return true;}
+      	if(params.engineVersion||params.engineVersion==''){ if( procdef.engineVersion.indexOf(params.engineVersion)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockProcdefs
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/re/procdef/list').reply(config => {
+      let params = config.params;
+      let mockProcdefs = _Procdefs.filter(procdef => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(procdef.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.rev||params.rev==''){if(procdef.rev.indexOf(params.rev)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.category||params.category==''){if(procdef.category.indexOf(params.category)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(procdef.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.key||params.key==''){if(procdef.key.indexOf(params.key)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.version||params.version==''){if(procdef.version.indexOf(params.version)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deploymentId||params.deploymentId==''){if(procdef.deploymentId.indexOf(params.deploymentId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.resourceName||params.resourceName==''){if(procdef.resourceName.indexOf(params.resourceName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.dgrmResourceName||params.dgrmResourceName==''){if(procdef.dgrmResourceName.indexOf(params.dgrmResourceName)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.description||params.description==''){if(procdef.description.indexOf(params.description)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.hasStartFormKey||params.hasStartFormKey==''){if(procdef.hasStartFormKey.indexOf(params.hasStartFormKey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.hasGraphicalNotation||params.hasGraphicalNotation==''){if(procdef.hasGraphicalNotation.indexOf(params.hasGraphicalNotation)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.suspensionState||params.suspensionState==''){if(procdef.suspensionState.indexOf(params.suspensionState)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tenantId||params.tenantId==''){if(procdef.tenantId.indexOf(params.tenantId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.engineVersion||params.engineVersion==''){if(procdef.engineVersion.indexOf(params.engineVersion)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockProcdefs
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockProcdefs.length;
+      mockProcdefs = mockProcdefs.filter((procdef, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockProcdefs,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/re/procdef/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Procdefs = _Procdefs.filter(procdef => procdef.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/re/procdef/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Procdefs = _Procdefs.filter(procdef => !params.includes(procdef.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/re/procdef/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,rev,category,name,key,version,deploymentId,resourceName,dgrmResourceName,description,hasStartFormKey,hasGraphicalNotation,suspensionState,tenantId,engineVersion } = params;
+      _Procdefs.some(procdef => {
+        if (procdef.id === id) {
+			procdef.id = id;
+			procdef.rev = rev;
+			procdef.category = category;
+			procdef.name = name;
+			procdef.key = key;
+			procdef.version = version;
+			procdef.deploymentId = deploymentId;
+			procdef.resourceName = resourceName;
+			procdef.dgrmResourceName = dgrmResourceName;
+			procdef.description = description;
+			procdef.hasStartFormKey = hasStartFormKey;
+			procdef.hasGraphicalNotation = hasGraphicalNotation;
+			procdef.suspensionState = suspensionState;
+			procdef.tenantId = tenantId;
+			procdef.engineVersion = engineVersion
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/re/procdef/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,rev,category,name,key,version,deploymentId,resourceName,dgrmResourceName,description,hasStartFormKey,hasGraphicalNotation,suspensionState,tenantId,engineVersion } = params;
+      _Procdefs.push({
+		id:id,
+		rev:rev,
+		category:category,
+		name:name,
+		key:key,
+		version:version,
+		deploymentId:deploymentId,
+		resourceName:resourceName,
+		dgrmResourceName:dgrmResourceName,
+		description:description,
+		hasStartFormKey:hasStartFormKey,
+		hasGraphicalNotation:hasGraphicalNotation,
+		suspensionState:suspensionState,
+		tenantId:tenantId,
+		engineVersion:engineVersion
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/re/procdefParames.js b/src/mock/mdp/workflow/re/procdefParames.js
new file mode 100644
index 0000000..149beb0
--- /dev/null
+++ b/src/mock/mdp/workflow/re/procdefParames.js
@@ -0,0 +1,20 @@
+ import Mock from 'mockjs';
+
+const ProcdefParamess = [];
+
+for (let i = 0; i < 25; i++) {
+  ProcdefParamess.push(Mock.mock({
+		id:Mock.Random.string(5),
+		isRefForm:Mock.Random.character('lower') , 
+		monitors:Mock.Random.ctitle(1,0) , 
+		sponsors:Mock.Random.ctitle(1,0) , 
+		formId:Mock.Random.ctitle(1,0) , 
+		procDefId:Mock.Random.ctitle(1,0) , 
+		userid:Mock.Random.ctitle(1,0) , 
+		lastDate:Mock.Random.date('yyyy-MM-dd') , 
+		mainContext:Mock.Random.ctitle(1,0) , 
+		mainTitle:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { ProcdefParamess };
diff --git a/src/mock/mdp/workflow/re/procdefParamesMock.js b/src/mock/mdp/workflow/re/procdefParamesMock.js
new file mode 100644
index 0000000..c2a616e
--- /dev/null
+++ b/src/mock/mdp/workflow/re/procdefParamesMock.js
@@ -0,0 +1,180 @@
+import { ProcdefParamess } from './procdefParames';
+let _ProcdefParamess = ProcdefParamess;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ProcdefParamesMock from './mdp/workflow/re/procdefParamesMock';
+ * ProcdefParamesMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/re/procdefParames/listKey').reply(config => {
+      let params = config.params;
+      let mockProcdefParamess = _ProcdefParamess.filter(procdefParames => {
+      	if(params.id||params.id==''){ if( procdefParames.id.indexOf(params.id)>=0) return true;}
+      	if(params.isRefForm||params.isRefForm==''){ if( procdefParames.isRefForm.indexOf(params.isRefForm)>=0) return true;}
+      	if(params.monitors||params.monitors==''){ if( procdefParames.monitors.indexOf(params.monitors)>=0) return true;}
+      	if(params.sponsors||params.sponsors==''){ if( procdefParames.sponsors.indexOf(params.sponsors)>=0) return true;}
+      	if(params.formId||params.formId==''){ if( procdefParames.formId.indexOf(params.formId)>=0) return true;}
+      	if(params.procDefId||params.procDefId==''){ if( procdefParames.procDefId.indexOf(params.procDefId)>=0) return true;}
+      	if(params.userid||params.userid==''){ if( procdefParames.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.lastDate||params.lastDate==''){ if( procdefParames.lastDate.indexOf(params.lastDate)>=0) return true;}
+      	if(params.mainContext||params.mainContext==''){ if( procdefParames.mainContext.indexOf(params.mainContext)>=0) return true;}
+      	if(params.mainTitle||params.mainTitle==''){ if( procdefParames.mainTitle.indexOf(params.mainTitle)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockProcdefParamess
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/re/procdefParames/list').reply(config => {
+      let params = config.params;
+      let mockProcdefParamess = _ProcdefParamess.filter(procdefParames => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(procdefParames.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isRefForm||params.isRefForm==''){if(procdefParames.isRefForm.indexOf(params.isRefForm)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.monitors||params.monitors==''){if(procdefParames.monitors.indexOf(params.monitors)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.sponsors||params.sponsors==''){if(procdefParames.sponsors.indexOf(params.sponsors)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.formId||params.formId==''){if(procdefParames.formId.indexOf(params.formId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procDefId||params.procDefId==''){if(procdefParames.procDefId.indexOf(params.procDefId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userid||params.userid==''){if(procdefParames.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lastDate||params.lastDate==''){if(procdefParames.lastDate.indexOf(params.lastDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mainContext||params.mainContext==''){if(procdefParames.mainContext.indexOf(params.mainContext)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mainTitle||params.mainTitle==''){if(procdefParames.mainTitle.indexOf(params.mainTitle)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockProcdefParamess
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockProcdefParamess.length;
+      mockProcdefParamess = mockProcdefParamess.filter((procdefParames, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockProcdefParamess,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/re/procdefParames/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _ProcdefParamess = _ProcdefParamess.filter(procdefParames => procdefParames.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/re/procdefParames/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _ProcdefParamess = _ProcdefParamess.filter(procdefParames => !params.includes(procdefParames.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/re/procdefParames/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,isRefForm,monitors,sponsors,formId,procDefId,userid,lastDate,mainContext,mainTitle } = params;
+      _ProcdefParamess.some(procdefParames => {
+        if (procdefParames.id === id) {
+			procdefParames.id = id;
+			procdefParames.isRefForm = isRefForm;
+			procdefParames.monitors = monitors;
+			procdefParames.sponsors = sponsors;
+			procdefParames.formId = formId;
+			procdefParames.procDefId = procDefId;
+			procdefParames.userid = userid;
+			procdefParames.lastDate = lastDate;
+			procdefParames.mainContext = mainContext;
+			procdefParames.mainTitle = mainTitle
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/re/procdefParames/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,isRefForm,monitors,sponsors,formId,procDefId,userid,lastDate,mainContext,mainTitle } = params;
+      _ProcdefParamess.push({
+		id:id,
+		isRefForm:isRefForm,
+		monitors:monitors,
+		sponsors:sponsors,
+		formId:formId,
+		procDefId:procDefId,
+		userid:userid,
+		lastDate:lastDate,
+		mainContext:mainContext,
+		mainTitle:mainTitle
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/ru/execution.js b/src/mock/mdp/workflow/ru/execution.js
new file mode 100644
index 0000000..1ea8b57
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/execution.js
@@ -0,0 +1,40 @@
+ import Mock from 'mockjs';
+
+const Executions = [];
+
+for (let i = 0; i < 25; i++) {
+  Executions.push(Mock.mock({
+		id:Mock.Random.string(5),
+		'rev|0-38': 1 , 
+		procInstId:Mock.Random.ctitle(1,4) , 
+		businessKey:Mock.Random.ctitle(1,5) , 
+		parentId:Mock.Random.ctitle(1,4) , 
+		procDefId:Mock.Random.ctitle(1,4) , 
+		superExec:Mock.Random.ctitle(1,4) , 
+		actId:Mock.Random.ctitle(1,5) , 
+		'isActive|0-1': 1 , 
+		'isConcurrent|0-1': 1 , 
+		'isScope|0-1': 1 , 
+		'isEventScope|0-1': 1 , 
+		'suspensionState|0-38': 1 , 
+		'cachedEntState|0-38': 1 , 
+		tenantId:Mock.Random.ctitle(1,5) , 
+		name:Mock.Random.ctitle(1,5) , 
+		lockTime:Mock.Random.date('yyyy-MM-dd') , 
+		rootProcInstId:Mock.Random.ctitle(1,4) , 
+		'isMiRoot|0-1': 1 , 
+		startTime:Mock.Random.date('yyyy-MM-dd') , 
+		startUserId:Mock.Random.ctitle(1,5) , 
+		'isCountEnabled|0-1': 1 , 
+		'evtSubscrCount|0-38': 1 , 
+		'taskCount|0-38': 1 , 
+		'jobCount|0-38': 1 , 
+		'timerJobCount|0-38': 1 , 
+		'suspJobCount|0-38': 1 , 
+		'deadletterJobCount|0-38': 1 , 
+		'varCount|0-38': 1 , 
+		'idLinkCount|0-38': 1
+  }));
+}
+
+export { Executions };
diff --git a/src/mock/mdp/workflow/ru/executionMock.js b/src/mock/mdp/workflow/ru/executionMock.js
new file mode 100644
index 0000000..33ba23c
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/executionMock.js
@@ -0,0 +1,260 @@
+import { Executions } from './execution';
+let _Executions = Executions;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ExecutionMock from './mdp/workflow/ru/executionMock';
+ * ExecutionMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/ru/execution/listKey').reply(config => {
+      let params = config.params;
+      let mockExecutions = _Executions.filter(execution => {
+      	if(params.id||params.id==''){ if( execution.id.indexOf(params.id)>=0) return true;}
+      	if(params.rev||params.rev==''){ if( execution.rev.indexOf(params.rev)>=0) return true;}
+      	if(params.procInstId||params.procInstId==''){ if( execution.procInstId.indexOf(params.procInstId)>=0) return true;}
+      	if(params.businessKey||params.businessKey==''){ if( execution.businessKey.indexOf(params.businessKey)>=0) return true;}
+      	if(params.parentId||params.parentId==''){ if( execution.parentId.indexOf(params.parentId)>=0) return true;}
+      	if(params.procDefId||params.procDefId==''){ if( execution.procDefId.indexOf(params.procDefId)>=0) return true;}
+      	if(params.superExec||params.superExec==''){ if( execution.superExec.indexOf(params.superExec)>=0) return true;}
+      	if(params.actId||params.actId==''){ if( execution.actId.indexOf(params.actId)>=0) return true;}
+      	if(params.isActive||params.isActive==''){ if( execution.isActive.indexOf(params.isActive)>=0) return true;}
+      	if(params.isConcurrent||params.isConcurrent==''){ if( execution.isConcurrent.indexOf(params.isConcurrent)>=0) return true;}
+      	if(params.isScope||params.isScope==''){ if( execution.isScope.indexOf(params.isScope)>=0) return true;}
+      	if(params.isEventScope||params.isEventScope==''){ if( execution.isEventScope.indexOf(params.isEventScope)>=0) return true;}
+      	if(params.suspensionState||params.suspensionState==''){ if( execution.suspensionState.indexOf(params.suspensionState)>=0) return true;}
+      	if(params.cachedEntState||params.cachedEntState==''){ if( execution.cachedEntState.indexOf(params.cachedEntState)>=0) return true;}
+      	if(params.tenantId||params.tenantId==''){ if( execution.tenantId.indexOf(params.tenantId)>=0) return true;}
+      	if(params.name||params.name==''){ if( execution.name.indexOf(params.name)>=0) return true;}
+      	if(params.lockTime||params.lockTime==''){ if( execution.lockTime.indexOf(params.lockTime)>=0) return true;}
+      	if(params.rootProcInstId||params.rootProcInstId==''){ if( execution.rootProcInstId.indexOf(params.rootProcInstId)>=0) return true;}
+      	if(params.isMiRoot||params.isMiRoot==''){ if( execution.isMiRoot.indexOf(params.isMiRoot)>=0) return true;}
+      	if(params.startTime||params.startTime==''){ if( execution.startTime.indexOf(params.startTime)>=0) return true;}
+      	if(params.startUserId||params.startUserId==''){ if( execution.startUserId.indexOf(params.startUserId)>=0) return true;}
+      	if(params.isCountEnabled||params.isCountEnabled==''){ if( execution.isCountEnabled.indexOf(params.isCountEnabled)>=0) return true;}
+      	if(params.evtSubscrCount||params.evtSubscrCount==''){ if( execution.evtSubscrCount.indexOf(params.evtSubscrCount)>=0) return true;}
+      	if(params.taskCount||params.taskCount==''){ if( execution.taskCount.indexOf(params.taskCount)>=0) return true;}
+      	if(params.jobCount||params.jobCount==''){ if( execution.jobCount.indexOf(params.jobCount)>=0) return true;}
+      	if(params.timerJobCount||params.timerJobCount==''){ if( execution.timerJobCount.indexOf(params.timerJobCount)>=0) return true;}
+      	if(params.suspJobCount||params.suspJobCount==''){ if( execution.suspJobCount.indexOf(params.suspJobCount)>=0) return true;}
+      	if(params.deadletterJobCount||params.deadletterJobCount==''){ if( execution.deadletterJobCount.indexOf(params.deadletterJobCount)>=0) return true;}
+      	if(params.varCount||params.varCount==''){ if( execution.varCount.indexOf(params.varCount)>=0) return true;}
+      	if(params.idLinkCount||params.idLinkCount==''){ if( execution.idLinkCount.indexOf(params.idLinkCount)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockExecutions
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/ru/execution/list').reply(config => {
+      let params = config.params;
+      let mockExecutions = _Executions.filter(execution => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(execution.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.rev||params.rev==''){if(execution.rev.indexOf(params.rev)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procInstId||params.procInstId==''){if(execution.procInstId.indexOf(params.procInstId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.businessKey||params.businessKey==''){if(execution.businessKey.indexOf(params.businessKey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.parentId||params.parentId==''){if(execution.parentId.indexOf(params.parentId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procDefId||params.procDefId==''){if(execution.procDefId.indexOf(params.procDefId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.superExec||params.superExec==''){if(execution.superExec.indexOf(params.superExec)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.actId||params.actId==''){if(execution.actId.indexOf(params.actId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isActive||params.isActive==''){if(execution.isActive.indexOf(params.isActive)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isConcurrent||params.isConcurrent==''){if(execution.isConcurrent.indexOf(params.isConcurrent)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isScope||params.isScope==''){if(execution.isScope.indexOf(params.isScope)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isEventScope||params.isEventScope==''){if(execution.isEventScope.indexOf(params.isEventScope)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.suspensionState||params.suspensionState==''){if(execution.suspensionState.indexOf(params.suspensionState)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.cachedEntState||params.cachedEntState==''){if(execution.cachedEntState.indexOf(params.cachedEntState)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tenantId||params.tenantId==''){if(execution.tenantId.indexOf(params.tenantId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(execution.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lockTime||params.lockTime==''){if(execution.lockTime.indexOf(params.lockTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.rootProcInstId||params.rootProcInstId==''){if(execution.rootProcInstId.indexOf(params.rootProcInstId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isMiRoot||params.isMiRoot==''){if(execution.isMiRoot.indexOf(params.isMiRoot)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startTime||params.startTime==''){if(execution.startTime.indexOf(params.startTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startUserId||params.startUserId==''){if(execution.startUserId.indexOf(params.startUserId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isCountEnabled||params.isCountEnabled==''){if(execution.isCountEnabled.indexOf(params.isCountEnabled)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.evtSubscrCount||params.evtSubscrCount==''){if(execution.evtSubscrCount.indexOf(params.evtSubscrCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.taskCount||params.taskCount==''){if(execution.taskCount.indexOf(params.taskCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.jobCount||params.jobCount==''){if(execution.jobCount.indexOf(params.jobCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.timerJobCount||params.timerJobCount==''){if(execution.timerJobCount.indexOf(params.timerJobCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.suspJobCount||params.suspJobCount==''){if(execution.suspJobCount.indexOf(params.suspJobCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deadletterJobCount||params.deadletterJobCount==''){if(execution.deadletterJobCount.indexOf(params.deadletterJobCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.varCount||params.varCount==''){if(execution.varCount.indexOf(params.varCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.idLinkCount||params.idLinkCount==''){if(execution.idLinkCount.indexOf(params.idLinkCount)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockExecutions
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockExecutions.length;
+      mockExecutions = mockExecutions.filter((execution, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockExecutions,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/ru/execution/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Executions = _Executions.filter(execution => execution.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/ru/execution/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Executions = _Executions.filter(execution => !params.includes(execution.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/ru/execution/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,rev,procInstId,businessKey,parentId,procDefId,superExec,actId,isActive,isConcurrent,isScope,isEventScope,suspensionState,cachedEntState,tenantId,name,lockTime,rootProcInstId,isMiRoot,startTime,startUserId,isCountEnabled,evtSubscrCount,taskCount,jobCount,timerJobCount,suspJobCount,deadletterJobCount,varCount,idLinkCount } = params;
+      _Executions.some(execution => {
+        if (execution.id === id) {
+			execution.id = id;
+			execution.rev = rev;
+			execution.procInstId = procInstId;
+			execution.businessKey = businessKey;
+			execution.parentId = parentId;
+			execution.procDefId = procDefId;
+			execution.superExec = superExec;
+			execution.actId = actId;
+			execution.isActive = isActive;
+			execution.isConcurrent = isConcurrent;
+			execution.isScope = isScope;
+			execution.isEventScope = isEventScope;
+			execution.suspensionState = suspensionState;
+			execution.cachedEntState = cachedEntState;
+			execution.tenantId = tenantId;
+			execution.name = name;
+			execution.lockTime = lockTime;
+			execution.rootProcInstId = rootProcInstId;
+			execution.isMiRoot = isMiRoot;
+			execution.startTime = startTime;
+			execution.startUserId = startUserId;
+			execution.isCountEnabled = isCountEnabled;
+			execution.evtSubscrCount = evtSubscrCount;
+			execution.taskCount = taskCount;
+			execution.jobCount = jobCount;
+			execution.timerJobCount = timerJobCount;
+			execution.suspJobCount = suspJobCount;
+			execution.deadletterJobCount = deadletterJobCount;
+			execution.varCount = varCount;
+			execution.idLinkCount = idLinkCount
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/ru/execution/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,rev,procInstId,businessKey,parentId,procDefId,superExec,actId,isActive,isConcurrent,isScope,isEventScope,suspensionState,cachedEntState,tenantId,name,lockTime,rootProcInstId,isMiRoot,startTime,startUserId,isCountEnabled,evtSubscrCount,taskCount,jobCount,timerJobCount,suspJobCount,deadletterJobCount,varCount,idLinkCount } = params;
+      _Executions.push({
+		id:id,
+		rev:rev,
+		procInstId:procInstId,
+		businessKey:businessKey,
+		parentId:parentId,
+		procDefId:procDefId,
+		superExec:superExec,
+		actId:actId,
+		isActive:isActive,
+		isConcurrent:isConcurrent,
+		isScope:isScope,
+		isEventScope:isEventScope,
+		suspensionState:suspensionState,
+		cachedEntState:cachedEntState,
+		tenantId:tenantId,
+		name:name,
+		lockTime:lockTime,
+		rootProcInstId:rootProcInstId,
+		isMiRoot:isMiRoot,
+		startTime:startTime,
+		startUserId:startUserId,
+		isCountEnabled:isCountEnabled,
+		evtSubscrCount:evtSubscrCount,
+		taskCount:taskCount,
+		jobCount:jobCount,
+		timerJobCount:timerJobCount,
+		suspJobCount:suspJobCount,
+		deadletterJobCount:deadletterJobCount,
+		varCount:varCount,
+		idLinkCount:idLinkCount
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/ru/procdefParames.js b/src/mock/mdp/workflow/ru/procdefParames.js
new file mode 100644
index 0000000..149beb0
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/procdefParames.js
@@ -0,0 +1,20 @@
+ import Mock from 'mockjs';
+
+const ProcdefParamess = [];
+
+for (let i = 0; i < 25; i++) {
+  ProcdefParamess.push(Mock.mock({
+		id:Mock.Random.string(5),
+		isRefForm:Mock.Random.character('lower') , 
+		monitors:Mock.Random.ctitle(1,0) , 
+		sponsors:Mock.Random.ctitle(1,0) , 
+		formId:Mock.Random.ctitle(1,0) , 
+		procDefId:Mock.Random.ctitle(1,0) , 
+		userid:Mock.Random.ctitle(1,0) , 
+		lastDate:Mock.Random.date('yyyy-MM-dd') , 
+		mainContext:Mock.Random.ctitle(1,0) , 
+		mainTitle:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { ProcdefParamess };
diff --git a/src/mock/mdp/workflow/ru/procdefParamesMock.js b/src/mock/mdp/workflow/ru/procdefParamesMock.js
new file mode 100644
index 0000000..c3fcb0a
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/procdefParamesMock.js
@@ -0,0 +1,180 @@
+import { ProcdefParamess } from './procdefParames';
+let _ProcdefParamess = ProcdefParamess;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ProcdefParamesMock from './mdp/workflow/ru/procdefParamesMock';
+ * ProcdefParamesMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/ru/procdefParames/listKey').reply(config => {
+      let params = config.params;
+      let mockProcdefParamess = _ProcdefParamess.filter(procdefParames => {
+      	if(params.id||params.id==''){ if( procdefParames.id.indexOf(params.id)>=0) return true;}
+      	if(params.isRefForm||params.isRefForm==''){ if( procdefParames.isRefForm.indexOf(params.isRefForm)>=0) return true;}
+      	if(params.monitors||params.monitors==''){ if( procdefParames.monitors.indexOf(params.monitors)>=0) return true;}
+      	if(params.sponsors||params.sponsors==''){ if( procdefParames.sponsors.indexOf(params.sponsors)>=0) return true;}
+      	if(params.formId||params.formId==''){ if( procdefParames.formId.indexOf(params.formId)>=0) return true;}
+      	if(params.procDefId||params.procDefId==''){ if( procdefParames.procDefId.indexOf(params.procDefId)>=0) return true;}
+      	if(params.userid||params.userid==''){ if( procdefParames.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.lastDate||params.lastDate==''){ if( procdefParames.lastDate.indexOf(params.lastDate)>=0) return true;}
+      	if(params.mainContext||params.mainContext==''){ if( procdefParames.mainContext.indexOf(params.mainContext)>=0) return true;}
+      	if(params.mainTitle||params.mainTitle==''){ if( procdefParames.mainTitle.indexOf(params.mainTitle)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockProcdefParamess
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/ru/procdefParames/list').reply(config => {
+      let params = config.params;
+      let mockProcdefParamess = _ProcdefParamess.filter(procdefParames => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(procdefParames.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isRefForm||params.isRefForm==''){if(procdefParames.isRefForm.indexOf(params.isRefForm)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.monitors||params.monitors==''){if(procdefParames.monitors.indexOf(params.monitors)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.sponsors||params.sponsors==''){if(procdefParames.sponsors.indexOf(params.sponsors)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.formId||params.formId==''){if(procdefParames.formId.indexOf(params.formId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procDefId||params.procDefId==''){if(procdefParames.procDefId.indexOf(params.procDefId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userid||params.userid==''){if(procdefParames.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.lastDate||params.lastDate==''){if(procdefParames.lastDate.indexOf(params.lastDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mainContext||params.mainContext==''){if(procdefParames.mainContext.indexOf(params.mainContext)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mainTitle||params.mainTitle==''){if(procdefParames.mainTitle.indexOf(params.mainTitle)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockProcdefParamess
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockProcdefParamess.length;
+      mockProcdefParamess = mockProcdefParamess.filter((procdefParames, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockProcdefParamess,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/ru/procdefParames/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _ProcdefParamess = _ProcdefParamess.filter(procdefParames => procdefParames.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/ru/procdefParames/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _ProcdefParamess = _ProcdefParamess.filter(procdefParames => !params.includes(procdefParames.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/ru/procdefParames/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,isRefForm,monitors,sponsors,formId,procDefId,userid,lastDate,mainContext,mainTitle } = params;
+      _ProcdefParamess.some(procdefParames => {
+        if (procdefParames.id === id) {
+			procdefParames.id = id;
+			procdefParames.isRefForm = isRefForm;
+			procdefParames.monitors = monitors;
+			procdefParames.sponsors = sponsors;
+			procdefParames.formId = formId;
+			procdefParames.procDefId = procDefId;
+			procdefParames.userid = userid;
+			procdefParames.lastDate = lastDate;
+			procdefParames.mainContext = mainContext;
+			procdefParames.mainTitle = mainTitle
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/ru/procdefParames/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,isRefForm,monitors,sponsors,formId,procDefId,userid,lastDate,mainContext,mainTitle } = params;
+      _ProcdefParamess.push({
+		id:id,
+		isRefForm:isRefForm,
+		monitors:monitors,
+		sponsors:sponsors,
+		formId:formId,
+		procDefId:procDefId,
+		userid:userid,
+		lastDate:lastDate,
+		mainContext:mainContext,
+		mainTitle:mainTitle
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/ru/procinst.js b/src/mock/mdp/workflow/ru/procinst.js
new file mode 100644
index 0000000..222314e
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/procinst.js
@@ -0,0 +1,24 @@
+ import Mock from 'mockjs';
+
+const Procinsts = [];
+
+for (let i = 0; i < 25; i++) {
+  Procinsts.push(Mock.mock({
+		id:Mock.Random.string(5),
+		procInstId:Mock.Random.ctitle(1,4) , 
+		businessKey:Mock.Random.ctitle(1,5) , 
+		procDefId:Mock.Random.ctitle(1,4) , 
+		startTime:Mock.Random.date('yyyy-MM-dd') , 
+		endTime:Mock.Random.date('yyyy-MM-dd') , 
+		'duration|0-19': 1 , 
+		startUserId:Mock.Random.ctitle(1,5) , 
+		startActId:Mock.Random.ctitle(1,5) , 
+		endActId:Mock.Random.ctitle(1,5) , 
+		superProcessInstanceId:Mock.Random.ctitle(1,4) , 
+		deleteReason:Mock.Random.ctitle(1,0) , 
+		tenantId:Mock.Random.ctitle(1,5) , 
+		name:Mock.Random.ctitle(1,5)
+  }));
+}
+
+export { Procinsts };
diff --git a/src/mock/mdp/workflow/ru/procinstMock.js b/src/mock/mdp/workflow/ru/procinstMock.js
new file mode 100644
index 0000000..04ad7c7
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/procinstMock.js
@@ -0,0 +1,196 @@
+import { Procinsts } from './procinst';
+let _Procinsts = Procinsts;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ProcinstMock from './mdp/workflow/ru/procinstMock';
+ * ProcinstMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/ru/procinst/listKey').reply(config => {
+      let params = config.params;
+      let mockProcinsts = _Procinsts.filter(procinst => {
+      	if(params.id||params.id==''){ if( procinst.id.indexOf(params.id)>=0) return true;}
+      	if(params.procInstId||params.procInstId==''){ if( procinst.procInstId.indexOf(params.procInstId)>=0) return true;}
+      	if(params.businessKey||params.businessKey==''){ if( procinst.businessKey.indexOf(params.businessKey)>=0) return true;}
+      	if(params.procDefId||params.procDefId==''){ if( procinst.procDefId.indexOf(params.procDefId)>=0) return true;}
+      	if(params.startTime||params.startTime==''){ if( procinst.startTime.indexOf(params.startTime)>=0) return true;}
+      	if(params.endTime||params.endTime==''){ if( procinst.endTime.indexOf(params.endTime)>=0) return true;}
+      	if(params.duration||params.duration==''){ if( procinst.duration.indexOf(params.duration)>=0) return true;}
+      	if(params.startUserId||params.startUserId==''){ if( procinst.startUserId.indexOf(params.startUserId)>=0) return true;}
+      	if(params.startActId||params.startActId==''){ if( procinst.startActId.indexOf(params.startActId)>=0) return true;}
+      	if(params.endActId||params.endActId==''){ if( procinst.endActId.indexOf(params.endActId)>=0) return true;}
+      	if(params.superProcessInstanceId||params.superProcessInstanceId==''){ if( procinst.superProcessInstanceId.indexOf(params.superProcessInstanceId)>=0) return true;}
+      	if(params.deleteReason||params.deleteReason==''){ if( procinst.deleteReason.indexOf(params.deleteReason)>=0) return true;}
+      	if(params.tenantId||params.tenantId==''){ if( procinst.tenantId.indexOf(params.tenantId)>=0) return true;}
+      	if(params.name||params.name==''){ if( procinst.name.indexOf(params.name)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockProcinsts
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/ru/procinst/list').reply(config => {
+      let params = config.params;
+      let mockProcinsts = _Procinsts.filter(procinst => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(procinst.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procInstId||params.procInstId==''){if(procinst.procInstId.indexOf(params.procInstId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.businessKey||params.businessKey==''){if(procinst.businessKey.indexOf(params.businessKey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procDefId||params.procDefId==''){if(procinst.procDefId.indexOf(params.procDefId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startTime||params.startTime==''){if(procinst.startTime.indexOf(params.startTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.endTime||params.endTime==''){if(procinst.endTime.indexOf(params.endTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.duration||params.duration==''){if(procinst.duration.indexOf(params.duration)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startUserId||params.startUserId==''){if(procinst.startUserId.indexOf(params.startUserId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startActId||params.startActId==''){if(procinst.startActId.indexOf(params.startActId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.endActId||params.endActId==''){if(procinst.endActId.indexOf(params.endActId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.superProcessInstanceId||params.superProcessInstanceId==''){if(procinst.superProcessInstanceId.indexOf(params.superProcessInstanceId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deleteReason||params.deleteReason==''){if(procinst.deleteReason.indexOf(params.deleteReason)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tenantId||params.tenantId==''){if(procinst.tenantId.indexOf(params.tenantId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(procinst.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockProcinsts
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockProcinsts.length;
+      mockProcinsts = mockProcinsts.filter((procinst, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockProcinsts,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/ru/procinst/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Procinsts = _Procinsts.filter(procinst => procinst.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/ru/procinst/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Procinsts = _Procinsts.filter(procinst => !params.includes(procinst.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/ru/procinst/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,procInstId,businessKey,procDefId,startTime,endTime,duration,startUserId,startActId,endActId,superProcessInstanceId,deleteReason,tenantId,name } = params;
+      _Procinsts.some(procinst => {
+        if (procinst.id === id) {
+			procinst.id = id;
+			procinst.procInstId = procInstId;
+			procinst.businessKey = businessKey;
+			procinst.procDefId = procDefId;
+			procinst.startTime = startTime;
+			procinst.endTime = endTime;
+			procinst.duration = duration;
+			procinst.startUserId = startUserId;
+			procinst.startActId = startActId;
+			procinst.endActId = endActId;
+			procinst.superProcessInstanceId = superProcessInstanceId;
+			procinst.deleteReason = deleteReason;
+			procinst.tenantId = tenantId;
+			procinst.name = name
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/ru/procinst/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,procInstId,businessKey,procDefId,startTime,endTime,duration,startUserId,startActId,endActId,superProcessInstanceId,deleteReason,tenantId,name } = params;
+      _Procinsts.push({
+		id:id,
+		procInstId:procInstId,
+		businessKey:businessKey,
+		procDefId:procDefId,
+		startTime:startTime,
+		endTime:endTime,
+		duration:duration,
+		startUserId:startUserId,
+		startActId:startActId,
+		endActId:endActId,
+		superProcessInstanceId:superProcessInstanceId,
+		deleteReason:deleteReason,
+		tenantId:tenantId,
+		name:name
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/ru/procinstParames.js b/src/mock/mdp/workflow/ru/procinstParames.js
new file mode 100644
index 0000000..56d1505
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/procinstParames.js
@@ -0,0 +1,26 @@
+ import Mock from 'mockjs';
+
+const ProcinstParamess = [];
+
+for (let i = 0; i < 25; i++) {
+  ProcinstParamess.push(Mock.mock({
+		id:Mock.Random.string(5),
+		isRefForm:Mock.Random.character('lower') , 
+		monitors:Mock.Random.ctitle(1,0) , 
+		sponsors:Mock.Random.ctitle(1,0) , 
+		procInstId:Mock.Random.ctitle(1,0) , 
+		formId:Mock.Random.ctitle(1,0) , 
+		formDataId:Mock.Random.ctitle(1,0) , 
+		procDefId:Mock.Random.ctitle(1,0) , 
+		userid:Mock.Random.ctitle(1,0) , 
+		startDate:Mock.Random.date('yyyy-MM-dd') , 
+		isTemplate:Mock.Random.character('lower') , 
+		mainContext:Mock.Random.ctitle(1,0) , 
+		attachmentNames:Mock.Random.ctitle(1,0) , 
+		mainTitle:Mock.Random.ctitle(1,0) , 
+		deptid:Mock.Random.ctitle(1,0) , 
+		attachmentUrls:Mock.Random.ctitle(1,0)
+  }));
+}
+
+export { ProcinstParamess };
diff --git a/src/mock/mdp/workflow/ru/procinstParamesMock.js b/src/mock/mdp/workflow/ru/procinstParamesMock.js
new file mode 100644
index 0000000..1cf3654
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/procinstParamesMock.js
@@ -0,0 +1,204 @@
+import { ProcinstParamess } from './procinstParames';
+let _ProcinstParamess = ProcinstParamess;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import ProcinstParamesMock from './mdp/workflow/ru/procinstParamesMock';
+ * ProcinstParamesMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/ru/procinstParames/listKey').reply(config => {
+      let params = config.params;
+      let mockProcinstParamess = _ProcinstParamess.filter(procinstParames => {
+      	if(params.id||params.id==''){ if( procinstParames.id.indexOf(params.id)>=0) return true;}
+      	if(params.isRefForm||params.isRefForm==''){ if( procinstParames.isRefForm.indexOf(params.isRefForm)>=0) return true;}
+      	if(params.monitors||params.monitors==''){ if( procinstParames.monitors.indexOf(params.monitors)>=0) return true;}
+      	if(params.sponsors||params.sponsors==''){ if( procinstParames.sponsors.indexOf(params.sponsors)>=0) return true;}
+      	if(params.procInstId||params.procInstId==''){ if( procinstParames.procInstId.indexOf(params.procInstId)>=0) return true;}
+      	if(params.formId||params.formId==''){ if( procinstParames.formId.indexOf(params.formId)>=0) return true;}
+      	if(params.formDataId||params.formDataId==''){ if( procinstParames.formDataId.indexOf(params.formDataId)>=0) return true;}
+      	if(params.procDefId||params.procDefId==''){ if( procinstParames.procDefId.indexOf(params.procDefId)>=0) return true;}
+      	if(params.userid||params.userid==''){ if( procinstParames.userid.indexOf(params.userid)>=0) return true;}
+      	if(params.startDate||params.startDate==''){ if( procinstParames.startDate.indexOf(params.startDate)>=0) return true;}
+      	if(params.isTemplate||params.isTemplate==''){ if( procinstParames.isTemplate.indexOf(params.isTemplate)>=0) return true;}
+      	if(params.mainContext||params.mainContext==''){ if( procinstParames.mainContext.indexOf(params.mainContext)>=0) return true;}
+      	if(params.attachmentNames||params.attachmentNames==''){ if( procinstParames.attachmentNames.indexOf(params.attachmentNames)>=0) return true;}
+      	if(params.mainTitle||params.mainTitle==''){ if( procinstParames.mainTitle.indexOf(params.mainTitle)>=0) return true;}
+      	if(params.deptid||params.deptid==''){ if( procinstParames.deptid.indexOf(params.deptid)>=0) return true;}
+      	if(params.attachmentUrls||params.attachmentUrls==''){ if( procinstParames.attachmentUrls.indexOf(params.attachmentUrls)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockProcinstParamess
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/ru/procinstParames/list').reply(config => {
+      let params = config.params;
+      let mockProcinstParamess = _ProcinstParamess.filter(procinstParames => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(procinstParames.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isRefForm||params.isRefForm==''){if(procinstParames.isRefForm.indexOf(params.isRefForm)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.monitors||params.monitors==''){if(procinstParames.monitors.indexOf(params.monitors)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.sponsors||params.sponsors==''){if(procinstParames.sponsors.indexOf(params.sponsors)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procInstId||params.procInstId==''){if(procinstParames.procInstId.indexOf(params.procInstId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.formId||params.formId==''){if(procinstParames.formId.indexOf(params.formId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.formDataId||params.formDataId==''){if(procinstParames.formDataId.indexOf(params.formDataId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procDefId||params.procDefId==''){if(procinstParames.procDefId.indexOf(params.procDefId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.userid||params.userid==''){if(procinstParames.userid.indexOf(params.userid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.startDate||params.startDate==''){if(procinstParames.startDate.indexOf(params.startDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.isTemplate||params.isTemplate==''){if(procinstParames.isTemplate.indexOf(params.isTemplate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mainContext||params.mainContext==''){if(procinstParames.mainContext.indexOf(params.mainContext)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.attachmentNames||params.attachmentNames==''){if(procinstParames.attachmentNames.indexOf(params.attachmentNames)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.mainTitle||params.mainTitle==''){if(procinstParames.mainTitle.indexOf(params.mainTitle)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.deptid||params.deptid==''){if(procinstParames.deptid.indexOf(params.deptid)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.attachmentUrls||params.attachmentUrls==''){if(procinstParames.attachmentUrls.indexOf(params.attachmentUrls)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockProcinstParamess
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockProcinstParamess.length;
+      mockProcinstParamess = mockProcinstParamess.filter((procinstParames, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockProcinstParamess,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/ru/procinstParames/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _ProcinstParamess = _ProcinstParamess.filter(procinstParames => procinstParames.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/ru/procinstParames/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _ProcinstParamess = _ProcinstParamess.filter(procinstParames => !params.includes(procinstParames.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/ru/procinstParames/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,isRefForm,monitors,sponsors,procInstId,formId,formDataId,procDefId,userid,startDate,isTemplate,mainContext,attachmentNames,mainTitle,deptid,attachmentUrls } = params;
+      _ProcinstParamess.some(procinstParames => {
+        if (procinstParames.id === id) {
+			procinstParames.id = id;
+			procinstParames.isRefForm = isRefForm;
+			procinstParames.monitors = monitors;
+			procinstParames.sponsors = sponsors;
+			procinstParames.procInstId = procInstId;
+			procinstParames.formId = formId;
+			procinstParames.formDataId = formDataId;
+			procinstParames.procDefId = procDefId;
+			procinstParames.userid = userid;
+			procinstParames.startDate = startDate;
+			procinstParames.isTemplate = isTemplate;
+			procinstParames.mainContext = mainContext;
+			procinstParames.attachmentNames = attachmentNames;
+			procinstParames.mainTitle = mainTitle;
+			procinstParames.deptid = deptid;
+			procinstParames.attachmentUrls = attachmentUrls
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/ru/procinstParames/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,isRefForm,monitors,sponsors,procInstId,formId,formDataId,procDefId,userid,startDate,isTemplate,mainContext,attachmentNames,mainTitle,deptid,attachmentUrls } = params;
+      _ProcinstParamess.push({
+		id:id,
+		isRefForm:isRefForm,
+		monitors:monitors,
+		sponsors:sponsors,
+		procInstId:procInstId,
+		formId:formId,
+		formDataId:formDataId,
+		procDefId:procDefId,
+		userid:userid,
+		startDate:startDate,
+		isTemplate:isTemplate,
+		mainContext:mainContext,
+		attachmentNames:attachmentNames,
+		mainTitle:mainTitle,
+		deptid:deptid,
+		attachmentUrls:attachmentUrls
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/mdp/workflow/ru/task.js b/src/mock/mdp/workflow/ru/task.js
new file mode 100644
index 0000000..e4a8e4c
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/task.js
@@ -0,0 +1,30 @@
+ import Mock from 'mockjs';
+
+const Tasks = [];
+
+for (let i = 0; i < 25; i++) {
+  Tasks.push(Mock.mock({
+		id:Mock.Random.string(5),
+		'rev|0-38': 1 , 
+		executionId:Mock.Random.ctitle(1,4) , 
+		procInstId:Mock.Random.ctitle(1,4) , 
+		procDefId:Mock.Random.ctitle(1,4) , 
+		name:Mock.Random.ctitle(1,5) , 
+		parentTaskId:Mock.Random.ctitle(1,4) , 
+		description:Mock.Random.ctitle(1,0) , 
+		taskDefKey:Mock.Random.ctitle(1,5) , 
+		owner:Mock.Random.ctitle(1,5) , 
+		assignee:Mock.Random.ctitle(1,5) , 
+		delegation:Mock.Random.ctitle(1,4) , 
+		'priority|0-38': 1 , 
+		createTime:Mock.Random.date('yyyy-MM-dd') , 
+		dueDate:Mock.Random.date('yyyy-MM-dd') , 
+		category:Mock.Random.ctitle(1,5) , 
+		'suspensionState|0-38': 1 , 
+		tenantId:Mock.Random.ctitle(1,5) , 
+		formKey:Mock.Random.ctitle(1,5) , 
+		claimTime:Mock.Random.date('yyyy-MM-dd')
+  }));
+}
+
+export { Tasks };
diff --git a/src/mock/mdp/workflow/ru/taskMock.js b/src/mock/mdp/workflow/ru/taskMock.js
new file mode 100644
index 0000000..0fe3f93
--- /dev/null
+++ b/src/mock/mdp/workflow/ru/taskMock.js
@@ -0,0 +1,220 @@
+import { Tasks } from './task';
+let _Tasks = Tasks;
+/**
+ * 拷贝下面两行到 mock/index.js中,即可支持客户端虚拟数据、免服务端连接
+ * import TaskMock from './mdp/workflow/ru/taskMock';
+ * TaskMock.bootstrap(mock);
+ */
+export default {
+  /**
+   * mock bootstrap
+   */
+  bootstrap(mock) {    
+  
+    //获取列表 模糊查询、根据关键字查询
+    mock.onGet('/mdp/workflow/ru/task/listKey').reply(config => {
+      let params = config.params;
+      let mockTasks = _Tasks.filter(task => {
+      	if(params.id||params.id==''){ if( task.id.indexOf(params.id)>=0) return true;}
+      	if(params.rev||params.rev==''){ if( task.rev.indexOf(params.rev)>=0) return true;}
+      	if(params.executionId||params.executionId==''){ if( task.executionId.indexOf(params.executionId)>=0) return true;}
+      	if(params.procInstId||params.procInstId==''){ if( task.procInstId.indexOf(params.procInstId)>=0) return true;}
+      	if(params.procDefId||params.procDefId==''){ if( task.procDefId.indexOf(params.procDefId)>=0) return true;}
+      	if(params.name||params.name==''){ if( task.name.indexOf(params.name)>=0) return true;}
+      	if(params.parentTaskId||params.parentTaskId==''){ if( task.parentTaskId.indexOf(params.parentTaskId)>=0) return true;}
+      	if(params.description||params.description==''){ if( task.description.indexOf(params.description)>=0) return true;}
+      	if(params.taskDefKey||params.taskDefKey==''){ if( task.taskDefKey.indexOf(params.taskDefKey)>=0) return true;}
+      	if(params.owner||params.owner==''){ if( task.owner.indexOf(params.owner)>=0) return true;}
+      	if(params.assignee||params.assignee==''){ if( task.assignee.indexOf(params.assignee)>=0) return true;}
+      	if(params.delegation||params.delegation==''){ if( task.delegation.indexOf(params.delegation)>=0) return true;}
+      	if(params.priority||params.priority==''){ if( task.priority.indexOf(params.priority)>=0) return true;}
+      	if(params.createTime||params.createTime==''){ if( task.createTime.indexOf(params.createTime)>=0) return true;}
+      	if(params.dueDate||params.dueDate==''){ if( task.dueDate.indexOf(params.dueDate)>=0) return true;}
+      	if(params.category||params.category==''){ if( task.category.indexOf(params.category)>=0) return true;}
+      	if(params.suspensionState||params.suspensionState==''){ if( task.suspensionState.indexOf(params.suspensionState)>=0) return true;}
+      	if(params.tenantId||params.tenantId==''){ if( task.tenantId.indexOf(params.tenantId)>=0) return true;}
+      	if(params.formKey||params.formKey==''){ if( task.formKey.indexOf(params.formKey)>=0) return true;}
+      	if(params.claimTime||params.claimTime==''){ if( task.claimTime.indexOf(params.claimTime)>=0) return true;}
+        return false;
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            data: mockTasks
+          }]);
+        }, 1000);
+      });
+    });
+    
+    
+
+    //获取列表（分页/不分页）
+    mock.onGet('/mdp/workflow/ru/task/list').reply(config => {
+      let params = config.params;
+      let mockTasks = _Tasks.filter(task => {
+      	var isTrue=false;
+      	if(params.id||params.id==''){if(task.id.indexOf(params.id)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.rev||params.rev==''){if(task.rev.indexOf(params.rev)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.executionId||params.executionId==''){if(task.executionId.indexOf(params.executionId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procInstId||params.procInstId==''){if(task.procInstId.indexOf(params.procInstId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.procDefId||params.procDefId==''){if(task.procDefId.indexOf(params.procDefId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.name||params.name==''){if(task.name.indexOf(params.name)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.parentTaskId||params.parentTaskId==''){if(task.parentTaskId.indexOf(params.parentTaskId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.description||params.description==''){if(task.description.indexOf(params.description)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.taskDefKey||params.taskDefKey==''){if(task.taskDefKey.indexOf(params.taskDefKey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.owner||params.owner==''){if(task.owner.indexOf(params.owner)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.assignee||params.assignee==''){if(task.assignee.indexOf(params.assignee)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.delegation||params.delegation==''){if(task.delegation.indexOf(params.delegation)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.priority||params.priority==''){if(task.priority.indexOf(params.priority)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.createTime||params.createTime==''){if(task.createTime.indexOf(params.createTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.dueDate||params.dueDate==''){if(task.dueDate.indexOf(params.dueDate)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.category||params.category==''){if(task.category.indexOf(params.category)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.suspensionState||params.suspensionState==''){if(task.suspensionState.indexOf(params.suspensionState)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.tenantId||params.tenantId==''){if(task.tenantId.indexOf(params.tenantId)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.formKey||params.formKey==''){if(task.formKey.indexOf(params.formKey)>=0){isTrue=true;}else{isTrue=false;}}
+      	if(params.claimTime||params.claimTime==''){if(task.claimTime.indexOf(params.claimTime)>=0){isTrue=true;}else{isTrue=false;}}
+      	return isTrue;
+	  });
+      if(!config.params.currentPage){ 
+	      return new Promise((resolve, reject) => {
+	        setTimeout(() => {
+	          resolve([200, {
+	            data: mockTasks
+	          }]);
+	        }, 1000);
+	      });
+      }
+    
+      let {pageSize,currentPage, total} = config.params;
+      total = mockTasks.length;
+      mockTasks = mockTasks.filter((task, index) => index < pageSize * currentPage && index >= pageSize * (currentPage - 1));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            pageInfo: {
+            	total:total
+            },
+            data: mockTasks,
+            tips:{
+            	isOk:true,
+            	msg:'查询成功'
+            }
+          }]);
+        }, 1000);
+      });
+    });
+
+    //删除
+    mock.onPost('/mdp/workflow/ru/task/del').reply(config => {
+      var params = JSON.parse( config.data );
+      let {  id  } = params;
+      _Tasks = _Tasks.filter(task => task.id !== id);
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //批量删除
+    mock.onPost('/mdp/workflow/ru/task/batchDel').reply(config => {
+      var params = JSON.parse( config.data );
+      _Tasks = _Tasks.filter(task => !params.includes(task.id));
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+           tips:{
+            	isOk:true,
+            	msg:'删除成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //编辑
+    mock.onPost('/mdp/workflow/ru/task/edit').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,rev,executionId,procInstId,procDefId,name,parentTaskId,description,taskDefKey,owner,assignee,delegation,priority,createTime,dueDate,category,suspensionState,tenantId,formKey,claimTime } = params;
+      _Tasks.some(task => {
+        if (task.id === id) {
+			task.id = id;
+			task.rev = rev;
+			task.executionId = executionId;
+			task.procInstId = procInstId;
+			task.procDefId = procDefId;
+			task.name = name;
+			task.parentTaskId = parentTaskId;
+			task.description = description;
+			task.taskDefKey = taskDefKey;
+			task.owner = owner;
+			task.assignee = assignee;
+			task.delegation = delegation;
+			task.priority = priority;
+			task.createTime = createTime;
+			task.dueDate = dueDate;
+			task.category = category;
+			task.suspensionState = suspensionState;
+			task.tenantId = tenantId;
+			task.formKey = formKey;
+			task.claimTime = claimTime
+          return true;
+        }
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'编辑成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+    //新增
+    mock.onPost('/mdp/workflow/ru/task/add').reply(config => {
+      var params = JSON.parse( config.data );
+      let { id,rev,executionId,procInstId,procDefId,name,parentTaskId,description,taskDefKey,owner,assignee,delegation,priority,createTime,dueDate,category,suspensionState,tenantId,formKey,claimTime } = params;
+      _Tasks.push({
+		id:id,
+		rev:rev,
+		executionId:executionId,
+		procInstId:procInstId,
+		procDefId:procDefId,
+		name:name,
+		parentTaskId:parentTaskId,
+		description:description,
+		taskDefKey:taskDefKey,
+		owner:owner,
+		assignee:assignee,
+		delegation:delegation,
+		priority:priority,
+		createTime:createTime,
+		dueDate:dueDate,
+		category:category,
+		suspensionState:suspensionState,
+		tenantId:tenantId,
+		formKey:formKey,
+		claimTime:claimTime
+      });
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve([200, {
+            tips:{
+            	isOk:true,
+            	msg:'新增成功'
+            }
+          }]);
+        }, 500);
+      });
+    });
+
+  }
+};
\ No newline at end of file
diff --git a/src/mock/remoteSearch.js b/src/mock/remoteSearch.js
new file mode 100644
index 0000000..b70f6f7
--- /dev/null
+++ b/src/mock/remoteSearch.js
@@ -0,0 +1,24 @@
+import Mock from 'mockjs'
+import { param2Obj } from '@/utils'
+
+const NameList = []
+const count = 100
+
+for (let i = 0; i < count; i++) {
+  NameList.push(Mock.mock({
+    name: '@first'
+  }))
+}
+NameList.push({ name: 'mockPan' })
+
+export default {
+  searchUser: config => {
+    const { name } = param2Obj(config.url)
+    const mockNameList = NameList.filter(item => {
+      const lowerCaseName = item.name.toLowerCase()
+      if (name && lowerCaseName.indexOf(name.toLowerCase()) < 0) return false
+      return true
+    })
+    return { items: mockNameList }
+  }
+}
diff --git a/src/mock/transaction.js b/src/mock/transaction.js
new file mode 100644
index 0000000..a17517e
--- /dev/null
+++ b/src/mock/transaction.js
@@ -0,0 +1,23 @@
+import Mock from 'mockjs'
+
+const List = []
+const count = 20
+
+for (let i = 0; i < count; i++) {
+  List.push(Mock.mock({
+    order_no: '@guid()',
+    timestamp: +Mock.Random.date('T'),
+    username: '@name()',
+    price: '@float(1000, 15000, 0, 2)',
+    'status|1': ['success', 'pending']
+  }))
+}
+
+export default {
+  getList: () => {
+    return {
+      total: List.length,
+      items: List
+    }
+  }
+}
diff --git a/src/permission.js b/src/permission.js
new file mode 100644
index 0000000..00555f8
--- /dev/null
+++ b/src/permission.js
@@ -0,0 +1,153 @@
+import router from './router'
+import store from './store'
+import { Message } from 'element-ui'
+import NProgress from 'nprogress' // progress bar
+import 'nprogress/nprogress.css'// progress bar style
+import { getToken,setToken } from '@/utils/auth' // getToken from cookie
+
+NProgress.configure({ showSpinner: false })// NProgress Configuration
+
+// permissiom judge function
+function hasPermission(roles, permissionRoles) { 
+  if (!permissionRoles) return true
+  if (roles.some(role => role.roleid==='superAdmin')) return true // admin permission passed directly
+  return roles.some(role => permissionRoles.indexOf(role) >= 0)
+}
+
+const whiteList = ['/login', '/authredirect']// no redirect whitelist
+
+router.beforeEach((to, from, next) => {
+  NProgress.start() // start progress bar
+  var outUrl="";
+  if(to.meta.openTab==true && to.meta.outUrl){
+	outUrl=to.meta.outUrl;
+  	if(to.query){
+  		var querys='';
+  		Object.keys(to.query).forEach(function(key){
+  			if(outUrl.indexOf(key+"=")<=0){
+  				if(querys==''){
+	  				querys=key+"="+to.query[key]
+	  			}else{
+	  				querys=querys+"&"+key+"="+to.query[key]
+	  			}  
+  			}
+  			
+  		});
+  		if(querys!=''){
+  			if(outUrl.indexOf("?")>0){
+  				outUrl=outUrl+"&"+querys;
+  			}else{
+  				outUrl=outUrl+"?"+querys;
+  			}
+  		}
+  	}
+  	if(outUrl.indexOf("${router.path}")>=0){
+  		outUrl=outUrl.replace("${router.path}",to.path);
+		}
+  	if(outUrl.indexOf("${curlDomain}")>=0){
+			var curlDomain=window.location.protocol+"//"+window.location.host; //   返回https://mp.csdn.net
+  		outUrl=outUrl.replace("${curlDomain}",curlDomain);
+		}
+		var indexOfHttp=outUrl.indexOf("://");
+  	if(indexOfHttp>0){
+  		outUrl=outUrl.substr(0,indexOfHttp+3)+outUrl.substr(indexOfHttp+3,outUrl.length).replace("//","/");
+  	}else{
+			outUrl=outUrl.replace("//","/")
+		}
+	window.open(outUrl,to.meta.title,null,true)
+	NProgress.done() // if current page is dashboard will not trigger	afterEach hook, so manually handle it
+	return;
+  } 
+   if(to!=null && to.fullPath!=null){
+	var userToken=getQueryVariable("userToken",to.fullPath);
+	if(userToken!=null){
+		setToken(userToken);
+	}
+   }
+  if (getToken()) { // determine if there has token
+    /* has token*/
+    if (to.path === '/login') {
+      next({ path: '/' })
+      NProgress.done() // if current page is dashboard will not trigger	afterEach hook, so manually handle it
+    } else {
+    	if(store.getters.isLoadOk==false ){
+    		store.dispatch('GetUserInfo').then(res=>{
+    			if(!res.data.tips.isOk){
+    				 store.dispatch('FedLogOut').then(() => {
+			              Message.error('请重新登陆')
+			              next({ path: '/login' })
+			            })
+    			}else{
+    				store.dispatch('GenerateRoutes', {roles:store.getters.roles ,menus:store.getters.myMenus} ).then(() => { // 根据roles权限生成可访问的路由表
+			              router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
+			              next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record 
+			          }).catch(() => {
+			            store.dispatch('FedLogOut').then(() => {
+			              Message.error('路由处理出错，请重新登陆')
+			              next({ path: '/login' })
+			            })
+			          })
+    			}
+	          
+    		});
+    	}else if (store.getters.added==false ) { // 判断当前用户是否已拉取完user_info信息并且已经计算完毕动态路由 
+	        store.dispatch('GenerateRoutes', {roles:store.getters.roles ,menus:store.getters.myMenus} ).then(() => { // 根据roles权限生成可访问的路由表
+	           router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
+	           next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record 
+	        }).catch(() => {
+	          store.dispatch('FedLogOut').then(() => {
+	            Message.error('路由处理出错，请重新登陆')
+	            next({ path: '/login' })
+	          })
+	        })
+      } else {
+        // 没有动态改变权限的需求可直接next() 删除下方权限判断 ↓
+        if (hasPermission(store.getters.roles, to.meta.roles)) {
+          next()//
+        } else {
+          next({ path: '/401', replace: true, query: { noGoBack: true }})
+        }
+        // 可删 ↑
+      }
+    }
+  } else {
+    /* has no token*/
+    if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
+      next()
+    } else {
+      next('/login') // 否则全部重定向到登录页
+      NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
+    }
+  }
+})
+
+function getQueryVariable(variable,url){	   
+	var query =url;
+	if(url==null || url==undefined || url==''){
+		query=window.location.href;
+		
+	}
+	//alert(query);
+	var query2=query.split("?");
+	if(query2.length>1){
+		query=query2[1];
+	}else{
+		query=""
+		return null;
+	}
+	
+       var vars = query.split("&");
+       for (var i=0;i<vars.length;i++) {
+               var pair = vars[i].split("=");
+               if(pair[0] == variable){return pair[1];}
+       }
+       return null;
+}
+var userToken=getQueryVariable('userToken'); 
+if(userToken!=null){ 
+	//alert(userToken);
+	setToken(userToken);
+}
+router.afterEach(() => {
+  NProgress.done() // finish progress bar
+})
diff --git a/src/router/_import_development.js b/src/router/_import_development.js
new file mode 100644
index 0000000..7c8b5e6
--- /dev/null
+++ b/src/router/_import_development.js
@@ -0,0 +1 @@
+module.exports = file => require('@/views/' + file + '.vue').default // vue-loader at least v13.0.0+
diff --git a/src/router/_import_production.js b/src/router/_import_production.js
new file mode 100644
index 0000000..331acba
--- /dev/null
+++ b/src/router/_import_production.js
@@ -0,0 +1 @@
+module.exports = file => () => import('@/views/' + file + '.vue')
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..1c241e6
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,60 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+const _import = require('./_import_' + process.env.NODE_ENV)
+// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
+// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '../views/layout/Layout'
+import routesForm from './routes_form'
+export {Layout}
+
+/** note: submenu only apppear when children.length>=1
+*   detail see  https://panjiachen.github.io/vue-element-admin-site/#/router-and-nav?id=sidebar
+**/
+
+/**
+* hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
+* alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
+*                                if not set alwaysShow, only more than one route under the children
+*                                it will becomes nested mode, otherwise not show the root menu
+* redirect: noredirect           if `redirect:noredirect` will no redirct in the breadcrumb
+* name:'router-name'             the name is used by <keep-alive> (must set!!!)
+* meta : {
+    roles: ['admin','editor']     will control the page roles (you can set multiple roles)
+    title: 'title'               the name show in submenu and breadcrumb (recommend set)
+    icon: 'svg-name'             the icon show in the sidebar,
+    noCache: true                if true ,the page will no be cached(default is false)
+  }
+**/
+export const constantRouterMap = [
+  { path: '/login', component: _import('login/index'), hidden: true },
+  { path: '/404', component: _import('errorPage/404'), hidden: true },
+  { path: '/401', component: _import('errorPage/401'), hidden: true },
+  {
+    path: '',
+    component: Layout,
+    redirect: 'dashboard',
+    children: [{
+      path: 'dashboard',
+      component: _import('dashboard/index'),
+      name: 'dashboard',
+      meta: { title: 'dashboard', icon: 'dashboard', noCache: true }
+    }]
+  }
+]
+
+export default new Router({
+  // mode: 'history', // require service support
+  scrollBehavior: () => ({ y: 0 }),
+  routes: constantRouterMap
+})
+
+
+let allRoutes=[] 
+
+allRoutes=allRoutes.concat(routesForm.routes) 
+
+export const asyncRouterMap = allRoutes 
diff --git a/src/router/routes_form.js b/src/router/routes_form.js
new file mode 100644
index 0000000..b411db7
--- /dev/null
+++ b/src/router/routes_form.js
@@ -0,0 +1,25 @@
+/* Layout */
+import Layout from '../views/layout/Layout'
+const _import = require('./_import_' + process.env.NODE_ENV) 
+ 
+ 
+export default { 
+	routes:[
+		{
+	        path: '/mdp/form',
+	        component: Layout,
+	        name: '智能表单',
+	        iconCls: 'fa el-icon-menu',
+		    meta: {
+		       title: 'IntelligentForm',
+		       icon: 'example'
+		    },
+	        //leaf: true,//只有一个节点
+	        children: [
+	        	{ path: 'formDef/FormDefAdd', component: _import("mdp/form/formDef/FormDefAdd"), name: '表单定义',meta:{title:'FormDefAdd'} },
+	            { path: 'formDef/FormDefMng', component: _import("mdp/form/formDef/FormDefMng"), name: '表单维护' ,meta:{title:'FormDefMng'}},
+	            { path: 'formData/FormDataMng', component: _import("mdp/form/formData/FormDataMng"), name: '表单数据', meta:{title:'FormDataMng'} }
+	        ]
+	    }
+	]
+}
diff --git a/src/router/routes_workflow.js b/src/router/routes_workflow.js
new file mode 100644
index 0000000..b474b4e
--- /dev/null
+++ b/src/router/routes_workflow.js
@@ -0,0 +1,44 @@
+/* Layout */
+import Layout from '../views/layout/Layout'
+const _import = require('./_import_' + process.env.NODE_ENV) 
+ 
+ 
+export default { 
+	routes:[
+	    {
+	        path: '/mdp/workflow/ru',
+	        component: Layout,
+	        name: '任务中心',
+		    meta: {
+		       title: 'TaskCenter',
+		       icon: 'example'
+		    },
+	        iconCls: 'fa el-icon-menu',
+	        //leaf: true,//只有一个节点
+	        children: [
+				{ path: 'task/TaskListAssigneeToMe', name: 'TaskListAssigneeToMe' ,meta:{title:'TaskListAssigneeToMe',openTab: true,outUrl: "${curlDomain}/oa/" + process.env.VERSION + "/#/${router.path}" } },
+				{ path: 'task/TaskListAssigneeToMeCalendar', name: 'TaskListAssigneeToMeCalendar' ,meta:{title:'TaskListAssigneeToMeCalendar',openTab: true,outUrl: "${curlDomain}/oa/" + process.env.VERSION + "/#/${router.path}"}},
+				{ path: 'procinstParames/ProcinstParamesStartSetRoute', component: _import("mdp/workflow/ru/procinstParames/ProcinstParamesStartSetRoute"), name: 'ProcinstParamesStartSetRoute' ,hidden:true,meta:{title:'ProcinstParamesStartSetRoute',noCache:true}},
+	             
+	        ]
+	    }, 
+	    {
+	        path: '/mdp/workflow',
+	        component: Layout,
+	        name: '流程中心',
+	        iconCls: 'fa el-icon-menu',
+		    meta: {
+		       title: 'flowCenter',
+		       icon: 'example'
+		    },
+	        //leaf: true,//只有一个节点
+	        children: [ 
+				
+				{ path: 'ru/execution/ExecutionListMySponsors', name: 'ExecutionListMySponsors' ,meta:{title:'ExecutionListMySponsors',openTab: true,outUrl: "${curlDomain}/oa/" + process.env.VERSION + "/#/${router.path}"}},
+				{ path: 'ru/execution/ExecutionListMyStart', name: 'ExecutionListMyStart' ,meta:{title:'ExecutionListMyStart',openTab: true,outUrl: "${curlDomain}/oa/" + process.env.VERSION + "/#/${router.path}"}},
+				{ path: 'ru/execution/ExecutionListMySponsorsCalendar',name: 'ExecutionListMySponsorsCalendar' ,meta:{title:'ExecutionListMySponsorsCalendar',openTab: true,outUrl: "${curlDomain}/oa/" + process.env.VERSION + "/#/${router.path}"}},
+				{ path: 're/procdef/ProcdefListForBizStart', component: _import("mdp/workflow/re/procdef/ProcdefListForBizStart"), name: 'ProcdefListForBizStart',hidden:true ,meta:{title:'ProcdefListForBizStart'}}, 
+	        ]
+	    },  
+	]
+}
diff --git a/src/store/getters.js b/src/store/getters.js
new file mode 100644
index 0000000..41925b3
--- /dev/null
+++ b/src/store/getters.js
@@ -0,0 +1,23 @@
+const getters = {
+  sidebar: state => state.app.sidebar,
+  language: state => state.app.language,
+  visitedViews: state => state.tagsView.visitedViews,
+  cachedViews: state => state.tagsView.cachedViews,
+  token: state => state.user.token, 
+  userInfo: state => state.user.userInfo,
+  introduction: state => state.user.introduction,
+  status: state => state.user.status,
+  roles: state => state.user.roles,
+  myDepts: state => state.user.myDepts,
+  myShops: state => state.user.myShops,
+  myLocations: state => state.user.myLocations,
+  myBranchs: state => state.user.myBranchs,
+  myMenus: state => state.user.myMenus,
+  setting: state => state.user.setting,
+  permission_routers: state => state.permission.routers,
+  addRouters: state => state.permission.addRouters,
+  errorLogs: state => state.errorLog.logs,
+  added: state => state.permission.added,
+  isLoadOk:state=>state.user.isLoadOk
+}
+export default getters
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..24778fa
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,23 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import app from './modules/app'
+import errorLog from './modules/errorLog'
+import permission from './modules/permission'
+import tagsView from './modules/tagsView'
+import user from './modules/user'
+import getters from './getters'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  modules: {
+    app,
+    errorLog,
+    permission,
+    tagsView,
+    user
+  },
+  getters
+})
+
+export default store
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
new file mode 100644
index 0000000..bd44d2f
--- /dev/null
+++ b/src/store/modules/app.js
@@ -0,0 +1,44 @@
+import Cookies from 'js-cookie'
+
+const app = {
+  state: {
+    sidebar: {
+      opened: !+Cookies.get('sidebarStatus')
+    },
+    language: Cookies.get('language') || 'zh'
+  },
+  mutations: {
+    TOGGLE_SIDEBAR: (state,toOpen) => {
+      if(toOpen==true){
+        Cookies.set('sidebarStatus', 1)
+        state.sidebar.opened =1
+      }else if(toOpen==false){
+        Cookies.set('sidebarStatus', 0)
+        state.sidebar.opened =0
+      }else{
+        if (state.sidebar.opened) {
+          Cookies.set('sidebarStatus', 1)
+        } else {
+          Cookies.set('sidebarStatus', 0)
+        }
+        state.sidebar.opened = !state.sidebar.opened
+
+      }
+     
+    },
+    SET_LANGUAGE: (state, language) => {
+      state.language = language
+      Cookies.set('language', language)
+    }
+  },
+  actions: {
+    toggleSideBar({ commit },toOpen) {
+      commit('TOGGLE_SIDEBAR',toOpen)
+    },
+    setLanguage({ commit }, language) {
+      commit('SET_LANGUAGE', language)
+    }
+  }
+}
+
+export default app
diff --git a/src/store/modules/errorLog.js b/src/store/modules/errorLog.js
new file mode 100644
index 0000000..50fc1b1
--- /dev/null
+++ b/src/store/modules/errorLog.js
@@ -0,0 +1,17 @@
+const errorLog = {
+  state: {
+    logs: []
+  },
+  mutations: {
+    ADD_ERROR_LOG: (state, log) => {
+      state.logs.push(log)
+    }
+  },
+  actions: {
+    addErrorLog({ commit }, log) {
+      commit('ADD_ERROR_LOG', log)
+    }
+  }
+}
+
+export default errorLog
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
new file mode 100644
index 0000000..724c861
--- /dev/null
+++ b/src/store/modules/permission.js
@@ -0,0 +1,85 @@
+import { asyncRouterMap, constantRouterMap } from '@/router'
+
+/**
+ * 通过meta.role判断是否与当前用户权限匹配
+ * 通过 route.path与menu.rpath比对看是否有对应的权限
+ * @param roles 我拥有的角色
+ * @param menus 我拥有的菜单
+ * @param route
+ */
+function hasPermission(  roles,menus ,route) {
+  if(route==null || route=='undefined'){
+	  return false;
+  }
+  if (route.meta && route.meta.roles) {
+    return roles.some(role => route.meta.roles.indexOf(role.roleid) >= 0)
+  } else {
+	  if(route.children && route.children.length){
+		  return true;
+	  }else{
+		  if( route.meta && route.meta.menu && menus && menus.length ){
+			  return  menus.some(menu => menu.rpath==null?false:menu.rpath.indexOf(route.path) >= 0);
+		  }else if( !route.meta || !route.meta.menu ){
+			  return true;
+		  }else{
+			  return false
+		  }
+	  }
+    return false
+  }
+}
+
+/**
+ * 递归过滤异步路由表，返回符合用户角色权限的路由表
+ * @param asyncRouterMap
+ * @param roles
+ */
+function filterAsyncRouter(asyncRouterMap, roles,menus ) {
+  const accessedRouters = asyncRouterMap.filter(route => {
+    if (hasPermission(roles,menus, route)) {
+      if (route.children && route.children.length) {
+        route.children = filterAsyncRouter(route.children, roles,menus )
+        if(route.children==null  || route.children.length==0){
+        	return false
+        }
+      }
+      return true
+    }
+    return false
+  })
+  return accessedRouters
+}
+
+const permission = {
+  state: {
+    routers: constantRouterMap,
+    addRouters: [],
+    added:false //是否已经计算完毕动态路由false没有，true已计算完毕
+  },
+  mutations: {
+    SET_ROUTERS: (state, routers) => {
+      state.addRouters = routers
+      state.routers = constantRouterMap.concat(routers)
+    },
+    SET_ADDED: (state, added) => {
+        state.added = added 
+    }
+  },
+  actions: {
+    GenerateRoutes({ commit }, {roles,menus}) {
+      return new Promise(resolve => {  
+        let accessedRouters 
+        if (roles.some(role => role.roleid==='superAdmin')) {
+          accessedRouters = asyncRouterMap
+        } else {
+          accessedRouters = filterAsyncRouter(asyncRouterMap, roles,menus)
+        }
+        commit('SET_ROUTERS', accessedRouters)
+        commit('SET_ADDED', true)
+        resolve()
+      })
+    }
+  }
+}
+
+export default permission
diff --git a/src/store/modules/tagsView.js b/src/store/modules/tagsView.js
new file mode 100644
index 0000000..b76ffc2
--- /dev/null
+++ b/src/store/modules/tagsView.js
@@ -0,0 +1,79 @@
+const tagsView = {
+  state: {
+    visitedViews: [],
+    cachedViews: []
+  },
+  mutations: {
+    ADD_VISITED_VIEWS: (state, view) => {
+      if (state.visitedViews.some(v => v.path === view.path)) return
+      state.visitedViews.push({
+        name: view.name,
+        path: view.path,
+        title: view.meta.title || 'no-name',
+        query:view.query
+      })
+      if (!view.meta.noCache) {
+        state.cachedViews.push(view.name)
+      }
+    },
+    DEL_VISITED_VIEWS: (state, view) => {
+      for (const [i, v] of state.visitedViews.entries()) {
+        if (v.path === view.path) {
+          state.visitedViews.splice(i, 1)
+          break
+        }
+      }
+      for (const i of state.cachedViews) {
+        if (i === view.name) {
+          const index = state.cachedViews.indexOf(i)
+          state.cachedViews.splice(index, 1)
+          break
+        }
+      }
+    },
+    DEL_OTHERS_VIEWS: (state, view) => {
+      for (const [i, v] of state.visitedViews.entries()) {
+        if (v.path === view.path) {
+          state.visitedViews = state.visitedViews.slice(i, i + 1)
+          break
+        }
+      }
+      for (const i of state.cachedViews) {
+        if (i === view.name) {
+          const index = state.cachedViews.indexOf(i)
+          state.cachedViews = state.cachedViews.slice(index, i + 1)
+          break
+        }
+      }
+    },
+    DEL_ALL_VIEWS: (state) => {
+      state.visitedViews = []
+      state.cachedViews = []
+    }
+  },
+  actions: {
+    addVisitedViews({ commit }, view) {
+      commit('ADD_VISITED_VIEWS', view)
+    },
+    delVisitedViews({ commit, state }, view) {
+      return new Promise((resolve) => {
+        commit('DEL_VISITED_VIEWS', view)
+        resolve([...state.visitedViews])
+      })
+    },
+    delOthersViews({ commit, state }, view) {
+      return new Promise((resolve) => {
+        commit('DEL_OTHERS_VIEWS', view)
+        resolve([...state.visitedViews])
+      })
+    },
+    delAllViews({ commit, state }) {
+      return new Promise((resolve) => {
+        commit('DEL_ALL_VIEWS')
+        resolve([...state.visitedViews])
+      })
+    }
+  }
+}
+
+export default tagsView
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
new file mode 100644
index 0000000..2bd3f6d
--- /dev/null
+++ b/src/store/modules/user.js
@@ -0,0 +1,284 @@
+import { loginByUsername, logout, getUserInfo, switchDept } from '@/api/login'
+import { getToken, setToken, removeToken } from '@/utils/auth'
+
+const user = {
+  state: {
+    userInfo: {
+      userid:'a',
+      jsessionid:'',
+      displayUserid:'',
+      username:'',
+      nickname:'',
+      branchId:'',
+      deptid:'',
+      branchName:'',
+      deptName:'',
+      locationId:'',
+      locationName:'',
+      shopId:'',
+      shopName:'',
+      isSuperAdmin:false,
+      isPlatformAdmin:false,
+      isBranchAdmin:false,
+      isShopAdmin:false,
+      isLocationAdmin:false
+    },
+    status: '',
+    code: '',
+    token: getToken(),
+    roles: [],
+    qxs:[],
+    myDepts: [],
+    myShops: [],
+    myLocations: [],
+    myBranchs:[],
+    myMenus:[],
+    setting: {
+      articlePlatform: []
+    },
+    isLoadOk:false//是否加载完毕userInfo及其它数据
+  },
+
+  mutations: {
+    SET_CODE: (state, code) => {
+      state.code = code
+    },
+    SET_TOKEN: (state, token) => {
+      state.token = token
+    },
+    SET_SETTING: (state, setting) => {
+      state.setting = setting
+    },
+    SET_STATUS: (state, status) => {
+      state.status = status
+    },
+    SET_USER_INFO: (state, userInfo) => {
+      state.userInfo = userInfo
+    },
+    SET_ROLES: (state, roles) => {
+      state.roles = roles
+    },
+    SET_QXS: (state, qxs) => {
+        state.qxs = qxs
+    },
+    SET_MYDEPTS: (state, depts) => {
+        state.myDepts = depts
+    },
+    SET_MYSHOPS: (state, shops) => {
+        state.myShops = shops
+    },
+    SET_MYLOCATIONS: (state, locations) => {
+        state.myLocations = locations
+    },
+    SET_MYBRANCHS: (state, branchs) => {
+        state.myBranchs = branchs
+    },
+    SET_BRANCHID: (state, branchId) => {
+        state.userInfo.branchId = branchId
+    },
+    SET_DEPTID: (state, deptid) => {
+        state.userInfo.deptid = deptid
+    },
+    SET_MYMENUS: (state, menus) => {
+        state.myMenus = menus
+    },
+    SET_IS_LOAD_OK: (state, isLoadOk ) => {
+        state.isLoadOk = isLoadOk
+    }
+  },
+
+  actions: {
+    // 用户名登录
+    LoginByUsername({ commit }, userInfo) {
+      const username = userInfo.username.trim()
+      return new Promise((resolve, reject) => {
+        loginByUsername(username, userInfo.password).then(res => {
+        	if(res.data.tips.isOk==true){
+        		let data = res.data
+                let userInfo=data.userInfo;
+                let roles=data.roles;
+                if(roles!=null && roles.length>0){
+              	  roles.forEach(role=>{
+              		  if(role.roleid=='superAdmin'){
+              			  userInfo.isSuperAdmin=true
+              		  }
+              		  if(role.roleid=='platformAdmin'){
+              			  userInfo.isPlatformAdmin=true
+              		  }
+              		  if(role.roleid=='branchAdmin'){
+              			  userInfo.isBranchAdmin=true
+              		  }
+              		  if(role.roleid=='shopAdmin'){
+              			  userInfo.isShopAdmin=true
+              		  }
+              		  if(role.roleid=='locationAdmin'){
+              			  userInfo.isLocationAdmin=true
+              		  }
+              	  });
+                }
+                commit('SET_USER_INFO', userInfo)
+                commit('SET_ROLES', roles)
+                commit('SET_QXS', data.qxs)
+                commit('SET_TOKEN', data.userInfo.jsessionid)
+                setToken(data.userInfo.jsessionid)
+        	} 
+            resolve(res) 
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+
+    // 获取用户信息
+    GetUserInfo({ commit, state }) {
+      return new Promise((resolve, reject) => {
+    	  getUserInfo({jsessionid:state.token,userid:state.userInfo.userid}).then(res=>{
+			  if(res.data.tips.isOk==true){ 
+	    		  let userInfo = res.data.userInfo;
+	    		  let roles = res.data.roles;
+				  let qxs=res.data.qxs;
+				  
+	              if(roles!=null && roles.length>0){
+	            	  roles.forEach(role=>{
+	            		  if(role.roleid=='superAdmin'){
+	            			  userInfo.isSuperAdmin=true
+	            		  }
+	            		  if(role.roleid=='platformAdmin'){
+	            			  userInfo.isPlatformAdmin=true
+	            		  }
+	            		  if(role.roleid=='branchAdmin'){
+	            			  userInfo.isBranchAdmin=true
+	            		  }
+	            		  if(role.roleid=='shopAdmin'){
+	            			  userInfo.isShopAdmin=true
+	            		  }
+	            		  if(role.roleid=='locationAdmin'){
+	            			  userInfo.isLocationAdmin=true
+	            		  }
+	            	  });
+	              } 
+				 
+				  
+				  let branchs=res.data.branchs==null?[]:res.data.branchs;
+				  let depts=res.data.depts==null?[]:res.data.depts;
+				  let shops=res.data.shops==null?[]:res.data.shops;
+				  let locations=res.data.locations==null?[]:res.data.locations
+				  locations.forEach(l=>{
+					  shops.forEach(s=>{
+						  if(s.shopId==l.shopId){
+							  l.shopName=s.shopName 
+						  }
+					  })
+					  depts.forEach(d=>{
+						  if(d.deptid==l.deptid){
+							  l.deptName=d.deptName
+							  l.branchName=d.branchName 
+						  } 
+					  })
+				  })
+				  commit('SET_MYBRANCHS',branchs);
+				  commit('SET_MYDEPTS',depts);
+				  commit('SET_MYLOCATIONS',locations); 
+				  commit('SET_MYMENUS',res.data.menus); 
+				  commit('SET_USER_INFO',userInfo);
+				  commit('SET_ROLES', roles)
+		          commit('SET_QXS', qxs)
+		          commit('SET_TOKEN', userInfo.jsessionid)
+		          commit('SET_IS_LOAD_OK', true)
+			  }
+    		  resolve(res); 
+    	  }).catch(error => {
+              reject(error)
+          }); 
+    	  /**
+        getUserInfo(state.token).then(response => {
+          if (!response.data) { // 由于mockjs 不支持自定义状态码只能这样hack
+            reject('error')
+          }
+          const data = response.data
+          commit('SET_USER_INFO', data.userInfo)
+          commit('SET_ROLES', data.roles)
+          commit('SET_TOKEN', data.userInfo.jsessionid)
+          setToken(data.userInfo.jsessionid)
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+        */
+      })
+    },
+    // 获取用户信息
+    SwitchDept({ commit,state } ,dept) {
+      return new Promise((resolve, reject) => { 
+    	  let userInfo=state.userInfo; 
+    	  let params={deptName:dept.deptName,deptid:dept.deptid,branchId:dept.branchId,branchName:dept.branchName,userid:userInfo.userid}
+    	  switchDept(params).then(res=>{
+      		  if(res.data.tips.isOk){
+    			userInfo=Object.assign(userInfo,res.data.userInfo) 
+    			commit('SET_USER_INFO',userInfo); 
+    		  } 
+    		  resolve(res); 
+    	  }).catch((res)=>{
+    		  reject(res); 
+    	  }); 
+      });  
+    },
+    
+    // 第三方验证登录
+    // LoginByThirdparty({ commit, state }, code) {
+    //   return new Promise((resolve, reject) => {
+    //     commit('SET_CODE', code)
+    //     loginByThirdparty(state.status, state.email, state.code).then(response => {
+    //       commit('SET_TOKEN', response.data.token)
+    //       setToken(response.data.token)
+    //       resolve()
+    //     }).catch(error => {
+    //       reject(error)
+    //     })
+    //   })
+    // },
+
+    // 登出
+    LogOut({ commit, state }) {
+      return new Promise((resolve, reject) => {
+    	  commit('SET_TOKEN', '')
+          commit('SET_ROLES', [])
+          commit('SET_MYDEPTS', [])
+          commit('SET_MYLOCATIONS', [])
+          commit('SET_MYBRANCHS', [])
+          commit('SET_MYSHOPS', [])
+          commit('SET_USER_INFO', {})
+           removeToken()
+           resolve()
+        logout(state.token)
+      })
+    },
+
+    // 前端 登出
+    FedLogOut({ commit }) {
+      return new Promise(resolve => {
+        commit('SET_TOKEN', '')
+        removeToken()
+        resolve()
+      })
+    },
+
+    // 动态修改权限
+    ChangeRoles({ commit }, role) {
+      return new Promise(resolve => {
+        commit('SET_TOKEN', role)
+        setToken(role)
+        getUserInfo(role).then(response => {
+            const data = response.data
+            commit('SET_USER_INFO', data.userInfo)
+            commit('SET_ROLES', data.roles)
+            commit('SET_TOKEN', data.userInfo.jsessionid)
+            setToken(data.userInfo.jsessionid)
+          resolve()
+        })
+      })
+    }
+  }
+}
+
+export default user
\ No newline at end of file
diff --git a/src/styles/btn.scss b/src/styles/btn.scss
new file mode 100644
index 0000000..f3f75c1
--- /dev/null
+++ b/src/styles/btn.scss
@@ -0,0 +1,95 @@
+@import './variables.scss';
+
+@mixin colorBtn($color) {
+  background: $color;
+  &:hover {
+    color: $color;
+    &:before,
+    &:after {
+      background: $color;
+    }
+  }
+}
+
+.blue-btn {
+  @include colorBtn($blue)
+}
+
+.light-blue-btn {
+  @include colorBtn($light-blue)
+}
+
+.red-btn {
+  @include colorBtn($red)
+}
+
+.pink-btn {
+  @include colorBtn($pink)
+}
+
+.green-btn {
+  @include colorBtn($green)
+}
+
+.tiffany-btn {
+  @include colorBtn($tiffany)
+}
+
+.yellow-btn {
+  @include colorBtn($yellow)
+}
+
+.pan-btn {
+  font-size: 14px;
+  color: #fff;
+  padding: 14px 36px;
+  border-radius: 8px;
+  border: none;
+  outline: none;
+  margin-right: 25px;
+  transition: 600ms ease all;
+  position: relative;
+  display: inline-block;
+  &:hover {
+    background: #fff;
+    &:before,
+    &:after {
+      width: 100%;
+      transition: 600ms ease all;
+    }
+  }
+  &:before,
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 2px;
+    width: 0;
+    transition: 400ms ease all;
+  }
+  &::after {
+    right: inherit;
+    top: inherit;
+    left: 0;
+    bottom: 0;
+  }
+}
+
+.custom-button {
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  background: #fff;
+  color: #fff;
+  -webkit-appearance: none;
+  text-align: center;
+  box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  padding: 10px 15px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
new file mode 100644
index 0000000..dc59591
--- /dev/null
+++ b/src/styles/element-ui.scss
@@ -0,0 +1,82 @@
+ //覆盖一些element-ui样式
+
+ .el-breadcrumb__inner, .el-breadcrumb__inner a{
+  font-weight: 400!important;
+}
+
+ .el-upload {
+   input[type="file"] {
+     display: none !important;
+   }
+ }
+
+ .el-upload__input {
+   display: none;
+ }
+
+ .cell {
+   .el-tag {
+     margin-right: 0px;
+   }
+ }
+
+ .small-padding {
+   .cell {
+     padding-left: 5px;
+     padding-right: 5px;
+   }
+ }
+
+ .fixed-width{
+  .el-button--mini{
+    padding: 7px 10px;
+    width: 60px;
+  }
+ }
+
+ .status-col {
+   .cell {
+     padding: 0 10px;
+     text-align: center;
+     .el-tag {
+       margin-right: 0px;
+     }
+   }
+ }
+
+ //暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461
+ .el-dialog {
+   transform: none;
+   left: 0;
+   position: relative;
+   margin: 0 auto;
+ }
+
+ //文章页textarea修改样式
+ .article-textarea {
+   textarea {
+     padding-right: 40px;
+     resize: none;
+     border: none;
+     border-radius: 0px;
+     border-bottom: 1px solid #bfcbd9;
+   }
+ }
+
+ //element ui upload
+ .upload-container {
+   .el-upload {
+     width: 100%;
+     .el-upload-dragger {
+       width: 100%;
+       height: 200px;
+     }
+   }
+ }
+
+//dropdown
+ .el-dropdown-menu{
+  a{
+    display: block
+  }
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
new file mode 100644
index 0000000..b6fd924
--- /dev/null
+++ b/src/styles/index.scss
@@ -0,0 +1,193 @@
+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+@import './btn.scss';
+
+body {
+  height: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+}
+
+label {
+  font-weight: 700;
+}
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+#app{
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+.no-padding {
+  padding: 0px !important;
+}
+
+.padding-content {
+  padding: 4px 0;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+div:focus{
+  outline: none;
+ }
+
+.fr {
+  float: right;
+}
+
+.fl {
+  float: left;
+}
+
+.pr-5 {
+  padding-right: 5px;
+}
+
+.pl-5 {
+  padding-left: 5px;
+}
+
+.block {
+  display: block;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.inlineBlock {
+  display: block;
+}
+
+.clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+
+code {
+  background: #eef1f6;
+  padding: 15px 16px;
+  margin-bottom: 20px;
+  display: block;
+  line-height: 36px;
+  font-size: 15px;
+  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
+  a {
+    color: #337ab7;
+    cursor: pointer;
+    &:hover {
+      color: rgb(32, 160, 255);
+    }
+  }
+}
+
+.warn-content{
+  background: rgba(66,185,131,.1);
+  border-radius: 2px;
+  padding: 16px;
+  padding: 1rem;
+  line-height: 1.6rem;
+  word-spacing: .05rem;
+  a{
+    color: #42b983;
+    font-weight: 600;
+  }
+}
+
+//main-container全局样式
+.app-container {
+  padding: 20px;
+}
+
+.components-container {
+  margin: 30px 50px;
+  position: relative;
+}
+
+.pagination-container {
+  margin-top: 30px;
+}
+
+.text-center {
+  text-align: center
+}
+
+.sub-navbar {
+  height: 50px;
+  line-height: 50px;
+  position: relative;
+  width: 100%;
+  text-align: right;
+  padding-right: 20px;
+  transition: 600ms ease position;
+  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
+  .subtitle {
+    font-size: 20px;
+    color: #fff;
+  }
+  &.draft {
+    background: #d0d0d0;
+  }
+  &.deleted {
+    background: #d0d0d0;
+  }
+}
+
+.link-type,
+.link-type:focus {
+  color: #337ab7;
+  cursor: pointer;
+  &:hover {
+    color: rgb(32, 160, 255);
+  }
+}
+
+.filter-container {
+  padding-bottom: 10px;
+  .filter-item {
+    display: inline-block;
+    vertical-align: middle;
+    margin-bottom: 10px;
+  }
+}
+
+//refine vue-multiselect plugin
+.multiselect {
+  line-height: 16px;
+}
+
+.multiselect--active {
+  z-index: 1000 !important;
+}
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
new file mode 100644
index 0000000..822ab92
--- /dev/null
+++ b/src/styles/mixin.scss
@@ -0,0 +1,60 @@
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+@mixin pct($pct) {
+  width: #{$pct};
+  position: relative;
+  margin: 0 auto;
+}
+
+@mixin triangle($width, $height, $color, $direction) {
+  $width: $width/2;
+  $color-border-style: $height solid $color;
+  $transparent-border-style: $width solid transparent;
+  height: 0;
+  width: 0;
+  @if $direction==up {
+    border-bottom: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  }
+  @else if $direction==right {
+    border-left: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  }
+  @else if $direction==down {
+    border-top: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  }
+  @else if $direction==left {
+    border-right: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  }
+}
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
new file mode 100644
index 0000000..3641077
--- /dev/null
+++ b/src/styles/sidebar.scss
@@ -0,0 +1,76 @@
+#app {
+  // 主体区域
+  .main-container {
+    min-height: 100%;
+    transition: margin-left .28s;
+    margin-left: 180px;
+  }
+  // 侧边栏
+  .sidebar-container {
+    .horizontal-collapse-transition {
+      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+    }
+    transition: width .28s;
+    width: 180px !important;
+    height: 100%;
+    position: fixed;
+    font-size: 0px;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1001;
+    overflow: hidden;
+    a {
+      display: inline-block;
+      width: 100%;
+    }
+    .svg-icon {
+      margin-right: 16px;
+    }
+    .el-menu {
+      border: none;
+      width: 100% !important;
+    }
+  }
+  .hideSidebar {
+    .sidebar-container {
+      width: 36px !important;
+    }
+    .main-container {
+      margin-left: 36px;
+    }
+    .submenu-title-noDropdown {
+      padding-left: 10px !important;
+      position: relative;
+      .el-tooltip {
+        padding: 0 10px !important;
+      }
+    }
+    .el-submenu {
+      &>.el-submenu__title {
+        padding-left: 10px !important;
+        &>span {
+          height: 0;
+          width: 0;
+          overflow: hidden;
+          visibility: hidden;
+          display: inline-block;
+        }
+        .el-submenu__icon-arrow {
+          display: none;
+        }
+      }
+    }
+  }
+  .nest-menu .el-submenu>.el-submenu__title,
+  .el-submenu .el-menu-item {
+    min-width: 180px !important;
+    background-color: $subMenuBg !important;
+    &:hover {
+      background-color: $menuHover !important;
+    }
+  }
+  .el-menu--collapse .el-menu .el-submenu {
+    min-width: 180px !important;
+  }
+}
diff --git a/src/styles/transition.scss b/src/styles/transition.scss
new file mode 100644
index 0000000..85c0328
--- /dev/null
+++ b/src/styles/transition.scss
@@ -0,0 +1,33 @@
+//globl transition css
+
+/*fade*/
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/*fade*/
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
new file mode 100644
index 0000000..acc77a8
--- /dev/null
+++ b/src/styles/variables.scss
@@ -0,0 +1,13 @@
+$blue:#324157;
+$light-blue:#3A71A8;
+$red:#C03639;
+$pink: #E65D6E;
+$green: #30B08F;
+$tiffany: #4AB7BD;
+$yellow:#FEC171;
+$panGreen: #30B08F;
+
+//sidebar
+$menuBg:#304156;
+$subMenuBg:#1f2d3d;
+$menuHover:#001528;
diff --git a/src/styles/vars.scss b/src/styles/vars.scss
new file mode 100644
index 0000000..d546171
--- /dev/null
+++ b/src/styles/vars.scss
@@ -0,0 +1 @@
+$color-primary: #20a0ff;//#18c79c
\ No newline at end of file
diff --git a/src/utils/auth.js b/src/utils/auth.js
new file mode 100644
index 0000000..82b30e4
--- /dev/null
+++ b/src/utils/auth.js
@@ -0,0 +1,15 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'SESSION'
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+  return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey)
+}
diff --git a/src/utils/clipboard.js b/src/utils/clipboard.js
new file mode 100644
index 0000000..e916a44
--- /dev/null
+++ b/src/utils/clipboard.js
@@ -0,0 +1,36 @@
+import Vue from 'vue'
+import Clipboard from 'clipboard'
+
+function clipboardSuccess() {
+  Vue.prototype.$message({
+    message: 'Copy successfully',
+    type: 'success',
+    duration: 1500
+  })
+}
+
+function clipboardError() {
+  Vue.prototype.$message({
+    message: 'Copy failed',
+    type: 'error'
+  })
+}
+
+export default function handleClipboard(text, event) {
+  const clipboard = new Clipboard(event.target, {
+    text: () => text
+  })
+  clipboard.on('success', () => {
+    clipboardSuccess()
+    clipboard.off('error')
+    clipboard.off('success')
+    clipboard.destroy()
+  })
+  clipboard.on('error', () => {
+    clipboardError()
+    clipboard.off('error')
+    clipboard.off('success')
+    clipboard.destroy()
+  })
+  clipboard.onClick(event)
+}
diff --git a/src/utils/createUniqueString.js b/src/utils/createUniqueString.js
new file mode 100644
index 0000000..611725c
--- /dev/null
+++ b/src/utils/createUniqueString.js
@@ -0,0 +1,8 @@
+/**
+ * Created by jiachenpan on 17/3/8.
+ */
+export default function createUniqueString() {
+  const timestamp = +new Date() + ''
+  const randomNum = parseInt((1 + Math.random()) * 65536) + ''
+  return (+(randomNum + timestamp)).toString(32)
+}
diff --git a/src/utils/i18n.js b/src/utils/i18n.js
new file mode 100644
index 0000000..0cb5e25
--- /dev/null
+++ b/src/utils/i18n.js
@@ -0,0 +1,10 @@
+// translate router.meta.title, be used in breadcrumb sidebar tagsview
+export function generateTitle(title) {
+  const hasKey = this.$te('route.' + title)
+  const translatedTitle = this.$t('route.' + title) // $t :this method from vue-i18n, inject in @/lang/index.js
+
+  if (hasKey) {
+    return translatedTitle
+  }
+  return title
+}
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..285cd19
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,263 @@
+/**
+ * Created by jiachenpan on 16/11/18.
+ */
+
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if (('' + time).length === 10) time = parseInt(time) * 1000
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+    let value = formatObj[key]
+    if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
+    if (result.length > 0 && value < 10) {
+      value = '0' + value
+    }
+    return value || 0
+  })
+  return time_str
+}
+
+export function formatTime(time, option) {
+  time = +time * 1000
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) { // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分'
+  }
+}
+
+// 格式化时间
+export function getQueryObject(url) {
+  url = url == null ? window.location.href : url
+  const search = url.substring(url.lastIndexOf('?') + 1)
+  const obj = {}
+  const reg = /([^?&=]+)=([^?&=]*)/g
+  search.replace(reg, (rs, $1, $2) => {
+    const name = decodeURIComponent($1)
+    let val = decodeURIComponent($2)
+    val = String(val)
+    obj[name] = val
+    return rs
+  })
+  return obj
+}
+
+/**
+ *get getByteLen
+ * @param {Sting} val input value
+ * @returns {number} output value
+ */
+export function getByteLen(val) {
+  let len = 0
+  for (let i = 0; i < val.length; i++) {
+    if (val[i].match(/[^\x00-\xff]/ig) != null) {
+      len += 1
+    } else { len += 0.5 }
+  }
+  return Math.floor(len)
+}
+
+export function cleanArray(actual) {
+  const newArray = []
+  for (let i = 0; i < actual.length; i++) {
+    if (actual[i]) {
+      newArray.push(actual[i])
+    }
+  }
+  return newArray
+}
+
+export function param(json) {
+  if (!json) return ''
+  return cleanArray(Object.keys(json).map(key => {
+    if (json[key] === undefined) return ''
+    return encodeURIComponent(key) + '=' +
+            encodeURIComponent(json[key])
+  })).join('&')
+}
+
+export function param2Obj(url) {
+  const search = url.split('?')[1]
+  if (!search) {
+    return {}
+  }
+  return JSON.parse('{"' + decodeURIComponent(search).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}')
+}
+
+export function html2Text(val) {
+  const div = document.createElement('div')
+  div.innerHTML = val
+  return div.textContent || div.innerText
+}
+
+export function objectMerge(target, source) {
+  /* Merges two  objects,
+     giving the last one precedence */
+
+  if (typeof target !== 'object') {
+    target = {}
+  }
+  if (Array.isArray(source)) {
+    return source.slice()
+  }
+  Object.keys(source).forEach((property) => {
+    const sourceProperty = source[property]
+    if (typeof sourceProperty === 'object') {
+      target[property] = objectMerge(target[property], sourceProperty)
+    } else {
+      target[property] = sourceProperty
+    }
+  })
+  return target
+}
+
+export function scrollTo(element, to, duration) {
+  if (duration <= 0) return
+  const difference = to - element.scrollTop
+  const perTick = difference / duration * 10
+  setTimeout(() => {
+    console.log(new Date())
+    element.scrollTop = element.scrollTop + perTick
+    if (element.scrollTop === to) return
+    scrollTo(element, to, duration - 10)
+  }, 10)
+}
+
+export function toggleClass(element, className) {
+  if (!element || !className) {
+    return
+  }
+  let classString = element.className
+  const nameIndex = classString.indexOf(className)
+  if (nameIndex === -1) {
+    classString += '' + className
+  } else {
+    classString = classString.substr(0, nameIndex) + classString.substr(nameIndex + className.length)
+  }
+  element.className = classString
+}
+
+export const pickerOptions = [
+  {
+    text: '今天',
+    onClick(picker) {
+      const end = new Date()
+      const start = new Date(new Date().toDateString())
+      end.setTime(start.getTime())
+      picker.$emit('pick', [start, end])
+    }
+  }, {
+    text: '最近一周',
+    onClick(picker) {
+      const end = new Date(new Date().toDateString())
+      const start = new Date()
+      start.setTime(end.getTime() - 3600 * 1000 * 24 * 7)
+      picker.$emit('pick', [start, end])
+    }
+  }, {
+    text: '最近一个月',
+    onClick(picker) {
+      const end = new Date(new Date().toDateString())
+      const start = new Date()
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+      picker.$emit('pick', [start, end])
+    }
+  }, {
+    text: '最近三个月',
+    onClick(picker) {
+      const end = new Date(new Date().toDateString())
+      const start = new Date()
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
+      picker.$emit('pick', [start, end])
+    }
+  }]
+
+export function getTime(type) {
+  if (type === 'start') {
+    return new Date().getTime() - 3600 * 1000 * 24 * 90
+  } else {
+    return new Date(new Date().toDateString())
+  }
+}
+
+export function debounce(func, wait, immediate) {
+  let timeout, args, context, timestamp, result
+
+  const later = function() {
+    // 据上一次触发时间间隔
+    const last = +new Date() - timestamp
+
+    // 上次被包装函数被调用时间间隔last小于设定时间间隔wait
+    if (last < wait && last > 0) {
+      timeout = setTimeout(later, wait - last)
+    } else {
+      timeout = null
+      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+      if (!immediate) {
+        result = func.apply(context, args)
+        if (!timeout) context = args = null
+      }
+    }
+  }
+
+  return function(...args) {
+    context = this
+    timestamp = +new Date()
+    const callNow = immediate && !timeout
+    // 如果延时不存在，重新设定延时
+    if (!timeout) timeout = setTimeout(later, wait)
+    if (callNow) {
+      result = func.apply(context, args)
+      context = args = null
+    }
+
+    return result
+  }
+}
+
+export function deepClone(source) {
+  if (!source && typeof source !== 'object') {
+    throw new Error('error arguments', 'shallowClone')
+  }
+  const targetObj = source.constructor === Array ? [] : {}
+  Object.keys(source).forEach((keys) => {
+    if (source[keys] && typeof source[keys] === 'object') {
+      targetObj[keys] = source[keys].constructor === Array ? [] : {}
+      targetObj[keys] = deepClone(source[keys])
+    } else {
+      targetObj[keys] = source[keys]
+    }
+  })
+  return targetObj
+}
diff --git a/src/utils/openWindow.js b/src/utils/openWindow.js
new file mode 100644
index 0000000..b63dfbb
--- /dev/null
+++ b/src/utils/openWindow.js
@@ -0,0 +1,26 @@
+/**
+ *Created by jiachenpan on 16/11/29.
+ * @param {Sting} url
+ * @param {Sting} title
+ * @param {Number} w
+ * @param {Number} h
+ */
+
+export default function openWindow(url, title, w, h) {
+  // Fixes dual-screen position                            Most browsers       Firefox
+  const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left
+  const dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top
+
+  const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width
+  const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height
+
+  const left = ((width / 2) - (w / 2)) + dualScreenLeft
+  const top = ((height / 2) - (h / 2)) + dualScreenTop
+  const newWindow = window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left)
+
+  // Puts focus on the newWindow
+  if (window.focus) {
+    newWindow.focus()
+  }
+}
+
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..8dfe6c9
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,59 @@
+import axios from 'axios'
+import { Message } from 'element-ui'
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+import router from '@/router'
+
+// create an axios instance
+const service = axios.create({
+  baseURL: process.env.BASE_API, // api的base_url
+  timeout: 15000 // request timeout
+})
+
+// request interceptor
+service.interceptors.request.use(config => {
+  // Do something before request is sent
+  if (store.getters.token) {
+    config.headers['SESSION'] = getToken() // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
+  }
+  return config
+}, error => {
+  // Do something with request error
+  console.log(error) // for debug
+  Promise.reject(error)
+})
+
+// respone interceptor
+service.interceptors.response.use(                                       
+  response => {
+	if(response.data && response.data.tips && response.data.tips.msg == 'Full authentication is required to access this resource'){ 
+		 Message.error('会话过期，请重新登陆')
+		 response.data.tips.msg="会话过期，请重新登陆";
+		 store.dispatch('FedLogOut').then(() => { 
+            router.replace({path: '/login'})
+         })
+	}
+	return response
+  }, 
+  error => {
+    console.log('err' + error)// for debug
+    if(error.response){
+    	switch (error.response.status) {
+	        case 401:
+	            // 返回 401 清除token信息并跳转到登录页面
+	        	 Message.error('会话过期，请重新登陆')
+				 store.dispatch('FedLogOut').then(() => { 
+		            router.replace({path: '/login'})
+		         })
+	    }
+    }
+    
+    Message({
+      message: '通讯错误',
+      type: 'error',
+      duration: 5 * 1000
+    })
+    return Promise.reject(error)
+  })
+
+export default service
diff --git a/src/utils/validate.js b/src/utils/validate.js
new file mode 100644
index 0000000..898ac97
--- /dev/null
+++ b/src/utils/validate.js
@@ -0,0 +1,42 @@
+/**
+ * Created by jiachenpan on 16/11/18.
+ */
+
+export function isvalidUsername(str) { 
+  return str && str.trim().length > 0
+}
+
+/* 合法uri*/
+export function validateURL(textval) {
+  const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+  return urlregex.test(textval)
+}
+
+/* 小写字母*/
+export function validateLowerCase(str) {
+  const reg = /^[a-z]+$/
+  return reg.test(str)
+}
+
+/* 大写字母*/
+export function validateUpperCase(str) {
+  const reg = /^[A-Z]+$/
+  return reg.test(str)
+}
+
+/* 大小写字母*/
+export function validateAlphabets(str) {
+  const reg = /^[A-Za-z]+$/
+  return reg.test(str)
+}
+
+/**
+ * validate email
+ * @param email
+ * @returns {boolean}
+ */
+export function validateEmail(email) {
+  const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+  return re.test(email)
+}
+
diff --git a/src/vendor/Blob.js b/src/vendor/Blob.js
new file mode 100644
index 0000000..26382cc
--- /dev/null
+++ b/src/vendor/Blob.js
@@ -0,0 +1,179 @@
+/* eslint-disable */
+/* Blob.js
+ * A Blob implementation.
+ * 2014-05-27
+ *
+ * By Eli Grey, http://eligrey.com
+ * By Devin Samarin, https://github.com/eboyjr
+ * License: X11/MIT
+ *   See LICENSE.md
+ */
+
+/*global self, unescape */
+/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
+ plusplus: true */
+
+/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */
+
+(function (view) {
+    "use strict";
+
+    view.URL = view.URL || view.webkitURL;
+
+    if (view.Blob && view.URL) {
+        try {
+            new Blob;
+            return;
+        } catch (e) {}
+    }
+
+    // Internally we use a BlobBuilder implementation to base Blob off of
+    // in order to support older browsers that only have BlobBuilder
+    var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function(view) {
+            var
+                get_class = function(object) {
+                    return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
+                }
+                , FakeBlobBuilder = function BlobBuilder() {
+                    this.data = [];
+                }
+                , FakeBlob = function Blob(data, type, encoding) {
+                    this.data = data;
+                    this.size = data.length;
+                    this.type = type;
+                    this.encoding = encoding;
+                }
+                , FBB_proto = FakeBlobBuilder.prototype
+                , FB_proto = FakeBlob.prototype
+                , FileReaderSync = view.FileReaderSync
+                , FileException = function(type) {
+                    this.code = this[this.name = type];
+                }
+                , file_ex_codes = (
+                    "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
+                    + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
+                ).split(" ")
+                , file_ex_code = file_ex_codes.length
+                , real_URL = view.URL || view.webkitURL || view
+                , real_create_object_URL = real_URL.createObjectURL
+                , real_revoke_object_URL = real_URL.revokeObjectURL
+                , URL = real_URL
+                , btoa = view.btoa
+                , atob = view.atob
+
+                , ArrayBuffer = view.ArrayBuffer
+                , Uint8Array = view.Uint8Array
+                ;
+            FakeBlob.fake = FB_proto.fake = true;
+            while (file_ex_code--) {
+                FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
+            }
+            if (!real_URL.createObjectURL) {
+                URL = view.URL = {};
+            }
+            URL.createObjectURL = function(blob) {
+                var
+                    type = blob.type
+                    , data_URI_header
+                    ;
+                if (type === null) {
+                    type = "application/octet-stream";
+                }
+                if (blob instanceof FakeBlob) {
+                    data_URI_header = "data:" + type;
+                    if (blob.encoding === "base64") {
+                        return data_URI_header + ";base64," + blob.data;
+                    } else if (blob.encoding === "URI") {
+                        return data_URI_header + "," + decodeURIComponent(blob.data);
+                    } if (btoa) {
+                        return data_URI_header + ";base64," + btoa(blob.data);
+                    } else {
+                        return data_URI_header + "," + encodeURIComponent(blob.data);
+                    }
+                } else if (real_create_object_URL) {
+                    return real_create_object_URL.call(real_URL, blob);
+                }
+            };
+            URL.revokeObjectURL = function(object_URL) {
+                if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
+                    real_revoke_object_URL.call(real_URL, object_URL);
+                }
+            };
+            FBB_proto.append = function(data/*, endings*/) {
+                var bb = this.data;
+                // decode data to a binary string
+                if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
+                    var
+                        str = ""
+                        , buf = new Uint8Array(data)
+                        , i = 0
+                        , buf_len = buf.length
+                        ;
+                    for (; i < buf_len; i++) {
+                        str += String.fromCharCode(buf[i]);
+                    }
+                    bb.push(str);
+                } else if (get_class(data) === "Blob" || get_class(data) === "File") {
+                    if (FileReaderSync) {
+                        var fr = new FileReaderSync;
+                        bb.push(fr.readAsBinaryString(data));
+                    } else {
+                        // async FileReader won't work as BlobBuilder is sync
+                        throw new FileException("NOT_READABLE_ERR");
+                    }
+                } else if (data instanceof FakeBlob) {
+                    if (data.encoding === "base64" && atob) {
+                        bb.push(atob(data.data));
+                    } else if (data.encoding === "URI") {
+                        bb.push(decodeURIComponent(data.data));
+                    } else if (data.encoding === "raw") {
+                        bb.push(data.data);
+                    }
+                } else {
+                    if (typeof data !== "string") {
+                        data += ""; // convert unsupported types to strings
+                    }
+                    // decode UTF-16 to binary string
+                    bb.push(unescape(encodeURIComponent(data)));
+                }
+            };
+            FBB_proto.getBlob = function(type) {
+                if (!arguments.length) {
+                    type = null;
+                }
+                return new FakeBlob(this.data.join(""), type, "raw");
+            };
+            FBB_proto.toString = function() {
+                return "[object BlobBuilder]";
+            };
+            FB_proto.slice = function(start, end, type) {
+                var args = arguments.length;
+                if (args < 3) {
+                    type = null;
+                }
+                return new FakeBlob(
+                    this.data.slice(start, args > 1 ? end : this.data.length)
+                    , type
+                    , this.encoding
+                );
+            };
+            FB_proto.toString = function() {
+                return "[object Blob]";
+            };
+            FB_proto.close = function() {
+                this.size = this.data.length = 0;
+            };
+            return FakeBlobBuilder;
+        }(view));
+
+    view.Blob = function Blob(blobParts, options) {
+        var type = options ? (options.type || "") : "";
+        var builder = new BlobBuilder();
+        if (blobParts) {
+            for (var i = 0, len = blobParts.length; i < len; i++) {
+                builder.append(blobParts[i]);
+            }
+        }
+        return builder.getBlob(type);
+    };
+}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this));
diff --git a/src/vendor/Export2Excel.js b/src/vendor/Export2Excel.js
new file mode 100644
index 0000000..377a946
--- /dev/null
+++ b/src/vendor/Export2Excel.js
@@ -0,0 +1,158 @@
+/* eslint-disable */
+require('script-loader!file-saver');
+require('script-loader!@/vendor/Blob');
+import XLSX from 'xlsx'
+
+function generateArray(table) {
+    var out = [];
+    var rows = table.querySelectorAll('tr');
+    var ranges = [];
+    for (var R = 0; R < rows.length; ++R) {
+        var outRow = [];
+        var row = rows[R];
+        var columns = row.querySelectorAll('td');
+        for (var C = 0; C < columns.length; ++C) {
+            var cell = columns[C];
+            var colspan = cell.getAttribute('colspan');
+            var rowspan = cell.getAttribute('rowspan');
+            var cellValue = cell.innerText;
+            if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
+
+            //Skip ranges
+            ranges.forEach(function (range) {
+                if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
+                    for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
+                }
+            });
+
+            //Handle Row Span
+            if (rowspan || colspan) {
+                rowspan = rowspan || 1;
+                colspan = colspan || 1;
+                ranges.push({s: {r: R, c: outRow.length}, e: {r: R + rowspan - 1, c: outRow.length + colspan - 1}});
+            }
+            ;
+
+            //Handle Value
+            outRow.push(cellValue !== "" ? cellValue : null);
+
+            //Handle Colspan
+            if (colspan) for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
+        }
+        out.push(outRow);
+    }
+    return [out, ranges];
+};
+
+function datenum(v, date1904) {
+    if (date1904) v += 1462;
+    var epoch = Date.parse(v);
+    return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
+}
+
+function sheet_from_array_of_arrays(data, opts) {
+    var ws = {};
+    var range = {s: {c: 10000000, r: 10000000}, e: {c: 0, r: 0}};
+    for (var R = 0; R != data.length; ++R) {
+        for (var C = 0; C != data[R].length; ++C) {
+            if (range.s.r > R) range.s.r = R;
+            if (range.s.c > C) range.s.c = C;
+            if (range.e.r < R) range.e.r = R;
+            if (range.e.c < C) range.e.c = C;
+            var cell = {v: data[R][C]};
+            if (cell.v == null) continue;
+            var cell_ref = XLSX.utils.encode_cell({c: C, r: R});
+
+            if (typeof cell.v === 'number') cell.t = 'n';
+            else if (typeof cell.v === 'boolean') cell.t = 'b';
+            else if (cell.v instanceof Date) {
+                cell.t = 'n';
+                cell.z = XLSX.SSF._table[14];
+                cell.v = datenum(cell.v);
+            }
+            else cell.t = 's';
+
+            ws[cell_ref] = cell;
+        }
+    }
+    if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
+    return ws;
+}
+
+function Workbook() {
+    if (!(this instanceof Workbook)) return new Workbook();
+    this.SheetNames = [];
+    this.Sheets = {};
+}
+
+function s2ab(s) {
+    var buf = new ArrayBuffer(s.length);
+    var view = new Uint8Array(buf);
+    for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
+    return buf;
+}
+
+export function export_table_to_excel(id) {
+    var theTable = document.getElementById(id);
+    var oo = generateArray(theTable);
+    var ranges = oo[1];
+
+    /* original data */
+    var data = oo[0];
+    var ws_name = "SheetJS";
+
+    var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
+
+    /* add ranges to worksheet */
+    // ws['!cols'] = ['apple', 'banan'];
+    ws['!merges'] = ranges;
+
+    /* add worksheet to workbook */
+    wb.SheetNames.push(ws_name);
+    wb.Sheets[ws_name] = ws;
+
+    var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'});
+
+    saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), "test.xlsx")
+}
+
+export function export_json_to_excel({header, data, filename='excel-list', autoWidth=true}={}) {
+    /* original data */
+    data=[...data]
+    data.unshift(header);
+    var ws_name = "SheetJS";
+    var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
+
+    if(autoWidth){
+      /*设置worksheet每列的最大宽度*/
+      const colWidth = data.map(row => row.map(val => {
+        /*先判断是否为null/undefined*/
+        if (val == null) {
+          return {'wch': 10};
+        }
+        /*再判断是否为中文*/
+        else if (val.toString().charCodeAt(0) > 255) {
+          return {'wch': val.toString().length * 2};
+        } else {
+          return {'wch': val.toString().length};
+        }
+      }))
+      /*以第一行为初始值*/
+      let result = colWidth[0];
+      for (let i = 1; i < colWidth.length; i++) {
+        for (let j = 0; j < colWidth[i].length; j++) {
+          if (result[j]['wch'] < colWidth[i][j]['wch']) {
+            result[j]['wch'] = colWidth[i][j]['wch'];
+          }
+        }
+      }
+      ws['!cols'] = result;
+    }
+
+    /* add worksheet to workbook */
+    wb.SheetNames.push(ws_name);
+    wb.Sheets[ws_name] = ws;
+
+    var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'});
+    saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), filename + ".xlsx");
+}
diff --git a/src/vendor/Export2Zip.js b/src/vendor/Export2Zip.js
new file mode 100644
index 0000000..6e11dc8
--- /dev/null
+++ b/src/vendor/Export2Zip.js
@@ -0,0 +1,22 @@
+/* eslint-disable */
+require('script-loader!file-saver');
+import JSZip from 'jszip'
+
+export function export_txt_to_zip(th, jsonData, txtName, zipName) {
+  const zip = new JSZip()
+  const txt_name = txtName || 'file'
+  const zip_name = zipName || 'file'
+  const data = jsonData
+  let txtData = `${th}\r\n`
+  data.forEach((row) => {
+    let tempStr = ''
+    tempStr = row.toString()
+    txtData += `${tempStr}\r\n`
+  })
+  zip.file(`${txt_name}.txt`, txtData)
+  zip.generateAsync({type:"blob"}).then((blob) => {
+    saveAs(blob, `${zip_name}.zip`)
+  }, (err) => {
+    alert('导出失败')
+  })
+}
diff --git a/src/views/dashboard/admin/components/BarChart.vue b/src/views/dashboard/admin/components/BarChart.vue
new file mode 100644
index 0000000..e0606b2
--- /dev/null
+++ b/src/views/dashboard/admin/components/BarChart.vue
@@ -0,0 +1,106 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import { debounce } from '@/utils'
+
+const animationDuration = 6000
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+    this.__resizeHanlder = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    window.addEventListener('resize', this.__resizeHanlder)
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    window.removeEventListener('resize', this.__resizeHanlder)
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { // 坐标轴指示器，坐标轴触发有效
+            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        grid: {
+          top: 10,
+          left: '2%',
+          right: '2%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+          axisTick: {
+            alignWithLabel: true
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          axisTick: {
+            show: false
+          }
+        }],
+        series: [{
+          name: 'pageA',
+          type: 'bar',
+          stack: 'vistors',
+          barWidth: '60%',
+          data: [79, 52, 200, 334, 390, 330, 220],
+          animationDuration
+        }, {
+          name: 'pageB',
+          type: 'bar',
+          stack: 'vistors',
+          barWidth: '60%',
+          data: [80, 52, 200, 334, 390, 330, 220],
+          animationDuration
+        }, {
+          name: 'pageC',
+          type: 'bar',
+          stack: 'vistors',
+          barWidth: '60%',
+          data: [30, 52, 200, 334, 390, 330, 220],
+          animationDuration
+        }]
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/dashboard/admin/components/BoxCard.vue b/src/views/dashboard/admin/components/BoxCard.vue
new file mode 100644
index 0000000..643239d
--- /dev/null
+++ b/src/views/dashboard/admin/components/BoxCard.vue
@@ -0,0 +1,117 @@
+<template>
+  <el-card class="box-card-component" style="margin-left:8px;">
+    <div slot="header" class="box-card-header">
+      <img src='https://wpimg.wallstcn.com/e7d23d71-cf19-4b90-a1cc-f56af8c0903d.png'>
+    </div>
+    <div style="position:relative;">
+      <pan-thumb class="panThumb" :image="userInfo.headimgurl"></pan-thumb>
+      <mallki className='mallki-text' text='vue-element-admin'></mallki>
+      <div style="padding-top:35px;" class='progress-item'>
+        <span>Vue</span>
+        <el-progress :percentage="70"></el-progress>
+      </div>
+      <div class='progress-item'>
+        <span>JavaScript</span>
+        <el-progress :percentage="18"></el-progress>
+      </div>
+      <div class='progress-item'>
+        <span>Css</span>
+        <el-progress :percentage="12"></el-progress>
+      </div>
+       <div class='progress-item'>
+        <span>ESLint</span>
+        <el-progress :percentage="100" status="success"></el-progress>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import PanThumb from '@/components/PanThumb'
+import Mallki from '@/components/TextHoverEffect/Mallki'
+
+export default {
+  components: { PanThumb, Mallki },
+
+  data() {
+    return {
+      statisticsData: {
+        article_count: 1024,
+        pageviews_count: 1024
+      }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'userInfo',
+      'roles'
+    ])
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        success: 'success',
+        pending: 'danger'
+      }
+      return statusMap[status]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" >
+.box-card-component{
+  .el-card__header {
+    padding: 0px!important;
+  }
+}
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+.box-card-component {
+  .box-card-header {
+    position: relative;
+    height: 220px;
+    img {
+      width: 100%;
+      height: 100%;
+      transition: all 0.2s linear;
+      &:hover {
+        transform: scale(1.1, 1.1);
+        filter: contrast(130%);
+      }
+    }
+  }
+  .mallki-text {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    font-size: 20px;
+    font-weight: bold;
+  }
+  .panThumb {
+    z-index: 100;
+    height: 70px!important;
+    width: 70px!important;
+    position: absolute!important;
+    top: -45px;
+    left: 0px;
+    border: 5px solid #ffffff;
+    background-color: #fff;
+    margin: auto;
+    box-shadow: none!important;
+    /deep/ .pan-info {
+      box-shadow: none!important;
+    }
+  }
+  .progress-item {
+    margin-bottom: 10px;
+    font-size: 14px;
+  }
+  @media only screen and (max-width: 1510px){
+    .mallki-text{
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/src/views/dashboard/admin/components/LineChart.vue b/src/views/dashboard/admin/components/LineChart.vue
new file mode 100644
index 0000000..9be9c92
--- /dev/null
+++ b/src/views/dashboard/admin/components/LineChart.vue
@@ -0,0 +1,150 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import { debounce } from '@/utils'
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '350px'
+    },
+    autoResize: {
+      type: Boolean,
+      default: true
+    },
+    chartData: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+    if (this.autoResize) {
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize()
+        }
+      }, 100)
+      window.addEventListener('resize', this.__resizeHanlder)
+    }
+
+    // 监听侧边栏的变化
+    const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+    sidebarElm.addEventListener('transitionend', this.__resizeHanlder)
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    if (this.autoResize) {
+      window.removeEventListener('resize', this.__resizeHanlder)
+    }
+
+    const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+    sidebarElm.removeEventListener('transitionend', this.__resizeHanlder)
+
+    this.chart.dispose()
+    this.chart = null
+  },
+  watch: {
+    chartData: {
+      deep: true,
+      handler(val) {
+        this.setOptions(val)
+      }
+    }
+  },
+  methods: {
+    setOptions({ expectedData, actualData } = {}) {
+      this.chart.setOption({
+        xAxis: {
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+          boundaryGap: false,
+          axisTick: {
+            show: false
+          }
+        },
+        grid: {
+          left: 10,
+          right: 10,
+          bottom: 20,
+          top: 30,
+          containLabel: true
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          },
+          padding: [5, 10]
+        },
+        yAxis: {
+          axisTick: {
+            show: false
+          }
+        },
+        legend: {
+          data: ['expected', 'actual']
+        },
+        series: [{
+          name: 'expected', itemStyle: {
+            normal: {
+              color: '#FF005A',
+              lineStyle: {
+                color: '#FF005A',
+                width: 2
+              }
+            }
+          },
+          smooth: true,
+          type: 'line',
+          data: expectedData,
+          animationDuration: 2800,
+          animationEasing: 'cubicInOut'
+        },
+        {
+          name: 'actual',
+          smooth: true,
+          type: 'line',
+          itemStyle: {
+            normal: {
+              color: '#3888fa',
+              lineStyle: {
+                color: '#3888fa',
+                width: 2
+              },
+              areaStyle: {
+                color: '#f3f8ff'
+              }
+            }
+          },
+          data: actualData,
+          animationDuration: 2800,
+          animationEasing: 'quadraticOut'
+        }]
+      })
+    },
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+      this.setOptions(this.chartData)
+    }
+  }
+}
+</script>
diff --git a/src/views/dashboard/admin/components/PanelGroup.vue b/src/views/dashboard/admin/components/PanelGroup.vue
new file mode 100644
index 0000000..8b7394a
--- /dev/null
+++ b/src/views/dashboard/admin/components/PanelGroup.vue
@@ -0,0 +1,138 @@
+<template>
+  <el-row class="panel-group" :gutter="40">
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class='card-panel' @click="handleSetLineChartData('newVisitis')">
+        <div class="card-panel-icon-wrapper icon-people">
+          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">New Visits</div>
+          <count-to class="card-panel-num" :startVal="0" :endVal="102400" :duration="2600"></count-to>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('messages')">
+        <div class="card-panel-icon-wrapper icon-message">
+          <svg-icon icon-class="message" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">Messages</div>
+          <count-to class="card-panel-num" :startVal="0" :endVal="81212" :duration="3000"></count-to>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('purchases')">
+        <div class="card-panel-icon-wrapper icon-money">
+          <svg-icon icon-class="money" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">Purchases</div>
+          <count-to class="card-panel-num" :startVal="0" :endVal="9280" :duration="3200"></count-to>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('shoppings')">
+        <div class="card-panel-icon-wrapper icon-shoppingCard">
+          <svg-icon icon-class="shoppingCard" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">Shoppings</div>
+          <count-to class="card-panel-num" :startVal="0" :endVal="13600" :duration="3600"></count-to>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+
+export default {
+  components: {
+    CountTo
+  },
+  methods: {
+    handleSetLineChartData(type) {
+      this.$emit('handleSetLineChartData', type)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.panel-group {
+  margin-top: 18px;
+  .card-panel-col{
+    margin-bottom: 32px;
+  }
+  .card-panel {
+    height: 108px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #666;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+      .icon-people {
+         background: #40c9c6;
+      }
+      .icon-message {
+        background: #36a3f7;
+      }
+      .icon-money {
+        background: #f4516c;
+      }
+      .icon-shoppingCard {
+        background: #34bfa3
+      }
+    }
+    .icon-people {
+      color: #40c9c6;
+    }
+    .icon-message {
+      color: #36a3f7;
+    }
+    .icon-money {
+      color: #f4516c;
+    }
+    .icon-shoppingCard {
+      color: #34bfa3
+    }
+    .card-panel-icon-wrapper {
+      float: left;
+      margin: 14px 0 0 14px;
+      padding: 16px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+    }
+    .card-panel-icon {
+      float: left;
+      font-size: 48px;
+    }
+    .card-panel-description {
+      float: right;
+      font-weight: bold;
+      margin: 26px;
+      margin-left: 0px;
+      .card-panel-text {
+        line-height: 18px;
+        color: rgba(0, 0, 0, 0.45);
+        font-size: 16px;
+        margin-bottom: 12px;
+      }
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/dashboard/admin/components/PieChart.vue b/src/views/dashboard/admin/components/PieChart.vue
new file mode 100644
index 0000000..773b5f4
--- /dev/null
+++ b/src/views/dashboard/admin/components/PieChart.vue
@@ -0,0 +1,84 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import { debounce } from '@/utils'
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+    this.__resizeHanlder = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    window.addEventListener('resize', this.__resizeHanlder)
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    window.removeEventListener('resize', this.__resizeHanlder)
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c} ({d}%)'
+        },
+        legend: {
+          left: 'center',
+          bottom: '10',
+          data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts']
+        },
+        calculable: true,
+        series: [
+          {
+            name: 'WEEKLY WRITE ARTICLES',
+            type: 'pie',
+            roseType: 'radius',
+            radius: [15, 95],
+            center: ['50%', '38%'],
+            data: [
+              { value: 320, name: 'Industries' },
+              { value: 240, name: 'Technology' },
+              { value: 149, name: 'Forex' },
+              { value: 100, name: 'Gold' },
+              { value: 59, name: 'Forecasts' }
+            ],
+            animationEasing: 'cubicInOut',
+            animationDuration: 2600
+          }
+        ]
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/dashboard/admin/components/RaddarChart.vue b/src/views/dashboard/admin/components/RaddarChart.vue
new file mode 100644
index 0000000..f7d3bf3
--- /dev/null
+++ b/src/views/dashboard/admin/components/RaddarChart.vue
@@ -0,0 +1,120 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import { debounce } from '@/utils'
+
+const animationDuration = 3000
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+    this.__resizeHanlder = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    window.addEventListener('resize', this.__resizeHanlder)
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    window.removeEventListener('resize', this.__resizeHanlder)
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { // 坐标轴指示器，坐标轴触发有效
+            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        radar: {
+          radius: '66%',
+          center: ['50%', '42%'],
+          splitNumber: 8,
+          splitArea: {
+            areaStyle: {
+              color: 'rgba(127,95,132,.3)',
+              opacity: 1,
+              shadowBlur: 45,
+              shadowColor: 'rgba(0,0,0,.5)',
+              shadowOffsetX: 0,
+              shadowOffsetY: 15
+            }
+          },
+          indicator: [
+            { name: 'Sales', max: 10000 },
+            { name: 'Administration', max: 20000 },
+            { name: 'Information Techology', max: 20000 },
+            { name: 'Customer Support', max: 20000 },
+            { name: 'Development', max: 20000 },
+            { name: 'Marketing', max: 20000 }
+          ]
+        },
+        legend: {
+          left: 'center',
+          bottom: '10',
+          data: ['Allocated Budget', 'Expected Spending', 'Actual Spending']
+        },
+        series: [{
+          type: 'radar',
+          symbolSize: 0,
+          areaStyle: {
+            normal: {
+              shadowBlur: 13,
+              shadowColor: 'rgba(0,0,0,.2)',
+              shadowOffsetX: 0,
+              shadowOffsetY: 10,
+              opacity: 1
+            }
+          },
+          data: [
+            {
+              value: [5000, 7000, 12000, 11000, 15000, 14000],
+              name: 'Allocated Budget'
+            },
+            {
+              value: [4000, 9000, 15000, 15000, 13000, 11000],
+              name: 'Expected Spending'
+            },
+            {
+              value: [5500, 11000, 12000, 15000, 12000, 12000],
+              name: 'Actual Spending'
+            }
+          ],
+          animationDuration: animationDuration
+        }]
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/dashboard/admin/components/TodoList/Todo.vue b/src/views/dashboard/admin/components/TodoList/Todo.vue
new file mode 100644
index 0000000..028acfc
--- /dev/null
+++ b/src/views/dashboard/admin/components/TodoList/Todo.vue
@@ -0,0 +1,70 @@
+<template>
+  <li class="todo" :class="{ completed: todo.done, editing: editing }">
+    <div class="view">
+      <input class="toggle"
+        type="checkbox"
+        :checked="todo.done"
+        @change="toggleTodo( todo)">
+      <label v-text="todo.text" @dblclick="editing = true"></label>
+      <button class="destroy" @click="deleteTodo( todo )"></button>
+    </div>
+    <input class="edit"
+      v-show="editing"
+      v-focus="editing"
+      :value="todo.text"
+      @keyup.enter="doneEdit"
+      @keyup.esc="cancelEdit"
+      @blur="doneEdit">
+  </li>
+</template>
+
+<script>
+export default {
+  name: 'Todo',
+  props: ['todo'],
+  data() {
+    return {
+      editing: false
+    }
+  },
+  directives: {
+    focus(el, { value }, { context }) {
+      if (value) {
+        context.$nextTick(() => {
+          el.focus()
+        })
+      }
+    }
+  },
+  methods: {
+    deleteTodo(todo) {
+      this.$emit('deleteTodo', todo)
+    },
+    editTodo({ todo, value }) {
+      this.$emit('editTodo', { todo, value })
+    },
+    toggleTodo(todo) {
+      this.$emit('toggleTodo', todo)
+    },
+    doneEdit(e) {
+      const value = e.target.value.trim()
+      const { todo } = this
+      if (!value) {
+        this.deleteTodo({
+          todo
+        })
+      } else if (this.editing) {
+        this.editTodo({
+          todo,
+          value
+        })
+        this.editing = false
+      }
+    },
+    cancelEdit(e) {
+      e.target.value = this.todo.text
+      this.editing = false
+    }
+  }
+}
+</script>
diff --git a/src/views/dashboard/admin/components/TodoList/index.scss b/src/views/dashboard/admin/components/TodoList/index.scss
new file mode 100644
index 0000000..1851c9a
--- /dev/null
+++ b/src/views/dashboard/admin/components/TodoList/index.scss
@@ -0,0 +1,319 @@
+.todoapp {
+  font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  line-height: 1.4em;
+  color: #4d4d4d;
+  min-width: 230px;
+  max-width: 550px;
+  margin: 0 auto ;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: 300;
+  background: #fff;
+  z-index: 1;
+  position: relative;
+  button {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font-size: 100%;
+    vertical-align: baseline;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    -webkit-appearance: none;
+    appearance: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  :focus {
+    outline: 0;
+  }
+  .hidden {
+    display: none;
+  }
+  .todoapp {
+    background: #fff;
+    margin: 130px 0 40px 0;
+    position: relative;
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
+  }
+  .todoapp input::-webkit-input-placeholder {
+    font-style: italic;
+    font-weight: 300;
+    color: #e6e6e6;
+  }
+  .todoapp input::-moz-placeholder {
+    font-style: italic;
+    font-weight: 300;
+    color: #e6e6e6;
+  }
+  .todoapp input::input-placeholder {
+    font-style: italic;
+    font-weight: 300;
+    color: #e6e6e6;
+  }
+  .todoapp h1 {
+    position: absolute;
+    top: -155px;
+    width: 100%;
+    font-size: 100px;
+    font-weight: 100;
+    text-align: center;
+    color: rgba(175, 47, 47, 0.15);
+    -webkit-text-rendering: optimizeLegibility;
+    -moz-text-rendering: optimizeLegibility;
+    text-rendering: optimizeLegibility;
+  }
+  .new-todo,
+  .edit {
+    position: relative;
+    margin: 0;
+    width: 100%;
+    font-size: 18px;
+    font-family: inherit;
+    font-weight: inherit;
+    line-height: 1.4em;
+    border: 0;
+    color: inherit;
+    padding: 6px;
+    border: 1px solid #999;
+    box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .new-todo {
+    padding: 10px 16px 16px 60px;
+    border: none;
+    background: rgba(0, 0, 0, 0.003);
+    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
+  }
+  .main {
+    position: relative;
+    z-index: 2;
+    border-top: 1px solid #e6e6e6;
+  }
+  .toggle-all {
+    text-align: center;
+    border: none;
+    /* Mobile Safari */
+    opacity: 0;
+    position: absolute;
+  }
+  .toggle-all+label {
+    width: 60px;
+    height: 34px;
+    font-size: 0;
+    position: absolute;
+    top: -52px;
+    left: -13px;
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg);
+  }
+  .toggle-all+label:before {
+    content: '❯';
+    font-size: 22px;
+    color: #e6e6e6;
+    padding: 10px 27px 10px 27px;
+  }
+  .toggle-all:checked+label:before {
+    color: #737373;
+  }
+  .todo-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .todo-list li {
+    position: relative;
+    font-size: 24px;
+    border-bottom: 1px solid #ededed;
+  }
+  .todo-list li:last-child {
+    border-bottom: none;
+  }
+  .todo-list li.editing {
+    border-bottom: none;
+    padding: 0;
+  }
+  .todo-list li.editing .edit {
+    display: block;
+    width: 506px;
+    padding: 12px 16px;
+    margin: 0 0 0 43px;
+  }
+  .todo-list li.editing .view {
+    display: none;
+  }
+  .todo-list li .toggle {
+    text-align: center;
+    width: 40px;
+    /* auto, since non-WebKit browsers doesn't support input styling */
+    height: auto;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    margin: auto 0;
+    border: none;
+    /* Mobile Safari */
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  .todo-list li .toggle {
+    opacity: 0;
+  }
+  .todo-list li .toggle+label {
+    /*
+    Firefox requires `#` to be escaped - https://bugzilla.mozilla.org/show_bug.cgi?id=922433
+    IE and Edge requires *everything* to be escaped to render, so we do that instead of just the `#` - https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7157459/
+  */
+    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%223%22/%3E%3C/svg%3E');
+    background-repeat: no-repeat;
+    background-position: center left;
+    background-size: 36px;
+  }
+  .todo-list li .toggle:checked+label {
+    background-size: 36px;
+    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23bddad5%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%235dc2af%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22/%3E%3C/svg%3E');
+  }
+  .todo-list li label {
+    word-break: break-all;
+    padding: 15px 15px 15px 50px;
+    display: block;
+    line-height: 1.0;
+        font-size: 14px;
+    transition: color 0.4s;
+  }
+  .todo-list li.completed label {
+    color: #d9d9d9;
+    text-decoration: line-through;
+  }
+  .todo-list li .destroy {
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    bottom: 0;
+    width: 40px;
+    height: 40px;
+    margin: auto 0;
+    font-size: 30px;
+    color: #cc9a9a;
+    transition: color 0.2s ease-out;
+  }
+  .todo-list li .destroy:hover {
+    color: #af5b5e;
+  }
+  .todo-list li .destroy:after {
+    content: '×';
+  }
+  .todo-list li:hover .destroy {
+    display: block;
+  }
+  .todo-list li .edit {
+    display: none;
+  }
+  .todo-list li.editing:last-child {
+    margin-bottom: -1px;
+  }
+  .footer {
+    color: #777;
+    position: relative;
+    padding: 10px 15px;
+    height: 40px;
+    text-align: center;
+    border-top: 1px solid #e6e6e6;
+  }
+  .footer:before {
+    content: '';
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: 40px;
+    overflow: hidden;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
+  }
+  .todo-count {
+    float: left;
+    text-align: left;
+  }
+  .todo-count strong {
+    font-weight: 300;
+  }
+  .filters {
+    margin: 0;
+    padding: 0;
+    position: relative;
+    z-index: 1;
+    list-style: none;
+  }
+  .filters li {
+    display: inline;
+  }
+  .filters li a {
+    color: inherit;
+    font-size: 12px;
+    padding: 3px 7px;
+    text-decoration: none;
+    border: 1px solid transparent;
+    border-radius: 3px;
+  }
+  .filters li a:hover {
+    border-color: rgba(175, 47, 47, 0.1);
+  }
+  .filters li a.selected {
+    border-color: rgba(175, 47, 47, 0.2);
+  }
+  .clear-completed,
+  html .clear-completed:active {
+    float: right;
+    position: relative;
+    line-height: 20px;
+    text-decoration: none;
+    cursor: pointer;
+  }
+  .clear-completed:hover {
+    text-decoration: underline;
+  }
+  .info {
+    margin: 65px auto 0;
+    color: #bfbfbf;
+    font-size: 10px;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    text-align: center;
+  }
+  .info p {
+    line-height: 1;
+  }
+  .info a {
+    color: inherit;
+    text-decoration: none;
+    font-weight: 400;
+  }
+  .info a:hover {
+    text-decoration: underline;
+  }
+  /*
+  Hack to remove background from Mobile Safari.
+  Can't use it globally since it destroys checkboxes in Firefox
+*/
+  @media screen and (-webkit-min-device-pixel-ratio:0) {
+    .toggle-all,
+    .todo-list li .toggle {
+      background: none;
+    }
+    .todo-list li .toggle {
+      height: 40px;
+    }
+  }
+  @media (max-width: 430px) {
+    .footer {
+      height: 50px;
+    }
+    .filters {
+      bottom: 10px;
+    }
+  }
+}
diff --git a/src/views/dashboard/admin/components/TodoList/index.vue b/src/views/dashboard/admin/components/TodoList/index.vue
new file mode 100644
index 0000000..34f0241
--- /dev/null
+++ b/src/views/dashboard/admin/components/TodoList/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <section class="todoapp">
+    <!-- header -->
+    <header class="header">
+      <input class="new-todo" autocomplete="off" placeholder="Todo List" @keyup.enter="addTodo">
+    </header>
+    <!-- main section -->
+    <section class="main" v-show="todos.length">
+      <input class="toggle-all" id="toggle-all" type="checkbox" :checked="allChecked" @change="toggleAll({ done: !allChecked })">
+      <label for="toggle-all"></label>
+      <ul class="todo-list">
+        <todo @toggleTodo='toggleTodo' @editTodo='editTodo' @deleteTodo='deleteTodo' v-for="(todo, index) in filteredTodos" :key="index"
+          :todo="todo"></todo>
+      </ul>
+    </section>
+    <!-- footer -->
+    <footer class="footer" v-show="todos.length">
+      <span class="todo-count">
+        <strong>{{ remaining }}</strong>
+        {{ remaining | pluralize('item') }} left
+      </span>
+      <ul class="filters">
+        <li v-for="(val, key) in filters" :key="key">
+          <a :class="{ selected: visibility === key }" @click.prevent="visibility = key">{{ key | capitalize }}</a>
+        </li>
+      </ul>
+      <!-- <button class="clear-completed" v-show="todos.length > remaining" @click="clearCompleted">
+        Clear completed
+      </button> -->
+    </footer>
+  </section>
+</template>
+
+<script>
+import Todo from './Todo.vue'
+
+const STORAGE_KEY = 'todos'
+const filters = {
+  all: todos => todos,
+  active: todos => todos.filter(todo => !todo.done),
+  completed: todos => todos.filter(todo => todo.done)
+}
+const defalutList = [
+  { text: 'star this repository', done: false },
+  { text: 'fork this repository', done: false },
+  { text: 'follow author', done: false },
+  { text: 'vue-element-admin', done: true },
+  { text: 'vue', done: true },
+  { text: 'element-ui', done: true },
+  { text: 'axios', done: true },
+  { text: 'webpack', done: true }
+]
+export default {
+  components: { Todo },
+  data() {
+    return {
+      visibility: 'all',
+      filters,
+      // todos: JSON.parse(window.localStorage.getItem(STORAGE_KEY)) || defalutList
+      todos: defalutList
+    }
+  },
+  computed: {
+    allChecked() {
+      return this.todos.every(todo => todo.done)
+    },
+    filteredTodos() {
+      return filters[this.visibility](this.todos)
+    },
+    remaining() {
+      return this.todos.filter(todo => !todo.done).length
+    }
+  },
+  methods: {
+    setLocalStorgae() {
+      window.localStorage.setItem(STORAGE_KEY, JSON.stringify(this.todos))
+    },
+    addTodo(e) {
+      const text = e.target.value
+      if (text.trim()) {
+        this.todos.push({
+          text,
+          done: false
+        })
+        this.setLocalStorgae()
+      }
+      e.target.value = ''
+    },
+    toggleTodo(val) {
+      val.done = !val.done
+      this.setLocalStorgae()
+    },
+    deleteTodo(todo) {
+      this.todos.splice(this.todos.indexOf(todo), 1)
+      this.setLocalStorgae()
+    },
+    editTodo({ todo, value }) {
+      todo.text = value
+      this.setLocalStorgae()
+    },
+    clearCompleted() {
+      this.todos = this.todos.filter(todo => !todo.done)
+      this.setLocalStorgae()
+    },
+    toggleAll({ done }) {
+      this.todos.forEach(todo => {
+        todo.done = done
+        this.setLocalStorgae()
+      })
+    }
+  },
+  filters: {
+    pluralize: (n, w) => n === 1 ? w : w + 's',
+    capitalize: s => s.charAt(0).toUpperCase() + s.slice(1)
+  }
+}
+</script>
+
+<style lang="scss">
+  @import './index.scss';
+</style>
diff --git a/src/views/dashboard/admin/components/TransactionTable.vue b/src/views/dashboard/admin/components/TransactionTable.vue
new file mode 100644
index 0000000..0029d69
--- /dev/null
+++ b/src/views/dashboard/admin/components/TransactionTable.vue
@@ -0,0 +1,48 @@
+<template>
+  <el-table :data="list" style="width: 100%;padding-top: 15px;">
+    <el-table-column label="Order_No" show-overflow-tooltip>
+      <template slot-scope="scope">
+        {{scope.row.order_no}}
+      </template>
+    </el-table-column>
+    <el-table-column label="Price" width="195" align="center">
+      <template slot-scope="scope">
+        ¥{{scope.row.price | toThousandslsFilter}}
+      </template>
+    </el-table-column>
+    <el-table-column label="Status" width="100" align="center">
+      <template slot-scope="scope">
+        <el-tag :type="scope.row.status | statusFilter"> {{scope.row.status}}</el-tag>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+import { fetchList } from '@/api/transaction'
+
+export default {
+  data() {
+    return {
+      list: null
+    }
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        success: 'success',
+        pending: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  created() {
+    //this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      
+    }
+  }
+}
+</script>
diff --git a/src/views/dashboard/admin/index.vue b/src/views/dashboard/admin/index.vue
new file mode 100644
index 0000000..e35aef2
--- /dev/null
+++ b/src/views/dashboard/admin/index.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="dashboard-editor-container">
+    <github-corner></github-corner>
+
+    <panel-group @handleSetLineChartData="handleSetLineChartData"></panel-group>
+
+    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
+      <line-chart :chart-data="lineChartData"></line-chart>
+    </el-row>
+
+    <el-row :gutter="32">
+      <el-col :xs="24" :sm="24" :lg="8">
+        <div class="chart-wrapper">
+          <raddar-chart></raddar-chart>
+        </div>
+      </el-col>
+      <el-col :xs="24" :sm="24" :lg="8">
+        <div class="chart-wrapper">
+          <pie-chart></pie-chart>
+        </div>
+      </el-col>
+      <el-col :xs="24" :sm="24" :lg="8">
+        <div class="chart-wrapper">
+          <bar-chart></bar-chart>
+        </div>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="8">
+      <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="padding-right:8px;margin-bottom:30px;">
+        <transaction-table></transaction-table>
+      </el-col>
+      <el-col :xs="{span: 12}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 5}">
+        <todo-list></todo-list>
+      </el-col>
+      <el-col :xs="{span: 12}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 5}">
+        <box-card></box-card>
+      </el-col>
+    </el-row>
+
+  </div>
+</template>
+
+<script>
+import GithubCorner from '@/components/GithubCorner'
+import PanelGroup from './components/PanelGroup'
+import LineChart from './components/LineChart'
+import RaddarChart from './components/RaddarChart'
+import PieChart from './components/PieChart'
+import BarChart from './components/BarChart'
+import TransactionTable from './components/TransactionTable'
+import TodoList from './components/TodoList'
+import BoxCard from './components/BoxCard'
+
+const lineChartData = {
+  newVisitis: {
+    expectedData: [100, 120, 161, 134, 105, 160, 165],
+    actualData: [120, 82, 91, 154, 162, 140, 145]
+  },
+  messages: {
+    expectedData: [200, 192, 120, 144, 160, 130, 140],
+    actualData: [180, 160, 151, 106, 145, 150, 130]
+  },
+  purchases: {
+    expectedData: [80, 100, 121, 104, 105, 90, 100],
+    actualData: [120, 90, 100, 138, 142, 130, 130]
+  },
+  shoppings: {
+    expectedData: [130, 140, 141, 142, 145, 150, 160],
+    actualData: [120, 82, 91, 154, 162, 140, 130]
+  }
+}
+
+export default {
+  name: 'dashboard-admin',
+  components: {
+    GithubCorner,
+    PanelGroup,
+    LineChart,
+    RaddarChart,
+    PieChart,
+    BarChart,
+    TransactionTable,
+    TodoList,
+    BoxCard
+  },
+  data() {
+    return {
+      lineChartData: lineChartData.newVisitis
+    }
+  },
+  methods: {
+    handleSetLineChartData(type) {
+      this.lineChartData = lineChartData[type]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.dashboard-editor-container {
+  padding: 32px;
+  background-color: rgb(240, 242, 245);
+  .chart-wrapper {
+    background: #fff;
+    padding: 16px 16px 0;
+    margin-bottom: 32px;
+  }
+}
+</style>
diff --git a/src/views/dashboard/editor/index.vue b/src/views/dashboard/editor/index.vue
new file mode 100644
index 0000000..081a76f
--- /dev/null
+++ b/src/views/dashboard/editor/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="dashboard-editor-container">
+    <div class=" clearfix">
+      <pan-thumb style="float: left" :image="userInfo.headimgurl"> Your roles:
+        <span class="pan-info-roles" :key='item.roleid' v-for="item in roles">{{item.roleName}}</span>
+      </pan-thumb>
+      <github-corner></github-corner>
+      <div class="info-container">
+        <span class="display_name">{{userInfo.username}}</span>
+        <span style="font-size:20px;padding-top:20px;display:inline-block;">editor : dashboard</span>
+      </div>
+    </div>
+    <div>
+      <img class="emptyGif" src="../../../assets/image/user_img.gif">
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import PanThumb from '@/components/PanThumb'
+import GithubCorner from '@/components/GithubCorner'
+
+export default {
+  name: 'dashboard-editor',
+  components: { PanThumb, GithubCorner },
+  data() {
+    return {
+      emptyGif: '../../../assets/image/user_img.gif'
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'userInfo', 
+      'roles'
+    ])
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .emptyGif {
+    display: block;
+    width: 45%;
+    margin: 0 auto;
+  }
+
+  .dashboard-editor-container {
+    background-color: #e3e3e3;
+    min-height: 100vh;
+    padding: 50px 60px 0px;
+    .pan-info-roles {
+      font-size: 12px;
+      font-weight: 700;
+      color: #333;
+      display: block;
+    }
+    .info-container {
+      position: relative;
+      margin-left: 190px;
+      height: 150px;
+      line-height: 200px;
+      .display_name {
+        font-size: 48px;
+        line-height: 48px;
+        color: #212121;
+        position: absolute;
+        top: 25px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
new file mode 100644
index 0000000..fa8787b
--- /dev/null
+++ b/src/views/dashboard/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="dashboard-container">
+    <component :is="com"></component>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import adminDashboard from './admin'
+import editorDashboard from './editor'
+
+export default {
+  name: 'dashboard',
+  components: { adminDashboard, editorDashboard },
+  data() {
+    return {
+      currentRole: 'superAdmin',
+      com:'adminDashboard'
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'roles'
+    ])
+  },
+  created() {
+    if (this.roles.some(role=>role.roleid=='superAdmin')) {
+      this.currentRole = 'superAdmin'
+      this.com='adminDashboard'
+    }else{
+    	this.currentRole = ''
+    	this.com='editorDashboard'
+    }
+  }
+}
+</script>
diff --git a/src/views/documentation/index.vue b/src/views/documentation/index.vue
new file mode 100644
index 0000000..8d3482d
--- /dev/null
+++ b/src/views/documentation/index.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="app-container documentation-container">
+    <a class="document-btn" target='_blank' href="https://panjiachen.github.io/vue-element-admin-site/#/">{{$t('documentation.documentation')}}</a>
+    <a class="document-btn" target='_blank' href="https://github.com/PanJiaChen/vue-element-admin/">{{$t('documentation.github')}}</a>
+    <dropdown-menu style="float:left;margin-left:50px;" title='系列文章' :items='articleList'></dropdown-menu>
+  </div>
+</template>
+<script>
+import DropdownMenu from '@/components/Share/dropdownMenu'
+
+export default {
+  name: 'documentation',
+  components: { DropdownMenu },
+  data() {
+    return {
+      articleList: [
+        { title: '基础篇', href: 'https://segmentfault.com/a/1190000009275424' },
+        { title: '登录权限篇', href: 'https://segmentfault.com/a/1190000009506097' },
+        { title: '实战篇', href: 'https://segmentfault.com/a/1190000009762198' },
+        { title: 'vueAdmin-template 篇', href: 'https://segmentfault.com/a/1190000010043013' },
+        { title: '自行封装 component', href: 'https://segmentfault.com/a/1190000009090836' },
+        { title: '优雅的使用 icon', href: 'https://segmentfault.com/a/1190000012213278' }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.documentation-container {
+  margin: 50px;
+  .document-btn {
+    float: left;
+    margin-left: 50px;
+    vertical-align: middle;
+    display: block;
+    cursor: pointer;
+    background: black;
+    color: white;
+    height: 60px;
+    width: 200px;
+    line-height: 60px;
+    font-size: 20px;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/errorLog/errorTestA.vue b/src/views/errorLog/errorTestA.vue
new file mode 100644
index 0000000..475c043
--- /dev/null
+++ b/src/views/errorLog/errorTestA.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <!--error code-->
+    {{a.a}}
+    <!--error code-->
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'errorTestA'
+}
+</script>
diff --git a/src/views/errorLog/errorTestB.vue b/src/views/errorLog/errorTestB.vue
new file mode 100644
index 0000000..a1303f8
--- /dev/null
+++ b/src/views/errorLog/errorTestB.vue
@@ -0,0 +1,11 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  created() {
+    this.b = b // eslint-disable-line
+  }
+}
+</script>
diff --git a/src/views/errorLog/index.vue b/src/views/errorLog/index.vue
new file mode 100644
index 0000000..f94b228
--- /dev/null
+++ b/src/views/errorLog/index.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="errPage-container">
+    <errorA></errorA>
+    <errorB></errorB>
+    <!-- $t is vue-i18n global function to translate lang -->
+    <h3>{{$t('errorLog.tips')}}</h3>
+    <code>
+      {{$t('errorLog.description')}}
+      <a target="_blank" class="link-type" href="https://panjiachen.github.io/vue-element-admin-site/#/error?id=%e4%bb%a3%e7%a0%81">
+        {{$t('errorLog.documentation')}}
+      </a>
+    </code>
+    <a href="#">
+      <img src='https://wpimg.wallstcn.com/360e4842-4db5-42d0-b078-f9a84a825546.gif'>
+    </a>
+  </div>
+</template>
+
+<script>
+import errorA from './errorTestA'
+import errorB from './errorTestB'
+
+export default {
+  name: 'errorLog',
+  components: { errorA, errorB }
+}
+</script>
+
+<style scoped>
+  .errPage-container {
+    padding: 30px;
+  }
+</style>
diff --git a/src/views/errorPage/401.vue b/src/views/errorPage/401.vue
new file mode 100644
index 0000000..99eea06
--- /dev/null
+++ b/src/views/errorPage/401.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="errPage-container">
+    <el-button @click="back" icon='arrow-left' class="pan-back-btn">返回</el-button>
+    <el-row>
+      <el-col :span="12">
+        <h1 class="text-jumbo text-ginormous">Oops!</h1>
+        gif来源<a href='https://zh.airbnb.com/' target='_blank'>airbnb</a> 页面
+        <h2>你没有权限去该页面</h2>
+        <h6>如有不满请联系你领导</h6>
+        <ul class="list-unstyled">
+          <li>或者你可以去:</li>
+          <li class="link-type">
+            <router-link to="/dashboard">回首页</router-link>
+          </li>
+          <li class="link-type"><a href="https://www.taobao.com/">随便看看</a></li>
+          <li><a @click.prevent="dialogVisible=true" href="#">点我看图</a></li>
+        </ul>
+      </el-col>
+      <el-col :span="12">
+        <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
+      </el-col>
+    </el-row>
+    <el-dialog title="随便看" :visible.sync="dialogVisible">
+      <img class="pan-img" :src="ewizardClap">
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import errGif from '@/assets/401_images/401.gif'
+
+export default {
+  name: 'page401',
+  data() {
+    return {
+      errGif: errGif + '?' + +new Date(),
+      ewizardClap: 'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
+      dialogVisible: false
+    }
+  },
+  methods: {
+    back() {
+      if (this.$route.query.noGoBack) {
+        this.$router.push({ path: '/dashboard' })
+      } else {
+        this.$router.go(-1)
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .errPage-container {
+    width: 800px;
+    margin: 100px auto;
+    .pan-back-btn {
+      background: #008489;
+      color: #fff;
+    }
+    .pan-gif {
+      margin: 0 auto;
+      display: block;
+    }
+    .pan-img {
+      display: block;
+      margin: 0 auto;
+      width: 100%;
+    }
+    .text-jumbo {
+      font-size: 60px;
+      font-weight: 700;
+      color: #484848;
+    }
+    .list-unstyled {
+      font-size: 14px;
+      li {
+        padding-bottom: 5px;
+      }
+      a {
+        color: #008489;
+        text-decoration: none;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/views/errorPage/404.vue b/src/views/errorPage/404.vue
new file mode 100644
index 0000000..42eb342
--- /dev/null
+++ b/src/views/errorPage/404.vue
@@ -0,0 +1,231 @@
+<template>
+  <div style="background:#f0f2f5;margin-top: -20px;height:100%;">
+    <div class="wscn-http404">
+      <div class="pic-404">
+        <img class="pic-404__parent" :src="img_404" alt="404">
+        <img class="pic-404__child left" :src="img_404_cloud" alt="404">
+        <img class="pic-404__child mid" :src="img_404_cloud" alt="404">
+        <img class="pic-404__child right" :src="img_404_cloud" alt="404">
+      </div>
+      <div class="bullshit">
+        <div class="bullshit__oops">OOPS!</div>
+        <div class="bullshit__info">版权所有
+          <a class='link-type' href='https://wallstreetcn.com' target='_blank'>华尔街见闻</a>
+        </div>
+        <div class="bullshit__headline">{{ message }}</div>
+        <div class="bullshit__info">请检查您输入的网址是否正确，请点击以下按钮返回主页或者发送错误报告</div>
+        <a href="/" class="bullshit__return-home">返回首页</a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import img_404 from '@/assets/404_images/404.png'
+import img_404_cloud from '@/assets/404_images/404_cloud.png'
+
+export default {
+  name: 'page404',
+  data() {
+    return {
+      img_404,
+      img_404_cloud
+    }
+  },
+  computed: {
+    message() {
+      return '特朗普说这个页面你不能进......'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.wscn-http404 {
+  position: relative;
+  width: 1200px;
+  margin: 20px auto 60px;
+  padding: 0 100px;
+  overflow: hidden;
+  .pic-404 {
+    position: relative;
+    float: left;
+    width: 600px;
+    padding: 150px 0;
+    overflow: hidden;
+    &__parent {
+      width: 100%;
+    }
+    &__child {
+      position: absolute;
+      &.left {
+        width: 80px;
+        top: 17px;
+        left: 220px;
+        opacity: 0;
+        animation-name: cloudLeft;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      &.mid {
+        width: 46px;
+        top: 10px;
+        left: 420px;
+        opacity: 0;
+        animation-name: cloudMid;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1.2s;
+      }
+      &.right {
+        width: 62px;
+        top: 100px;
+        left: 500px;
+        opacity: 0;
+        animation-name: cloudRight;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      @keyframes cloudLeft {
+        0% {
+          top: 17px;
+          left: 220px;
+          opacity: 0;
+        }
+        20% {
+          top: 33px;
+          left: 188px;
+          opacity: 1;
+        }
+        80% {
+          top: 81px;
+          left: 92px;
+          opacity: 1;
+        }
+        100% {
+          top: 97px;
+          left: 60px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudMid {
+        0% {
+          top: 10px;
+          left: 420px;
+          opacity: 0;
+        }
+        20% {
+          top: 40px;
+          left: 360px;
+          opacity: 1;
+        }
+        70% {
+          top: 130px;
+          left: 180px;
+          opacity: 1;
+        }
+        100% {
+          top: 160px;
+          left: 120px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudRight {
+        0% {
+          top: 100px;
+          left: 500px;
+          opacity: 0;
+        }
+        20% {
+          top: 120px;
+          left: 460px;
+          opacity: 1;
+        }
+        80% {
+          top: 180px;
+          left: 340px;
+          opacity: 1;
+        }
+        100% {
+          top: 200px;
+          left: 300px;
+          opacity: 0;
+        }
+      }
+    }
+  }
+  .bullshit {
+    position: relative;
+    float: left;
+    width: 300px;
+    padding: 150px 0;
+    overflow: hidden;
+    &__oops {
+      font-size: 32px;
+      font-weight: bold;
+      line-height: 40px;
+      color: #1482f0;
+      opacity: 0;
+      margin-bottom: 20px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-fill-mode: forwards;
+    }
+    &__headline {
+      font-size: 20px;
+      line-height: 24px;
+      color: #1482f0;
+      opacity: 0;
+      margin-bottom: 10px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.1s;
+      animation-fill-mode: forwards;
+    }
+    &__info {
+      font-size: 13px;
+      line-height: 21px;
+      color: grey;
+      opacity: 0;
+      margin-bottom: 30px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.2s;
+      animation-fill-mode: forwards;
+    }
+    &__return-home {
+      display: block;
+      float: left;
+      width: 110px;
+      height: 36px;
+      background: #1482f0;
+      border-radius: 100px;
+      text-align: center;
+      color: #ffffff;
+      opacity: 0;
+      font-size: 14px;
+      line-height: 36px;
+      cursor: pointer;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.3s;
+      animation-fill-mode: forwards;
+    }
+    @keyframes slideUp {
+      0% {
+        transform: translateY(60px);
+        opacity: 0;
+      }
+      100% {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/example/tab/components/tabPane.vue b/src/views/example/tab/components/tabPane.vue
new file mode 100644
index 0000000..5d11d33
--- /dev/null
+++ b/src/views/example/tab/components/tabPane.vue
@@ -0,0 +1,98 @@
+<template>
+  <el-table :data="list" border fit highlight-current-row style="width: 100%">
+
+    <el-table-column align="center" label="ID" width="65"  v-loading="loading"
+    element-loading-text="请给我点时间！">
+      <template slot-scope="scope">
+        <span>{{scope.row.id}}</span>
+      </template>
+    </el-table-column>
+
+    <el-table-column width="180px" align="center" label="Date">
+      <template slot-scope="scope">
+        <span>{{scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}')}}</span>
+      </template>
+    </el-table-column>
+
+    <el-table-column min-width="300px" label="Title">
+      <template slot-scope="scope">
+        <span>{{scope.row.title}}</span>
+        <el-tag>{{scope.row.type}}</el-tag>
+      </template>
+    </el-table-column>
+
+    <el-table-column width="110px" align="center" label="Author">
+      <template slot-scope="scope">
+        <span>{{scope.row.author}}</span>
+      </template>
+    </el-table-column>
+
+    <el-table-column width="120px" label="Importance">
+      <template slot-scope="scope">
+        <svg-icon v-for="n in +scope.row.importance" icon-class="star" :key="n"></svg-icon>
+      </template>
+    </el-table-column>
+
+    <el-table-column align="center" label="Readings" width="95">
+      <template slot-scope="scope">
+        <span>{{scope.row.pageviews}}</span>
+      </template>
+    </el-table-column>
+
+    <el-table-column class-name="status-col" label="Status" width="110">
+      <template slot-scope="scope">
+        <el-tag :type="scope.row.status | statusFilter">{{scope.row.status}}</el-tag>
+      </template>
+    </el-table-column>
+
+  </el-table>
+</template>
+
+<script>
+import { fetchList } from '@/api/article'
+
+export default {
+  props: {
+    type: {
+      type: String,
+      default: 'CN'
+    }
+  },
+  data() {
+    return {
+      list: null,
+      listQuery: {
+        page: 1,
+        limit: 5,
+        type: this.type,
+        sort: '+id'
+      },
+      loading: false
+    }
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      this.$emit('create') // for test
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+
diff --git a/src/views/example/tab/index.vue b/src/views/example/tab/index.vue
new file mode 100644
index 0000000..2a3239a
--- /dev/null
+++ b/src/views/example/tab/index.vue
@@ -0,0 +1,44 @@
+<template>
+  <div class="tab-container">
+    <el-tag>mounted times ：{{createdTimes}}</el-tag>
+    <el-tabs style='margin-top:15px;' v-model="activeName" type="border-card">
+      <el-tab-pane v-for="item in tabMapOptions" :label="item.label" :key='item.key' :name="item.key">
+        <keep-alive>
+          <tab-pane v-if='activeName==item.key' :type='item.key' @create='showCreatedTimes'></tab-pane>
+        </keep-alive>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import tabPane from './components/tabPane'
+
+export default {
+  name: 'tab',
+  components: { tabPane },
+  data() {
+    return {
+      tabMapOptions: [
+        { label: 'China', key: 'CN' },
+        { label: 'USA', key: 'US' },
+        { label: 'Japan', key: 'JP' },
+        { label: 'Eurozone', key: 'EU' }
+      ],
+      activeName: 'CN',
+      createdTimes: 0
+    }
+  },
+  methods: {
+    showCreatedTimes() {
+      this.createdTimes = this.createdTimes + 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .tab-container{
+    margin: 30px;
+  }
+</style>
diff --git a/src/views/example/table/complexTable.vue b/src/views/example/table/complexTable.vue
new file mode 100644
index 0000000..a5442ce
--- /dev/null
+++ b/src/views/example/table/complexTable.vue
@@ -0,0 +1,357 @@
+<template>
+  <div class="app-container calendar-list-container">
+    <div class="filter-container">
+      <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" :placeholder="$t('table.title')" v-model="listQuery.title">
+      </el-input>
+      <el-select clearable style="width: 90px" class="filter-item" v-model="listQuery.importance" :placeholder="$t('table.importance')">
+        <el-option v-for="item in importanceOptions" :key="item" :label="item" :value="item">
+        </el-option>
+      </el-select>
+      <el-select clearable class="filter-item" style="width: 130px" v-model="listQuery.type" :placeholder="$t('table.type')">
+        <el-option v-for="item in  calendarTypeOptions" :key="item.key" :label="item.display_name+'('+item.key+')'" :value="item.key">
+        </el-option>
+      </el-select>
+      <el-select @change='handleFilter' style="width: 140px" class="filter-item" v-model="listQuery.sort">
+        <el-option v-for="item in sortOptions" :key="item.key" :label="item.label" :value="item.key">
+        </el-option>
+      </el-select>
+      <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">{{$t('table.search')}}</el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" @click="handleCreate" type="primary" icon="el-icon-edit">{{$t('table.add')}}</el-button>
+      <el-button class="filter-item" type="primary" :loading="downloadLoading" v-waves icon="el-icon-download" @click="handleDownload">{{$t('table.export')}}</el-button>
+      <el-checkbox class="filter-item" style='margin-left:15px;' @change='tableKey=tableKey+1' v-model="showReviewer">{{$t('table.reviewer')}}</el-checkbox>
+    </div>
+
+    <el-table :key='tableKey' :data="list" v-loading="listLoading" element-loading-text="给我一点时间" border fit highlight-current-row
+      style="width: 100%">
+      <el-table-column align="center" :label="$t('table.id')" width="65">
+        <template slot-scope="scope">
+          <span>{{scope.row.id}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column width="150px" align="center" :label="$t('table.date')">
+        <template slot-scope="scope">
+          <span>{{scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}')}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="150px" :label="$t('table.title')">
+        <template slot-scope="scope">
+          <span class="link-type" @click="handleUpdate(scope.row)">{{scope.row.title}}</span>
+          <el-tag>{{scope.row.type | typeFilter}}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column width="110px" align="center" :label="$t('table.author')">
+        <template slot-scope="scope">
+          <span>{{scope.row.author}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column width="110px" v-if='showReviewer' align="center" :label="$t('table.reviewer')">
+        <template slot-scope="scope">
+          <span style='color:red;'>{{scope.row.reviewer}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column width="80px" :label="$t('table.importance')">
+        <template slot-scope="scope">
+          <svg-icon v-for="n in +scope.row.importance" icon-class="star" class="meta-item__icon" :key="n"></svg-icon>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.readings')" width="95">
+        <template slot-scope="scope">
+          <span v-if="scope.row.pageviews" class="link-type" @click='handleFetchPv(scope.row.pageviews)'>{{scope.row.pageviews}}</span>
+          <span v-else>0</span>
+        </template>
+      </el-table-column>
+      <el-table-column class-name="status-col" :label="$t('table.status')" width="100">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status | statusFilter">{{scope.row.status}}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.actions')" width="230" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button type="primary" size="mini" @click="handleUpdate(scope.row)">{{$t('table.edit')}}</el-button>
+          <el-button v-if="scope.row.status!='published'" size="mini" type="success" @click="handleModifyStatus(scope.row,'published')">{{$t('table.publish')}}
+          </el-button>
+          <el-button v-if="scope.row.status!='draft'" size="mini" @click="handleModifyStatus(scope.row,'draft')">{{$t('table.draft')}}
+          </el-button>
+          <el-button v-if="scope.row.status!='deleted'" size="mini" type="danger" @click="handleModifyStatus(scope.row,'deleted')">{{$t('table.delete')}}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagination-container">
+      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="listQuery.page" :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
+      </el-pagination>
+    </div>
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
+      <el-form :rules="rules" ref="dataForm" :model="temp" label-position="left" label-width="70px" style='width: 400px; margin-left:50px;'>
+        <el-form-item :label="$t('table.type')" prop="type">
+          <el-select class="filter-item" v-model="temp.type" placeholder="Please select">
+            <el-option v-for="item in  calendarTypeOptions" :key="item.key" :label="item.display_name" :value="item.key">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('table.date')" prop="timestamp">
+          <el-date-picker v-model="temp.timestamp" type="datetime" placeholder="Please pick a date">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item :label="$t('table.title')" prop="title">
+          <el-input v-model="temp.title"></el-input>
+        </el-form-item>
+        <el-form-item :label="$t('table.status')">
+          <el-select class="filter-item" v-model="temp.status" placeholder="Please select">
+            <el-option v-for="item in  statusOptions" :key="item" :label="item" :value="item">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('table.importance')">
+          <el-rate style="margin-top:8px;" v-model="temp.importance" :colors="['#99A9BF', '#F7BA2A', '#FF9900']" :max='3'></el-rate>
+        </el-form-item>
+        <el-form-item :label="$t('table.remark')">
+          <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="Please input" v-model="temp.remark">
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">{{$t('table.cancel')}}</el-button>
+        <el-button v-if="dialogStatus=='create'" type="primary" @click="createData">{{$t('table.confirm')}}</el-button>
+        <el-button v-else type="primary" @click="updateData">{{$t('table.confirm')}}</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog title="Reading statistics" :visible.sync="dialogPvVisible">
+      <el-table :data="pvData" border fit highlight-current-row style="width: 100%">
+        <el-table-column prop="key" label="Channel"> </el-table-column>
+        <el-table-column prop="pv" label="Pv"> </el-table-column>
+      </el-table>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="dialogPvVisible = false">{{$t('table.confirm')}}</el-button>
+      </span>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import { fetchList, fetchPv, createArticle, updateArticle } from '@/api/article'
+import waves from '@/directive/waves' // 水波纹指令
+import { parseTime } from '@/utils'
+
+const calendarTypeOptions = [
+  { key: 'CN', display_name: 'China' },
+  { key: 'US', display_name: 'USA' },
+  { key: 'JP', display_name: 'Japan' },
+  { key: 'EU', display_name: 'Eurozone' }
+]
+
+// arr to obj ,such as { CN : "China", US : "USA" }
+const calendarTypeKeyValue = calendarTypeOptions.reduce((acc, cur) => {
+  acc[cur.key] = cur.display_name
+  return acc
+}, {})
+
+export default {
+  name: 'complexTable',
+  directives: {
+    waves
+  },
+  data() {
+    return {
+      tableKey: 0,
+      list: null,
+      total: null,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        importance: undefined,
+        title: undefined,
+        type: undefined,
+        sort: '+id'
+      },
+      importanceOptions: [1, 2, 3],
+      calendarTypeOptions,
+      sortOptions: [{ label: 'ID Ascending', key: '+id' }, { label: 'ID Descending', key: '-id' }],
+      statusOptions: ['published', 'draft', 'deleted'],
+      showReviewer: false,
+      temp: {
+        id: undefined,
+        importance: 1,
+        remark: '',
+        timestamp: new Date(),
+        title: '',
+        type: '',
+        status: 'published'
+      },
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: 'Edit',
+        create: 'Create'
+      },
+      dialogPvVisible: false,
+      pvData: [],
+      rules: {
+        type: [{ required: true, message: 'type is required', trigger: 'change' }],
+        timestamp: [{ type: 'date', required: true, message: 'timestamp is required', trigger: 'change' }],
+        title: [{ required: true, message: 'title is required', trigger: 'blur' }]
+      },
+      downloadLoading: false
+    }
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    },
+    typeFilter(type) {
+      return calendarTypeKeyValue[type]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items
+        this.total = response.data.total
+        this.listLoading = false
+      })
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.listQuery.limit = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.listQuery.page = val
+      this.getList()
+    },
+    handleModifyStatus(row, status) {
+      this.$message({
+        message: '操作成功',
+        type: 'success'
+      })
+      row.status = status
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        importance: 1,
+        remark: '',
+        timestamp: new Date(),
+        title: '',
+        status: 'published',
+        type: ''
+      }
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.temp.id = parseInt(Math.random() * 100) + 1024 // mock a id
+          this.temp.author = 'vue-element-admin'
+          createArticle(this.temp).then(() => {
+            this.list.unshift(this.temp)
+            this.dialogFormVisible = false
+            this.$notify({
+              title: '成功',
+              message: '创建成功',
+              type: 'success',
+              duration: 2000
+            })
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row) // copy obj
+      this.temp.timestamp = new Date(this.temp.timestamp)
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          tempData.timestamp = +new Date(tempData.timestamp) // change Thu Nov 30 2017 16:41:05 GMT+0800 (CST) to 1512031311464
+          updateArticle(tempData).then(() => {
+            for (const v of this.list) {
+              if (v.id === this.temp.id) {
+                const index = this.list.indexOf(v)
+                this.list.splice(index, 1, this.temp)
+                break
+              }
+            }
+            this.dialogFormVisible = false
+            this.$notify({
+              title: '成功',
+              message: '更新成功',
+              type: 'success',
+              duration: 2000
+            })
+          })
+        }
+      })
+    },
+    handleDelete(row) {
+      this.$notify({
+        title: '成功',
+        message: '删除成功',
+        type: 'success',
+        duration: 2000
+      })
+      const index = this.list.indexOf(row)
+      this.list.splice(index, 1)
+    },
+    handleFetchPv(pv) {
+      fetchPv(pv).then(response => {
+        this.pvData = response.data.pvData
+        this.dialogPvVisible = true
+      })
+    },
+    handleDownload() {
+      this.downloadLoading = true
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['timestamp', 'title', 'type', 'importance', 'status']
+        const filterVal = ['timestamp', 'title', 'type', 'importance', 'status']
+        const data = this.formatJson(filterVal, this.list)
+        excel.export_json_to_excel({
+          header: tHeader,
+          data,
+          filename: 'table-list'
+        })
+        this.downloadLoading = false
+      })
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => {
+        if (j === 'timestamp') {
+          return parseTime(v[j])
+        } else {
+          return v[j]
+        }
+      }))
+    }
+  }
+}
+</script>
diff --git a/src/views/example/table/dragTable.vue b/src/views/example/table/dragTable.vue
new file mode 100644
index 0000000..9e411e6
--- /dev/null
+++ b/src/views/example/table/dragTable.vue
@@ -0,0 +1,152 @@
+<template>
+  <div class="app-container calendar-list-container">
+    <!-- Note that row-key is necessary to get a correct row order. -->
+    <el-table :data="list" row-key="id"  v-loading.body="listLoading" border fit highlight-current-row style="width: 100%">
+
+      <el-table-column align="center" label="ID" width="65">
+        <template slot-scope="scope">
+          <span>{{scope.row.id}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column width="180px" align="center" label="Date">
+        <template slot-scope="scope">
+          <span>{{scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}')}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column min-width="300px" label="Title">
+        <template slot-scope="scope">
+          <span>{{scope.row.title}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column width="110px" align="center" label="Author">
+        <template slot-scope="scope">
+          <span>{{scope.row.author}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column width="100px" label="Importance">
+        <template slot-scope="scope">
+          <svg-icon v-for="n in +scope.row.importance" icon-class="star" class="icon-star" :key="n"></svg-icon>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="Readings" width="95">
+        <template slot-scope="scope">
+          <span>{{scope.row.pageviews}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column class-name="status-col" label="Status" width="110">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status | statusFilter">{{scope.row.status}}</el-tag>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="Drag" width="80">
+        <template slot-scope="scope">
+          <svg-icon class='drag-handler' icon-class="drag"></svg-icon>
+        </template>
+      </el-table-column>
+
+    </el-table>
+    <!-- $t is vue-i18n global function to translate lang (lang in @/lang)  -->
+    <div class='show-d'>{{$t('table.dragTips1')}} : &nbsp; {{ oldList}}</div>
+    <div class='show-d'>{{$t('table.dragTips2')}} : {{newList}}</div>
+
+  </div>
+</template>
+
+<script>
+import { fetchList } from '@/api/article'
+import Sortable from 'sortablejs'
+
+export default {
+  name: 'dragTable',
+  data() {
+    return {
+      list: null,
+      total: null,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      sortable: null,
+      oldList: [],
+      newList: []
+    }
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items
+        this.total = response.data.total
+        this.listLoading = false
+        this.oldList = this.list.map(v => v.id)
+        this.newList = this.oldList.slice()
+        this.$nextTick(() => {
+          this.setSort()
+        })
+      })
+    },
+    setSort() {
+      const el = document.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
+      this.sortable = Sortable.create(el, {
+        ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
+        setData: function(dataTransfer) {
+          dataTransfer.setData('Text', '')
+          // to avoid Firefox bug
+          // Detail see : https://github.com/RubaXa/Sortable/issues/1012
+        },
+        onEnd: evt => {
+          const targetRow = this.list.splice(evt.oldIndex, 1)[0]
+          this.list.splice(evt.newIndex, 0, targetRow)
+
+          // for show the changes, you can delete in you code
+          const tempIndex = this.newList.splice(evt.oldIndex, 1)[0]
+          this.newList.splice(evt.newIndex, 0, tempIndex)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style>
+.sortable-ghost{
+  opacity: .8;
+  color: #fff!important;
+  background: #42b983!important;
+}
+</style>
+
+<style scoped>
+.icon-star{
+  margin-right:2px;
+}
+.drag-handler{
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+}
+.show-d{
+  margin-top: 15px;
+}
+</style>
diff --git a/src/views/example/table/dynamicTable/fixedThead.vue b/src/views/example/table/dynamicTable/fixedThead.vue
new file mode 100644
index 0000000..9f4cfc5
--- /dev/null
+++ b/src/views/example/table/dynamicTable/fixedThead.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="app-container">
+
+    <div class="filter-container">
+      <el-checkbox-group v-model="checkboxVal">
+        <el-checkbox label="apple">apple</el-checkbox>
+        <el-checkbox label="banana">banana</el-checkbox>
+        <el-checkbox label="orange">orange</el-checkbox>
+      </el-checkbox-group>
+    </div>
+
+    <el-table :data="tableData" :key='key' border fit highlight-current-row style="width: 100%">
+      <el-table-column prop="name" label="fruitName" width="180"></el-table-column>
+      <el-table-column :key='fruit' v-for='fruit in formThead' :label="fruit">
+        <template slot-scope="scope">
+          {{scope.row[fruit]}}
+        </template>
+      </el-table-column>
+    </el-table>
+
+  </div>
+</template>
+
+<script>
+const defaultFormThead = ['apple', 'banana']
+
+export default {
+  data() {
+    return {
+      tableData: [
+        {
+          name: 'fruit-1',
+          apple: 'apple-10',
+          banana: 'banana-10',
+          orange: 'orange-10'
+        },
+        {
+          name: 'fruit-2',
+          apple: 'apple-20',
+          banana: 'banana-20',
+          orange: 'orange-20'
+        }
+      ],
+      key: 1, // table key
+      formTheadOptions: ['apple', 'banana', 'orange'],
+      checkboxVal: defaultFormThead, // checkboxVal
+      formThead: defaultFormThead // 默认表头 Default header
+    }
+  },
+  watch: {
+    checkboxVal(valArr) {
+      this.formThead = this.formTheadOptions.filter(i => valArr.indexOf(i) >= 0)
+      this.key = this.key + 1// 为了保证table 每次都会重渲 In order to ensure the table will be re-rendered each time
+    }
+  }
+}
+</script>
+
diff --git a/src/views/example/table/dynamicTable/index.vue b/src/views/example/table/dynamicTable/index.vue
new file mode 100644
index 0000000..51f0da1
--- /dev/null
+++ b/src/views/example/table/dynamicTable/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="app-container">
+    <div style='margin:0 0 5px 20px'>{{$t('table.dynamicTips1')}}</div>
+    <fixed-thead></fixed-thead>
+
+    <div style='margin:30px 0 5px 20px'>{{$t('table.dynamicTips2')}}</div>
+    <unfixed-thead></unfixed-thead>
+  </div>
+</template>
+
+<script>
+import fixedThead from './fixedThead'
+import unfixedThead from './unfixedThead'
+
+export default {
+  name: 'dynamicTable',
+  components: { fixedThead, unfixedThead }
+}
+</script>
+
diff --git a/src/views/example/table/dynamicTable/unfixedThead.vue b/src/views/example/table/dynamicTable/unfixedThead.vue
new file mode 100644
index 0000000..fab8e5b
--- /dev/null
+++ b/src/views/example/table/dynamicTable/unfixedThead.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="app-container">
+
+    <div class="filter-container">
+      <el-checkbox-group v-model="formThead">
+        <el-checkbox label="apple">apple</el-checkbox>
+        <el-checkbox label="banana">banana</el-checkbox>
+        <el-checkbox label="orange">orange</el-checkbox>
+      </el-checkbox-group>
+    </div>
+
+    <el-table :data="tableData" border fit highlight-current-row style="width: 100%">
+      <el-table-column prop="name" label="fruitName" width="180">
+      </el-table-column>
+      <el-table-column :key='fruit' v-for='fruit in formThead' :label="fruit">
+        <template slot-scope="scope">
+          {{scope.row[fruit]}}
+        </template>
+      </el-table-column>
+    </el-table>
+
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      tableData: [
+        {
+          name: 'fruit-1',
+          apple: 'apple-10',
+          banana: 'banana-10',
+          orange: 'orange-10'
+        },
+        {
+          name: 'fruit-2',
+          apple: 'apple-20',
+          banana: 'banana-20',
+          orange: 'orange-20'
+        }
+      ],
+      formThead: ['apple', 'banana']
+    }
+  }
+}
+</script>
diff --git a/src/views/example/table/index.vue b/src/views/example/table/index.vue
new file mode 100644
index 0000000..de92c02
--- /dev/null
+++ b/src/views/example/table/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <transition name="fade" mode="out-in">
+    <keep-alive :include='cachedViews'>
+      <router-view></router-view>
+    </keep-alive>
+  </transition>
+</template>
+
+<script>
+export default {
+  name: 'TableMain',
+  computed: {
+    cachedViews() {
+      return this.$store.state.tagsView.cachedViews
+    }
+  }
+}
+</script>
diff --git a/src/views/example/table/inlineEditTable.vue b/src/views/example/table/inlineEditTable.vue
new file mode 100644
index 0000000..3d2ad00
--- /dev/null
+++ b/src/views/example/table/inlineEditTable.vue
@@ -0,0 +1,129 @@
+<template>
+  <div class="app-container calendar-list-container">
+
+    <el-table :data="list" v-loading.body="listLoading" border fit highlight-current-row style="width: 100%">
+
+      <el-table-column align="center" label="ID" width="80">
+        <template slot-scope="scope">
+          <span>{{scope.row.id}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column width="180px" align="center" label="Date">
+        <template slot-scope="scope">
+          <span>{{scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}')}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column width="120px" align="center" label="Author">
+        <template slot-scope="scope">
+          <span>{{scope.row.author}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column width="100px" label="Importance">
+        <template slot-scope="scope">
+          <svg-icon v-for="n in +scope.row.importance" icon-class="star" class="meta-item__icon" :key="n"></svg-icon>
+        </template>
+      </el-table-column>
+
+      <el-table-column class-name="status-col" label="Status" width="110">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status | statusFilter">{{scope.row.status}}</el-tag>
+        </template>
+      </el-table-column>
+
+      <el-table-column min-width="300px" label="Title">
+        <template slot-scope="scope">
+          <template v-if="scope.row.edit">
+            <el-input class="edit-input" size="small" v-model="scope.row.title"></el-input>
+            <el-button class='cancel-btn' size="small" icon="el-icon-refresh" type="warning" @click="cancelEdit(scope.row)">cancel</el-button>
+          </template>
+          <span v-else>{{ scope.row.title }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="Actions" width="120">
+        <template slot-scope="scope">
+          <el-button v-if="scope.row.edit" type="success" @click="confirmEdit(scope.row)" size="small" icon="el-icon-circle-check-outline">Ok</el-button>
+          <el-button v-else type="primary" @click='scope.row.edit=!scope.row.edit' size="small" icon="el-icon-edit">Edit</el-button>
+        </template>
+      </el-table-column>
+
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { fetchList } from '@/api/article'
+
+export default {
+  name: 'inlineEditTable',
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 10
+      }
+    }
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        const items = response.data.items
+        this.list = items.map(v => {
+          this.$set(v, 'edit', false) // https://vuejs.org/v2/guide/reactivity.html
+
+          v.originalTitle = v.title //  will be used when user click the cancel botton
+
+          return v
+        })
+        this.listLoading = false
+      })
+    },
+    cancelEdit(row) {
+      row.title = row.originalTitle
+      row.edit = false
+      this.$message({
+        message: 'The title has been restored to the original value',
+        type: 'warning'
+      })
+    },
+    confirmEdit(row) {
+      row.edit = false
+      row.originalTitle = row.title
+      this.$message({
+        message: 'The title has been edited',
+        type: 'success'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>
diff --git a/src/views/example/table/treeTable/customEval.js b/src/views/example/table/treeTable/customEval.js
new file mode 100644
index 0000000..73badb6
--- /dev/null
+++ b/src/views/example/table/treeTable/customEval.js
@@ -0,0 +1,48 @@
+/**
+* @Author: jianglei
+* @Date:   2017-10-12 12:06:49
+*/
+'use strict'
+import Vue from 'vue'
+export default function treeToArray(data, expandAll, parent, level, item) {
+  const marLTemp = []
+  let tmp = []
+  Array.from(data).forEach(function(record) {
+    if (record._expanded === undefined) {
+      Vue.set(record, '_expanded', expandAll)
+    }
+    let _level = 1
+    if (level !== undefined && level !== null) {
+      _level = level + 1
+    }
+    Vue.set(record, '_level', _level)
+    // 如果有父元素
+    if (parent) {
+      Vue.set(record, 'parent', parent)
+      // 如果父元素有偏移量，需要计算在this的偏移量中
+      // 偏移量还与前面同级元素有关，需要加上前面所有元素的长度和
+      if (!marLTemp[_level]) {
+        marLTemp[_level] = 0
+      }
+      Vue.set(record, '_marginLeft', marLTemp[_level] + parent._marginLeft)
+      Vue.set(record, '_width', record[item] / parent[item] * parent._width)
+      // 在本次计算过偏移量后加上自己长度，以供下一个元素使用
+      marLTemp[_level] += record._width
+    } else {
+      // 如果为根
+      // 初始化偏移量存储map
+      marLTemp[record.id] = []
+      // map中是一个数组，存储的是每级的长度和
+      // 初始情况下为0
+      marLTemp[record.id][_level] = 0
+      Vue.set(record, '_marginLeft', 0)
+      Vue.set(record, '_width', 1)
+    }
+    tmp.push(record)
+    if (record.children && record.children.length > 0) {
+      const children = treeToArray(record.children, expandAll, record, _level, item)
+      tmp = tmp.concat(children)
+    }
+  })
+  return tmp
+}
diff --git a/src/views/example/table/treeTable/customTreeTable.vue b/src/views/example/table/treeTable/customTreeTable.vue
new file mode 100644
index 0000000..42e3fa6
--- /dev/null
+++ b/src/views/example/table/treeTable/customTreeTable.vue
@@ -0,0 +1,136 @@
+<template>
+  <div class="app-container">
+
+    <el-tag style="margin-bottom:20px;">
+      <a href="https://github.com/PanJiaChen/vue-element-admin/tree/master/src/components/TreeTable" target="_blank">Documentation</a>
+    </el-tag>
+
+    <tree-table :data="data" :evalFunc="func" :evalArgs="args" :expandAll="expandAll" border>
+      <el-table-column label="事件">
+        <template slot-scope="scope">
+          <span style="color:sandybrown">{{scope.row.event}}</span>
+          <el-tag>{{scope.row.timeLine+'ms'}}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="时间线">
+        <template slot-scope="scope">
+          <el-tooltip effect="dark" :content="scope.row.timeLine+'ms'" placement="left">
+            <div class="processContainer">
+              <div class="process" :style="{ width:scope.row._width * 500+'px',
+              background:scope.row._width>0.5?'rgba(233,0,0,.5)':'rgba(0,0,233,0.5)',
+              marginLeft:scope.row._marginLeft * 500+'px' }">
+                <span style="display:inline-block"></span>
+              </div>
+            </div>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="200">
+        <template slot-scope="scope">
+          <el-button type="text" @click="message(scope.row)">点击</el-button>
+        </template>
+      </el-table-column>
+    </tree-table>
+  </div>
+</template>
+
+<script>
+/**
+  Auth: Lei.j1ang
+  Created: 2018/1/19-14:54
+*/
+import treeTable from '@/components/TreeTable'
+import treeToArray from './customEval'
+
+export default {
+  name: 'customTreeTableDemo',
+  components: { treeTable },
+  data() {
+    return {
+      func: treeToArray,
+      expandAll: false,
+      data:
+        {
+          id: 1,
+          event: '事件1',
+          timeLine: 100,
+          comment: '无',
+          children: [
+            {
+              id: 2,
+              event: '事件2',
+              timeLine: 10,
+              comment: '无'
+            },
+            {
+              id: 3,
+              event: '事件3',
+              timeLine: 90,
+              comment: '无',
+              children: [
+                {
+                  id: 4,
+                  event: '事件4',
+                  timeLine: 5,
+                  comment: '无'
+                },
+                {
+                  id: 5,
+                  event: '事件5',
+                  timeLine: 10,
+                  comment: '无'
+                },
+                {
+                  id: 6,
+                  event: '事件6',
+                  timeLine: 75,
+                  comment: '无',
+                  children: [
+                    {
+                      id: 7,
+                      event: '事件7',
+                      timeLine: 50,
+                      comment: '无',
+                      children: [
+                        {
+                          id: 71,
+                          event: '事件71',
+                          timeLine: 25,
+                          comment: 'xx'
+                        },
+                        {
+                          id: 72,
+                          event: '事件72',
+                          timeLine: 5,
+                          comment: 'xx'
+                        },
+                        {
+                          id: 73,
+                          event: '事件73',
+                          timeLine: 20,
+                          comment: 'xx'
+                        }
+                      ]
+                    },
+                    {
+                      id: 8,
+                      event: '事件8',
+                      timeLine: 25,
+                      comment: '无'
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+      args: [null, null, 'timeLine']
+    }
+  },
+  methods: {
+    message(row) {
+      this.$message.info(row.event)
+    }
+  }
+}
+</script>
diff --git a/src/views/example/table/treeTable/treeTable.vue b/src/views/example/table/treeTable/treeTable.vue
new file mode 100644
index 0000000..df236a8
--- /dev/null
+++ b/src/views/example/table/treeTable/treeTable.vue
@@ -0,0 +1,129 @@
+<template>
+  <div class="app-container">
+
+    <el-tag style="margin-bottom:20px;">
+      <a href="https://github.com/PanJiaChen/vue-element-admin/tree/master/src/components/TreeTable" target="_blank">Documentation</a>
+    </el-tag>
+
+    <tree-table :data="data" :columns="columns" border></tree-table>
+
+  </div>
+</template>
+
+<script>
+/**
+  Auth: Lei.j1ang
+  Created: 2018/1/19-14:54
+*/
+import treeTable from '@/components/TreeTable'
+
+export default {
+  name: 'treeTableDemo',
+  components: { treeTable },
+  data() {
+    return {
+      columns: [
+        {
+          text: '事件',
+          value: 'event',
+          width: 200
+        },
+        {
+          text: 'ID',
+          value: 'id'
+        },
+        {
+          text: '时间线',
+          value: 'timeLine'
+        },
+        {
+          text: '备注',
+          value: 'comment'
+        }
+      ],
+      data: [
+        {
+          id: 0,
+          event: '事件1',
+          timeLine: 50,
+          comment: '无'
+        },
+        {
+          id: 1,
+          event: '事件1',
+          timeLine: 100,
+          comment: '无',
+          children: [
+            {
+              id: 2,
+              event: '事件2',
+              timeLine: 10,
+              comment: '无'
+            },
+            {
+              id: 3,
+              event: '事件3',
+              timeLine: 90,
+              comment: '无',
+              children: [
+                {
+                  id: 4,
+                  event: '事件4',
+                  timeLine: 5,
+                  comment: '无'
+                },
+                {
+                  id: 5,
+                  event: '事件5',
+                  timeLine: 10,
+                  comment: '无'
+                },
+                {
+                  id: 6,
+                  event: '事件6',
+                  timeLine: 75,
+                  comment: '无',
+                  children: [
+                    {
+                      id: 7,
+                      event: '事件7',
+                      timeLine: 50,
+                      comment: '无',
+                      children: [
+                        {
+                          id: 71,
+                          event: '事件71',
+                          timeLine: 25,
+                          comment: 'xx'
+                        },
+                        {
+                          id: 72,
+                          event: '事件72',
+                          timeLine: 5,
+                          comment: 'xx'
+                        },
+                        {
+                          id: 73,
+                          event: '事件73',
+                          timeLine: 20,
+                          comment: 'xx'
+                        }
+                      ]
+                    },
+                    {
+                      id: 8,
+                      event: '事件8',
+                      timeLine: 25,
+                      comment: '无'
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  }
+}
+</script>
diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
new file mode 100644
index 0000000..7c82453
--- /dev/null
+++ b/src/views/layout/Layout.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="app-wrapper" :class="{hideSidebar:!sidebar.opened}">
+    <sidebar class="sidebar-container"></sidebar>
+    <div class="main-container">
+      <navbar></navbar>
+      <tags-view></tags-view>
+      <app-main></app-main>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Navbar, Sidebar, AppMain, TagsView } from './components'
+
+export default {
+  name: 'layout',
+  components: {
+    Navbar,
+    Sidebar,
+    AppMain,
+    TagsView
+  },
+  computed: {
+    sidebar() {
+      return this.$store.state.app.sidebar
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+  }
+</style>
diff --git a/src/views/layout/components/AppMain.vue b/src/views/layout/components/AppMain.vue
new file mode 100644
index 0000000..653d181
--- /dev/null
+++ b/src/views/layout/components/AppMain.vue
@@ -0,0 +1,23 @@
+<template>
+  <section class="app-main" style="min-height: 100%">
+    <transition name="fade" mode="out-in">
+      <keep-alive :include="cachedViews">
+        <router-view></router-view>
+      </keep-alive>
+    </transition>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AppMain',
+  computed: {
+    cachedViews() {
+      return this.$store.state.tagsView.cachedViews
+    }
+    // key() {
+    //   return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
+    // }
+  }
+}
+</script>
diff --git a/src/views/layout/components/Navbar.vue b/src/views/layout/components/Navbar.vue
new file mode 100644
index 0000000..f6ebb49
--- /dev/null
+++ b/src/views/layout/components/Navbar.vue
@@ -0,0 +1,163 @@
+<template>
+  <el-menu class="navbar" mode="horizontal">
+    <hamburger class="hamburger-container" :toggleClick="toggleSideBar" :isActive="sidebar.opened"></hamburger>
+
+    <breadcrumb class="breadcrumb-container"></breadcrumb>
+
+    <div class="right-menu">
+      <error-log class="errLog-container right-menu-item"></error-log>
+		
+      <el-tooltip effect="dark" :content="$t('navbar.screenfull')" placement="bottom">
+        <screenfull class="screenfull right-menu-item"></screenfull>
+      </el-tooltip>
+
+      <lang-select class="international right-menu-item"></lang-select>
+
+      <el-tooltip effect="dark" :content="$t('navbar.theme')" placement="bottom">
+        <theme-picker class="theme-switch right-menu-item"></theme-picker>
+      </el-tooltip>
+
+      <el-dropdown class="avatar-container right-menu-item" trigger="click">
+        <div class="avatar-wrapper">
+          <img v-if="userInfo && userInfo.headimgurl && userInfo.headimgurl!=null && userInfo.headimgurl!=='' " class="user-avatar" :src="userInfo.headimgurl">
+          <img v-else class="user-avatar" src="../../../assets/image/user_img.gif">
+          <i class="el-icon-caret-bottom"></i>
+        </div>
+        <el-dropdown-menu slot="dropdown">
+          <router-link to="/">
+            <el-dropdown-item>
+              {{$t('navbar.dashboard')}}
+            </el-dropdown-item>
+          </router-link> 
+          <el-dropdown-item divided>
+            <span @click="logout" style="display:block;">{{$t('navbar.logOut')}}</span>
+          </el-dropdown-item>
+          <el-dropdown-item divided>
+                                           用户名：{{userInfo.username}}
+          </el-dropdown-item>
+          <el-dropdown-item divided>
+                                           公司：{{userInfo.branchName}}
+          </el-dropdown-item>
+          <el-dropdown-item divided> 
+                                           部门 ：{{userInfo.deptName}}
+          </el-dropdown-item>
+          <el-dropdown-item v-if="userInfo.shopName!=''&&userInfo.shopName!=null" divided> 
+                                          商户：{{userInfo.shopName}}
+          </el-dropdown-item>
+          <el-dropdown-item v-if="userInfo.locationName!=''&&userInfo.locationName!=null" divided> 
+                                           门店：{{userInfo.locationName}}
+          </el-dropdown-item>
+          <el-dropdown-item v-for="item in roles" divided> 
+                                          角色 ：{{item.rolename}}
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </div>
+  </el-menu>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Breadcrumb from '@/components/Breadcrumb'
+import Hamburger from '@/components/Hamburger'
+import ErrorLog from '@/components/ErrorLog'
+import Screenfull from '@/components/Screenfull'
+import LangSelect from '@/components/LangSelect'
+import ThemePicker from '@/components/ThemePicker'
+
+export default {
+  components: {
+    Breadcrumb,
+    Hamburger,
+    ErrorLog,
+    Screenfull,
+    LangSelect,
+    ThemePicker
+  },
+  computed: {
+    ...mapGetters([
+      'sidebar',
+      'userInfo',
+      'roles'
+    ])
+  },
+  methods: {
+    toggleSideBar(opened) {
+      this.$store.dispatch('toggleSideBar',opened)
+    },
+    logout() {
+      this.$store.dispatch('LogOut').then(() => {
+        location.reload()// In order to re-instantiate the vue-router object to avoid bugs
+      })
+    }
+  },
+  mounted() {
+    if (screen.width <= 500) {
+      this.toggleSideBar(false);
+    } else {
+      this.toggleSideBar(true);
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.navbar {
+  height: 50px;
+  line-height: 50px;
+  border-radius: 0px !important;
+  .hamburger-container {
+    line-height: 58px;
+    height: 50px;
+    float: left;
+    padding: 0 10px;
+  }
+  .breadcrumb-container{
+    float: left;
+  }
+  .errLog-container {
+    display: inline-block;
+    vertical-align: top;
+  }
+  .right-menu {
+    float: right;
+    height: 100%;
+    &:focus{
+     outline: none;
+    }
+    .right-menu-item {
+      display: inline-block;
+      margin: 0 8px;
+    }
+    .screenfull {
+      height: 20px;
+    }
+    .international{
+      vertical-align: top;
+    }
+    .theme-switch {
+      vertical-align: 15px;
+    }
+    .avatar-container {
+      height: 50px;
+      margin-right: 30px;
+      .avatar-wrapper {
+        cursor: pointer;
+        margin-top: 5px;
+        position: relative;
+        .user-avatar {
+          width: 40px;
+          height: 40px;
+          border-radius: 10px;
+        }
+        .el-icon-caret-bottom {
+          position: absolute;
+          right: -20px;
+          top: 25px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/layout/components/Sidebar/SidebarItem.vue b/src/views/layout/components/Sidebar/SidebarItem.vue
new file mode 100644
index 0000000..c8de97b
--- /dev/null
+++ b/src/views/layout/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="menu-wrapper">
+    <template v-for="item in routes" v-if="!item.hidden&&item.children">
+
+      <router-link v-if="hasOneShowingChildren(item.children) && !item.children[0].children&&!item.alwaysShow" :to="item.path+'/'+item.children[0].path"
+        :key="item.children[0].name">
+        <el-menu-item :index="item.path+'/'+item.children[0].path" :class="{'submenu-title-noDropdown':!isNest}">
+          <svg-icon v-if="item.children[0].meta&&item.children[0].meta.icon" :icon-class="item.children[0].meta.icon"></svg-icon>
+          <span v-if="item.children[0].meta&&item.children[0].meta.title" slot="title">{{generateTitle(item.children[0].meta.title)}}</span>
+        </el-menu-item>
+      </router-link>
+
+      <el-submenu v-else :index="item.name||item.path" :key="item.name">
+        <template slot="title">
+          <svg-icon v-if="item.meta&&item.meta.icon" :icon-class="item.meta.icon"></svg-icon>
+          <span v-if="item.meta&&item.meta.title" slot="title">{{generateTitle(item.meta.title)}}</span>
+        </template>
+
+        <template v-for="child in item.children" v-if="!child.hidden">
+          <sidebar-item :is-nest="true" class="nest-menu" v-if="child.children&&child.children.length>0" :routes="[child]" :key="child.path"></sidebar-item>
+
+          <router-link v-else :to="{path:item.path+'/'+child.path,query:child.query}" :key="child.name">
+            <el-menu-item :index="item.path+'/'+child.path">
+              <svg-icon v-if="child.meta&&child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
+              <span v-if="child.meta&&child.meta.title" slot="title">{{generateTitle(child.meta.title)}}</span>
+            </el-menu-item>
+          </router-link>
+        </template>
+      </el-submenu>
+
+    </template>
+  </div>
+</template>
+
+<script>
+import { generateTitle } from '@/utils/i18n'
+
+export default {
+  name: 'SidebarItem',
+  props: {
+    routes: {
+      type: Array
+    },
+    isNest: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    hasOneShowingChildren(children) {
+      const showingChildren = children.filter(item => {
+        return !item.hidden
+      })
+      if (showingChildren.length === 1) {
+        return true
+      }
+      return false
+    },
+    generateTitle
+  }
+}
+</script>
+
diff --git a/src/views/layout/components/Sidebar/index.vue b/src/views/layout/components/Sidebar/index.vue
new file mode 100644
index 0000000..007e792
--- /dev/null
+++ b/src/views/layout/components/Sidebar/index.vue
@@ -0,0 +1,34 @@
+<template>
+  <scroll-bar>
+    <el-menu
+      mode="vertical"
+      :show-timeout="200"
+      :default-active="$route.path"
+      :collapse="isCollapse"
+      background-color="#304156"
+      text-color="#bfcbd9"
+      active-text-color="#409EFF"
+    >
+      <sidebar-item :routes="permission_routers"></sidebar-item>
+    </el-menu>
+  </scroll-bar>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import SidebarItem from './SidebarItem'
+import ScrollBar from '@/components/ScrollBar'
+
+export default {
+  components: { SidebarItem, ScrollBar },
+  computed: {
+    ...mapGetters([
+      'permission_routers',
+      'sidebar'
+    ]),
+    isCollapse() {
+      return !this.sidebar.opened
+    }
+  }
+}
+</script>
diff --git a/src/views/layout/components/TagsView.vue b/src/views/layout/components/TagsView.vue
new file mode 100644
index 0000000..e34a51b
--- /dev/null
+++ b/src/views/layout/components/TagsView.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="tags-view-container">
+    <scroll-pane class='tags-view-wrapper' ref='scrollPane'>
+      <router-link ref='tag' class="tags-view-item" :class="isActive(tag)?'active':''" v-for="tag in Array.from(visitedViews)"
+        :to="tag" :key="tag.path" @contextmenu.prevent.native="openMenu(tag,$event)">
+        {{generateTitle(tag.title)}}
+        <span class='el-icon-close' @click.prevent.stop='closeSelectedTag(tag)'></span>
+      </router-link>
+    </scroll-pane>
+    <ul class='contextmenu' v-show="visible" :style="{left:left+'px',top:top+'px'}">
+      <li @click="closeSelectedTag(selectedTag)">{{$t('tagsView.close')}}</li>
+      <li @click="closeOthersTags">{{$t('tagsView.closeOthers')}}</li>
+      <li @click="closeAllTags">{{$t('tagsView.closeAll')}}</li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import ScrollPane from '@/components/ScrollPane'
+import { generateTitle } from '@/utils/i18n'
+
+export default {
+  components: { ScrollPane },
+  data() {
+    return {
+      visible: false,
+      top: 0,
+      left: 0,
+      selectedTag: {}
+    }
+  },
+  computed: {
+    visitedViews() {
+      return this.$store.state.tagsView.visitedViews
+    }
+  },
+  watch: {
+    $route() {
+      this.addViewTags()
+      this.moveToCurrentTag()
+    },
+    visible(value) {
+      if (value) {
+        document.body.addEventListener('click', this.closeMenu)
+      } else {
+        document.body.removeEventListener('click', this.closeMenu)
+      }
+    }
+  },
+  mounted() {
+    this.addViewTags()
+  },
+  methods: {
+    generateTitle, // generateTitle by vue-i18n
+    generateRoute() {
+      if (this.$route.name) {
+        return this.$route
+      }
+      return false
+    },
+    isActive(route) {
+      return route.path === this.$route.path || route.name === this.$route.name
+    },
+    addViewTags() {
+      const route = this.generateRoute()
+      if (!route) {
+        return false
+      }
+      console.log(route)
+      this.$store.dispatch('addVisitedViews', route)
+    },
+    moveToCurrentTag() {
+      const tags = this.$refs.tag
+      this.$nextTick(() => {
+        for (const tag of tags) {
+          if (tag.to === this.$route.path) {
+            this.$refs.scrollPane.moveToTarget(tag.$el)
+            break
+          }
+        }
+      })
+    },
+    closeSelectedTag(view) {
+      this.$store.dispatch('delVisitedViews', view).then((views) => {
+        if (this.isActive(view)) {
+          const latestView = views.slice(-1)[0]
+          if (latestView) {
+            this.$router.push(latestView)
+          } else {
+            this.$router.push('/')
+          }
+        }
+      })
+    },
+    closeOthersTags() {
+      this.$router.push(this.selectedTag.path)
+      this.$store.dispatch('delOthersViews', this.selectedTag).then(() => {
+        this.moveToCurrentTag()
+      })
+    },
+    closeAllTags() {
+      this.$store.dispatch('delAllViews')
+      this.$router.push('/')
+    },
+    openMenu(tag, e) {
+      this.visible = true
+      this.selectedTag = tag
+      this.left = e.clientX
+      this.top = e.clientY
+    },
+    closeMenu() {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.tags-view-container {
+  .tags-view-wrapper {
+    background: #fff;
+    height: 34px;
+    border-bottom: 1px solid #d8dce5;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
+    .tags-view-item {
+      display: inline-block;
+      position: relative;
+      height: 26px;
+      line-height: 26px;
+      border: 1px solid #d8dce5;
+      color: #495060;
+      background: #fff;
+      padding: 0 8px;
+      font-size: 12px;
+      margin-left: 5px;
+      margin-top: 4px;
+      &:first-of-type {
+        margin-left: 15px;
+      }
+      &.active {
+        background-color: #42b983;
+        color: #fff;
+        border-color: #42b983;
+        &::before {
+          content: '';
+          background: #fff;
+          display: inline-block;
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          position: relative;
+          margin-right: 2px;
+        }
+      }
+    }
+  }
+  .contextmenu {
+    margin: 0;
+    background: #fff;
+    z-index: 100;
+    position: absolute;
+    list-style-type: none;
+    padding: 5px 0;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: 400;
+    color: #333;
+    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
+    li {
+      margin: 0;
+      padding: 7px 16px;
+      cursor: pointer;
+      &:hover {
+        background: #eee;
+      }
+    }
+  }
+}
+</style>
+
+<style rel="stylesheet/scss" lang="scss">
+//reset element css of el-icon-close
+.tags-view-wrapper {
+  .tags-view-item {
+    .el-icon-close {
+      width: 16px;
+      height: 16px;
+      vertical-align: 2px;
+      border-radius: 50%;
+      text-align: center;
+      transition: all .3s cubic-bezier(.645, .045, .355, 1);
+      transform-origin: 100% 50%;
+      &:before {
+        transform: scale(.6);
+        display: inline-block;
+        vertical-align: -3px;
+      }
+      &:hover {
+        background-color: #b4bccc;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/layout/components/index.js b/src/views/layout/components/index.js
new file mode 100644
index 0000000..07cc994
--- /dev/null
+++ b/src/views/layout/components/index.js
@@ -0,0 +1,4 @@
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar/index.vue'
+export { default as TagsView } from './TagsView'
+export { default as AppMain } from './AppMain'
diff --git a/src/views/login/BranchAdd.vue b/src/views/login/BranchAdd.vue
new file mode 100644
index 0000000..83fe561
--- /dev/null
+++ b/src/views/login/BranchAdd.vue
@@ -0,0 +1,147 @@
+<template>
+	<section>
+		<el-row  class="app-container">
+			 
+			<!--新增界面 Branch 管理端机构表（机构下面若干部门）--> 
+			<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="" prop="branchName">
+					<el-tag>亲，您不在任何一个公司或者部门中，需要【先创建公司】 或者请【管理员加您进入公司】哦</el-tag>
+				</el-form-item>
+				<el-form-item label="机构名称" prop="branchName">
+					<el-input v-model="addForm.branchName" auto-complete="off"></el-input>
+				</el-form-item> 
+
+				<el-form-item label="行业分类" prop="industryCategory"> 
+					  <el-select
+					    v-model="addForm.industryCategory" 
+					    filterable
+					    allow-create
+					    default-first-option
+					    placeholder="请选择行业，如果没有合适的可以自己添加">
+					    <el-option
+					      v-for="item in options.industryCategory"
+					      :key="item.optionValue"
+					      :label="item.optionName"
+					      :value="item.optionValue">
+					    </el-option>
+					  </el-select>
+				</el-form-item>  
+				<el-form-item label="姓名" prop="cusername">
+					<el-input v-model="addForm.cusername" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="联系电话" prop="phoneNo">
+					<el-input v-model="addForm.phoneNo" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="邮件" prop="emaill">
+					<el-input v-model="addForm.emaill" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.add" type="primary" @click.native="addSubmit" >提交</el-button>  
+					</el-col>
+				</el-form-item> 
+			</el-form>
+			 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { listOption } from '@/api/itemOption';//下拉框数据查询
+	import { addBranch } from '@/api/branch';
+	import { mapGetters } from 'vuex'
+	
+	export default {
+		props:['branch','visible'],
+		watch: {
+	      'branch':function( branch ) {
+	        this.addForm = branch;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据  params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				addFormRules: {
+					id: [
+						//{ required: true, message: '机构编号不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 管理端机构表（机构下面若干部门）
+				addForm: {
+					id:'',branchName:'',enabled:'',industryCategory:'',cuserid:'',cdate:'',cusername:'',phoneNo:'',emaill:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Branch 管理端机构表（机构下面若干部门） 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.add=true
+							let params = Object.assign({}, this.addForm); 
+							console.log("dddddddddddddddddddddddddddddddddddddddddddddddd")
+							console.log(this.userInfo)
+							params.cuserid=this.userInfo.userid
+							addBranch(params).then((res) => {
+								this.load.add=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit',res.data.data );//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => this.load.add=false);
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'branch-edit':BranchEdit
+		},
+	  computed: {
+		    ...mapGetters([
+		      'myBranchs','myDepts','userInfo'
+		    ])
+		  },
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.branch);  
+			this.addForm.cusername=this.userInfo.username
+			this.addForm.phoneNo=this.userInfo.phoneNo;
+			this.load.list=true
+			listOption([{categoryId:'all',itemCode:'industryCategory'}]).then(res=>{
+				this.load.list=false
+				this.options=res.data.data
+			}).catch(()=>this.load.list=false);
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/login/authredirect.vue b/src/views/login/authredirect.vue
new file mode 100644
index 0000000..7cf37e8
--- /dev/null
+++ b/src/views/login/authredirect.vue
@@ -0,0 +1,10 @@
+<script>
+  export default {
+    name: 'authredirect',
+    created() {
+      const hash = window.location.search.slice(1)
+      window.opener.location.href = window.location.origin + '/login#' + hash
+      window.close()
+    }
+  }
+</script>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..87d0dc3
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,352 @@
+<template>
+  <div class="login-container">
+    <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left">
+      <div class="title-container">
+        <h3 class="title">{{$t('login.title')}}</h3>
+        <lang-select class="set-language"></lang-select>
+      </div>
+      <el-form-item prop="username">
+        <span class="svg-container svg-container_login">
+          <svg-icon icon-class="user" />
+        </span>
+        <el-input name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="用户编号" />
+      </el-form-item>
+
+      <el-form-item prop="password">
+        <span class="svg-container">
+          <svg-icon icon-class="password" />
+        </span>
+        <el-input name="password" :type="passwordType" @keyup.enter.native="handleLogin" v-model="loginForm.password" autoComplete="on" placeholder="password" />
+        <span class="show-pwd" @click="showPwd">
+          <svg-icon icon-class="eye" />
+        </span>
+      </el-form-item>
+      <el-button type="primary" style="width:100%;margin-bottom:30px;" :loading="loading" @click.native.prevent="handleLogin">{{$t('login.logIn')}}</el-button>
+
+      <div class="tips">
+        <span> </span>
+        <span> </span>
+      </div>
+      <div class="tips">
+        <span style="margin-right:18px;"> </span>
+        <span> </span>
+      </div>
+
+      <el-button class="thirdparty-button" type="primary" @click="showTpLoginDialog=true">{{$t('login.thirdparty')}}</el-button>
+    </el-form>
+	<el-dialog
+	  title="请选择一个部门进行登陆"
+	  :visible.sync="deptSelectVisible"
+	  width="40%" append-to-body> 
+	  <el-row class="app-container">
+	  	<el-col :span=20   v-for="d in myDepts">
+		  <el-col :span=20><el-radio v-model="userDeptid" :label="d.deptid">{{d.deptName}}({{d.branchName}})   </el-radio> </el-col> 
+		</el-col> 
+	  </el-row >
+	  <el-row class="app-container" style="text-align:right;">
+		<el-col :span=20 >
+			<el-button @click="deptSelectVisible = false">取 消</el-button>
+   			<el-button type="primary" @click="deptChecked">确 定</el-button>
+   		</el-col>
+	  </el-row >
+	</el-dialog> 
+	
+	<!-- 第三方登陆窗口 -->
+    <el-dialog :title="$t('login.thirdparty')" :visible.sync="showTpLoginDialog" append-to-body>
+      {{$t('login.thirdpartyTips')}}
+      <br/>
+      <br/>
+      <br/>
+      <social-sign />
+    </el-dialog>
+    
+	<!--新增 Branch 管理端机构表（机构下面若干部门）界面-->
+	<el-dialog title="新增机构" :visible.sync="addBranchFormVisible"  width="50%"  :close-on-click-modal="false" append-to-body>
+		<branch-add  :visible="addBranchFormVisible" @cancel="addBranchFormVisible=false" @submit="afterAddBranchSubmit"></branch-add>
+	</el-dialog> 
+  </div>
+</template>
+
+<script>
+import { isvalidUsername } from '@/utils/validate';
+import LangSelect from '@/components/LangSelect';
+import SocialSign from './socialsignin';
+import BranchAdd from './BranchAdd';
+import { mapGetters } from 'vuex'; 
+import md5 from 'js-md5';
+
+export default {
+  components: { LangSelect, SocialSign, BranchAdd },
+  name: 'login',
+  data() {
+    const validateUsername = (rule, value, callback) => {
+      if (!isvalidUsername(value)) {
+        callback(new Error('请输入正确的用户账号'))
+      } else {
+        callback()
+      }
+    }
+    const validatePassword = (rule, value, callback) => {
+      if (value.length < 6) {
+        callback(new Error('密码必须大于六位'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      loginForm: {
+        username: '',
+        password: ''
+      },
+      loginRules: {
+        username: [{ required: true, trigger: 'blur', validator: validateUsername }],
+        password: [{ required: true, trigger: 'blur', validator: validatePassword }]
+      }, 
+      passwordType: 'password',
+      loading: false,
+      showTpLoginDialog: false, //显示第三方登陆对话框
+	  deptSelectVisible:false,//显示选择部门对话框
+	  userDeptid:'',//选中的部门编号 
+	  addBranchFormVisible:false,  //显示添加机构对话框 
+    }
+  },
+  methods: {
+    showPwd() {
+      if (this.passwordType === 'password') {
+        this.passwordType = ''
+      } else {
+        this.passwordType = 'password'
+      }
+    },
+    handleLogin() {
+      this.$refs.loginForm.validate(valid => {
+        if (valid) {
+          this.loading = true
+          let params={
+        		  username:this.loginForm.username,
+        		  password:md5(this.loginForm.password)
+          }
+          this.$store.dispatch('LoginByUsername',params).then(res => {
+        	  this.loading = false
+            if(res.data.tips.isOk==true){
+            	console.log(this.$store);
+            	 this.loading = true;
+                this.$store.dispatch('GetUserInfo').then((res2)=>{
+                	this.userDeptid=res2.data.userInfo.deptid
+                	this.loading = false
+                	if(res2.data.tips.isOk==true){
+                		if(this.$store.state.user.myBranchs==null ||this.$store.state.user.myBranchs.length==0||this.$store.state.user.myDepts==null || this.$store.state.user.myDepts.length<=0){ 
+                        	//this.$message.error("亲，您不在任何一个公司或者部门中，需要【先创建公司】\n 或者请【管理员加您进入公司】哦"); 
+                        	this.addBranchFormVisible=true;
+                        }else if(this.$store.state.user.myDepts.length>1){
+                        	//this.$message.info("亲，您在多个部门中任职，我分不清您要登陆哪个部门，请选择一个部门登陆吧");  
+                        	this.deptSelectVisible=true;
+                        	//this.$router.push({ path: 'mdp/sys/branch/BranchAdd' })
+                        }else{
+                        	//进行角色身份验证
+                        	this.rolesChecked();
+                        }
+                	}else{
+                		this.$message.error(res2.data.tips.msg);
+                	}
+                	
+                }).catch(err=>{
+                	console.log(err); 
+                	this.loading = false
+                }); 
+            }else{
+            	this.$message.error(res.data.tips.msg);
+            } 
+          }).catch((e) => {
+        	  console.log(e);
+            this.loading = false
+          })
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    deptChecked() {
+    	if(this.userDeptid==''){
+    		this.$message.error("亲，请选择登陆的部门")
+    		return
+    	}
+    	
+    	let depts=this.myDepts.filter(d=>d.deptid==this.userDeptid)   
+    	if(this.$store.state.user.userInfo.deptid!=this.userDeptid){
+        	this.$store.dispatch('SwitchDept', depts[0]).then(() => {
+        		this.deptSelectVisible = false
+        		//进行角色身份验证
+      			this.rolesChecked();
+        	})
+    	}else{
+    		this.rolesChecked();
+    	}
+
+    },
+    //角色身份验证
+    rolesChecked(){ 
+    	if(this.userInfo.isSuperAdmin){ 
+    			this.$router.push({ path: '/' });
+    			this.$message.info("欢迎登陆，超级管理员"); 
+	  	}else if(this.userInfo.isPlatformAdmin){ 
+			this.$router.push({ path: '/' });
+			this.$message.info("欢迎登陆，平台管理员"); 
+  		}else{
+  			this.$router.push({ path: '/' }); 
+  			this.$message.info("欢迎登陆"); 
+	  	}
+    },   
+    
+    afterAddBranchSubmit(branch){
+    	this.addBranchFormVisible=false;
+    	this.loading=true
+        this.$store.dispatch('GetUserInfo').then((res)=>{
+        	this.userDeptid=res.data.userInfo.deptid 
+        	this.loading = false;
+        	//角色身份验证
+    		this.rolesChecked();
+        }); 
+    },
+    afterQRScan() {
+      // const hash = window.location.hash.slice(1)
+      // const hashObj = getQueryObject(hash)
+      // const originUrl = window.location.origin
+      // history.replaceState({}, '', originUrl)
+      // const codeMap = {
+      //   wechat: 'code',
+      //   tencent: 'code'
+      // }
+      // const codeName = hashObj[codeMap[this.auth_type]]
+      // if (!codeName) {
+      //   alert('第三方登录失败')
+      // } else {
+      //   this.$store.dispatch('LoginByThirdparty', codeName).then(() => {
+      //     this.$router.push({ path: '/' })
+      //   })
+      // }
+    }
+  },
+  created() {
+    // window.addEventListener('hashchange', this.afterQRScan)
+  },
+  destroyed() {
+    // window.removeEventListener('hashchange', this.afterQRScan)
+  },
+  computed: {
+    ...mapGetters([
+      'myBranchs','myDepts','userInfo','roles'
+    ])
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+$bg:#2d3a4b;
+$light_gray:#eee;
+
+/* reset element-ui css */
+.login-container {
+  .el-input {
+    display: inline-block;
+    height: 47px;
+    width: 85%;
+    input {
+      background: transparent;
+      border: 0px;
+      -webkit-appearance: none;
+      border-radius: 0px;
+      padding: 12px 5px 12px 15px;
+      color: $light_gray;
+      height: 47px;
+      &:-webkit-autofill {
+        -webkit-box-shadow: 0 0 0px 1000px $bg inset !important;
+        -webkit-text-fill-color: #fff !important;
+      }
+    }
+  }
+  .el-form-item {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 5px;
+    color: #454545;
+  }
+}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$bg:#2d3a4b;
+$dark_gray:#889aa4;
+$light_gray:#eee;
+
+.login-container {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  background-color: $bg;
+  background:url(../../assets/image/background.jpg) no-repeat;
+  .login-form {
+    position: absolute;
+    left: 0;
+    right: 0;
+    width: 520px;
+    padding: 35px 35px 15px 35px;
+    margin: 180px auto;
+    border-radius: 20px;
+  	opacity: 0.9;
+  	background-color:#5299ab;
+  }
+  .tips {
+    font-size: 14px;
+    color: #fff;
+    margin-bottom: 10px;
+    span {
+      &:first-of-type {
+        margin-right: 16px;
+      }
+    }
+  }
+  .svg-container {
+    padding: 6px 5px 6px 15px;
+    color: $dark_gray;
+    vertical-align: middle;
+    width: 30px;
+    display: inline-block;
+    &_login {
+      font-size: 20px;
+    }
+  }
+  .title-container {
+    position: relative;
+    .title {
+      font-size: 26px;
+      font-weight: 400;
+      color: $light_gray;
+      margin: 0px auto 40px auto;
+      text-align: center;
+      font-weight: bold;
+    }
+    .set-language {
+      color: #fff;
+      position: absolute;
+      top: 5px;
+      right: 0px;
+    }
+  }
+  .show-pwd {
+    position: absolute;
+    right: 10px;
+    top: 7px;
+    font-size: 16px;
+    color: $dark_gray;
+    cursor: pointer;
+    user-select: none;
+  }
+  .thirdparty-button {
+    position: absolute;
+    right: 35px;
+    bottom: 28px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/login/socialsignin.vue b/src/views/login/socialsignin.vue
new file mode 100644
index 0000000..fc782b5
--- /dev/null
+++ b/src/views/login/socialsignin.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="social-signup-container">
+    <div class="sign-btn" @click="wechatHandleClick('wechat')">
+      <span class="wx-svg-container"><svg-icon icon-class="wechat" class="icon"></svg-icon></span> 微信
+    </div>
+    <div class="sign-btn" @click="tencentHandleClick('tencent')">
+      <span class="qq-svg-container"><svg-icon icon-class="qq" class="icon"></svg-icon></span> QQ
+    </div>
+  </div>
+</template>
+
+<script>
+import openWindow from '@/utils/openWindow'
+
+export default {
+  name: 'social-signin',
+  methods: {
+    wechatHandleClick(thirdpart) {
+      this.$store.commit('SET_AUTH_TYPE', thirdpart)
+      const appid = 'xxxxx'
+      const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/authredirect')
+      const url = 'https://open.weixin.qq.com/connect/qrconnect?appid=' + appid + '&redirect_uri=' + redirect_uri + '&response_type=code&scope=snsapi_login#wechat_redirect'
+      openWindow(url, thirdpart, 540, 540)
+    },
+    tencentHandleClick(thirdpart) {
+      this.$store.commit('SET_AUTH_TYPE', thirdpart)
+      const client_id = 'xxxxx'
+      const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/authredirect')
+      const url = 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=' + client_id + '&redirect_uri=' + redirect_uri
+      openWindow(url, thirdpart, 540, 540)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .social-signup-container {
+    margin: 20px 0;
+    .sign-btn {
+      display: inline-block;
+      cursor: pointer;
+    }
+    .icon {
+      color: #fff;
+      font-size: 30px;
+      margin-top: 6px;
+    }
+    .wx-svg-container,
+    .qq-svg-container {
+      display: inline-block;
+      width: 40px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+      padding-top: 1px;
+      border-radius: 4px;
+      margin-bottom: 20px;
+      margin-right: 5px;
+    }
+    .wx-svg-container {
+      background-color: #8dc349;
+    }
+    .qq-svg-container {
+      background-color: #6BA2D6;
+      margin-left: 50px;
+    }
+  }
+</style>
diff --git a/src/views/mdp/arc/archiveAttachment/AttachmentUpload.vue b/src/views/mdp/arc/archiveAttachment/AttachmentUpload.vue
new file mode 100644
index 0000000..459553e
--- /dev/null
+++ b/src/views/mdp/arc/archiveAttachment/AttachmentUpload.vue
@@ -0,0 +1,229 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->
+			 
+			<!--新增界面 Archive 档案信息表-->   
+					<el-drawer title="图片预览" size="50%" :visible.sync="showPreviewImage" :with-header="false" append-to-body>  
+						<div style="width:100%;max-height:800px;overflow:auto;">  
+								<el-image v-for="image in previewOnlineUrls" :key="image.url" :fit="'contain'" :src="image.url" ></el-image> 
+						</div> 
+					</el-drawer>
+					<el-drawer title="图片预览" size="50%" :visible.sync="showOnePreviewImage" :with-header="false" append-to-body>  
+						<div v-if="image!=null" style="width:100%;max-height:800px;overflow:auto;">  
+								<el-image  :fit="'contain'" :src="image.url" ></el-image> 
+						</div> 
+					</el-drawer>
+					<el-col :span="18">
+					<el-upload
+					  class="upload-demo"
+					  :action="uploadAction"
+					  :data="uploadParams"
+					  multiple
+					  :limit="limit"
+					  :list-type="listType"
+					  :on-change="handleChange"
+					  :before-remove="beforeRemove"
+					  :on-remove="handleRemove"
+					  :on-preview="handlePreview"
+					  :on-exceed="handleExceed"
+					  :before-upload="handleBeforeUpload"
+					  :on-success="handleSuccess"
+					  :file-list="fileList">
+					  <el-button  type="text">上传附件</el-button>
+					</el-upload> 
+					</el-col>
+					<el-col :span="6" style="padding-right: 50px;"><el-button   @click="handleOnlinePeview" :disabled="previewOnlineUrls.length<=0">预览{{previewOnlineUrls.length}}张图</el-button></el-col>
+		</el-row>
+	</section>
+</template>
+
+<script> 
+	import config from '@/common/config';//全局公共库import 
+	import { listArchiveAttachment,delArchiveAttachment } from '@/api/mdp/arc/archiveAttachment'; 
+	 
+	export default {
+		props:['branchId','deptid','archiveId','categoryId','listType','limit'],
+		watch: {
+	      'archiveId':function( archiveId ) {
+			  var that=this;
+	    	  this.$nextTick(_ => { 
+					  this.fileList=[];  
+					listArchiveAttachment({archiveId:this.archiveId}).then(res=>{
+		 				var files=res.data.data; 
+						if(files && files.length>0){
+							files.forEach(i=>{
+								i.name=i.name
+								that.fileList.push(i);
+							}); 
+						}
+					});
+	        	});
+	      }
+	    },	 
+	    computed:{
+	    	uploadParams(){
+				return {
+					categoryId:this.categoryId,
+					archiveId:this.archiveId,
+					branchId:this.branchId,
+					deptid:this.deptid
+				}
+			},
+			previewOnlineUrls(){ 
+				var previewOnlineUrls=this.fileList.filter(i=>{
+					var re=/^.*\.(?:png|jpg|bmp|gif|jpeg)$/;
+			        if(re.test(i.name)){   
+						return true;
+			        } else{
+						return false;
+					}
+				});
+				 previewOnlineUrls.forEach(i=>{
+					 i.url=config.getArcFileUploadBasePath()+"/"+i.url+"?name="+i.name;
+				  });
+				  console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx00000000000000000000000000000000000");
+				  console.log(JSON.stringify(previewOnlineUrls));
+				  return previewOnlineUrls
+			}
+	    },
+		data() {
+			return {
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				uploadAction:config.getArcFileUploadBasePath()+"/mdp/arc/file/upload",
+				fileList:[], 
+				showPreviewImage:false, 
+				showOnePreviewImage:false,
+				image:null,
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+  
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+			  handleOnlinePeview(val){
+				  this.showPreviewImage= !this.showPreviewImage;
+			  }, 
+	      //begin 上传附件
+	      handleSuccess(res,file) {
+		      if(res.tips.isOk){
+		    	  file=Object.assign(file,res.data);
+		    	  this.fileList.push(res.data);
+		      }else{
+		    	  this.$message.warning(res.tips.msg); 
+		    	  return false;
+		      }
+		  },
+	      handleRemove(file, fileList) {
+			  if( !file.id || file.id==null || file.id==''){
+					return true;  
+		    	}
+			  
+	        delArchiveAttachment(file).then(res=>{
+	        	if(res.data.tips.isOk){
+	        		var index=-1;
+	        		 for(var i=0;i<this.fileList.length;i++){
+	        			 if(this.fileList[i].name==file.name){
+	        				 index=i;
+	        			 }
+	        		 }
+	        		 if(index>=0){
+	        			 this.fileList.splice(index, 1);
+	        		 }
+	        	}else{
+	        		this.$message.error(res.data.tips.msg);
+	        	}
+	        }).catch(()=>{
+	        	this.$message.warning("删除失败");
+	        });
+	      },
+	      handlePreview(file) {
+		        let relativePath=file.relativePath;
+		        console.log("relativePath"+relativePath);
+		        let name=file.name;
+		        var attachmentPreviewUrl=config.getArcFileUploadBasePath()+"/"+file.url+"?name="+name; 
+			        var re=/^.*\.(?:png|jpg|bmp|gif|jpeg)$/;
+			        if(re.test(name)){ 
+						this.image=Object.assign({},file);
+						this.image.url=attachmentPreviewUrl;
+						this.showOnePreviewImage=true;  
+			        	 return;
+					} 
+				
+				this.showOnePreviewImage=false; 
+		        window.open(attachmentPreviewUrl,'_blank');
+		  }, 
+	      handleExceed(files, fileList) {
+	          this.$message.warning("当前限制选择"+this.limit+" 个文件，本次选择了"+files.length+" 个文件，共选择了 "+(files.length + fileList.length)+" 个文件");
+	       },
+          beforeRemove(file,fileList){
+	    	   console.log(file);
+	    	   var canDel=false;
+	    	 this.fileList.forEach(item=>{
+	    		 if(item.name==file.name){
+	    			if(item.canDel=='1'){
+	    				canDel=true;
+	    				return;
+	    			}
+	    		 }
+	    	 });
+	    	 if(canDel==false && (file.id && file.id!=null && file.id!='')){
+	    		 this.$message.warning(file.name+"设置了不允许删除"); 
+	    		 return false;
+	    	 }else if(canDel==true && (file.id && file.id!=null && file.id!='')){
+	    		 return this.$confirm("确定移除"+ file.name+"？");
+	    	 }else{
+	    		 return true;
+	    	 }
+            
+          },
+          handleBeforeUpload(file) {
+        	  let files=this.fileList.filter(i=>i.name==file.name);
+        	  if(files.length>0){
+        		  this.$message({ message: "文件已经存在", type: "warning" }); 
+        		  return false;
+        	  }else{
+				if(file.size>(1024*1024*4)){//4M
+			    	this.$message({ message: '文件大小为'+(file.size/(1024*1024))+"M,大于4M，不允许上传。", type: 'warning' });
+			    	return false;
+			    }
+          		this.uploadParams.archiveId=(this.archiveId)
+        		this.uploadParams.categoryId=this.categoryId
+        		return true;
+        	  }
+            },
+            handleChange(file, fileList2) {
+            	this.$emit("on-change",file,this.fileList);
+              }
+          //end upload
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'archive-edit':ArchiveEdit 
+		},
+		mounted() {
+			 if(!this.archiveId){
+				 return;
+			 }
+			listArchiveAttachment({archiveId:this.archiveId}).then(res=>{
+ 				var files=res.data.data;
+ 				files.forEach(i=>i.name=i.name);
+ 				this.fileList=files;
+			}); 
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/arc/category/CategoryTree.vue b/src/views/mdp/arc/category/CategoryTree.vue
new file mode 100644
index 0000000..8f742c7
--- /dev/null
+++ b/src/views/mdp/arc/category/CategoryTree.vue
@@ -0,0 +1,379 @@
+<template>
+	<section>
+		<el-row>
+		<el-tree
+			class="filter-tree"
+			:data="treeData"
+			:props="defaultTreeProps"
+			:filter-node-method="filterNode"
+			:show-checkbox="showCheckbox"
+			:default-expand-all="defaultExpandAll"
+			:expand-on-click-node="expandOnClickNode"
+			:indent="8"
+			:node-key="nodeKey_"
+			:default-expanded-keys="defaultExpandedKeys"
+			:default-checked-keys="defaultCheckedKeys"
+			auto-expand-parent
+			@check-change="handleCheckChange"
+			@current-change="handleCurrentChange"
+			@node-click="handleNodeClick"
+			:check-strictly="true" 
+			:check-on-click-node="true"
+			ref="nodeTree">
+			<div class="custom-tree-node" slot-scope="{ node, data}">  
+				<span>{{data.name}}</span> 
+				<span class="el-ic"> 
+					<i class="el-icon-plus" @click.prevent.stop="addNode(data,node)" title="添加子分类"></i> 
+					<i class="el-icon-edit" @click.prevent.stop="editNode(data,node)" title="修改名字"></i> 
+					<i class="el-icon-delete" @click.prevent.stop="deleteNode(data,node)" title="删除该分类"> </i>
+				</span>
+			</div>
+		</el-tree>
+		<el-dialog
+			title="提示"
+			:visible.sync="addVisible"
+			width="60%" append-to-body> 
+				<el-form ref="addCategory" :model="addCategory" label-width="200" 	>
+					<el-form-item label="上级分类名称">
+						{{currentCategory.name}}
+					</el-form-item> 
+					<el-form-item label="分类编号">
+						<el-input v-model="addCategory.id" placeholder="如果为空，则系统自动生成"></el-input>
+					</el-form-item>
+					<el-form-item label="分类名称"  prop="name"
+					:rules="[
+						{ required: true, message: '名称不能为空'}
+						]">
+						<el-input v-model="addCategory.name" ></el-input>
+					</el-form-item>
+					<el-form-item label=""> 
+						<el-button @click="addVisible = false">取 消</el-button>
+						<el-button type="primary" v-loading="addLoading"  @click="addCategorySubmit">确 定</el-button>
+					</el-form-item>
+				</el-form> 
+		</el-dialog>	 
+		
+		<el-dialog
+			title="提示"
+			:visible.sync="editVisible"
+			width="60%" append-to-body> 
+				<el-form ref="editCategory" :model="editCategory" label-width="200" 	> 
+					<el-form-item label="分类名称"  prop="name"
+					:rules="[
+						{ required: true, message: '名称不能为空'}
+						]">
+						<el-input v-model="editCategory.name" ></el-input>
+					</el-form-item>
+					<el-form-item label=""> 
+						<el-button @click="editVisible = false">取 消</el-button>
+						<el-button type="primary" v-loading="editLoading" @click="editCategorySubmit">确 定</el-button>
+					</el-form-item>
+				</el-form> 
+		</el-dialog>
+		</el-row>
+	</section>
+</template>
+
+<script> 
+	import {   listTreeCategory,addCategory, editCategory,delCategory  } from '@/api/mdp/arc/category';
+	import { mapGetters } from 'vuex'
+	export default { 
+		watch: {
+	      nodeFilterText(val) {
+	        this.$refs.nodeTree.filter(val);
+	      },
+	      checkedKeys(val){
+	      	 this.$refs.nodeTree.setCheckedKeys(val);
+	      },
+	      refresh(val){ 
+	      	this.getTreeData(val);
+	      },
+	      currentKey(val){ 
+	    	  this.$refs.nodeTree.setCheckedKeys([val]);
+		  },
+		  value(val){
+		  	this.nodeid=val;
+		  },
+		  nodeid(val){
+		  	this.$emit('input',val);
+		  }
+	    },
+	    computed:{
+	    	defaultExpandedKeys(){
+	    		return this.defaultCheckedKeys;
+	    	},
+	    	defaultCheckedKeys(){
+	    		if(this.value){
+	    			return [this.value];
+	    		}
+	    		return this.checkedKeys;
+	    	},
+	    	nodeKey_(){
+	    		return this.nodeKey?this.nodeKey:'id'
+	    	},
+			...mapGetters([
+			  'workShop'
+			])
+	    },
+	    props: ['value','isLeaf','visible','nodeKey','showCount','countTips','showFilter','rootKey','multiple','checkedKeys','refresh','defaultExpandAll','expandOnClickNode','showCheckbox','indent'],
+		data() {
+			return { 
+				nodeFilterText: '',
+				treeData:[],  
+				defaultTreeProps:{
+					
+					id:this.nodeKey_,
+					label:'name',
+					children: 'children',
+					disabled:function(data,node){   
+							return !node.isLeaf; 
+					} 
+				},  
+				listLoading: false,
+				addLoading:false,
+				editLoading:false,
+				nodeid:'',
+				currentCategory:{},
+				addCategory:{},
+				editCategory:{},
+				addVisible:false,
+				editVisible:false,
+			}
+		},
+		methods: { 
+			handleCheckChange(data, checked, indeterminate) {
+				let checkedKeys=this.$refs.nodeTree.getCheckedKeys(); 
+				console.log(this.multiple);
+				if( this.multiple===undefined || this.multiple===false||this.multiple==='false'){
+					if(checked==true){
+						if(checkedKeys.length>1){ 
+							this.$refs.nodeTree.setCheckedKeys([data[this.nodeKey_]]);
+							this.$emit('check-change',data,checked,indeterminate);
+							this.nodeid=data[this.nodeKey_];
+						}else{
+							this.$emit('check-change',data,checked,indeterminate);
+							this.nodeid=data[this.nodeKey_];
+						}
+					}else{
+						if(checkedKeys.length==0){
+							this.nodeid='';
+							this.$emit('check-change',data,checked,indeterminate);
+						} 
+					}
+				}else{
+					this.$emit('check-change',data,checked,indeterminate);
+				} 
+		    },
+			handleCurrentChange(data, node) {
+		    	this.$emit('current-change',data, node); 
+		    },
+		    handleNodeClick(data, node, comp) { 
+				this.$emit('node-click',data, node, comp); 
+			}, 
+			handleAddCategoryClose(){
+				this.addVisible=false;
+			},
+			addCategorySubmit(){
+				this.addCategory.pid=this.currentCategory.id
+				this.addCategory.isShow='1'
+				this.addCategory.branchId=this.currentCategory.branchId
+				if(!this.addCategory.branchId){
+					this.addCategory.branchId=this.workShop.branchId
+				}
+				this.$refs.addCategory.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true;  
+							addCategory(this.addCategory).then(res=>{
+								//console.log("res--"+JSON.stringify(res));
+								if(res.data.tips.isOk){
+									this.addLoading=false;
+									this.$message.success(res.data.tips.msg); 
+									this.getTreeData(true);
+								}else{ 
+									this.$message.error(res.data.tips.msg); 
+								}
+							}).catch(e=>this.addLoading = false  );
+							
+						});
+					}
+				});
+				
+			},
+			
+			editCategorySubmit(){
+				this.$refs.editCategory.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true;  
+							editCategory({id:this.editCategory.id,name:this.editCategory.name}).then(res=>{
+								//console.log("res--"+JSON.stringify(res));
+								this.editLoading = false;  
+								if(res.data.tips.isOk){
+									this.editVisible=false;
+									this.$message.success(res.data.tips.msg); 
+									this.getTreeData(true);
+								}else{ 
+									this.$message.error(res.data.tips.msg); 
+								}
+							}).catch(e=>this.editLoading = false  );
+							
+						});
+					}
+				});
+				
+			},
+		    addNode(data, node, comp) {  
+				this.currentCategory=Object.assign({},data)
+				this.addVisible=true;
+				console.log("addNode___"+JSON.stringify(data));
+				return false;
+			}, 
+		    editNode(data, node, comp) {  
+				this.editCategory=Object.assign({},data)
+				this.editVisible=true;
+				console.log("editNode__"+JSON.stringify(data));
+				return false;
+		    }, 
+		    deleteNode(data, node, comp) {  
+				console.log("deleteNode__"+JSON.stringify(data));
+						if(data.children){
+							this.$message.error("请先删除子元素"); 
+							return;
+						}
+						let params={
+							id:data.id,
+							branchId:data.branchId
+						}
+						if(!params.branchId){
+							params.branchId=this.workShop.branchId
+						}
+						this.$confirm('确认删除吗？', '提示', {}).then(() => { 
+							delCategory(params).then(res=>{
+								//console.log("res--"+JSON.stringify(res));
+								if(res.data.tips.isOk){
+									this.editVisible=false;
+									
+									this.$message.success(res.data.tips.msg); 
+									this.getTreeData(true);
+								}else{ 
+									this.$message.error(res.data.tips.msg); 
+								}
+							});
+						})
+					return false;
+		    }, 
+			//获取分类树列表
+			getTreeData(refresh) {
+
+				let id='';
+				if(this.rootKey!='' && this.rootKey!=null){
+					id=this.rootKey;
+				}
+				let params = { 
+					id: id,
+					branchId:this.workShop.branchId,
+				};
+ 				if(refresh){
+ 					params.refresh=true;
+ 				}
+				this.listLoading = true;
+				listTreeCategory(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk==true){ 
+						this.treeData=[res.data.data];
+						console.log("this.treeData----"+JSON.stringify(this.treeData));
+					}else{
+						this.$message({ message: tips.msg, type: 'error'});
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			}, 
+			filterNode(value, data) {
+		        if (!value) return true;
+		        return data.name.indexOf(value) !== -1;
+		     },
+		     renderContent(h, { node, data, store }) {
+				var countMsg='';	
+				var that=this;
+				if(this.countTips){
+					countMsg=this.countTips;
+				} 
+				if(this.showCount==true || this.showCount=='true'){ 
+					return h('div'[h('span',node.label+"("+data.count+countMsg+")")]) ;
+				}else{
+					return h('div',[h('span',node.label+"("+data.count+countMsg+")")]) ;
+					//return h('span',"@contextmenu.prevent='contextmenu('"+node.id+"')',"+node.label+"("+(data.children==null?0:data.children.length)+countMsg+")") ;
+				}
+			        
+			  }
+		},
+		mounted() { 
+			this.nodeid=this.value;
+			this.getTreeData();  
+			let that=this;
+			this.defaultTreeProps.disabled=function(data,node){
+				if(that.isLeaf && that.isLeaf==true){
+					return !node.isLeaf; 
+				}else{
+					return false;
+				}
+				
+			}
+		}
+	}
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped> 
+ 
+ 
+  .custom-tree-node {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px; 
+    color: #4386c6;
+ 
+  }
+ 
+  .el-ic {
+    display: none;
+    i, span {
+      padding: 0 8px;
+      font-size: 18px;
+      font-weight: 600;
+    } 
+  }
+  
+ 
+  .el-tree-node__content:hover .el-ic {
+    color: #428bca !important;
+    display: inline-block;
+	margin-left: 20px;
+	
+  }
+ 
+  .el-tree-node__content:hover {
+    font-weight: bold;
+  }
+ 
+  .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content :hover {
+    .el-tree-node__expand-icon.is-leaf {
+      color: transparent;
+      cursor: default;
+    }
+    /*background-color: #3998d9;*/
+    .custom-tree-node {
+      font-weight: bold;
+    }
+    .el-tree-node__expand-icon {
+      font-weight: bold;
+    }
+ 
+  } 
+ 
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/arc/tag/TagMng.vue b/src/views/mdp/arc/tag/TagMng.vue
new file mode 100644
index 0000000..3c9208a
--- /dev/null
+++ b/src/views/mdp/arc/tag/TagMng.vue
@@ -0,0 +1,694 @@
+<template>
+	<section>
+		<sticky :className="'sub-navbar draft'" style="margin-left:-20px;margin-right:-20px;">
+		<el-row>
+			 <el-col :span="6"> 
+				<el-input  style="width:99%;"  v-model="needAddTagCategoryNameInputValue" placeholder="标签分类，回车直接添加"
+				 @keyup.enter.native="addTagCategorySubmitMethod"></el-input>
+         		
+			 </el-col>
+			 <el-col :span="14">
+				 <el-checkbox  v-if="userInfo.isPlatformAdmin||userInfo.isSuperAdmin" v-model="isPub" true-label='1' false-label='0'>公共分类</el-checkbox>
+        	<el-button type="primary" v-if="jump==true" @click="selectConfirm">确认</el-button>
+			<el-button type="primary"   @click="getTags" v-loading="sectionLoading">查询</el-button> 
+			 
+			</el-col>
+			<el-col :span="4" class="hidden-sm-and-down">
+			 	<el-tooltip content="黄色表示已经有的标签"><span class="addTagSquare"></span></el-tooltip>
+				 <el-tooltip content="白色表示尚未拥有的标签"><span class="closeTagSquare"></span></el-tooltip>
+				
+			</el-col> 
+		</el-row>
+		</sticky>
+		<el-row class="app-container">
+
+			<el-row v-for="(item,index) in convertTags" :key="item.categoryId">
+				<h3> 
+					<div>{{item.categoryName+(item.pubc=='1'?'(公共)':'')}}<i class="el-icon-close closeStyle" @click.stop="delTagCategoryMethod(item.categoryId,index)"></i>:</div>
+				 
+				</h3>
+				<!--el-icon-circle-close--> 
+				<el-col :span="24" style="margin-left:30px;display:flex;flex-wrap: wrap;width: 100%;">
+					<div :class="v.checked?'checkCopyButton':'copyButton'" v-for="(v,valueIndex) in item.values" :key="valueIndex"
+					 @click="clickTagMethod(index,valueIndex)">{{v.tagName +(v.pubTag=='1'?'(公共)':'')}}
+						<i class="el-icon-close closeStyle" @click.stop="delTagMethod(v.tagId,index,valueIndex)"></i>
+					</div>
+					<div class="input-tag" v-if="item.showAddButtonVisible">
+						<el-input style="200px;" v-model="item.showAddButtonInputValue" placeholder="请输入标签,回车即可" @keyup.enter.native="addTagMethod(index)" autofocus></el-input>
+
+          			</div>
+					<div v-else class="add" @click="showAddButtonMethod(index)"><i class="el-icon-circle-plus-outline" style="font-size:35px;"></i></div>
+				</el-col> 
+			</el-row>
+
+
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util'; //全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询
+  import { listTag, delTag, batchDelTag,addTag, getAllTag,deleteTagCategory} from '@/api/mdp/arc/tag';
+	import {
+		mapGetters
+	} from 'vuex'
+	import { 
+		listTagCategory,
+		addTagCategory
+	} from '@/api/mdp/arc/tagCategory';
+
+	export default {
+		computed: {
+			...mapGetters([
+				'workShop','userInfo'
+			])
+		},
+		//
+		props: ['jump', 'visible','tagIds'],
+		watch: {
+
+			
+			'tagIds': function(tagIds) { 
+				if(tagIds && tagIds.length>0){
+					this.convertTags.forEach(i=>{
+						if( i.values &&  i.values.length>0){
+							i.values.forEach(k=>{
+							if(tagIds.some(j=>j==k.tagId)){
+								k.checked=true;
+							}else{
+								k.checked=false;
+							}
+						});
+					 } 
+				 });
+				}
+				 
+			},
+			'visible': function(visible) {
+				if (visible == true) {
+					//从新打开页面时某些数据需要重新加载，可以在这里添加
+					console.log("visit---:MemMenmberTagMng")
+					//this.getTags();
+				}
+			}
+		},
+
+		data() {
+			return {
+				userFormVisible: false, //该组用户
+				showwAddTagCategoryVisible: false,
+				needAddTagCategoryNameInputValue: '',
+				sectionLoading: false,
+				convertTags: [],
+				filters: {
+					key: ''
+				},
+				memMemberUserId: null, //过滤条件,userid
+				memMemberTags: [], //查询结果
+				pageInfo: { //分页数据
+					total: 0, //服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize: 10, //每页数据
+					count: false, //是否需要重新计算总记录数
+					pageNum: 1, //当前页码、从1开始计算
+					orderFields: [], //排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs: [] //升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load: {
+					list: false,
+					edit: false,
+					del: false,
+					add: false
+				}, //查询中...
+				sels: [], //列表选中数据
+				options: {}, //下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]}
+
+				addFormVisible: false, //新增memMemberTag界面是否显示
+				//新增memMemberTag界面初始化数据
+				addForm: {
+					userid: '',
+					tag: '',
+					addUserid: '',
+					addTime: '',
+					state: '',
+					id: '',
+          			isPub :'',
+				},
+
+				editFormVisible: false, //编辑界面是否显示
+				/*userFormVisible: false,*/ //该组用户
+				//编辑memMemberTag界面初始化数据
+				editForm: {
+					userid: '',
+					tag: '',
+					addUserid: '',
+					addTime: '',
+					state: '',
+					id: '',
+          isPub:'',
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+        isPub:'0'
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		}, //end data
+		methods: {
+			handleSizeChange(pageSize) {
+				this.pageInfo.pageSize = pageSize;
+				this.getTags();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getTags();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange(obj) {
+				var dir = 'asc';
+				if (obj.order == 'ascending') {
+					dir = 'asc'
+				} else {
+					dir = 'desc';
+				}
+				if (obj.prop == 'xxx') {
+					this.pageInfo.orderFields = ['xxx'];
+					this.pageInfo.orderDirs = [dir];
+				}
+				this.getTags();
+			},
+			searchTags() {
+				this.pageInfo.count = true;
+				this.getTags();
+			},
+			//获取列表 MemMemberTag mem_member_tag
+			getTags() {
+				this.showwAddTagCategoryVisible = false;
+				let params = {
+					/* pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,
+					count:this.pageInfo.count */
+				};
+				if (this.pageInfo.orderFields != null && this.pageInfo.orderFields.length > 0) {
+					let orderBys = [];
+					for (var i = 0; i < this.pageInfo.orderFields.length; i++) {
+						orderBys.push(this.pageInfo.orderFields[i] + " " + this.pageInfo.orderDirs[i])
+					}
+					params.orderBy = orderBys.join(",")
+				}
+				if (this.filters.key !== "") {
+					params.key = "%" + this.filters.key + "%"
+				} else {
+					//params.xxx=xxxxx
+				}
+
+				params.shopId = this.workShop.shopId;
+				params.branchId = this.workShop.branchId;
+				this.sectionLoading = true;
+				this.convertTags = [];
+				getAllTag(params).then((res) => {
+					var tips = res.data.tips;
+					if (tips.isOk) {
+						/* this.pageInfo.total = res.data.total;
+						this.pageInfo.count=false; */ 
+						let allTag = res.data.data; 
+						let convert = [];
+						for (let i = 0; i < allTag.length; i++) {
+							let flag = true; //判断是否需要添加
+							var tag=allTag[i];
+							for (let j = 0; j < convert.length; j++) {
+								
+								if (tag.tagId && tag.categoryId == convert[j].categoryId ) {
+									let json = {
+										"isSaveInDatabase": true,
+										"checked": tag.checked ? true : false,
+										"tagId": tag.tagId,
+										"tagName": tag.tagName,
+                    					"pubTag":tag.pubTag,
+									}
+									if(this.tagIds && this.tagIds.some(id=>id==json.tagId)){
+										json.checked=true;
+									}
+									convert[j].values.push(json);
+									flag = false;
+									break;
+								}
+							}
+							if (flag) {
+								let json = {
+									"showAddButtonVisible": false, //添加标签按钮
+									"showAddButtonInputValue": '', //添加标签按钮的输入框的值
+									"categoryId": tag.categoryId,
+									"categoryName": tag.categoryName,
+									"pubc":tag.pubc,
+									"values": [{
+										"isSaveInDatabase": false,
+										"checked": false,
+										"tagId": tag.tagId,
+										"tagName": tag.tagName,
+                    					"pubTag":tag.pubTag,
+									}]
+								}
+								if (!json.values[0].tagId) {
+									json.values = [];
+								}else{
+									
+									if(this.tagIds && this.tagIds.some(id=>id==json.values[0].tagId)){
+										json.values[0].checked=true;
+									}
+								}
+								convert.push(json);
+							}
+						}
+						this.convertTags = convert;
+					} else {
+						this.$message({
+							message: tips.msg,
+							type: 'error'
+						});
+					}
+					this.sectionLoading = false;
+				}).catch(err => this.sectionLoading = false);
+			},
+
+			//显示编辑界面 MemMemberTag mem_member_tag
+			showEdit: function(row, index) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 MemMemberTag mem_member_tag
+			showAdd: function() {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//显示该组的User
+			//             showUser: function ( row,index ) {
+			//                 this.userFormVisible = true;
+			//                 this.editForm = Object.assign({}, row);
+			//             },
+			afterAddSubmit() {
+				this.addFormVisible = false;
+				this.pageInfo.count = true;
+				this.getTags();
+			},
+			afterEditSubmit() {
+				this.editFormVisible = false;
+				this.getTags();
+			},
+			//选择行memMemberTag
+			selsChange: function(sels) {
+				this.sels = sels;
+			},
+			//删除memMemberTag
+			handleDel: function(row, index) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.load.del = true;
+					let params = {
+						id: row.id
+					};
+					delMemMemberTag(params).then((res) => {
+						this.load.del = false;
+						var tips = res.data.tips;
+						if (tips.isOk) {
+							this.pageInfo.count = true;
+							this.getTags();
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk ? 'success' : 'error'
+						});
+					}).catch(err => this.load.del = false);
+				});
+			},
+			//批量删除memMemberTag
+			batchDel: function() {
+
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.load.del = true;
+					batchDelMemMemberTag(this.sels).then((res) => {
+						this.load.del = false;
+						var tips = res.data.tips;
+						if (tips.isOk) {
+							this.pageInfo.count = true;
+							this.getTags();
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk ? 'success' : 'error'
+						});
+					}).catch(err => this.load.del = false);
+				});
+			},
+			rowClick: function(row, event, column) {
+				this.$emit('row-click', row, event, column); //  @row-click="rowClick"
+			},
+			clickTagMethod(index, valueIndex) {
+				this.convertTags[index].values[valueIndex].checked = !this.convertTags[index].values[valueIndex].checked;
+			},
+
+			//显示添加按钮的方法
+			showAddButtonMethod(index) {
+				this.convertTags[index].showAddButtonVisible = true;
+			},
+      //添加标签的方法
+			addTagMethod(index) {
+        if(!this.userInfo.isPlatformAdmin && !this.userInfo.isSuperAdmin){
+        	if(this.isPub=='1'){
+        		this.$message({
+        				message:"不是平台管理员，不允许增加公共标签",
+        				type:   'error'
+        		});
+        		return;
+        	}
+        }
+        if(this.convertTags.some(i=>{
+			return i.values.some(tag=>tag.tagName==this.convertTags[index].showAddButtonInputValue)
+		})){
+        	this.$message({
+        				message:"标签已经存在",
+        				type:   'error'
+        		});
+        	return false;
+        }
+        if(!this.convertTags[index].pubc){
+          if(this.isPub=='1'){
+        	this.$message({
+        				message:"该分类不是公共分类，不能添加公共标签",
+        				type:   'error'
+        		});
+        	return false;
+        }
+      }
+				let that = this;
+        let tagName=this.convertTags[index].showAddButtonInputValue;
+        let categoryId=this.convertTags[index].categoryId;
+				let params = {
+					"branchId": that.workShop.branchId,
+					"shopId": that.workShop.shopId,
+					"categoryId": categoryId,
+					"tagName": tagName,
+          "isPub":this.isPub
+				};
+
+				if (!params.tagName) {
+					return
+				}
+        console.log("params")
+        console.log(params)
+				this.sectionLoading = true;
+				addTag(params).then((res) => {
+					this.sectionLoading = false;
+					var tips = res.data.tips;
+					if (tips.isOk) {
+						let json = {
+							"isSaveInDatabase": false,
+							"checked": false,
+							"tagId": res.data.data.id,
+							"tagName": res.data.data.tagName,
+              				"pubTag":res.data.data.isPub
+						}
+						this.convertTags[index].showAddButtonInputValue='';
+						this.convertTags[index].values.push(json);
+					}
+					this.$message({
+						message: tips.msg,
+						type: tips.isOk ? 'success' : 'error'
+					});
+				}).catch(err => this.sectionLoading = false);
+			},
+			//删除标签的方法
+			delTagMethod(tagId, index, valueIndex) {
+				if(!this.userInfo.isPlatformAdmin && !this.userInfo.isSuperAdmin){
+					if(this.convertTags[index].values.some(i=>i.pubTag=='1'&&i.tagId==tagId)){
+						this.$message({
+								message:"公共标签不允许删除",
+								type:   'error'
+						});
+						return;
+					}
+				}
+				let that = this;
+
+				let params = {
+					"id": tagId
+				}
+				console.log("params.id-------------------------"+params.id);
+				if (!params.id) {
+					return;
+				}
+
+				this.$confirm('此操作将永久删除该标签, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					that.sectionLoading = true;
+					delTag(params).then((res) => {
+						that.sectionLoading = false;
+						var tips = res.data.tips;
+						if (tips.isOk) {
+							this.convertTags[index].values.splice(valueIndex, 1);
+							/*this.getTags();*/
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk ? 'success' : 'error'
+						});
+					}).catch(err => this.sectionLoading = false);
+				}).catch(() => {
+
+				});
+			},
+			//添加标签分类的显示的方法
+			showwAddTagCategoryVisibleMethod() {
+				this.showwAddTagCategoryVisible = true;
+			},
+			//添加标签分类的方法
+			addTagCategorySubmitMethod() {
+				let that = this;
+				if(!(this.userInfo.isPlatformAdmin || this.userInfo.isSuperAdmin)){
+					if(this.isPub=='1'){
+						 this.$message({
+							message:"你不是平台管理员不能添加公共标签分类",
+							type:  'error'
+						});
+						return;
+					}
+				}
+
+        if(this.convertTags.some(i=>i.categoryName==this.needAddTagCategoryNameInputValue)){
+        	this.$message({
+        				message:"标签分类已经存在",
+        				type:   'error'
+        		});
+        	return false;
+        }
+				if (!this.needAddTagCategoryNameInputValue) {
+					return;
+				}
+				let params = {
+					"branchId": this.workShop.branchId,
+					"shopId": this.workShop.shopId,
+					"categoryName": this.needAddTagCategoryNameInputValue,
+          "isPub":this.isPub
+				};
+				that.sectionLoading = true;
+				addTagCategory(params).then((res) => {
+					that.sectionLoading = false;
+					var tips = res.data.tips;
+					if (tips.isOk) {
+						that.needAddTagCategoryNameInputValue = '';
+						let json = {
+							"showAddButtonVisible": false, //添加标签按钮
+							"showAddButtonInputValue": '', //添加标签按钮的输入框的值
+							"categoryId": res.data.data.id,
+							"categoryName": res.data.data.categoryName,
+							"values": [],
+              				"pubc":res.data.data.isPub
+						}
+						this.convertTags.push(json);
+					}
+					this.$message({
+						message: tips.msg,
+						type: tips.isOk ? 'success' : 'error'
+					});
+				}).catch(err => this.sectionLoading = false);
+			},
+
+	  selectConfirm(){
+		  let selectTags=[];
+		  this.sels=this.convertTags.forEach(i=>{
+			  if(i.values && i.values.length>0){
+				i.values.forEach(j=>{
+					if(j.checked==true){
+						selectTags.push(j);
+					}
+				})
+			  }
+
+		  })
+		  this.$emit("select-confirm",selectTags);
+	  },
+			//删除标签分类的方法
+			delTagCategoryMethod(categoryId, index) {
+
+				let that = this;
+				if (!categoryId) {
+					return;
+				};
+				let params = {
+					"shopId": this.workShop.shopId,
+					"branchId": this.workShop.branchId,
+					"id": categoryId
+				}
+        if(!this.userInfo.isPlatformAdmin && !this.userInfo.isSuperAdmin){
+        	if(this.convertTags.some(i=>i.pubc=='1'&&i.categoryId==categoryId)){
+        		this.$message({
+        				message:"公共分类不允许删除",
+        				type:   'error'
+        		});
+        		return;
+        	}
+        }
+				this.$confirm('此操作将永久删除该标签分类, 并连同该标签分类下面的标签也删除，是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					that.sectionLoading = true;
+					deleteTagCategory(params).then((res) => {
+						that.sectionLoading = false;
+						var tips = res.data.tips;
+						if (tips.isOk) {
+							this.convertTags.splice(index, 1);
+							/*this.getTags();*/
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk ? 'success' : 'error'
+						});
+					}).catch(err => this.sectionLoading = false);
+				}).catch(() => {
+
+				});
+			}
+
+			/**begin 自定义函数请在下面加**/
+
+
+			/**end 自定义函数请在上面加**/
+
+		}, //end methods
+		components: {
+			// 'mem-member-tag-add': MemMemberTagAdd,
+			// 'mem-member-tag-edit': MemMemberTagEdit,
+			// 'mem-member-mng':MemMemberMng,//User列表
+			'sticky': Sticky
+			//在下面添加其它组件
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.getTags();
+			});
+		}
+	}
+</script>
+
+<style scoped>
+	.copyButton {
+		margin-left: 5px;
+		border-radius: 20px;
+		padding: 10px 1px;  
+		border: 1px solid rgb(220, 223, 230);
+		/* color:#039; */
+	}
+
+	.copyButton:hover {
+		color: #409eff;
+		border-color: #c6e2ff;
+		background-color: #ecf5ff;
+		cursor: default;
+	}
+
+	.checkCopyButton {
+		/*color: #fff;*/
+		margin-left: 5px;
+		border-radius: 20px;
+		padding: 10px 1px;  
+		border: 1px solid #FFA00A;
+		/*background-color: rgba(230, 162, 60, .1);*/
+		/* background-color: #f9f9f9; */
+		background-color: #fff;
+		/*border-color: rgba(230,162,60,.2);*/
+		color: #FFA00A;
+	}
+
+	.add {
+		display: flex;
+		align-items: center;
+		margin-left: 10px;
+		margin-top: 2px;
+	}
+
+	.add:hover {
+		cursor: pointer;
+		animation: myrotate 0.5s linear infinite;
+	}
+
+
+	.input-tag {
+		margin-left:10px;
+		margin-top: 2px;
+		align-self: center;
+	}
+	.closeStyle {
+		padding: 1px;
+	}
+
+	.closeStyle:hover {
+		cursor: pointer;
+		/* border-color:#f40; */
+		/* border: 1px solid #f40; */
+		background-color: #FFA00A;
+		color: #fff;
+		border-radius: 50%;
+		padding: 1px;
+		animation: myrotate 1s linear;
+	}
+
+	.addTagSquare {
+		width: 15px;
+		height: 15px;
+		display: inline-block;
+		background-color: #FFA00A;
+		animation: myrotate 2s linear infinite;
+	}
+
+	.closeTagSquare {
+		width: 15px;
+		height: 15px;
+		display: inline-block;
+		background-color: #fff;
+		animation: myrotate 2s linear infinite;
+	}
+	@keyframes myrotate {
+		0% {
+			transform: rotate(0deg);
+			box-shadow: 0px 0px 10px #fff;
+		}
+
+		50% {
+			transform: rotate(180deg);
+			box-shadow: 0px 0px 45px #fff;
+		}
+
+		100% {
+			transform: rotate(360deg);
+			box-shadow: 0px 0px 10px #fff;
+		}
+	}
+</style>
diff --git a/src/views/mdp/form/Index.vue b/src/views/mdp/form/Index.vue
new file mode 100644
index 0000000..ea2b7f4
--- /dev/null
+++ b/src/views/mdp/form/Index.vue
@@ -0,0 +1,309 @@
+<template>
+
+	<el-row class="container">
+
+
+		<el-menu
+		  class="el-menu-demo"
+		  mode="horizontal"
+		  background-color="#1663B3"
+		  text-color="#fff"
+		  active-text-color="#ffd04b" router>
+		  <el-menu-item index="1">
+		     <img src="../../../assets/image/qqlogo_yuan.png" class="logostyle"/>
+		     {{sysName}}
+		  </el-menu-item>
+		  <el-submenu index="2">
+		    <template slot="title">我的工作台</template>
+		    <el-menu-item index="2-1">选项1</el-menu-item>
+		    <el-menu-item index="2-2">选项2</el-menu-item>
+		    <el-menu-item index="2-3">选项3</el-menu-item>
+		  </el-submenu> 
+		  <el-menu-item index="3">财务管理</el-menu-item>
+		  <el-menu-item index="4">进销存管理</el-menu-item>
+		  <el-menu-item index="5">统计中心</el-menu-item>
+		  <el-menu-item index="/mdp/sys/codeDetail/CodeDetailMng" key="/mdp/sys/codeDetail/CodeDetailMng">基础数据</el-menu-item>
+		  <el-menu-item index="7" ><a href="mdp" target="_blank">系统管理</a></el-menu-item>
+		  <el-menu-item index="10" ><a href="editor/index.html" target="_blank">工作流</a></el-menu-item>
+		  <el-menu-item index="9" class="userinfo" style="float:right;" @click.native="logout">退出</el-menu-item> 
+		  <el-submenu index="8" style="float:right;">
+		    <template slot="title">{{sysUserName}},{{sysDeptName}}</template>
+		    <el-menu-item index="8-1">选项1</el-menu-item>
+		    <el-menu-item index="8-2">选项2</el-menu-item>
+		    <el-menu-item index="8-3">选项3</el-menu-item>
+		  </el-submenu>
+		</el-menu>
+
+		<el-col :span="24" class="main">
+
+			<aside :class="collapsed?'menu-collapsed':'menu-expanded'">
+				
+				<!--导航菜单-->
+				<template v-show="!collapsed">
+					<el-menu :default-active="$route.path" :class="collapsed?'el-menu-vertical-demo hide-it':'el-menu-vertical-demo'" @open="handleopen" @close="handleclose" @select="handleselect"
+						 unique-opened router >
+						 <el-menu-item index="">
+						 <div class="tools" @click.prevent="collapse">
+								<i class="fa fa-align-justify"></i>收起菜单
+							</div>
+						 </el-menu-item>
+						<template v-for="(item,index) in $router.options.routes" v-if="!item.hidden">
+							<el-submenu :index="index+''" v-if="!item.leaf && $route.matched[0].path.indexOf(item.path)>=0">
+								<template slot="title"><i :class="item.iconCls"></i>{{item.path+'---'+$route.fullPath}}</template>
+								<el-menu-item v-for="child in item.children" :index="child.path" :key="child.path" v-if="!child.hidden">{{child.name}}</el-menu-item>
+							</el-submenu>
+							<el-menu-item v-if="item.leaf&&item.children.length>0 && $route.matched[0].path.indexOf(item.path)>=0 " :index="item.children[0].path"><i :class="item.iconCls"></i>{{item.children[0].name}}</el-menu-item>
+						</template>
+					</el-menu>
+				</template>
+				
+				<!--导航菜单-折叠后-->
+				<ul class="el-menu el-menu-vertical-demo collapsed" v-show="collapsed" ref="menuCollapsed">
+					<li class="el-submenu"> 
+								<div class="el-submenu__title" @click.prevent="collapse" style="padding-left: 20px;" @mouseover="showMenu(index,true)" @mouseout="showMenu(index,false)"><i class="fa el-icon-plus"></i></div>
+					</li>
+					<li v-for="(item,index) in $router.options.routes" v-if="!item.hidden" class="el-submenu item">
+						<template v-if="!item.leaf">
+							<div class="el-submenu__title" style="padding-left: 20px;" @mouseover="showMenu(index,true)" @mouseout="showMenu(index,false)"><i :class="item.iconCls"></i></div>
+							<ul class="el-menu submenu" :class="'submenu-hook-'+index" @mouseover="showMenu(index,true)" @mouseout="showMenu(index,false)"> 
+								<li v-for="child in item.children" v-if="!child.hidden" :key="child.path" class="el-menu-item" style="padding-left: 40px;" :class="$route.path==child.path?'is-active':''" @click="$router.push(child.path)">{{child.name}}</li>
+							</ul>
+						</template>
+						<template v-else>
+							<li class="el-submenu">
+								<div class="el-submenu__title el-menu-item" style="padding-left: 20px;height: 56px;line-height: 56px;padding: 0 20px;" :class="$route.path==item.children[0].path?'is-active':''" @click="$router.push(item.children[0].path)"><i :class="item.iconCls"></i></div>
+							</li>
+						</template>
+					</li>
+				</ul>
+			</aside>
+			<section class="content-container"  >
+				<div class="grid-content bg-purple-light">
+					<el-col :span="24" style="width:1080px;" class="breadcrumb-container">
+						<strong class="title">{{$route.name}}</strong>
+						<el-breadcrumb separator="/" class="breadcrumb-inner">
+							<el-breadcrumb-item v-for="item in $route.matched" :key="item.path">
+								{{ item.name }}
+							</el-breadcrumb-item>
+						</el-breadcrumb>
+					</el-col>
+					<el-col :span="24" class="content-wrapper">
+						<transition name="fade" mode="out-in">
+							<router-view></router-view>
+						</transition>
+					</el-col>
+				</div>
+			</section>
+		</el-col>
+	</el-row>
+</template>
+
+<script>
+	import config from '../../../common/config.js'; 
+	export default {
+		data() {
+			return {
+				sysName:config.getSysName(),
+				collapsed:false,
+				sysUserName: '',
+				sysUserAvatar: '',
+				sysDeptName:'',
+				form: {
+					name: '',
+					region: '',
+					date1: '',
+					date2: '',
+					delivery: false,
+					type: [],
+					resource: '',
+					desc: ''
+				}
+			}
+		},
+		methods: {
+			onSubmit() {
+				console.log('submit!');
+			},
+			handleopen() {
+				//console.log('handleopen');
+			},
+			handleclose() {
+				//console.log('handleclose');
+			},
+			handleselect: function (a, b) {
+			},
+			//退出登录
+			logout: function () {
+				var _this = this;
+				this.$confirm('确认退出吗?', '提示', {
+					//type: 'warning'
+				}).then(() => {
+					sessionStorage.removeItem('user');
+					_this.$router.push('/login');
+				}).catch(() => {
+
+				});
+
+
+			},
+			//折叠导航栏
+			collapse:function(){
+				this.collapsed=!this.collapsed;
+			},
+			showMenu(i,status){
+				this.$refs.menuCollapsed.getElementsByClassName('submenu-hook-'+i)[0].style.display=status?'block':'none';
+			}
+		},
+		mounted() {
+			var user = sessionStorage.getItem('user');
+			if (user) {
+				user = JSON.parse(user);
+				this.sysUserName = user.username || '';
+				this.sysUserAvatar = user.headimgurl || '';
+				this.sysDeptName=user.deptName ||'未知部门';
+			}
+			//this.$router.push({ path: '/mdp/arc/archive/ArchiveMng' });
+
+		}
+	}
+
+</script>
+
+<style scoped lang="scss">
+	@import '~scss_vars';
+	
+	.container {
+		position: absolute;
+		top: 0px;
+		bottom: 0px;
+		width: 100%;
+		.header {
+			height: 60px;
+			line-height: 60px;
+			background-color:#50caa9;
+			color:#fff;
+			.userinfo {
+				text-align: right;
+				padding-right: 35px;
+				float: right;
+				.userinfo-inner {
+					cursor: pointer;
+					color:#fff;
+					img {
+						width: 40px;
+						height: 40px;
+						border-radius: 20px;
+						margin: 10px 0px 10px 10px;
+						float: right;
+					}
+				}
+			}
+			.logo {
+				//width:230px;
+				height:60px;
+				font-size: 18px;
+				padding-left:20px;
+				padding-right:20px;
+				border-color: rgba(238,241,146,0.3);
+				border-right-width: 1px;
+				border-right-style: solid;
+				img {
+					width: 40px;
+					float: left;
+					margin: 10px 10px 10px 18px;
+				}
+				.txt {
+					color:#fff;
+				}
+			}
+			.logo-width{
+				width:230px;
+			}
+			.logo-collapse-width{
+				width:60px;
+			}
+			.tools{
+				padding: 0px 23px;
+				width:14px;
+				height: 60px;
+				line-height: 60px;
+				cursor: pointer;
+			}
+		}
+		.main {
+			display: flex;
+			// background: #324057;
+			position: absolute;
+			top: 60px;
+			bottom: 0px;
+			overflow: hidden;
+			aside {
+				flex:0 0 230px;
+				width: 230px;
+				// position: absolute;
+				// top: 0px;
+				// bottom: 0px;
+				.el-menu{
+					height: 100%;
+				}
+				.collapsed{
+					width:60px;
+					.item{
+						position: relative;
+					}
+					.submenu{
+						position:absolute;
+						top:0px;
+						left:60px;
+						z-index:99999;
+						height:auto;
+						display:none;
+					}
+
+				}
+			}
+			.menu-collapsed{
+				flex:0 0 60px;
+				width: 60px;
+				.hide-it{
+				   display:none;
+				}
+			}
+			.menu-expanded{
+				flex:0 0 230px;
+				width: 230px;
+			}
+			.content-container {
+				// background: #f1f2f7;
+				flex:1;
+				// position: absolute;
+				// right: 0px;
+				// top: 0px;
+				// bottom: 0px;
+				// left: 230px;
+				overflow-y: scroll;
+				padding: 20px;
+				.breadcrumb-container {
+					//margin-bottom: 15px;
+					.title {
+						width: 200px;
+						float: left;
+						color: #475669;
+					}
+					.breadcrumb-inner {
+						float: right;
+					}
+				}
+				.content-wrapper {
+					background-color: #fff;
+					box-sizing: border-box;
+				}
+			}
+		}
+	}
+	.logostyle{
+	   width:46px;
+	   height:46px;
+	   border-radius: 24px;
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formData/FormData.vue b/src/views/mdp/form/formData/FormData.vue
new file mode 100644
index 0000000..f761b53
--- /dev/null
+++ b/src/views/mdp/form/formData/FormData.vue
@@ -0,0 +1,545 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->
+			 
+			<!--新增界面 FormData 表单数据表--> 
+			<el-form :model="editForm"  :label-width="labelWidth()" :show-message="true"    :rules="editFormRules" ref="editForm"> 
+				<el-col :span="spanCalc(item)" v-for="(item,index) in formFields" :key="index"> 
+					<!--用户-->
+					<div  v-if="item.qx=='nr'"></div>
+					<el-form-item   v-else-if=" item.extFieldType=='user'"   :label="item.fieldTitle" :prop="item.fieldIdCamel" > 
+						<el-select :disabled="item.qx=='r'"   @change="onSelectChange" v-if="item.fieldType=='select' && item.isMultiple=='0'"  v-model="editForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择">
+										<el-option
+										v-for="item in filters.users"
+										:key="item.userid"
+										:label="item.username"
+										:value="item.userid">
+										<span style="float: left">{{ item.username }}</span>
+											<span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+										</el-option>
+						</el-select>
+						<el-button  v-if="item.fieldType=='select' && item.isMultiple=='0'" icon="el-icon-search" @click="showUserSelectDialog(item.fieldIdCamel)">更多</el-button>
+						<el-select :disabled="item.qx=='r'"   @change="onSelectChange" v-if="item.fieldType=='select' && item.isMultiple=='1' " multiple v-model="multipleFieldsData[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择">
+										<el-option
+										v-for="item in  filters.users"
+										:key="item.userid"
+										:label="item.username"
+										:value="item.userid">
+										<span style="float: left">{{ item.username }}</span>
+											<span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+										</el-option>
+						</el-select>
+						<el-button  v-if="item.fieldType=='select' && item.isMultiple=='1'  && item.isFromBaseData=='1'" icon="el-icon-search" @click="showUserSelectDialog(item.fieldIdCamel)">更多</el-button>
+						
+					</el-form-item>
+					<!--部门-->
+					<el-form-item   v-else-if=" item.extFieldType=='deppt'"   :label="item.fieldTitle" :prop="item.fieldIdCamel" > 
+						<dept-tree  v-if="item.extFieldType=='dept' && item.isMultiple=='1'" :branch-id="userInfo.branchId" default-expand-all show-checkbox multiple :expand-on-click-node="false" :ref="'dept_'+item.fieldIdCamel"></dept-tree>
+						<dept-tree  v-if="item.extFieldType=='dept' && item.isMultiple!='1'" :branch-id="userInfo.branchId" default-expand-all show-checkbox  :expand-on-click-node="false" :ref="'dept_'+item.fieldIdCamel"></dept-tree>  
+					</el-form-item>
+
+					<!--下拉框-->
+					<el-form-item   v-else-if=" item.fieldType=='select'"   :label="item.fieldTitle" :prop="item.fieldIdCamel" > 
+						<el-select :disabled="item.qx=='r'"  @change="onSelectChange"  v-if=" item.isMultiple!='1' && item.isFromBaseData=='1'"  v-model="editForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择">
+							<el-option  v-for=" option in options2[item.secondCodeRow]" :key="option.optionValue" :label="option.optionName" :value="option.optionValue"> </el-option>
+						</el-select>
+						<el-select :disabled="item.qx=='r'"   @change="onSelectChange" v-else-if="item.isMultiple=='1' && item.isFromBaseData=='1'" multiple v-model="multipleFieldsData[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择">
+							<el-option   v-for=" option in options2[item.secondCodeRow]" :key="option.optionValue" :label="option.optionName" :value="option.optionValue"> </el-option>
+						</el-select>
+						
+						<el-select :disabled="item.qx=='r'"   @change="onSelectChange" v-else-if="item.isMultiple=='1' && item.isFromBaseData!='1'" multiple v-model="multipleFieldsData[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择">
+							<el-option   v-for=" option in options2[item.fieldIdCamel]" :key="option.optionValue" :label="option.optionName" :value="option.optionValue"> </el-option>
+						</el-select>
+						
+						<el-select :disabled="item.qx=='r'"   @change="onSelectChange" v-else  v-model="editForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择">
+							<el-option   v-for=" option in options2[item.fieldIdCamel]" :key="option.optionValue" :label="option.optionName" :value="option.optionValue"> </el-option>
+						</el-select>
+						<el-time-picker :disabled="item.qx=='r'"   v-if="item.fieldType=='time'"  v-model="editForm[item.fieldIdCamel]"  placeholder="任意时间点"> </el-time-picker> 
+						<el-date-picker :disabled="item.qx=='r'"   v-if="item.fieldType=='date'" v-model="editForm[item.fieldIdCamel]" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker>
+						<el-date-picker :disabled="item.qx=='r'" v-if="item.fieldType=='datetime'" v-model="editForm[item.fieldIdCamel]" type="datetime" placeholder="选择日期时间" align="right" :picker-options="pickerOptions"> </el-date-picker>
+						
+					
+					</el-form-item> 
+
+					<!--checkbox-->
+					<el-form-item   v-else-if="item.fieldType=='checkbox'"   :label="item.fieldTitle" :prop="item.fieldIdCamel" > 
+						<el-checkbox :disabled="item.qx=='r'"  @change="onSelectChange" v-if="item.isMultiple=='0'" v-model="editForm[item.fieldIdCamel]" true-label="1" false-label="0">{{item.fieldTitle}}</el-checkbox>
+						<el-checkbox-group   v-else v-model="multipleFieldsData[item.fieldIdCamel]"> 
+							<el-checkbox :disabled="item.qx=='r'"    v-for=" option in options2[item.secondCodeRow]" :label="option.optionValue" :key="option.optionValue">{{option.optionName}}</el-checkbox>
+						</el-checkbox-group>
+					</el-form-item>
+
+					<!--redio-->
+					<el-form-item   v-else-if="item.fieldType=='radio'"   :label="item.fieldTitle" :prop="item.fieldIdCamel" >   
+						<el-radio-group :disabled="item.qx=='r'" @change="onSelectChange"   v-if="item.isFromBaseData=='1' " v-model="editForm[item.fieldIdCamel]">
+							<el-radio   v-for=" option in options2[item.secondCodeRow]" :label="option.optionValue" :key="option.optionValue">{{option.optionName}}</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-form-item   v-else   :label="item.fieldTitle" :prop="item.fieldIdCamel" > 
+						<el-input  :disabled="item.qx=='r'" v-if="item.fieldType=='text'"  style="width:99%;" v-model="editForm[item.fieldIdCamel]" :label="item.fieldTitle" auto-complete="off" :placeholder="item.placeholder"  clearable > </el-input>
+						<el-input-number :disabled="item.qx=='r'"   v-else-if="item.fieldType=='number'" v-model="editForm[item.fieldIdCamel]" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable ></el-input-number>
+						<el-input-number :disabled="item.qx=='r'"   v-else-if="item.fieldType=='amount'" v-model="editForm[item.fieldIdCamel]" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable></el-input-number>
+						<el-input :disabled="item.qx=='r'"   v-else-if="item.fieldType=='textarea'"  type="textarea" :rows="2" v-model="editForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请输入内容"></el-input>
+						<el-time-picker :disabled="item.qx=='r'"   v-else-if="item.fieldType=='time'"  v-model="editForm[item.fieldIdCamel]"  placeholder="任意时间点"> </el-time-picker> 
+						<el-date-picker :disabled="item.qx=='r'"   v-else-if="item.fieldType=='date'" v-model="editForm[item.fieldIdCamel]" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker>
+						<el-date-picker :disabled="item.qx=='r'" v-else-if="item.fieldType=='datetime'" v-model="editForm[item.fieldIdCamel]" type="datetime" placeholder="选择日期时间" align="right" :picker-options="pickerOptions"> </el-date-picker>
+						<el-date-picker :disabled="item.qx=='r'" v-else-if="item.fieldType=='month'" v-model="editForm[item.fieldIdCamel]" type="month" placeholder="选择月份"></el-date-picker>
+						<el-date-picker :disabled="item.qx=='r'" v-else-if="item.fieldType=='year'" v-model="editForm[item.fieldIdCamel]" type="month" placeholder="选择年"></el-date-picker>
+					</el-form-item> 
+				</el-col>
+				<slot>
+				<el-form-item>
+					<el-col :span="24" >
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+				</slot>
+			</el-form>
+			
+			<el-dialog append-to-body
+				title="选择员工"
+				:visible.sync="userSelectVisible"
+				width="60%">  
+				<users-select :select-userids="filters.users?[filters.users.userid]:[]"   @confirm="onUserSelected"></users-select> 
+			</el-dialog>  
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库	
+	import { listOption,listOptionByItemIds } from '@/api/itemOption';//下拉框数据查询
+	import { editFormData } from '@/api/mdp/form/formData';
+	import { mapGetters } from 'vuex' 
+	import { listUser } from '@/api/mdp/sys/user';//下拉框数据查询
+	import DeptTree from '@/views/mdp/sys/dept/DeptTree';//下拉框数据查询
+	
+	import UsersSelect from '@/views/mdp/sys/user/UsersSelect'; 
+	export default { 
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+			]),
+			screenWidth:function(){
+				return screen.width
+			}
+		},
+		props:['formData','formDef','formFields','submitEvent'],
+		watch: {
+		  'submitEvent':function(submitEvent) {  
+				  this.editSubmit();  
+	      },
+	      'formData':function( formData ) {
+			  if(formData==null){
+				  return;
+			  }
+			   this.editForm = Object.assign({},formData); 
+	       
+	      },
+	      'formFields':function(formFields) { 
+				this.$nextTick(() => {
+			      	 this.initMultipleFieldsData();
+			      	 this.getOptions2();
+						this.formFields.forEach(item=>{ 
+							if(item.isMultiple!='1' && item.extFieldType!='dept'){
+								if(item.isRequired=='1'||item.qx){
+									if(item.qx=='frw'){
+										this.editFormRules[item.fieldIdCamel]= [{ required: true, message: item.fieldTitle+'不能为空', trigger: 'blur' }]
+									}
+									/**else if(!item.qx && item.isRequired=='1'){
+										this.editFormRules[item.fieldIdCamel]= [{ required: true, message: item.fieldTitle+'不能为空', trigger: 'blur' }]
+									}
+									**/
+									
+								}
+								
+							} 
+						});
+	          		
+	        	});
+
+	      } 
+	    },	
+		data() {
+			return {
+				
+				filters:{
+					users:[]
+				},
+				pickerOptions: { 
+					shortcuts: [{
+						text: '今天',
+						onClick(picker) {
+						picker.$emit('pick', new Date());
+						}
+					}, {
+						text: '昨天',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() - 3600 * 1000 * 24);
+						picker.$emit('pick', date);
+						}
+					}, {
+						text: '一周前',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+						picker.$emit('pick', date);
+						}
+					}]
+					},
+				options:{},//下拉选择框的所有静态数据
+
+				editLoading: false,
+				editFormRules: {
+					zero: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					one: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					two: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					three: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					four: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					five: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					six: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					seven: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					eight: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					nine: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					ten: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					eleven: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					twelve: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					thirteen: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					fourteen: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					fifteen: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					attachmentUrls: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					],
+					attachmentNames: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 表单数据表
+				editForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:'',flowState:'0'
+				},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				options2:{},
+				multipleFieldsData:{
+					zero:[], one:[],two:[], three:[], four:[], five:[], six:[], eight:[], nine:[], ten:[], eleven:[], twelve:[],thirteen:[],fourteen:[],fifteen:[],attachmentUrls:[],attachmentNames:[]
+				},
+				companyEmployees:[],
+				
+				userSelectVisible:false,
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			 labelWidth:function(){
+				if (screen.width <=375){
+					return "80px"
+				}else  if (screen.width <= 500){
+						return "80px"
+				}else if (screen.width<=1024){
+						return "100px"
+				}else {
+						return "120px"
+				}
+			} , 
+			spanCalc:function(item){
+				var span=screen.width>500?12:24
+				if(item.fieldType=="textarea"){
+					span=24;
+				}
+				return span;
+			},
+			//新增提交FormData 表单数据表 父组件监听@submit="afterAddSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						var checkOk=true;
+						this.formFields.forEach(item=>{ 
+							if(item.extFieldType=='dept'){
+								let deptids=this.$refs['dept_'+item.fieldIdCamel][0].$refs.deptTree.getCheckedKeys(); 
+								if(item.isRequired=='1'){
+									if(!deptids||deptids.length<=0){
+										this.$message({ message: item.fieldTitle+'不能为空', type: 'error' }); 
+										checkOk=false;
+										return;
+									}
+								} 
+							}
+							if(item.isMultiple=='1' && item.extFieldType!='dept'){
+								if(item.isRequired=='1'){
+									if(!this.multipleFieldsData[item.fieldIdCamel]||this.multipleFieldsData[item.fieldIdCamel].length<=0){
+										this.$message({ message: item.fieldTitle+'不能为空', type: 'error' }); 
+										checkOk=false;
+										return;
+									}
+								} 
+							}
+						
+						});
+						if(checkOk==false){ 
+							return false;
+						}  
+							this.editLoading = true;  
+							let params = Object.assign({}, this.editForm); 
+							if(params.formId==null || params.formId==''){
+								params.formId=this.formDef.id
+							}
+							params.userid=this.userInfo.userid
+							if(!params.branchId){
+								params.branchId=this.userInfo.branchId
+							}
+							if(!params.cuserid){
+								params.cuserid=this.userInfo.cuserid
+							}
+							
+							if(!params.cusername){
+								params.cusername=this.userInfo.username
+							} 
+							if(!params.deptid){
+								params.deptid=this.userInfo.deptid
+							} 
+							if(!params.deptName){
+								params.deptName=this.userInfo.deptName
+							} 
+							var bizKeys=[];
+							if(this.formFields!=null && this.formFields.length>0){
+								var isBizKey=this.formFields[0].isBizKey;
+								if(isBizKey && isBizKey.length==3){
+									if(isBizKey.charAt(0)=="1"){
+										 bizKeys.push(params.cuserid);
+									} 
+									if(isBizKey.charAt(1)=="1"){
+										 bizKeys.push(params.deptid);
+									} 
+								}
+							}
+							var changeData=false;
+							this.formFields.forEach(item=>{
+								if(item.fieldType=='date'){
+									let da=params[item.fieldIdCamel];
+									if(da!==null && da!='' && da instanceof Date){
+										var year = da.getFullYear();
+									    var month = da.getMonth()+1;
+									    var date = da.getDate();
+										params[item.fieldIdCamel]=[year,month,date].join('-');
+									}else{
+										params[item.fieldIdCamel]=da
+									}
+								}
+								if(item.fieldType=='month'){
+									let da=params[item.fieldIdCamel];
+									if(da!==null && da!='' && da instanceof Date){
+										var year = da.getFullYear();
+									    var month = da.getMonth()+1;
+									    var date = da.getDate();
+										params[item.fieldIdCamel]=[year,month].join('-');
+									}else{
+										params[item.fieldIdCamel]=da
+									}
+								}
+								if(item.fieldType=='year'){
+									let da=params[item.fieldIdCamel];
+									if(da!==null && da!='' && da instanceof Date){
+										var year = da.getFullYear();
+									    var month = da.getMonth()+1;
+									    var date = da.getDate();
+										params[item.fieldIdCamel]=[year].join('-');
+									}else{
+										params[item.fieldIdCamel]=da
+									}
+								}
+								if(item.extFieldType=='dept'){
+									let deptids=this.$refs['dept_'+item.fieldIdCamel][0].$refs.deptTree.getCheckedKeys();  
+									params[item.fieldIdCamel]=deptids.join(',');
+								}
+								if(item.isMultiple=='1' && item.extFieldType!='dept'){ 
+									params[item.fieldIdCamel]=this.multipleFieldsData[item.fieldIdCamel].join(',');
+								}
+								if(item.isBizKey.charAt(2)=="1"){
+									bizKeys.push(params[item.fieldIdCamel]);
+								}
+								if(params[item.fieldIdCamel]!=this.formData[item.fieldIdCamel]){
+									params.changeData=true;
+								}
+							
+							});
+							if(bizKeys.length==0){
+								if(params.id){
+									bizKeys.push(params.id);
+								}
+								
+							}
+							if(bizKeys.length>0){
+								params.bizKey=bizKeys.join(","); 
+							}
+							
+							this.$emit('submit',params);//  @submit="afterAddSubmit" 
+							//this.$message({ message: "检查通过2", type: 'success' }); 
+							//console.log("params----------"+JSON.stringify(params));
+							//return params;
+							
+							/**
+							editFormData(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+							**/ 
+					}
+				});
+			},
+			onSelectChange: function(val){
+				this.$refs.editForm.validate();
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+			//二級分類行被選中
+			getOptions2( ){
+				this.dataListVisible=false;
+				let secondCodeRows=[];
+				let hasUserField=false;
+				this.formFields.forEach(item=>{
+					if(item.isFromBaseData=='1' && item.secondCodeRow!=''){
+						secondCodeRows.push(item.secondCodeRow);
+					}
+					if(item.extFieldType=='user'){
+						hasUserField=true;
+					}
+				});
+				if(secondCodeRows.length>0){
+					listOptionByItemIds(secondCodeRows).then(res=>{
+						console.log(res.data);
+						this.options2=res.data.data;
+					});
+				}  
+				if(hasUserField){
+					if(this.companyEmployees.length<=0){
+						listUser({branchId:this.userInfo.branchId}).then(res=>{
+							this.companyEmployees=res.data.data;
+							console.log(res.data.data);
+						});
+					}
+				}
+					
+			},	
+			initMultipleFieldsData(){
+				//this.multipleFieldsData=Object.assign({}, {}); 
+				this.formFields.forEach(item=>{
+					if(item.isMultiple=='1' && item.extFieldType!='dept'){
+						if(!this.formData[item.fieldIdCamel] || this.formData[item.fieldIdCamel]==''|| this.formData[item.fieldIdCamel]==null){
+							this.multipleFieldsData[item.fieldIdCamel]=[];
+						}else{
+							this.multipleFieldsData[item.fieldIdCamel]=this.formData[item.fieldIdCamel].split(',');
+						} 
+					}else if(item.extFieldType=='dept'){
+						if(!this.formData[item.fieldIdCamel] || this.formData[item.fieldIdCamel]==null || this.formData[item.fieldIdCamel]==''){
+							this.$refs['dept_'+item.fieldIdCamel][0].$refs.deptTree.setCheckedKeys([]);
+						}else{
+							this.$refs['dept_'+item.fieldIdCamel][0].$refs.deptTree.setCheckedKeys(this.formData[item.fieldIdCamel].split(','));
+						}
+						
+					}
+				});
+			},
+			
+			onUserSelected:function(users){
+				this.userSelectVisible=false;
+				this.filters.users=users;
+			},
+			showUserSelectDialog:function(fieldIdCamel){
+				this.userSelectVisible=true;
+			},
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-data-edit':FormDataEdit
+
+		    'dept-tree': DeptTree,UsersSelect
+		},
+		mounted() {
+			this.formFields.forEach(item=>{ 
+				if(item.isRequired=='1' && item.isMultiple!='1' && item.extFieldType!='dept'){
+					this.editFormRules[item.fieldIdCamel]= [{ required: true, message: item.fieldTitle+'不能为空', trigger: 'blur' }]
+				} 
+				if(item.fieldType=='number'){
+					if(item.defaultValue!='' && item.defaultValue!=null){
+						this.editForm[item.fieldIdCamel]=parseInt(item.defaultValue)
+					}else{
+						this.editForm[item.fieldIdCamel]=0;
+					}
+				} else{
+					if(item.defaultValue!='' && item.defaultValue!=null){
+						this.editForm[item.fieldIdCamel]=item.defaultValue
+					} 
+				}
+			});
+			this.$nextTick(() => {
+				this.editForm=Object.assign(this.editForm, this.formData); 
+				this.initMultipleFieldsData();
+          		this.getOptions2();
+          		
+        	});
+  
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formData/FormDataAdd.vue b/src/views/mdp/form/formData/FormDataAdd.vue
new file mode 100644
index 0000000..c0c49ec
--- /dev/null
+++ b/src/views/mdp/form/formData/FormDataAdd.vue
@@ -0,0 +1,118 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->
+			 
+			<!--新增界面 FormData 表单数据表--> 
+			<el-form :model="addForm"  label-width="120px"  :rules="addFormRules" ref="addForm">
+ 				<form-data :formData.sync="addForm" :formFields="formFields" :submitEvent="formDataSubmitEvent" @submit="submitHandle"><div></div></form-data>
+				<slot>
+				<el-form-item>
+					<el-col :span="24" >
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="startHandle" :loading="addLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+				</slot>
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库	 
+	import { addFormData } from '@/api/mdp/form/formData';
+	import { mapGetters } from 'vuex'   
+	import FormData from './FormData';
+	export default {  
+		props:['formData','visible','formDef','formFields'],
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ]) 
+		},
+		watch: {
+	      'formData':function( formData ) {
+	        this.addForm = formData;
+	        this.addForm.formId=this.formDef.id
+	      }, 
+	    },	
+		data() {
+			return { 
+				addLoading: false,
+				addFormRules: {
+					 
+				},
+				//新增界面数据 表单数据表
+				addForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:'',flowState:'0'
+				},
+				 
+				formDataSubmitEvent:'',
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			startHandle(){ 
+				var date=new Date();
+				this.formDataSubmitEvent=date.getTime(); 
+			},
+			//新增提交FormData 表单数据表 父组件监听@submit="afterAddSubmit"
+			submitHandle: function (formData) {
+ 						this.addForm=formData;
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true;  
+							let params = Object.assign({}, formData);
+							  params.cuserid=this.userInfo.userid
+							  params.cusername=this.userInfo.username
+							  params.deptid=this.userInfo.deptid
+							  params.deptName=this.userInfo.deptName
+							addFormData(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit',formData);//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					 
+			},
+			 
+			
+		},//end method
+		components: {   
+			'form-data':FormData
+		},
+		mounted() {
+			 this.addForm=this.formData
+			 if(this.formDef){
+				this.addForm.formId=this.formDef.id
+			 }
+			 
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formData/FormDataEdit.vue b/src/views/mdp/form/formData/FormDataEdit.vue
new file mode 100644
index 0000000..c424dd5
--- /dev/null
+++ b/src/views/mdp/form/formData/FormDataEdit.vue
@@ -0,0 +1,104 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->
+			 
+			<!--新增界面 FormData 表单数据表--> 
+			<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm">
+ 				<form-data :formData.sync="editForm" :formFields="formFields" :submitEvent="formDataSubmitEvent" @submit="submitHandle"><div></div></form-data>
+				<slot>
+				<el-form-item>
+					<el-col :span="24" >
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="startHandle" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+				</slot>
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库	 
+	import { editFormData } from '@/api/mdp/form/formData';
+	import { mapGetters } from 'vuex'   
+	import FormData from './FormData';
+	export default {  
+		props:['formData','visible','formDef','formFields'],
+		watch: {
+	      'formData':function( formData ) {
+	        this.editForm = formData; 
+	      }, 
+	    },	
+		data() {
+			return { 
+				editLoading: false,
+				editFormRules: {
+					 
+				},
+				//新增界面数据 表单数据表
+				editForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:'',flowState:'0'
+				},
+				 
+				formDataSubmitEvent:'',
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			startHandle(){ 
+				var date=new Date();
+				this.formDataSubmitEvent=date.getTime(); 
+			},
+			//新增提交FormData 表单数据表 父组件监听@submit="afterAddSubmit"
+			submitHandle: function (formData) {
+ 						this.editForm=formData;
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true;  
+							let params = Object.assign({}, this.editForm);  
+							editFormData(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit',formData);//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					 
+			},
+			 
+			
+		},//end method
+		components: {   
+			'form-data':FormData
+		},
+		mounted() {
+			 this.editForm=this.formData 
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formData/FormDataMng.vue b/src/views/mdp/form/formData/FormDataMng.vue
new file mode 100644
index 0000000..dd26093
--- /dev/null
+++ b/src/views/mdp/form/formData/FormDataMng.vue
@@ -0,0 +1,1119 @@
+<template>
+	<section>
+		
+				<sticky  :className="'sub-navbar draft'">  
+						<el-radio v-model="filters.flowState" label="0">未发审</el-radio>
+						<el-radio v-model="filters.flowState" label="1">审核中</el-radio> 
+  						<el-radio v-model="filters.flowState" label="5">审核结束</el-radio>
+						<el-input   v-model="filters.key"  placeholder="模糊查询" style="width:15%;"></el-input> 
+					  	<el-button     v-on:click="searchFormDatas" >查询</el-button> 
+						  
+						<el-button   @click.native="userSelectVisible=true" >创建人</el-button>  
+						<el-button   @click.native="showTagSelect(false)"  >标签查找</el-button>
+						<el-button   @click.native="showTagSelect(true)"  >打标签</el-button>
+						<el-button   type="primary"    @click="showAdd">新增数据</el-button>  
+						<el-button :loading="downloadLoading" style="margin:0 0 20px 20px;" type="primary" icon="el-icon-document" @click="handleDownload">
+							导出数据
+						</el-button>
+				</sticky> 
+				
+				<el-row class="filters-show">
+					<font class="filters-label">已选条件:</font>  
+					<el-date-picker
+						v-model="filters.createTimeRanger" class="hidden-sm-and-down"
+						type="daterange"
+						align="right"
+						unlink-panels
+						range-separator="至"
+						start-placeholder="创建日期"
+						end-placeholder="创建日期" 
+						value-format="yyyy-MM-dd"
+						:default-time="['00:00:00','23:59:59']"
+						:picker-options="pickerOptions">
+					</el-date-picker>  
+					<el-tag  v-if="filters.tags"
+						:key="tag.tagId"
+						v-for="tag in filters.tags"
+						:type="''"
+						closable
+						:disable-transitions="false"
+						@close="handleFiltersTagClose(tag,'tags')">
+						{{tag.tagName}}
+					</el-tag>
+					<el-tag v-if="filters.deptTreeNodes"
+						:key="tag.deptid"
+						v-for="tag in filters.deptTreeNodes"
+						:type="'info'"
+						closable
+						:disable-transitions="false"
+						@close="handleFiltersTagClose(tag,'deptTreeNodes')">
+						{{tag.deptName}}
+					</el-tag> 
+					<el-tag v-if="filters.users"
+						:type="'warning'"
+						closable 
+						:key="tag.userid"
+						v-for="tag in filters.users"
+						@close="handleFiltersTagClose(tag,'users')"
+						:disable-transitions="false" >
+						{{tag.username}}
+					</el-tag>
+					<el-tag v-if="filters.cusers"
+						:type="'warning'"
+						closable 
+						:key="tag.userid"
+						v-for="tag in filters.cusers"
+						@close="handleFiltersTagClose(tag,'cusers')"
+						:disable-transitions="false" >
+						{{tag.username}}
+					</el-tag>  
+					<el-tag v-if="filters.key"
+						:type="'success'"
+						closable
+						:disable-transitions="false" 
+						@close="handleFiltersTagClose('','key')">
+						{{filters.key}}
+					</el-tag>   
+					<el-tag v-if="filters.flowState"
+						:type="'success'" 
+						:disable-transitions="false" 
+						closable 
+						@close="handleFiltersTagClose('','flowState')">
+						{{filters.flowState=='1'?'审核中':(filters.flowState=='0'?'未发审':(filters.flowState=='5'?'审核结束':''))}}
+					</el-tag>   
+					
+					<el-tag 
+						:type="'success'" 
+						:disable-transitions="false" 
+						closable
+						@click="handleFiltersTagClose(showCalendar,'calendar')" 
+						@close="handleFiltersTagClose(showCalendar,'calendar')">
+						{{showCalendar==true?'切换列表':'切换日历'}}
+					</el-tag>   
+				</el-row>
+				<el-row class="app-container">
+					<el-col :xs="4" :sm="4" :md="3" :lg="3" :xl="3" class="hidden-sm-and-down">
+						<dept-tree ref="deptTree" show-root default-expand-all multiple show-checkbox :expand-on-click-node="false" v-on:check-change="handleDeptTreeCheckChange"></dept-tree> 
+					</el-col>
+					<el-col v-if="showCalendar==false" :xs="24" :sm="24" :md="21" :lg="21" :xl="21">  
+						<el-table  ref="formDataTable" :data="formDatas"    highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+						<el-table-column type="selection" width="40"  ></el-table-column>
+						<el-table-column type="index" width="40"></el-table-column> 
+						<el-table-column sortable prop="deptName" label="创建部门"  min-width="80" show-overflow-tooltip :formatter="formatterDept"></el-table-column>
+						<el-table-column sortable prop="cusername" label="创建人"  min-width="80" show-overflow-tooltip :formatter="formatterUserid"></el-table-column>
+						<el-table-column sortable prop="tagNames" label="标签"  min-width="100" show-overflow-tooltip>
+							<template scope="scope">
+								<el-tag v-for="tagName in (scope.row.tagNames?scope.row.tagNames.split(','):[])" :key="tagName">{{tagName}}</el-tag>
+							</template>
+						</el-table-column> 
+						<el-table-column sortable prop="flowState" label="状态"  min-width="100" show-overflow-tooltip>
+							<template scope="scope">
+								<el-tag type="info" v-if="scope.row.flowState=='0'">未发审</el-tag>
+								<el-tag v-else-if="scope.row.flowState=='1'">审核中</el-tag>
+								<el-tag type="success" v-else-if="scope.row.flowState=='2'">已通过</el-tag>
+								<el-tag type="danger" v-else-if="scope.row.flowState=='3'">未通过</el-tag>
+								<el-tag type="warning" v-else-if="scope.row.flowState=='4'">取消</el-tag>
+							</template>
+						</el-table-column> 
+						<el-table-column sortable v-for="(item,index) in formFields " :prop="item.fieldId" :label="item.fieldTitle" min-width="80" show-overflow-tooltip :key="item.fieldId+index+'_'" :formatter="formatterFormFields"></el-table-column> 
+						
+						<el-table-column sortable prop="lastTime" label="更新时间"  min-width="80" show-overflow-tooltip></el-table-column> 
+						<el-table-column sortable prop="userid" label="最后更新人"  min-width="80" show-overflow-tooltip :formatter="formatterUserid"></el-table-column>
+						<el-table-column sortable prop="createTime" label="创建时间"  min-width="80" show-overflow-tooltip></el-table-column>  
+						<el-table-column label="操作" min-width="250" show-overflow-tooltip fixed="right">
+							<template scope="scope"> 
+								<el-button type="primary" v-if="scope.row.flowState!='0'"  @click="showFlowInfo(scope.row,scope.$index)">流程</el-button>
+								<el-button type="primary" v-if="scope.row.flowState=='0'"   @click="sendToProcessApprova(scope.row,scope.$index)">发审</el-button>
+								<el-button   @click="showEdit( scope.row,scope.$index)">改</el-button>
+								<el-button type="danger"   @click="handleDel(scope.row,scope.$index)">删</el-button>
+							</template>
+						</el-table-column>
+					</el-table>
+					<el-pagination    layout="total, sizes, prev, pager, next"  @current-change="handleCurrentChange" @size-change="handleSizeChange"  :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+							</el-pagination> 
+					</el-col>
+					<el-col v-if="showCalendar==true"  :xs="24" :sm="24" :md="21" :lg="21" :xl="21">  
+						<el-calendar v-loading="listLoading">
+							<!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
+							<template
+								slot="dateCell"
+								scope="{date, data}">
+								<div :class="data.isSelected ? 'is-selected' : ''">
+									<div class="calendar-cell-data"> {{ data.day.split('-')[2] }}{{ data.isSelected ? '✔️' : ''}}
+										<div  v-for=" (i,index)  in  showCalendarDataTips(date,data)"  :key="index">  
+											<el-popover
+											placement="right" 
+											trigger="hover">
+											<el-row>
+												<el-col>
+													<el-tag v-for=" tag in i.tags" :key="tag.id">{{tag.tagName+'('+tag.count+')'}}</el-tag>
+												</el-col>
+											</el-row>
+											<el-table :data="i.allDatas"  max-height="450px" max-width="450px">  
+												<el-table-column type="index" width="40"></el-table-column> 
+												<el-table-column sortable prop="deptName" label="创建部门"  min-width="80" show-overflow-tooltip :formatter="formatterDept"></el-table-column>
+												<el-table-column sortable prop="cusername" label="创建人"  min-width="80" show-overflow-tooltip :formatter="formatterUserid"></el-table-column>
+												<el-table-column sortable prop="tagNames" label="标签"  min-width="100" show-overflow-tooltip>
+													<template scope="scope">
+														<el-tag v-for="tagName in (scope.row.tagNames?scope.row.tagNames.split(','):[])" :key="tagName">{{tagName}}</el-tag>
+													</template>
+												</el-table-column> 
+												<el-table-column sortable prop="flowState" label="状态"  min-width="100" show-overflow-tooltip>
+													<template scope="scope">
+														<el-tag type="info" v-if="scope.row.flowState=='0'">未发审</el-tag>
+														<el-tag v-else-if="scope.row.flowState=='1'">审核中</el-tag>
+														<el-tag type="success" v-else-if="scope.row.flowState=='2'">已通过</el-tag>
+														<el-tag type="danger" v-else-if="scope.row.flowState=='3'">未通过</el-tag>
+														<el-tag type="warning" v-else-if="scope.row.flowState=='4'">取消</el-tag>
+													</template>
+												</el-table-column> 
+												<el-table-column sortable v-for="(item ,index) in formFields " :prop="item.fieldId" :label="item.fieldTitle" min-width="80" show-overflow-tooltip :key="item.fieldId+index" :formatter="formatterFormFields"></el-table-column> 
+												
+												<el-table-column sortable prop="lastTime" label="更新时间"  min-width="80" show-overflow-tooltip></el-table-column> 
+												<el-table-column sortable prop="userid" label="最后更新人"  min-width="80" show-overflow-tooltip :formatter="formatterUserid"></el-table-column>
+												<el-table-column sortable prop="createTime" label="创建时间"  min-width="80" show-overflow-tooltip></el-table-column> 
+												<el-table-column label="操作" min-width="200" show-overflow-tooltip  fixed="right">
+													<template scope="scope"> 
+														<el-button type="primary" v-if="scope.row.flowState!='0'"  @click="showFlowInfo(scope.row,scope.$index)">流程</el-button>
+														<el-button type="primary" v-if="scope.row.flowState=='0'"   @click="sendToProcessApprova(scope.row,scope.$index)">发审</el-button>
+														<el-button   @click="showEdit( scope.row,scope.$index)">改</el-button>
+														<el-button type="danger"   @click="handleDel(scope.row,scope.$index)">删</el-button>
+													</template>
+												</el-table-column>
+											</el-table> 
+											<div slot="reference">
+												<el-tag effect="dark" type="info" v-if="i.createDatasCount>0">{{'创建:'+i.createDatasCount}}</el-tag>  
+												<el-tag effect="dark" type="warning" v-if="i.lastUpdateDatasCount>0">{{'更新:'+i.lastUpdateDatasCount}}</el-tag>  
+												<el-tag effect="dark" type="warning" v-if="i.nullTimeDatasCount>0">{{'空时间:'+i.nullTimeDatasCount}}</el-tag>  
+											</div>
+										</el-popover> 
+										</div>
+									</div>
+								</div>
+							</template>
+							</el-calendar>
+					</el-col>
+				</el-row>
+			<!--编辑 FormData 表单数据表界面-->
+			<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false" append-to-body>
+				  <form-data-edit :form-data="editForm" :form-def="formDefSelected" :form-fields="formFields" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></form-data-edit>
+			</el-dialog>
+	
+			<!--新增 FormData 表单数据表界面-->
+			<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false" append-to-body>
+				<form-data-add :form-data="addForm" :form-def="formDefSelected" :form-fields="formFields"  :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></form-data-add>
+			</el-dialog> 
+			
+			<el-dialog append-to-body
+				title="选择创建人"
+				:visible.sync="userSelectVisible"
+				width="60%">  
+				<users-select :select-userids="filters.cusers?filters.cusers.map(i=>i.userid):[]"   @confirm="onUserSelected"></users-select> 
+			</el-dialog> 
+			<el-dialog append-to-body
+				title="标签条件"
+				:visible.sync="tagSelectVisible" class="dialog-body"
+				width="60%"> 
+				<tag-mng :tagIds="filters.tags?filters.tags.map(i=>i.tagId):[]"  :jump="true" @select-confirm="onTagSelected"></tag-mng> 
+			</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+
+	import config from '@/common/config';//全局公共库
+	import { listOption,listOptionByItemIds } from '@/api/itemOption';//下拉框数据查询
+	import { listFormData, delFormData, batchDelFormData } from '@/api/mdp/form/formData';
+	import { listFormField} from '@/api/mdp/form/formField';
+	import { batchInsertOrDeleteTags } from '@/api/mdp/form/formDataTag';
+	import  FormDataAdd from './FormDataAdd';//新增界面
+	import  FormDataEdit from './FormDataEdit';//修改界面
+	import  FormDefList from '../formDef/FormDefList';//表单定义查询列表
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { listUser } from '@/api/mdp/sys/user';//下拉框数据查询
+	import { listDept } from '@/api/mdp/sys/dept';//下拉框数据查询
+	import { mapGetters } from 'vuex'
+	import { listFormQx } from '@/api/mdp/form/formQx';
+	import TagMng from '@/views/mdp/arc/tag/TagMng';  
+	
+	import  CategoryTree from '@/views/mdp/arc/category/CategoryTree';//修改界面
+	import UsersSelect from '@/views/mdp/sys/user/UsersSelect'; 
+	import DeptTree from '@/views/mdp/sys/dept/DeptTree.vue'; 
+
+	export default { 
+		name:'FormDataMng',
+		watch: {
+		      
+		    },	
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ]) 
+		},
+		activated:function(){
+			this.filters.deptid=this.userInfo.deptid   
+			var formDefSelected={id:this.$route.query.formId,formName:this.$route.query.formName}
+			
+			this.filters.cusers=[{userid:this.userInfo.userid,username:this.userInfo.username}]
+			if(this.formDefSelected && this.formDefSelected.id==formDefSelected.id && this.formFields.length>0){
+				this.searchFormDatas();
+			}else{
+				this.formDefRowClick(formDefSelected);
+			}
+			
+		},
+		data() {
+			const fromStartTime = new Date();
+			const toStartTime = new Date();
+			fromStartTime.setTime(fromStartTime.getTime() - 3600 * 1000 * 24 * 7 * 4);
+			return {
+				filters: {
+					key: '',
+					deptTreeNodes:[], 
+					tags:[], 
+					users:null,//更新人
+					cusers:null,//创建人
+					createTimeRanger:[util.formatDate.format(fromStartTime,'yyyy-MM-dd'),util.formatDate.format(toStartTime,'yyyy-MM-dd')], 
+					flowState:'',//审核状态 0 未审核 1审核中 2 审核结束
+				},  
+				pickerOptions: {
+					shortcuts: [{
+						text: '最近一周',
+						onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+						picker.$emit('pick', [start, end]);
+						}
+					},{
+						text: '最近两周',
+						onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 7 *2);
+						picker.$emit('pick', [start, end]);
+						}
+					},{
+						text: '最近三周',
+						onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 7 *3);
+						picker.$emit('pick', [start, end]);
+						}
+					},{
+						text: '最近四周',
+						onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 7 *4);
+						picker.$emit('pick', [start, end]);
+						}
+					}, {
+						text: '最近一个月',
+						onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+						picker.$emit('pick', [start, end]);
+						}
+					}, {
+						text: '最近三个月',
+						onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+						picker.$emit('pick', [start, end]);
+						}
+					}]
+					},
+				showMoreFilters: false, 
+				formDatas: [],//查询结果 
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[],//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+					count:true,
+				} ,
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据 
+				options2:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增formData界面是否显示
+				//新增formData界面初始化数据
+				addForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑formData界面初始化数据
+				editForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				formDefSelected:null,
+				formFields:[],
+				myCompanyEmployees:[],
+				myCompanyDepts:[], 
+				formQx: null ,
+				 tagSelectVisible:false,
+				 isBatchSetTags:false,
+				 showCalendar:false,
+				userSelectVisible:false,
+				downloadLoading:false,
+					/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				 this.pageInfo.count=true;
+				this.pageInfo.pageNum=1;
+				this.getFormDatas();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getFormDatas();
+			},
+			 
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getFormDatas();
+			},
+			searchFormDatas(){ 
+					 this.pageInfo.pageNum=1;
+					 this.pageInfo.total=0;
+					 this.getFormDatas(); 
+			},
+ 
+			//不嵌入工作流时 调用该查询 获取列表 FormData 表单数据表
+			getFormDatas() {
+				
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,
+					count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.extVars!=null){
+					params.ids=this.filters.extVars.ids
+					params.formId=this.filters.extVars.formId
+				} else{
+					
+					if(this.formDefSelected==null){
+						this.$message({ message: '请先选择表单', type: 'info' });
+						return;
+					}
+					
+					params.formId=this.formDefSelected.id;
+				}
+				if(this.filters.key!==""){
+					params.key='%'+this.filters.key+'%'
+				}  
+				if(this.filters.deptTreeNodes!=null && this.filters.deptTreeNodes.length>0){
+					params.deptids=this.filters.deptTreeNodes.map(i=>i.deptid)
+				}
+				
+				if(this.filters.cusers!=null && this.filters.cusers.length>0){
+					params.cuserids=this.filters.cusers.map(i=>i.userid)
+				}  
+				if(this.filters.users!=null && this.filters.users.length>0){
+					params.userids=this.filters.users.map(i=>i.userid)
+				}  
+				if(this.filters.tags!=null && this.filters.tags.length>0){
+					params.tagIds=this.filters.tags.map(i=>i.tagId)
+				}
+				
+				if(this.filters.createTimeRanger!=null && this.filters.createTimeRanger.length==2){
+					params.fromStartTime=this.filters.createTimeRanger[0]+" 00:00:00"
+					params.toStartTime=this.filters.createTimeRanger[1]+" 23:59:59"
+				}
+				
+				let tips=this.checkFormQueryQx(this.formQx,params.userid,params.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				
+				if(this.filters.flowState=='1'){
+					params.procInstId=this.procInstId
+					params.flowState=this.filters.flowState
+				}else if(this.filters.flowState=='0'){
+					params.flowState=this.filters.flowState
+				}else if(this.filters.flowState=='2'){
+					params.procInstId=this.procInstId
+					params.flowState=this.filters.flowState
+				}else if(this.filters.flowState=='5'){
+					params.procInstId=this.procInstId
+					params.flowStates=['2','3','4']
+				}
+				this.listLoading = true;
+				listFormData(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						this.pageInfo.count = false;
+						this.formDatas = res.data.data 
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					
+				});
+			},
+
+			//显示编辑界面 FormData 表单数据表
+			showEdit: function ( row,index ) {
+				let tips=this.checkFormEditQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				this.editFormVisible = true;
+				this.editForm =row;
+			},
+			//显示新增界面 FormData 表单数据表
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			startProc: function() { 
+				if(this.sels.length<1){
+					this.$message({ message: "请至少选择一条数据发审", type: 'error' });
+					return;
+				}
+				let extVars={ids:this.sels.map(i=>i.id),formId:this.formDefSelected.id}
+				let jsonExtVars=JSON.stringify(extVars); 
+				let params={ 
+						mainContext:'',
+						mainTitle:'',
+						bizUrl:process.env.BASE_API+config.getFormBasePath()+'/#/mdp/form/formData/FormDataMngForFlowCall?extVars='+jsonExtVars,
+						extVars:extVars
+				}
+				let jsonParams=JSON.stringify(params);
+				jsonParams=encodeURIComponent(jsonParams);
+				window.open(process.env.BASE_API+config.getWorkflowBasePath()+'/#/mdp/workflow/re/procdef/ProcdefListForStart?params='+jsonParams)
+			}, 
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getFormDatas();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行formData
+			selsChange: function (sels) {
+				this.sels = sels;
+			},  
+			//删除formData
+			handleDel: function (row,index) {
+				if(row.flowState=='1'){
+					this.$message({ message: '数据审核中，不允许删除', type: 'error' });
+					return;
+				}
+				if(row.flowState=='2'){
+					this.$message({ message: '数据已审核通过，不允许删除', type: 'error' });
+					return;
+				}
+				let tips=this.checkFormDelQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { id: row.id };
+					delFormData(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getFormDatas();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			//批量删除formData
+			batchDel: function () {
+				var ids = this.sels.map(item => item.id);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelFormData(ids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getFormDatas(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			formDefRowClick: function(row, event, column){ 
+				this.formDefSelected=row;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormFields();
+				this.formQx=null;
+				listFormQx({formId:row.id}).then(res=>{
+
+						if(res.data.tips.isOk){
+							if(res.data.data.length>0){
+								let formQxTemp=res.data.data[0]
+								this.formQx=this.formQxStringTransferArray(formQxTemp)
+
+							} 
+							this.$nextTick(() => { 
+								this.getFormDatas();  
+							});
+						} 
+					})
+				
+			},
+			//获取列表 FormField 表单字段定义
+			getFormFields() {
+				if(  this.formDefSelected==null  ){
+					return;
+				}
+				let params = {
+					formId:this.formDefSelected.id
+				};
+				listFormField(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.formFields = res.data.data;
+						this.getOptions2();
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+				}).catch(() => {
+					 
+				});
+			},	
+			formQxStringTransferArray: function(formQx){
+				if(!formQx){
+					return null;
+				}
+				if(formQx.allowQueryRoleids!='' && formQx.allowQueryRoleids!=null){
+					formQx.allowQueryRoleids=formQx.allowQueryRoleids.split(',')
+				}else{
+					formQx.allowQueryRoleids=[]
+				} 
+				if(formQx.allowQueryUserids!='' && formQx.allowQueryUserids!=null){
+					formQx.allowQueryUserids=formQx.allowQueryUserids.split(',')
+				}else{
+					formQx.allowQueryUserids=[]
+				}
+				if(formQx.allowQueryDeptids!='' && formQx.allowQueryDeptids!=null){
+					formQx.allowQueryDeptids=formQx.allowQueryDeptids.split(',')
+				}else{
+					formQx.allowQueryDeptids=[]
+				}
+				if(formQx.notQueryRoleids!='' && formQx.notQueryRoleids!=null){
+					formQx.notQueryRoleids=formQx.notQueryRoleids.split(',')
+				}else{
+					formQx.notQueryRoleids=[]
+				}
+				if(formQx.notQueryDeptids!='' && formQx.notQueryDeptids!=null){
+					formQx.notQueryDeptids=formQx.notQueryDeptids.split(',')
+				}else{
+					formQx.notQueryDeptids=[]
+				}
+
+				if(formQx.notQueryUserids!='' && formQx.notQueryUserids!=null){
+					formQx.notQueryUserids=formQx.notQueryUserids.split(',')
+				}else{
+					formQx.notQueryUserids=[]
+				} 
+				return formQx
+			},
+			checkFormEditQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false, msg:'无权限修改'}
+				if(formQx==null){
+					return {isOk: true, msg:'权限检查通过'}
+				} 
+				if(formQx.allowOtherEdit!='1'){
+					if(queryUserid!=myUserid){ 
+						return {isOk: false, msg:'你当前的用户无权修改其它用户的数据'}
+					}else{
+						return {isOk: true, msg:'权限检查通过'}
+					}
+				}
+				tips=this.checkFormQueryQx(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid)
+				return tips;
+			},
+			checkFormDelQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false, msg:'无权限删除'}
+				if(formQx==null){
+					return {isOk: true, msg:'权限检查通过'}
+				} 
+				if(formQx.allowOtherDel!='1'){
+					if(queryUserid!=myUserid){ 
+						return {isOk: false, msg:'你当前的用户无权删除其它用户的数据'}
+					}else{
+						return {isOk: true, msg:'权限检查通过'}
+					}
+				}
+				tips=this.checkFormQueryQx(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid)
+				return tips;
+			},
+			checkFormQueryQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false,msg:'无权操作'}
+				if(formQx==null){
+					return {isOk: true,msg:'权限检查通过'}
+				}
+
+				if(formQx.notQueryUserids){ 
+					if(formQx.notQueryUserids.some(i=>i==myUserid)){ 
+						return {isOk: false,msg:'你当前的用户无权查询该表单数据'}
+					}
+				}
+				if(formQx.notQueryDeptids){ 
+					if(formQx.notQueryDeptids.some(i=>i==myDeptid)){ 
+						return {isOk: false,msg:'你当前部门无权查询该表单数据'}
+					}
+				}
+				if(formQx.notQueryRoleids){ 
+					if(formQx.notQueryRoleids.some(i=>i==myRoleid)){ 
+						return {isOk: false,msg:'你当前角色无权查询该表单数据'}
+					}
+				}
+				if(queryUserid==myUserid){
+					return {isOk: true,msg:'权限检查通过'};
+				}
+				if(formQx.allowOtherQuery!='1'){
+					if(myUserid!=queryUserid){ 
+						return {isOk: false,msg:'当前表单不允许查询本人以外的数据'}
+					} 
+				}
+				
+				if(formQx.allowOtherQuery=='1'){ 
+					if(formQx.allowQueryRoleids.length==0 && formQx.allowQueryUserids.length==0 && formQx.allowQueryDeptids.length==0){
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryRoleids.some(i=>i==myRoleid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryUserids.some(i=>i==myUserid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryDeptids.some(i=>i==myDeptid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+ 					 
+				}
+				return {isOk: false,msg:'无权操作'};
+			},
+			formatterDept(row, column, cellValue){ 
+				var newValue=cellValue;
+				this.myCompanyDepts.forEach(dept=>{
+					if(dept.deptid==cellValue){
+						 newValue= dept.deptName
+						 return;
+					}
+				});
+				return newValue;
+			},
+			formatterUserid(row, column, cellValue){  
+				var newValue=cellValue;
+				this.myCompanyEmployees.forEach(item=>{
+					if(item.userid==cellValue){
+						  newValue=item.username
+					}
+				});
+				return newValue;
+			},
+			formatterFormFields(row, column, cellValue){
+				console.log(column)
+				if(cellValue=='' || cellValue==null){
+					return "";
+				}
+				let myFields=this.formFields.filter(item=>{
+					if(column.property==item.fieldIdCamel){
+						 return true;
+					}else{
+						return false;
+					} 
+				});
+				if(myFields && myFields.length>0){
+					let field=myFields[0]
+					if(field.isFromBaseData=='1' && field.secondCodeRow!=''){
+						let options=this.options2[field.secondCodeRow]
+						if(options && options.length>0){
+							let optionsTemp=options.filter(o=>{
+								if((cellValue+",").indexOf(o.optionValue+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(optionsTemp && optionsTemp.length>0){
+								return optionsTemp.map(i=>i.optionName).join(",")
+							}else{
+								return cellValue
+							}
+						}else{
+							return cellValue
+						}
+					}else{
+						//部门
+						if(field.extFieldType=='dept'){
+							let depts=this.myCompanyDepts.filter(i=>{
+								if((cellValue+",").indexOf(i.deptid+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(depts.length>0){
+								return depts.map(i=>i.deptName).join(",")
+							}else{
+								return cellValue
+							}
+						}
+						//用户
+						if(field.extFieldType=='user'){
+							let users=this.myCompanyEmployees.filter(i=>{
+								if((cellValue+",").indexOf(i.userid+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(users.length>0){
+								return users.map(i=>i.username).join(",")
+							}else{
+								return cellValue
+							}
+						}
+						return cellValue
+					}
+				}else{
+					return cellValue
+				}
+				
+			},
+			getOptions2( ){
+				this.dataListVisible=false;
+				let secondCodeRows=[];
+				let hasUserField=false;
+				this.formFields.forEach(item=>{
+					if(item.isFromBaseData=='1' && item.secondCodeRow!=''){
+						secondCodeRows.push(item.secondCodeRow);
+					}
+					if(item.extFieldType=='user'){
+						hasUserField=true;
+					}
+				});
+				if(secondCodeRows.length>0){
+					listOptionByItemIds(secondCodeRows).then(res=>{
+						console.log(res.data);
+						this.options2=res.data.data;
+					});
+				}  
+				if(hasUserField){
+					if(this.myCompanyEmployees.length<=0){
+						listUser({branchId:this.userInfo.branchId}).then(res=>{
+							this.myCompanyEmployees=res.data.data;
+							console.log(res.data.data);
+						});
+					}
+				}
+					
+			},
+			 
+			handleFiltersTagClose:function(tag,paramsName){
+				if(paramsName=='key'){
+					this.filters.key=null;
+				}else if(paramsName=='deptTreeNodes'){
+					this.filters.deptTreeNodes=this.filters.deptTreeNodes.filter(i=>i.deptid!=tag.deptid);
+					this.$refs.deptTree.$refs.deptTree.setChecked(tag.deptid,false,false);
+				}else if(paramsName=='tags'){
+					this.filters.tags=this.filters.tags.filter(i=>i.tagId!=tag.tagId);
+ 				} else if(paramsName=='users'){
+					this.filters.users=this.filters.users.filter(i=>i.userid!=tag.userid);
+ 				} else if(paramsName=='cusers'){
+					this.filters.cusers=this.filters.cusers.filter(i=>i.userid!=tag.userid);
+ 				}  else if(paramsName=='calendar'){
+					this.showCalendar=!this.showCalendar
+ 				}  else if(paramsName=='flowState'){
+					this.filters.flowState=''
+ 				} 
+			},
+			
+			onTagSelected(tags){
+				this.tagSelectVisible=false;
+				if(this.isBatchSetTags==true){
+					//TOD 批量更新后台数据标签
+					if(!tags || tags.length==0){
+						 this.$message.error("最少选中一个标签");
+						  this.isBatchSetTags=false;
+						 return;
+					}
+					var tagsVos=[];
+					this.sels.forEach(row=>{
+						 
+						var tagsVo={ 
+							dataId:row.id,
+							tags:tags.map(i=>{return {tagId:i.tagId,tagName:i.tagName}})
+						}
+						tagsVos.push(tagsVo);
+					})
+					var params= tagsVos
+					
+					 batchInsertOrDeleteTags(params).then(res=>{
+						 this.isBatchSetTags=false;
+						 if(res.data.tips.isOk){
+							 var tagIds=tags.map(i=>i.tagId).join(",");
+							 var tagNames=tags.map(i=>i.tagName).join(",");
+							this.sels.forEach(row=>{
+								row.tagIds=tagIds
+								row.tagNames=tagNames
+						 	})
+							 this.$message.success("打标签成功");
+						 }else{
+							  this.$message.error(res.data.tips.msg);
+						 }
+					 }).catch(e=>this.isBatchSetTags=false);
+				}else{
+					if(tags==null){
+						this.filters.tags=null 
+					}else{
+						this.filters.tags=tags 
+					} 
+				}
+				
+				
+			}, 
+			
+			handleDeptTreeCheckChange(data, checked, indeterminate){ 
+				if(data.id=='A0'){//选择了根节点，默认不按分类查询
+					this.filters.deptTreeNodes=null
+					return;
+				}
+				var node=this.$refs.deptTree.$refs.deptTree.getCheckedNodes();
+				console.log("node-------------"+JSON.stringify(node));
+				this.filters.deptTreeNodes=node;  
+			},
+			showTagSelect:function(isBatchSetTags){
+				if(isBatchSetTags==true){
+					if(this.sels.length==0){
+						this.$message.error("请选中流程任务");
+						return false;
+					}
+					this.tagSelectVisible=true;
+				}else{
+					this.tagSelectVisible=true;
+				}
+				this.isBatchSetTags=isBatchSetTags;
+			},
+			showCalendarDataTips:function(date,data){
+				var datas=this.formDatas;
+				var createDatas=[];
+				var lastUpdateDatas=[]; 
+				var nullTimeDatas=[];
+				var tags=[];
+				var now=new Date();
+				var dateStr=util.formatDate.format(now,'yyyy-MM-dd');
+				datas.forEach(i=>{
+					var rowData=Object.assign({},i); 
+					 
+					if(rowData.createTime && rowData.createTime.indexOf(data.day)>=0){
+						rowData.calStatus='开始' 
+						createDatas.push(rowData);
+					}else if( rowData.lastTime && rowData.lastTime.indexOf(data.day)>=0){
+						rowData.calStatus='更新' 
+						lastUpdateDatas.push(rowData);
+					}else if( !rowData.createTime &&  !rowData.lastTime && dateStr<=data.day){
+						nullTimeDatas.push(rowData);
+						rowData.calStatus='空时间' 
+					}
+					
+				});
+				 
+				var allDatas= createDatas.concat(lastUpdateDatas).concat(nullTimeDatas);
+				allDatas.forEach(i=>{
+					var tagIds=i.tagIds?i.tagIds.split(","):[];
+					var tagNames=i.tagNames?i.tagNames.split(","):[]; 
+					tagIds.forEach((tagId,index)=>{
+						var tag=tags.find(t=>t.tagId==tagId);
+						if(tag){
+							tag.count=tag.count+1;
+						}else{
+							tag={
+								tagId:tagId,
+								tagName:tagNames[index],
+								count:1
+							}
+							tags.push(tag)
+						}
+					});
+				});
+
+				 var msg={
+					 createDatas:createDatas,
+					 lastUpdateDatas:lastUpdateDatas, 
+					 createDatasCount:createDatas.length,
+					 lastUpdateDatasCount:lastUpdateDatas.length, 
+					 nullTimeDatas:nullTimeDatas,
+					 nullTimeDatasCount:nullTimeDatas.length,
+					 allDatas:allDatas,
+					 tags:tags
+				 }
+				return [msg];
+			},		
+			
+			
+			onUserSelected: function(users){  
+				this.userSelectVisible=false;
+				this.filters.cusers=users
+			},
+			showFlowInfo(row,index){
+				
+				let extVars={formDataIds:[row.id],formId:row.formId}
+				let jsonExtVars=JSON.stringify(extVars); 
+				let params={ 
+						mainContext:'',
+						mainTitle:'',
+						formDataIds:extVars.formDataIds,
+						formId:extVars.formId,
+						bizUrl:process.env.BASE_API+config.getFormBasePath()+'/#/mdp/form/formData/FormDataMng?extVars='+jsonExtVars,
+						restUrl:'',
+						extVars:extVars,
+						flowVars:{},
+				}
+				let jsonParmas=encodeURIComponent(JSON.stringify(params));//对方要 decodeURIComponent
+				this.$router.push({path:'/mdp/workflow/ru/execution/ExecutionMngForFormData',query:{params:jsonParmas}});
+			},
+			
+			fetchData() {
+				this.listLoading = true
+				fetchList().then(response => {
+					this.list = response.data.items
+					this.listLoading = false
+				})
+			},
+			handleDownload() {
+				this.downloadLoading = true
+				import('@/vendor/Export2Excel').then(excel => {
+					const tHeader =    ['主键','创建人','创建人编号','创建部门','创建部门编号','更新人编号','更新时间','创建时间','标签','标签编号','流程审批状态','权限码'].concat(this.formFields.map(i=>i.fieldTitle))
+					const filterVal =  ['id','cusername','cuserid','deptName','deptid','userid','lastTime','createTime','tagNames','tagIds','flowState','dqxCode'].concat(this.formFields.map(i=>i.fieldIdCamel));
+					const list = this.formDatas
+					const data = this.formatJson(filterVal, list)
+					var filename="智能表单导出"
+					if(this.formDefSelected){
+						filename=this.formDefSelected.formName? this.formDefSelected.formName:this.formDefSelected.id+"智能表单导出"
+					}
+					excel.export_json_to_excel({
+					header: tHeader,
+					data,
+					filename: filename,
+					autoWidth:true,
+					bookType:'xlsx'
+					})
+					this.downloadLoading = false
+				})
+			},
+			formatJson(filterVal, jsonData) {
+				return jsonData.map(v => filterVal.map(j => {
+					if (j === 'timestamp') {
+					return parseTime(v[j])
+					} else {
+					return v[j]
+					}
+				}))
+			},
+			sendToProcessApprova:function(row){
+				// 传过来的参数格式
+				let extVars={formDataIds:[row.id],formId:row.formId}
+				let jsonExtVars=JSON.stringify(extVars); 
+				let params={ 
+						mainContext:'',
+						mainTitle:'',
+						formDataIds:extVars.formDataIds,
+						formId:extVars.formId,
+						bizUrl:process.env.BASE_API+config.getFormBasePath()+'/#/mdp/form/formData/FormDataMng?extVars='+jsonExtVars,
+						restUrl:'',
+						extVars:extVars,
+						flowVars:{},
+				}
+				let jsonParmas=encodeURIComponent(JSON.stringify(params));//对方要 decodeURIComponent
+				this.$router.push({path:'/mdp/workflow/re/procdef/ProcdefListForFormDataStart',query:{params:jsonParmas}});
+			}
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'form-data-add':FormDataAdd,
+		    'form-data-edit':FormDataEdit,
+		    'form-def-list':FormDefList,
+		    'sticky': Sticky,TagMng,DeptTree,UsersSelect
+		    //在下面添加其它组件
+		},
+		mounted() {  
+				
+			
+		}
+	}
+
+</script>
+
+<style scoped>
+
+	.filters-show {
+		margin-left: 20px;
+		margin-top: 10px;
+		margin-bottom: 0px;
+	}
+	.filters-label { 
+		font-size: 14px;
+		color:black;
+		font-weight: bold;
+
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formData/FormDataMngForFlow.vue b/src/views/mdp/form/formData/FormDataMngForFlow.vue
new file mode 100644
index 0000000..61d7a1c
--- /dev/null
+++ b/src/views/mdp/form/formData/FormDataMngForFlow.vue
@@ -0,0 +1,883 @@
+<template>
+	<section>
+		
+		<el-row>
+			 
+			<el-col :span="24" v-if="formShowType=='table'"> 
+				<sticky  :className="'sub-navbar draft'">  
+						<el-radio v-model="filters.flowState" label="1">已加入审核单</el-radio>
+  						<el-radio v-model="filters.flowState" label="0">未加入审核单</el-radio>
+						<el-input   v-model="filters.key"  placeholder="模糊查询" style="width:15%;"></el-input> 
+						<el-select   v-model="filters.userid"   style="width:20%;" clearable filterable placeholder="请选择用户">
+					    <el-option
+					      v-for="item in myCompanyEmployees"
+					      :key="item.userid"
+					      :label="item.username"
+					      :value="item.userid">
+					      <span style="float: left">{{ item.username }}</span>
+		   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+					    </el-option>
+					  </el-select>
+					 <el-select      style="width:20%;"   v-model="filters.deptid"  clearable filterable placeholder="请选择">
+					    <el-option
+					      v-for="item in myCompanyDepts"
+					      :key="item.deptid"
+					      :label="item.deptName"
+					      :value="item.deptid">
+					    </el-option>
+					  </el-select>
+					  	
+					  	<el-button     v-on:click="searchFormDatas" icon="el-icon-search" circle></el-button> 
+					   <el-button v-if="filters.flowState!='1'" type="primary"    @click="showAdd">新增数据</el-button>
+						<el-button v-if=" filters.flowState!='1'" type="danger"     @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>  
+				</sticky> 
+				<el-row class="app-container">
+					<el-table v-if="filters.flowState=='0'" :data="formDatas"  @sort-change="sortChange" height="240" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+					<el-table-column type="selection" width="55" v-if="showBtn"></el-table-column>
+					<el-table-column type="index" width="60"></el-table-column> 
+					<el-table-column prop="deptid" label="创建部门"  min-width="80" show-overflow-tooltip :formatter="formatterDept"></el-table-column>
+					<el-table-column prop="userid" label="创建人"  min-width="80" show-overflow-tooltip :formatter="formatterUserid"></el-table-column>
+					<el-table-column prop="lastTime" label="更新时间"  min-width="80" show-overflow-tooltip></el-table-column> 
+					<el-table-column v-for="item in formFields " :prop="item.fieldId" :label="item.fieldTitle" min-width="80" show-overflow-tooltip :key="item.fieldId" :formatter="formatterFormFields"></el-table-column> 
+
+					<el-table-column label="操作" min-width="250"  fixed="right" v-if="showBtn" show-overflow-tooltip>
+						<template scope="scope"> 
+						<el-tooltip content="当提交工作流时才会真正保存到后台审核单" placement="bottom" effect="light">
+						   <el-button    @click="joinToProc( scope.row,scope.$index)">加入审核单 </el-button>
+						</el-tooltip> 
+							<el-button  v-if="showBtn" @click="showEdit( scope.row,scope.$index)">改</el-button>
+							<el-button type="danger"  v-if="showBtn" @click="handleDel(scope.row,scope.$index)">删</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+								<el-pagination  v-if="filters.flowState=='0'"   layout="total, sizes, prev, pager, next"  :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+						</el-pagination>
+				<!--列表 FormData 表单数据表-->
+				<el-table v-if=" filters.flowState=='1'" :data="procFormDatas"    height="240" highlight-current-row v-loading="listLoading" border   style="width: 100%;">
+					<el-table-column type="selection" width="55" v-if="false"></el-table-column>
+					<el-table-column type="index" width="60"></el-table-column> 
+					<el-table-column prop="deptid" label="创建部门"  min-width="80" show-overflow-tooltip :formatter="formatterDept"></el-table-column>
+					<el-table-column prop="userid" label="创建人"  min-width="80" show-overflow-tooltip :formatter="formatterUserid"></el-table-column>
+					<el-table-column prop="lastTime" label="更新时间"  min-width="80" show-overflow-tooltip></el-table-column> 
+					<el-table-column v-for="item in formFields " :prop="item.fieldId" :label="item.fieldTitle" :key="item.fieldId" min-width="80" show-overflow-tooltip :formatter="formatterFormFields"></el-table-column> 
+
+					<el-table-column label="操作" min-width="200"  fixed="right" v-if="showBtn">
+						<template scope="scope">
+							<el-button  v-if="showBtn" @click="showEdit( scope.row,scope.$index)">改</el-button>
+							<el-tooltip content="当提交工作流时才会真正从数据库移除" placement="bottom" effect="light">
+						   		<el-button type="danger"  v-if="showBtn" @click="removeFromProc(scope.row,scope.$index)">移出审核单</el-button>
+							</el-tooltip> 
+							
+						</template>
+					</el-table-column>
+				</el-table>
+				<el-pagination  v-if="filters.flowState=='1'"   layout="total, sizes, prev, pager, next"  :page-sizes="[10,20, 50, 100, 500]" :current-page="procPageInfo.pageNum" :page-size="procPageInfo.pageSize"  :total="procPageInfo.total" style="float:right;">
+						</el-pagination>
+				</el-row>
+				<!--编辑 FormData 表单数据表界面-->
+				<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false" append-to-body>
+					<form-data-edit :form-data="editForm" :form-def="formDefSelected" :form-fields="formFields" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></form-data-edit>
+				</el-dialog>
+		
+				<!--新增 FormData 表单数据表界面-->
+				<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false" append-to-body>
+					<form-data-add :form-data="addForm" :form-def="formDefSelected" :form-fields="formFields"  :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></form-data-add>
+				</el-dialog> 
+			</el-col>
+			<el-col :span="24" v-if="formShowType!='table'" v-loading="listLoading" > 
+				<form-data v-if="isFlowStart" :form-data="addForm" :form-def="formDefSelected" :form-fields="formFields" :submitEvent="submitEvent"  :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit" ref="formData"><div></div></form-data>
+				<form-data v-else :form-data="editForm" :form-def="formDefSelected" :form-fields="formFields"  :submitEvent="submitEvent"  :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterEditSubmit" ref="formData"><div></div></form-data>
+			</el-col>
+			
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	
+	import qxutil from '@/common/js/qxutil';//全局公共库
+	import { listOption,listOptionByItemIds } from '@/api/itemOption';//下拉框数据查询
+	import { listFormData, delFormData, batchDelFormData } from '@/api/mdp/form/formData';
+	import { listFormField} from '@/api/mdp/form/formField';
+	import  FormData from './FormData';//新增界面
+	import  FormDataAdd from './FormDataAdd';//新增界面
+	import  FormDataEdit from './FormDataEdit';//修改界面
+	import  FormDefList from '../formDef/FormDefList';//表单定义查询列表
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { listUser } from '@/api/mdp/sys/user';//下拉框数据查询
+	import { listDept } from '@/api/mdp/sys/dept';//下拉框数据查询
+	import { mapGetters } from 'vuex'
+
+	import { listFormQx } from '@/api/mdp/form/formQx';
+	export default { 
+		props: ['isFlowStart','formId','procInstId','formDataIds','submitEvent','formShowType','qxCode'],
+		watch: {
+		      
+		      'formId':function(formId) { 
+				  if(!formId||formId==''||formId==null){
+					  return;
+				  }
+		    	  this.formDefSelected={id:formId};
+		    	  this.getFormFields();
+					this.formQx=null;
+					/**工作流中不需要权限
+					listFormQx({formId:formId}).then(res=>{ 
+							if(res.data.tips.isOk){
+								if(res.data.data.length>0){
+									let formQxTemp=res.data.data[0]
+									this.formQx=this.formQxStringTransferArray(formQxTemp)
+
+								}  
+							} 
+						})
+						 */
+		    	  this.formDatas=[]
+		    	  this.delProcFormDatas=[]
+		    	  this.procFormDatas=[]
+		      },
+		      'procInstId':function(procInstId) {  
+				  if(procInstId==null||procInstId==""){
+					  return;
+				  }
+		    	  this.filters.flowState="1"
+		    	  this.formDatas=[]
+		    	  this.delProcFormDatas=[]
+		    	  this.procFormDatas=[]
+		    	  this.getProcFormDatas()
+		      },
+		      'formDataIds':function(formDataIds) {  
+				  if(formDataIds==null ||formDataIds.length==0){
+					  return;
+				  }
+		    	  this.filters.flowState="1"
+		    	  this.formDatas=[]
+		    	  this.delProcFormDatas=[]
+		    	  this.procFormDatas=[]
+		    	  this.getFormDatas()
+			  },
+			  'qxCode':function(qxCode){
+				  this.qxCodeArr=qxutil.flow.parseQxCode(this.qxCode)
+				  this.formFields=qxutil.flow.parseFormFieldsQx(this.qxCodeArr,this.formFields);
+			  },
+			  'submitEvent':function(submitEvent) {  
+				   let formDatas=this.procFormDatas;
+				   let that=this;
+				  if(!this.procInstId && this.isFlowStart==true && (this.procFormDatas==null||this.procFormDatas.length==0)){
+					  that.$refs.formData.$refs.editForm.validate((valid)=>{
+						  if(valid){
+							  var formData=that.$refs.formData.editSubmit()
+							  that.$message({ message: "检查通过3", type: 'success' }); 
+							  
+							  console.log("formData------------------"+JSON.stringify(formData));
+							  if(formData!=false && formData!=null){ 
+								formDatas=[];
+								formDatas.push(formData);
+								that.$emit("submit",formDatas)
+							  }
+							return;
+						  }else{
+							   that.$message({ message: '请补充智能表单数据', type: 'info' });
+							  return;
+						  }
+					  });
+					return;
+				  }else if(this.formShowType!='table'){
+						 that.$refs.formData.$refs.editForm.validate((valid)=>{
+						  if(valid){
+							formDatas=[that.$refs.formData.editForm];
+							that.$emit("submit",formDatas)
+							return;
+						  }else{
+							   this.$message({ message: '请补充智能表单数据', type: 'info' });
+							  return;
+						  }
+					  });
+					return; 
+				}else{
+				   if(formDatas.length<=0){ 
+					   this.$message({ message: '请先选择要加入审批流的智能表单数据', type: 'info' });
+				   }else{ 
+						   formDatas.forEach(i=>{ 
+								   i.flowAction="join" 
+						   })
+						   this.delProcFormDatas.forEach(i=>{
+							   if(!this.procFormDatas.some(item=>item.id==i.id)){
+								   i.flowAction="remove"
+									   formDatas.push(i)
+							   }
+						   })
+					   this.$emit("submit",formDatas)
+				   }
+
+				  }
+				 
+	      	   },
+		    },	
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ]),
+		   	showBtn: function(){
+		   		
+		   		return true;
+		   	}
+		},
+		data() {
+			return {
+				filters: {
+					key: '',
+					userid:'',
+					deptid:'', 
+					flowState:'0',//审核状态 0 未审核 1审核中 2 审核结束
+				}, 
+				formDatas: [],//未加入审核单的查询结果
+				procFormDatas: [],//审核中数据
+				delProcFormDatas:[],//编辑界面移除的审核单数据
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				procPageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				procSels:[],//
+				options2:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增formData界面是否显示
+				//新增formData界面初始化数据
+				addForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑formData界面初始化数据
+				editForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				formDefSelected:null,
+				formFields:[],
+				myCompanyEmployees:[],
+				myCompanyDepts:[], 
+				qxCodeArr:[],
+				formQx: null,
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormDatas();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getFormDatas();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getFormDatas();
+			},
+			searchFormDatas(){
+				if( this.filters.flowState=='1'){
+					this.procPageInfo.pageNum=1;
+					this.procPageInfo.total=0;
+					 this.getProcFormDatas();
+				}else{
+					 this.pageInfo.pageNum=1;
+					 this.pageInfo.total=0;
+					 this.getFormDatas();
+				}
+				
+			},
+
+			//如果是嵌入工作流i时调用此函数
+			getProcFormDatas() {
+				let params = { 
+					pageSize: this.procPageInfo.pageSize,
+					pageNum: this.procPageInfo.pageNum,
+					total: this.procPageInfo.total 
+				};
+				if(this.procPageInfo.orderFields!=null && this.procPageInfo.orderFields.length>0){
+					params.orderFields=this.procPageInfo.orderFields;
+					params.orderDirs=this.procPageInfo.orderDirs;
+				} 
+					
+					console.log(this.formDefSelected)
+					if(this.procInstId && this.procInstId!='' && this.procInstId!=null){//工作流中直接发起
+						params.procInstId=this.procInstId
+						params.flowState='1';
+					}else if( this.formDataIds && this.formDataIds.length>0){//从智能表单跳转过来的审批流，指定了智能表单数据
+							params.ids=this.formDataIds
+					}else {
+						return;
+					}
+				 
+				this.listLoading = true;
+				listFormData(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.procPageInfo.total = res.data.total; 
+						if(this.procInstId && this.procInstId!='' && this.procInstId!=null){//工作流中直接发起
+							this.procFormDatas=res.data.data.filter(i=>!this.delProcFormDatas.some(item=>i.id==item.id))
+						}else if( this.formDataIds && this.formDataIds.length>0){//从智能表单跳转过来的审批流，指定了智能表单数据
+							let tem=res.data.data.filter(i=>this.formDataIds.some(item=>i.id==item))
+							this.procFormDatas=tem.filter(i=>!this.delProcFormDatas.some(item=>i.id==item.id))
+						}
+						this.editForm=this.procFormDatas[0];
+						
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					
+				});
+			},
+
+			formQxStringTransferArray: function(formQx){
+				if(!formQx){
+					return;
+				}
+				if(formQx.allowQueryRoleids!='' && formQx.allowQueryRoleids!=null){
+					formQx.allowQueryRoleids=formQx.allowQueryRoleids.split(',')
+				}else{
+					formQx.allowQueryRoleids=[]
+				} 
+				if(formQx.allowQueryUserids!='' && formQx.allowQueryUserids!=null){
+					formQx.allowQueryUserids=formQx.allowQueryUserids.split(',')
+				}else{
+					formQx.allowQueryUserids=[]
+				}
+				if(formQx.allowQueryDeptids!='' && formQx.allowQueryDeptids!=null){
+					formQx.allowQueryDeptids=formQx.allowQueryDeptids.split(',')
+				}else{
+					formQx.allowQueryDeptids=[]
+				}
+				if(formQx.notQueryRoleids!='' && formQx.notQueryRoleids!=null){
+					formQx.notQueryRoleids=formQx.notQueryRoleids.split(',')
+				}else{
+					formQx.notQueryRoleids=[]
+				}
+				if(formQx.notQueryDeptids!='' && formQx.notQueryDeptids!=null){
+					formQx.notQueryDeptids=formQx.notQueryDeptids.split(',')
+				}else{
+					formQx.notQueryDeptids=[]
+				}
+
+				if(formQx.notQueryUserids!='' && formQx.notQueryUserids!=null){
+					formQx.notQueryUserids=formQx.notQueryUserids.split(',')
+				}else{
+					formQx.notQueryUserids=[]
+				} 
+				return formQx
+			},
+			checkFormEditQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false, msg:'无权限修改'}
+				if(formQx==null){
+					return {isOk: true, msg:'权限检查通过'}
+				} 
+				if(formQx.allowOtherEdit!='1'){
+					if(queryUserid!=myUserid){ 
+						return {isOk: false, msg:'你当前的用户无权修改其它用户的数据'}
+					}else{
+						return {isOk: true, msg:'权限检查通过'}
+					}
+				}
+				tips=this.checkFormQueryQx(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid)
+				return tips;
+			},
+			checkFormDelQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false, msg:'无权限删除'}
+				if(formQx==null){
+					return {isOk: true, msg:'权限检查通过'}
+				} 
+				if(formQx.allowOtherDel!='1'){
+					if(queryUserid!=myUserid){ 
+						return {isOk: false, msg:'你当前的用户无权删除其它用户的数据'}
+					}else{
+						return {isOk: true, msg:'权限检查通过'}
+					}
+				}
+				tips=this.checkFormQueryQx(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid)
+				return tips;
+			},
+			checkFormQueryQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false,msg:'无权操作'}
+				if(formQx==null){
+					return {isOk: true,msg:'权限检查通过'}
+				}
+
+				if(formQx.notQueryUserids){ 
+					if(formQx.notQueryUserids.some(i=>i==myUserid)){ 
+						return {isOk: false,msg:'你当前的用户无权查询该表单数据'}
+					}
+				}
+				if(formQx.notQueryDeptids){ 
+					if(formQx.notQueryDeptids.some(i=>i==myDeptid)){ 
+						return {isOk: false,msg:'你当前部门无权查询该表单数据'}
+					}
+				}
+				if(formQx.notQueryRoleids){ 
+					if(formQx.notQueryRoleids.some(i=>i==myRoleid)){ 
+						return {isOk: false,msg:'你当前角色无权查询该表单数据'}
+					}
+				}
+				if(queryUserid==myUserid){
+					return {isOk: true,msg:'权限检查通过'};
+				}
+				if(formQx.allowOtherQuery!='1'){
+					if(myUserid!=queryUserid){ 
+						return {isOk: false,msg:'当前表单不允许查询本人以外的数据'}
+					} 
+				}
+				
+				if(formQx.allowOtherQuery=='1'){ 
+					if(formQx.allowQueryRoleids.length==0 && formQx.allowQueryUserids.length==0 && formQx.allowQueryDeptids.length==0){
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryRoleids.some(i=>i==myRoleid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryUserids.some(i=>i==myUserid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryDeptids.some(i=>i==myDeptid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+ 					 
+				}
+				return {isOk: false,msg:'无权操作'};
+			},
+			//不嵌入工作流时 调用该查询 获取列表 FormData 表单数据表
+			getFormDatas() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				} 
+					console.log(this.formDefSelected) 
+						if(this.formDefSelected!=null){
+							params.formId=this.formDefSelected.id;
+						}else{
+							this.$message({ message: '没有关联智能表单，无法查询表单数据', type: 'info' });
+							return;
+						}   
+				if(this.formDataIds){
+					params.ids=this.formDataIds
+				}
+
+				if((this.formDataIds==null||this.formDataIds.length==0) && !this.procInstId ){
+					return;
+				}
+				let tips=this.checkFormQueryQx(this.formQx,params.userid,params.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				//params.flowState="0" 
+				this.listLoading = true;
+				listFormData(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						 
+						let temp = res.data.data.filter(item=>!this.procFormDatas.some(i=>i.id==item.id)); 
+						 let delTemp=this.delProcFormDatas.filter(i=>temp.some(item=>item.id==i.id))
+						 delTemp.forEach(i=>temp.push(i))
+						 
+						 this.formDatas=temp;
+						 if(this.formShowType!='table'){
+							 if(this.isFlowStart){
+								  this.addForm=this.formDatas[0]
+							 }else{
+								  this.editForm=this.formDatas[0]
+							 }
+							 
+						 }
+						
+						
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					
+				});
+			},
+
+			//显示编辑界面 FormData 表单数据表
+			showEdit: function ( row,index ) {
+				let tips=this.checkFormEditQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				this.editFormVisible = true;
+				this.editForm =row;
+			},
+			//显示新增界面 FormData 表单数据表
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			startProc: function() { 
+				if(this.sels.length<1){
+					this.$message({ message: "请至少选择一条数据发审", type: 'error' });
+					return;
+				}
+				let extVars={ids:this.sels.map(i=>i.id),formId:this.formDefSelected.id}
+				let jsonExtVars=JSON.stringify(extVars); 
+				let params={ 
+						mainContext:'',
+						mainTitle:'',
+						bizUrl:process.env.BASE_API+config.getFormBasePath()+'/#/mdp/form/formData/FormDataMng?extVars='+jsonExtVars,
+						extVars:extVars
+				}
+				let jsonParams=JSON.stringify(params);
+				jsonParams=encodeURIComponent(jsonParams);
+				window.open(process.env.BASE_API+config.getWorkflowBasePath()+'/#/mdp/workflow/re/procdef/ProcdefListForStart?params='+jsonParams)
+			},
+			joinToProc: function(row,index){
+				let tips=this.checkFormEditQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				 if(this.procFormDatas.some(i=>i.id==row.id)){
+					 this.$message({ message: '该数据已在审核单中', type: 'info'});
+				 }else{
+					 this.$nextTick(() => {
+						 this.formDatas.splice(index, 1); 
+						 this.delProcFormDatas=this.delProcFormDatas.filter(i=>i.id!=row.id)
+						 this.procFormDatas.push(row)
+						 this.$message({ message: '添加成功', type: 'info'});
+		        		});
+					
+				 }
+			},
+			removeFromProc: function(row,index){
+				let tips=this.checkFormEditQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				 if(this.procFormDatas.some(i=>i.id==row.id)){
+					 this.$nextTick(() => {
+						 this.procFormDatas.splice(index, 1); 
+						 if(!this.delProcFormDatas.some(i=>i.id==row.id)){
+							 this.delProcFormDatas.push(row)
+						 } 
+						 this.formDatas.push(row);
+						 this.$message({ message: '移除成功', type: 'info'});
+		        		});
+					 
+				 }else{
+					 this.$message({ message: '没有该条数据', type: 'error'});
+				 }
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getFormDatas();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行formData
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//选择行formData
+			procSelsChange: function (sels) {
+				this.procSels = sels;
+			}, 
+			//删除formData
+			handleDel: function (row,index) {
+				let tips=this.checkFormDelQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { id: row.id };
+					delFormData(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getFormDatas();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			//批量删除formData
+			batchDel: function () {
+				var ids = this.sels.map(item => item.id);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelFormData(ids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getFormDatas(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			formDefRowClick: function(row, event, column){ 
+				this.formDefSelected=row;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormFields();
+				
+				this.formQx=null;
+				if(this.filters.flowState=='1'){ 
+						this.getProcFormDatas()  
+				} 
+				/**
+				listFormQx({formId:row.id}).then(res=>{
+
+						if(res.data.tips.isOk){
+							if(res.data.data.length>0){
+								let formQxTemp=res.data.data[0]
+								this.formQx=this.formQxStringTransferArray(formQxTemp)
+
+							} 
+							if(this.filters.flowState!='1'){
+								this.$nextTick(() => { 
+									this.getFormDatas();   
+				        		});
+							}
+						} 
+					})
+					 */
+				
+			},
+			//获取列表 FormField 表单字段定义
+			getFormFields() {
+				if(  this.formDefSelected==null  ){
+					return;
+				}
+				let params = {
+					formId:this.formDefSelected.id
+				};
+				this.formFields=[]
+				this.listLoading=true;
+				listFormField(params).then((res) => {
+					var tips=res.data.tips;
+					this.listLoading=false;
+					if(tips.isOk){ 
+						var formFields = res.data.data;
+						this.formFields=qxutil.flow.parseFormFieldsQx(this.qxCodeArr,formFields);
+						this.getOptions2();
+						this.$emit('formFieldsLoad',this.formFields);
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+				}).catch(() => {
+					 this.listLoading=false;
+				});
+			},	
+			formatterDept(row, column, cellValue){ 
+				var newValue=cellValue;
+				this.myCompanyDepts.forEach(dept=>{
+					if(dept.deptid==cellValue){
+						 newValue= dept.deptName
+						 return;
+					}
+				});
+				return newValue;
+			},
+			formatterUserid(row, column, cellValue){  
+				var newValue=cellValue;
+				this.myCompanyEmployees.forEach(item=>{
+					if(item.userid==cellValue){
+						  newValue=item.username
+					}
+				});
+				return newValue;
+			},
+			formatterFormFields(row, column, cellValue){
+				console.log(column)
+				if(cellValue=='' || cellValue==null){
+					return "";
+				}
+				let myFields=this.formFields.filter(item=>{
+					if(column.property==item.fieldIdCamel){
+						 return true;
+					}else{
+						return false;
+					} 
+				});
+				if(myFields && myFields.length>0){
+					let field=myFields[0]
+					if(field.isFromBaseData=='1' && field.secondCodeRow!=''){
+						let options=this.options2[field.secondCodeRow]
+						if(options && options.length>0){
+							let optionsTemp=options.filter(o=>{
+								if((cellValue+",").indexOf(o.optionValue+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(optionsTemp && optionsTemp.length>0){
+								return optionsTemp.map(i=>i.optionName).join(",")
+							}else{
+								return cellValue
+							}
+						}else{
+							return cellValue
+						}
+					}else{
+						//部门
+						if(field.extFieldType=='dept'){
+							let depts=this.myCompanyDepts.filter(i=>{
+								if((cellValue+",").indexOf(i.deptid+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(depts.length>0){
+								return depts.map(i=>i.deptName).join(",")
+							}else{
+								return cellValue
+							}
+						}
+						//用户
+						if(field.extFieldType=='user'){
+							let users=this.myCompanyEmployees.filter(i=>{
+								if((cellValue+",").indexOf(i.userid+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(users.length>0){
+								return users.map(i=>i.username).join(",")
+							}else{
+								return cellValue
+							}
+						}
+						return cellValue
+					}
+				}else{
+					return cellValue
+				}
+				
+			},
+			getOptions2( ){
+				this.dataListVisible=false;
+				let secondCodeRows=[];
+				let hasUserField=false;
+				this.formFields.forEach(item=>{
+					if(item.isFromBaseData=='1' && item.secondCodeRow!=''){
+						secondCodeRows.push(item.secondCodeRow);
+					}
+					if(item.extFieldType=='user'){
+						hasUserField=true;
+					}
+				});
+				if(secondCodeRows.length>0){
+					listOptionByItemIds(secondCodeRows).then(res=>{
+						console.log(res.data);
+						this.options2=res.data.data;
+					});
+				}  
+				if(hasUserField){
+					if(this.myCompanyEmployees.length<=0){
+						listUser({branchId:this.userInfo.branchId}).then(res=>{
+							this.myCompanyEmployees=res.data.data;
+							console.log(res.data.data);
+						});
+					}
+				}
+					
+			},		
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+			'form-data-add':FormDataAdd,
+			'form-data':FormData,
+		    'form-data-edit':FormDataEdit,
+		    'form-def-list':FormDefList,
+		    'sticky': Sticky,
+		    //在下面添加其它组件
+		},
+		mounted() {
+			//this.getFormDatas();
+			console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx")
+			console.log(this.formId+"----formDataIds---"+JSON.stringify( this.formDataIds)) 
+			this.qxCodeArr=qxutil.flow.parseQxCode(this.qxCode);
+			if((this.formDataIds && this.formDataIds.length>0) || (this.procInstId && this.procInstId!='' && this.procInstId!=null)){//如果是通过工作流bizUrl跳转回来，则进此
+				console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx extVars")
+				this.filters.flowState="1"  
+				this.formDefRowClick({id:this.formId})
+			}else {
+				this.filters.flowState="0" 
+				this.formDefRowClick({id:this.formId}) 
+			}  
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formData/FormDataMngForFlowForm.vue b/src/views/mdp/form/formData/FormDataMngForFlowForm.vue
new file mode 100644
index 0000000..832034c
--- /dev/null
+++ b/src/views/mdp/form/formData/FormDataMngForFlowForm.vue
@@ -0,0 +1,197 @@
+<template>
+	<section>
+		
+		<el-row> 
+			<el-col :span="24"  v-loading="listLoading" > 
+				<form-data  :form-data="editForm" :form-def="{id:formId}" :form-fields="formFields"  :submitEvent="submitEvent"  :@cancel="addFormVisible=false" @submit="afterEditSubmit" ref="formData"><div></div></form-data>
+			</el-col>
+			
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	
+	import qxutil from '@/common/js/qxutil';//全局公共库
+	import { listOption,listOptionByItemIds } from '@/api/itemOption';//下拉框数据查询
+	import { listFormData, delFormData, batchDelFormData } from '../../../../api/mdp/form/formData';
+	import { listFormField} from '../../../../api/mdp/form/formField';
+	import  FormData from './FormData';//新增界面
+	import { mapGetters } from 'vuex'
+
+	import { listFormQx } from '@/api/mdp/form/formQx';
+	export default { 
+		props: ['isFlowStart','formId','procInstId','formDataIds','submitEvent','qxCode'],
+		watch: {
+		      
+		      'formId':function(formId) { 
+				  if(!formId||formId==''||formId==null){
+					  return;
+				  }
+		    	  this.getFormFields();
+					this.formQx=null;
+					/**工作流中不需要权限
+					listFormQx({formId:formId}).then(res=>{ 
+							if(res.data.tips.isOk){
+								if(res.data.data.length>0){
+									let formQxTemp=res.data.data[0]
+									this.formQx=this.formQxStringTransferArray(formQxTemp)
+
+								}  
+							} 
+						})
+						 */
+		      },
+		      'procInstId':function(procInstId) {  
+				  if(procInstId==null||procInstId==""){
+					  return;
+				  }
+		    	  this.getFormDatas()
+		      },
+		      'formDataIds':function(formDataIds) {  
+				  if(formDataIds==null ||formDataIds.length==0){
+					  return;
+				  }
+		    	  this.getFormDatas()
+			  },
+			  'qxCode':function(qxCode){
+				  this.qxCodeArr=qxutil.flow.parseQxCode(this.qxCode)
+				  this.formFields=qxutil.flow.parseFormFieldsQx(this.qxCodeArr,this.formFields);
+			  },
+			  'submitEvent':function(submitEvent) {  
+			  }
+				  
+		    },	
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ]),
+		},
+		data() {
+			return {
+				filters: {
+					key: '', 
+				},   
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				}, 
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据 
+				options2:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增formData界面是否显示
+				//新增formData界面初始化数据
+				addForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑formData界面初始化数据
+				editForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				}, 
+				formFields:[], 
+				qxCodeArr:[],
+				formQx: null,
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+		 
+			//如果是嵌入工作流i时调用此函数
+			getFormDatas() {
+				let params = { 
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total 
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				} 
+					 
+					if(this.procInstId && this.procInstId!='' && this.procInstId!=null){//工作流中直接发起
+						params.procInstId=this.procInstId
+						params.flowState='1';
+					}else if( this.formDataIds && this.formDataIds.length>0){//从智能表单跳转过来的审批流，指定了智能表单数据
+							params.ids=this.formDataIds
+					}else {
+						return;
+					}
+				 
+				this.listLoading = true;
+				listFormData(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						 
+						this.editForm=res.data.data[0]
+						
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					
+				});
+			},
+     
+			//获取列表 FormField 表单字段定义
+			getFormFields() {
+				if(  !this.formId  ){
+					return;
+				}
+				let params = {
+					formId:this.formId
+				};
+				this.formFields=[]
+				this.listLoading=true;
+				listFormField(params).then((res) => {
+					var tips=res.data.tips;
+					this.listLoading=false;
+					if(tips.isOk){ 
+						var formFields = res.data.data;
+						this.formFields=qxutil.flow.parseFormFieldsQx(this.qxCodeArr,formFields);
+						this.getOptions2();
+						this.$emit('formFieldsLoad',this.formFields);
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+				}).catch(() => {
+					 this.listLoading=false;
+				});
+			},	 
+			afterAddSubmit:function(formData){
+				this.$emit("submit",[formData]);
+			},
+			
+			afterEditSubmit:function(formData){
+				this.$emit("submit",[formData]);
+			}
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+			'form-data':FormData,
+		    //在下面添加其它组件
+		},
+		mounted() {
+			//this.getFormDatas();
+			console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx")
+			console.log(this.formId+"----formDataIds---"+JSON.stringify( this.formDataIds)) 
+			this.qxCodeArr=qxutil.flow.parseQxCode(this.qxCode);
+			this.getFormFields();
+			this.getFormDatas();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formData/FormDataMngForFlowTable.vue b/src/views/mdp/form/formData/FormDataMngForFlowTable.vue
new file mode 100644
index 0000000..bd9489d
--- /dev/null
+++ b/src/views/mdp/form/formData/FormDataMngForFlowTable.vue
@@ -0,0 +1,883 @@
+<template>
+	<section>
+		
+		<el-row>
+			 
+			<el-col :span="24" v-if="formShowType=='table'"> 
+				<sticky  :className="'sub-navbar draft'">  
+						<el-radio v-model="filters.flowState" label="1">已加入审核单</el-radio>
+  						<el-radio v-model="filters.flowState" label="0">未加入审核单</el-radio>
+						<el-input   v-model="filters.key"  placeholder="模糊查询" style="width:15%;"></el-input> 
+						<el-select   v-model="filters.userid"   style="width:20%;" clearable filterable placeholder="请选择用户">
+					    <el-option
+					      v-for="item in myCompanyEmployees"
+					      :key="item.userid"
+					      :label="item.username"
+					      :value="item.userid">
+					      <span style="float: left">{{ item.username }}</span>
+		   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+					    </el-option>
+					  </el-select>
+					 <el-select      style="width:20%;"   v-model="filters.deptid"  clearable filterable placeholder="请选择">
+					    <el-option
+					      v-for="item in myCompanyDepts"
+					      :key="item.deptid"
+					      :label="item.deptName"
+					      :value="item.deptid">
+					    </el-option>
+					  </el-select>
+					  	
+					  	<el-button     v-on:click="searchFormDatas" icon="el-icon-search" circle></el-button> 
+					   <el-button v-if="filters.flowState!='1'" type="primary"    @click="showAdd">新增数据</el-button>
+						<el-button v-if=" filters.flowState!='1'" type="danger"     @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>  
+				</sticky> 
+				<el-row class="app-container">
+					<el-table v-if="filters.flowState=='0'" :data="formDatas"  @sort-change="sortChange" height="240" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+					<el-table-column type="selection" width="55" v-if="showBtn"></el-table-column>
+					<el-table-column type="index" width="60"></el-table-column> 
+					<el-table-column prop="deptid" label="创建部门"  min-width="80" show-overflow-tooltip :formatter="formatterDept"></el-table-column>
+					<el-table-column prop="userid" label="创建人"  min-width="80" show-overflow-tooltip :formatter="formatterUserid"></el-table-column>
+					<el-table-column prop="lastTime" label="更新时间"  min-width="80" show-overflow-tooltip></el-table-column> 
+					<el-table-column v-for="item in formFields " :prop="item.fieldId" :label="item.fieldTitle" min-width="80" show-overflow-tooltip :key="item.fieldId" :formatter="formatterFormFields"></el-table-column> 
+
+					<el-table-column label="操作" min-width="250"  fixed="right" v-if="showBtn" show-overflow-tooltip>
+						<template scope="scope"> 
+						<el-tooltip content="当提交工作流时才会真正保存到后台审核单" placement="bottom" effect="light">
+						   <el-button    @click="joinToProc( scope.row,scope.$index)">加入审核单 </el-button>
+						</el-tooltip> 
+							<el-button  v-if="showBtn" @click="showEdit( scope.row,scope.$index)">改</el-button>
+							<el-button type="danger"  v-if="showBtn" @click="handleDel(scope.row,scope.$index)">删</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+								<el-pagination  v-if="filters.flowState=='0'"   layout="total, sizes, prev, pager, next"  :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+						</el-pagination>
+				<!--列表 FormData 表单数据表-->
+				<el-table v-if=" filters.flowState=='1'" :data="procFormDatas"    height="240" highlight-current-row v-loading="listLoading" border   style="width: 100%;">
+					<el-table-column type="selection" width="55" v-if="false"></el-table-column>
+					<el-table-column type="index" width="60"></el-table-column> 
+					<el-table-column prop="deptid" label="创建部门"  min-width="80" show-overflow-tooltip :formatter="formatterDept"></el-table-column>
+					<el-table-column prop="userid" label="创建人"  min-width="80" show-overflow-tooltip :formatter="formatterUserid"></el-table-column>
+					<el-table-column prop="lastTime" label="更新时间"  min-width="80" show-overflow-tooltip></el-table-column> 
+					<el-table-column v-for="item in formFields " :prop="item.fieldId" :label="item.fieldTitle" :key="item.fieldId" min-width="80" show-overflow-tooltip :formatter="formatterFormFields"></el-table-column> 
+
+					<el-table-column label="操作" min-width="200"  fixed="right" v-if="showBtn">
+						<template scope="scope">
+							<el-button  v-if="showBtn" @click="showEdit( scope.row,scope.$index)">改</el-button>
+							<el-tooltip content="当提交工作流时才会真正从数据库移除" placement="bottom" effect="light">
+						   		<el-button type="danger"  v-if="showBtn" @click="removeFromProc(scope.row,scope.$index)">移出审核单</el-button>
+							</el-tooltip> 
+							
+						</template>
+					</el-table-column>
+				</el-table>
+				<el-pagination  v-if="filters.flowState=='1'"   layout="total, sizes, prev, pager, next"  :page-sizes="[10,20, 50, 100, 500]" :current-page="procPageInfo.pageNum" :page-size="procPageInfo.pageSize"  :total="procPageInfo.total" style="float:right;">
+						</el-pagination>
+				</el-row>
+				<!--编辑 FormData 表单数据表界面-->
+				<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false" append-to-body>
+					<form-data-edit :form-data="editForm" :form-def="formDefSelected" :form-fields="formFields" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></form-data-edit>
+				</el-dialog>
+		
+				<!--新增 FormData 表单数据表界面-->
+				<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false" append-to-body>
+					<form-data-add :form-data="addForm" :form-def="formDefSelected" :form-fields="formFields"  :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></form-data-add>
+				</el-dialog> 
+			</el-col>
+			<el-col :span="24" v-if="formShowType!='table'" v-loading="listLoading" > 
+				<form-data v-if="isFlowStart" :form-data="addForm" :form-def="formDefSelected" :form-fields="formFields" :submitEvent="submitEvent"  :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit" ref="formData"><div></div></form-data>
+				<form-data v-else :form-data="editForm" :form-def="formDefSelected" :form-fields="formFields"  :submitEvent="submitEvent"  :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterEditSubmit" ref="formData"><div></div></form-data>
+			</el-col>
+			
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	
+	import qxutil from '@/common/js/qxutil';//全局公共库
+	import { listOption,listOptionByItemIds } from '@/api/itemOption';//下拉框数据查询
+	import { listFormData, delFormData, batchDelFormData } from '../../../../api/mdp/form/formData';
+	import { listFormField} from '../../../../api/mdp/form/formField';
+	import  FormData from './FormData';//新增界面
+	import  FormDataAdd from './FormDataAdd';//新增界面
+	import  FormDataEdit from './FormDataEdit';//修改界面
+	import  FormDefList from '../formDef/FormDefList';//表单定义查询列表
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { listUser } from '@/api/mdp/sys/user';//下拉框数据查询
+	import { listDept } from '@/api/mdp/sys/dept';//下拉框数据查询
+	import { mapGetters } from 'vuex'
+
+	import { listFormQx } from '@/api/mdp/form/formQx';
+	export default { 
+		props: ['isFlowStart','formId','procInstId','formDataIds','submitEvent','formShowType','qxCode'],
+		watch: {
+		      
+		      'formId':function(formId) { 
+				  if(!formId||formId==''||formId==null){
+					  return;
+				  }
+		    	  this.formDefSelected={id:formId};
+		    	  this.getFormFields();
+					this.formQx=null;
+					/**工作流中不需要权限
+					listFormQx({formId:formId}).then(res=>{ 
+							if(res.data.tips.isOk){
+								if(res.data.data.length>0){
+									let formQxTemp=res.data.data[0]
+									this.formQx=this.formQxStringTransferArray(formQxTemp)
+
+								}  
+							} 
+						})
+						 */
+		    	  this.formDatas=[]
+		    	  this.delProcFormDatas=[]
+		    	  this.procFormDatas=[]
+		      },
+		      'procInstId':function(procInstId) {  
+				  if(procInstId==null||procInstId==""){
+					  return;
+				  }
+		    	  this.filters.flowState="1"
+		    	  this.formDatas=[]
+		    	  this.delProcFormDatas=[]
+		    	  this.procFormDatas=[]
+		    	  this.getProcFormDatas()
+		      },
+		      'formDataIds':function(formDataIds) {  
+				  if(formDataIds==null ||formDataIds.length==0){
+					  return;
+				  }
+		    	  this.filters.flowState="1"
+		    	  this.formDatas=[]
+		    	  this.delProcFormDatas=[]
+		    	  this.procFormDatas=[]
+		    	  this.getFormDatas()
+			  },
+			  'qxCode':function(qxCode){
+				  this.qxCodeArr=qxutil.flow.parseQxCode(this.qxCode)
+				  this.formFields=qxutil.flow.parseFormFieldsQx(this.qxCodeArr,this.formFields);
+			  },
+			  'submitEvent':function(submitEvent) {  
+				   let formDatas=this.procFormDatas;
+				   let that=this;
+				  if(!this.procInstId && this.isFlowStart==true && (this.procFormDatas==null||this.procFormDatas.length==0)){
+					  that.$refs.formData.$refs.editForm.validate((valid)=>{
+						  if(valid){
+							  var formData=that.$refs.formData.editSubmit()
+							  that.$message({ message: "检查通过3", type: 'success' }); 
+							  
+							  console.log("formData------------------"+JSON.stringify(formData));
+							  if(formData!=false && formData!=null){ 
+								formDatas=[];
+								formDatas.push(formData);
+								that.$emit("submit",formDatas)
+							  }
+							return;
+						  }else{
+							   that.$message({ message: '请补充智能表单数据', type: 'info' });
+							  return;
+						  }
+					  });
+					return;
+				  }else if(this.formShowType!='table'){
+						 that.$refs.formData.$refs.editForm.validate((valid)=>{
+						  if(valid){
+							formDatas=[that.$refs.formData.editForm];
+							that.$emit("submit",formDatas)
+							return;
+						  }else{
+							   this.$message({ message: '请补充智能表单数据', type: 'info' });
+							  return;
+						  }
+					  });
+					return; 
+				}else{
+				   if(formDatas.length<=0){ 
+					   this.$message({ message: '请先选择要加入审批流的智能表单数据', type: 'info' });
+				   }else{ 
+						   formDatas.forEach(i=>{ 
+								   i.flowAction="join" 
+						   })
+						   this.delProcFormDatas.forEach(i=>{
+							   if(!this.procFormDatas.some(item=>item.id==i.id)){
+								   i.flowAction="remove"
+									   formDatas.push(i)
+							   }
+						   })
+					   this.$emit("submit",formDatas)
+				   }
+
+				  }
+				 
+	      	   },
+		    },	
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ]),
+		   	showBtn: function(){
+		   		
+		   		return true;
+		   	}
+		},
+		data() {
+			return {
+				filters: {
+					key: '',
+					userid:'',
+					deptid:'', 
+					flowState:'0',//审核状态 0 未审核 1审核中 2 审核结束
+				}, 
+				formDatas: [],//未加入审核单的查询结果
+				procFormDatas: [],//审核中数据
+				delProcFormDatas:[],//编辑界面移除的审核单数据
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				procPageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				procSels:[],//
+				options2:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增formData界面是否显示
+				//新增formData界面初始化数据
+				addForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑formData界面初始化数据
+				editForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				formDefSelected:null,
+				formFields:[],
+				myCompanyEmployees:[],
+				myCompanyDepts:[], 
+				qxCodeArr:[],
+				formQx: null,
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormDatas();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getFormDatas();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getFormDatas();
+			},
+			searchFormDatas(){
+				if( this.filters.flowState=='1'){
+					this.procPageInfo.pageNum=1;
+					this.procPageInfo.total=0;
+					 this.getProcFormDatas();
+				}else{
+					 this.pageInfo.pageNum=1;
+					 this.pageInfo.total=0;
+					 this.getFormDatas();
+				}
+				
+			},
+
+			//如果是嵌入工作流i时调用此函数
+			getProcFormDatas() {
+				let params = { 
+					pageSize: this.procPageInfo.pageSize,
+					pageNum: this.procPageInfo.pageNum,
+					total: this.procPageInfo.total 
+				};
+				if(this.procPageInfo.orderFields!=null && this.procPageInfo.orderFields.length>0){
+					params.orderFields=this.procPageInfo.orderFields;
+					params.orderDirs=this.procPageInfo.orderDirs;
+				} 
+					
+					console.log(this.formDefSelected)
+					if(this.procInstId && this.procInstId!='' && this.procInstId!=null){//工作流中直接发起
+						params.procInstId=this.procInstId
+						params.flowState='1';
+					}else if( this.formDataIds && this.formDataIds.length>0){//从智能表单跳转过来的审批流，指定了智能表单数据
+							params.ids=this.formDataIds
+					}else {
+						return;
+					}
+				 
+				this.listLoading = true;
+				listFormData(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.procPageInfo.total = res.data.total; 
+						if(this.procInstId && this.procInstId!='' && this.procInstId!=null){//工作流中直接发起
+							this.procFormDatas=res.data.data.filter(i=>!this.delProcFormDatas.some(item=>i.id==item.id))
+						}else if( this.formDataIds && this.formDataIds.length>0){//从智能表单跳转过来的审批流，指定了智能表单数据
+							let tem=res.data.data.filter(i=>this.formDataIds.some(item=>i.id==item))
+							this.procFormDatas=tem.filter(i=>!this.delProcFormDatas.some(item=>i.id==item.id))
+						}
+						this.editForm=this.procFormDatas[0];
+						
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					
+				});
+			},
+
+			formQxStringTransferArray: function(formQx){
+				if(!formQx){
+					return;
+				}
+				if(formQx.allowQueryRoleids!='' && formQx.allowQueryRoleids!=null){
+					formQx.allowQueryRoleids=formQx.allowQueryRoleids.split(',')
+				}else{
+					formQx.allowQueryRoleids=[]
+				} 
+				if(formQx.allowQueryUserids!='' && formQx.allowQueryUserids!=null){
+					formQx.allowQueryUserids=formQx.allowQueryUserids.split(',')
+				}else{
+					formQx.allowQueryUserids=[]
+				}
+				if(formQx.allowQueryDeptids!='' && formQx.allowQueryDeptids!=null){
+					formQx.allowQueryDeptids=formQx.allowQueryDeptids.split(',')
+				}else{
+					formQx.allowQueryDeptids=[]
+				}
+				if(formQx.notQueryRoleids!='' && formQx.notQueryRoleids!=null){
+					formQx.notQueryRoleids=formQx.notQueryRoleids.split(',')
+				}else{
+					formQx.notQueryRoleids=[]
+				}
+				if(formQx.notQueryDeptids!='' && formQx.notQueryDeptids!=null){
+					formQx.notQueryDeptids=formQx.notQueryDeptids.split(',')
+				}else{
+					formQx.notQueryDeptids=[]
+				}
+
+				if(formQx.notQueryUserids!='' && formQx.notQueryUserids!=null){
+					formQx.notQueryUserids=formQx.notQueryUserids.split(',')
+				}else{
+					formQx.notQueryUserids=[]
+				} 
+				return formQx
+			},
+			checkFormEditQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false, msg:'无权限修改'}
+				if(formQx==null){
+					return {isOk: true, msg:'权限检查通过'}
+				} 
+				if(formQx.allowOtherEdit!='1'){
+					if(queryUserid!=myUserid){ 
+						return {isOk: false, msg:'你当前的用户无权修改其它用户的数据'}
+					}else{
+						return {isOk: true, msg:'权限检查通过'}
+					}
+				}
+				tips=this.checkFormQueryQx(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid)
+				return tips;
+			},
+			checkFormDelQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false, msg:'无权限删除'}
+				if(formQx==null){
+					return {isOk: true, msg:'权限检查通过'}
+				} 
+				if(formQx.allowOtherDel!='1'){
+					if(queryUserid!=myUserid){ 
+						return {isOk: false, msg:'你当前的用户无权删除其它用户的数据'}
+					}else{
+						return {isOk: true, msg:'权限检查通过'}
+					}
+				}
+				tips=this.checkFormQueryQx(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid)
+				return tips;
+			},
+			checkFormQueryQx: function(formQx,queryUserid,queryDeptid,myUserid,myDeptid,myRoleid){
+				let tips={isOk: false,msg:'无权操作'}
+				if(formQx==null){
+					return {isOk: true,msg:'权限检查通过'}
+				}
+
+				if(formQx.notQueryUserids){ 
+					if(formQx.notQueryUserids.some(i=>i==myUserid)){ 
+						return {isOk: false,msg:'你当前的用户无权查询该表单数据'}
+					}
+				}
+				if(formQx.notQueryDeptids){ 
+					if(formQx.notQueryDeptids.some(i=>i==myDeptid)){ 
+						return {isOk: false,msg:'你当前部门无权查询该表单数据'}
+					}
+				}
+				if(formQx.notQueryRoleids){ 
+					if(formQx.notQueryRoleids.some(i=>i==myRoleid)){ 
+						return {isOk: false,msg:'你当前角色无权查询该表单数据'}
+					}
+				}
+				if(queryUserid==myUserid){
+					return {isOk: true,msg:'权限检查通过'};
+				}
+				if(formQx.allowOtherQuery!='1'){
+					if(myUserid!=queryUserid){ 
+						return {isOk: false,msg:'当前表单不允许查询本人以外的数据'}
+					} 
+				}
+				
+				if(formQx.allowOtherQuery=='1'){ 
+					if(formQx.allowQueryRoleids.length==0 && formQx.allowQueryUserids.length==0 && formQx.allowQueryDeptids.length==0){
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryRoleids.some(i=>i==myRoleid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryUserids.some(i=>i==myUserid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+					if(formQx.allowQueryDeptids.some(i=>i==myDeptid)){ 
+						return {isOk: true,msg:'权限检查通过'};
+					}
+ 					 
+				}
+				return {isOk: false,msg:'无权操作'};
+			},
+			//不嵌入工作流时 调用该查询 获取列表 FormData 表单数据表
+			getFormDatas() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				} 
+					console.log(this.formDefSelected) 
+						if(this.formDefSelected!=null){
+							params.formId=this.formDefSelected.id;
+						}else{
+							this.$message({ message: '没有关联智能表单，无法查询表单数据', type: 'info' });
+							return;
+						}   
+				if(this.formDataIds){
+					params.ids=this.formDataIds
+				}
+
+				if((this.formDataIds==null||this.formDataIds.length==0) && !this.procInstId ){
+					return;
+				}
+				let tips=this.checkFormQueryQx(this.formQx,params.userid,params.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				//params.flowState="0" 
+				this.listLoading = true;
+				listFormData(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						 
+						let temp = res.data.data.filter(item=>!this.procFormDatas.some(i=>i.id==item.id)); 
+						 let delTemp=this.delProcFormDatas.filter(i=>temp.some(item=>item.id==i.id))
+						 delTemp.forEach(i=>temp.push(i))
+						 
+						 this.formDatas=temp;
+						 if(this.formShowType!='table'){
+							 if(this.isFlowStart){
+								  this.addForm=this.formDatas[0]
+							 }else{
+								  this.editForm=this.formDatas[0]
+							 }
+							 
+						 }
+						
+						
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					
+				});
+			},
+
+			//显示编辑界面 FormData 表单数据表
+			showEdit: function ( row,index ) {
+				let tips=this.checkFormEditQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				this.editFormVisible = true;
+				this.editForm =row;
+			},
+			//显示新增界面 FormData 表单数据表
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			startProc: function() { 
+				if(this.sels.length<1){
+					this.$message({ message: "请至少选择一条数据发审", type: 'error' });
+					return;
+				}
+				let extVars={ids:this.sels.map(i=>i.id),formId:this.formDefSelected.id}
+				let jsonExtVars=JSON.stringify(extVars); 
+				let params={ 
+						mainContext:'',
+						mainTitle:'',
+						bizUrl:process.env.BASE_API+config.getFormBasePath()+'/#/mdp/form/formData/FormDataMng?extVars='+jsonExtVars,
+						extVars:extVars
+				}
+				let jsonParams=JSON.stringify(params);
+				jsonParams=encodeURIComponent(jsonParams);
+				window.open(process.env.BASE_API+config.getWorkflowBasePath()+'/#/mdp/workflow/re/procdef/ProcdefListForStart?params='+jsonParams)
+			},
+			joinToProc: function(row,index){
+				let tips=this.checkFormEditQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				 if(this.procFormDatas.some(i=>i.id==row.id)){
+					 this.$message({ message: '该数据已在审核单中', type: 'info'});
+				 }else{
+					 this.$nextTick(() => {
+						 this.formDatas.splice(index, 1); 
+						 this.delProcFormDatas=this.delProcFormDatas.filter(i=>i.id!=row.id)
+						 this.procFormDatas.push(row)
+						 this.$message({ message: '添加成功', type: 'info'});
+		        		});
+					
+				 }
+			},
+			removeFromProc: function(row,index){
+				let tips=this.checkFormEditQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				 if(this.procFormDatas.some(i=>i.id==row.id)){
+					 this.$nextTick(() => {
+						 this.procFormDatas.splice(index, 1); 
+						 if(!this.delProcFormDatas.some(i=>i.id==row.id)){
+							 this.delProcFormDatas.push(row)
+						 } 
+						 this.formDatas.push(row);
+						 this.$message({ message: '移除成功', type: 'info'});
+		        		});
+					 
+				 }else{
+					 this.$message({ message: '没有该条数据', type: 'error'});
+				 }
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getFormDatas();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行formData
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//选择行formData
+			procSelsChange: function (sels) {
+				this.procSels = sels;
+			}, 
+			//删除formData
+			handleDel: function (row,index) {
+				let tips=this.checkFormDelQx(this.formQx,row.userid,row.deptid,this.userInfo.userid,this.userInfo.deptid,this.userInfo.roleid)
+				if(tips.isOk==false){
+					this.$message({ message: tips.msg, type: 'error' });
+					return;
+				}
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { id: row.id };
+					delFormData(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getFormDatas();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			//批量删除formData
+			batchDel: function () {
+				var ids = this.sels.map(item => item.id);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelFormData(ids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getFormDatas(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			formDefRowClick: function(row, event, column){ 
+				this.formDefSelected=row;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormFields();
+				
+				this.formQx=null;
+				if(this.filters.flowState=='1'){ 
+						this.getProcFormDatas()  
+				} 
+				/**
+				listFormQx({formId:row.id}).then(res=>{
+
+						if(res.data.tips.isOk){
+							if(res.data.data.length>0){
+								let formQxTemp=res.data.data[0]
+								this.formQx=this.formQxStringTransferArray(formQxTemp)
+
+							} 
+							if(this.filters.flowState!='1'){
+								this.$nextTick(() => { 
+									this.getFormDatas();   
+				        		});
+							}
+						} 
+					})
+					 */
+				
+			},
+			//获取列表 FormField 表单字段定义
+			getFormFields() {
+				if(  this.formDefSelected==null  ){
+					return;
+				}
+				let params = {
+					formId:this.formDefSelected.id
+				};
+				this.formFields=[]
+				this.listLoading=true;
+				listFormField(params).then((res) => {
+					var tips=res.data.tips;
+					this.listLoading=false;
+					if(tips.isOk){ 
+						var formFields = res.data.data;
+						this.formFields=qxutil.flow.parseFormFieldsQx(this.qxCodeArr,formFields);
+						this.getOptions2();
+						this.$emit('formFieldsLoad',this.formFields);
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+				}).catch(() => {
+					 this.listLoading=false;
+				});
+			},	
+			formatterDept(row, column, cellValue){ 
+				var newValue=cellValue;
+				this.myCompanyDepts.forEach(dept=>{
+					if(dept.deptid==cellValue){
+						 newValue= dept.deptName
+						 return;
+					}
+				});
+				return newValue;
+			},
+			formatterUserid(row, column, cellValue){  
+				var newValue=cellValue;
+				this.myCompanyEmployees.forEach(item=>{
+					if(item.userid==cellValue){
+						  newValue=item.username
+					}
+				});
+				return newValue;
+			},
+			formatterFormFields(row, column, cellValue){
+				console.log(column)
+				if(cellValue=='' || cellValue==null){
+					return "";
+				}
+				let myFields=this.formFields.filter(item=>{
+					if(column.property==item.fieldIdCamel){
+						 return true;
+					}else{
+						return false;
+					} 
+				});
+				if(myFields && myFields.length>0){
+					let field=myFields[0]
+					if(field.isFromBaseData=='1' && field.secondCodeRow!=''){
+						let options=this.options2[field.secondCodeRow]
+						if(options && options.length>0){
+							let optionsTemp=options.filter(o=>{
+								if((cellValue+",").indexOf(o.optionValue+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(optionsTemp && optionsTemp.length>0){
+								return optionsTemp.map(i=>i.optionName).join(",")
+							}else{
+								return cellValue
+							}
+						}else{
+							return cellValue
+						}
+					}else{
+						//部门
+						if(field.extFieldType=='dept'){
+							let depts=this.myCompanyDepts.filter(i=>{
+								if((cellValue+",").indexOf(i.deptid+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(depts.length>0){
+								return depts.map(i=>i.deptName).join(",")
+							}else{
+								return cellValue
+							}
+						}
+						//用户
+						if(field.extFieldType=='user'){
+							let users=this.myCompanyEmployees.filter(i=>{
+								if((cellValue+",").indexOf(i.userid+",")>=0){
+									return true;
+								}else{
+									return false;
+								}
+							})
+							if(users.length>0){
+								return users.map(i=>i.username).join(",")
+							}else{
+								return cellValue
+							}
+						}
+						return cellValue
+					}
+				}else{
+					return cellValue
+				}
+				
+			},
+			getOptions2( ){
+				this.dataListVisible=false;
+				let secondCodeRows=[];
+				let hasUserField=false;
+				this.formFields.forEach(item=>{
+					if(item.isFromBaseData=='1' && item.secondCodeRow!=''){
+						secondCodeRows.push(item.secondCodeRow);
+					}
+					if(item.extFieldType=='user'){
+						hasUserField=true;
+					}
+				});
+				if(secondCodeRows.length>0){
+					listOptionByItemIds(secondCodeRows).then(res=>{
+						console.log(res.data);
+						this.options2=res.data.data;
+					});
+				}  
+				if(hasUserField){
+					if(this.myCompanyEmployees.length<=0){
+						listUser({branchId:this.userInfo.branchId}).then(res=>{
+							this.myCompanyEmployees=res.data.data;
+							console.log(res.data.data);
+						});
+					}
+				}
+					
+			},		
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+			'form-data-add':FormDataAdd,
+			'form-data':FormData,
+		    'form-data-edit':FormDataEdit,
+		    'form-def-list':FormDefList,
+		    'sticky': Sticky,
+		    //在下面添加其它组件
+		},
+		mounted() {
+			//this.getFormDatas();
+			console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx")
+			console.log(this.formId+"----formDataIds---"+JSON.stringify( this.formDataIds)) 
+			this.qxCodeArr=qxutil.flow.parseQxCode(this.qxCode);
+			if((this.formDataIds && this.formDataIds.length>0) || (this.procInstId && this.procInstId!='' && this.procInstId!=null)){//如果是通过工作流bizUrl跳转回来，则进此
+				console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx extVars")
+				this.filters.flowState="1"  
+				this.formDefRowClick({id:this.formId})
+			}else {
+				this.filters.flowState="0" 
+				this.formDefRowClick({id:this.formId}) 
+			}  
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formData/FormDataSet.vue b/src/views/mdp/form/formData/FormDataSet.vue
new file mode 100644
index 0000000..f441af8
--- /dev/null
+++ b/src/views/mdp/form/formData/FormDataSet.vue
@@ -0,0 +1,159 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->
+			 
+			<!--新增界面 FormData 表单数据表--> 
+			<el-form :model="addForm"  :label-width="labelWidth" :rules="addFormRules" ref="addForm">
+				<form-data :formData.sync="addForm" :formFields="formFields" :submitEvent="submitEvent" @submit="submitHandle"><div></div></form-data>
+				<slot>
+				<el-form-item>
+					 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						 
+							<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>  
+						 
+				</el-form-item> 
+				</slot>
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { addFormData,listFormData } from '@/api/mdp/form/formData';
+	import { listFormField } from '@/api/mdp/form/formField';
+	import FormData from './FormData';
+	export default {
+		props:['visible','formId','formDataId','submitEvent'],//formData双向绑定
+		watch: {
+	      'formId':function(formId) { 
+	    	  if(formId==''||formId==null){
+	    		  this.formFields=[]
+	    	  }else{
+	    		  this.getFormFields();
+	    	  }
+	      	
+	      },
+	      'formDataId':function(formDataId) { 
+	    	  if(formDataId==''||formDataId==null){
+	    		  this.addForm={}
+	    	  }else{
+	    		  this.getFormDatas();
+	    	  }
+	      	
+	      },
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+
+				addLoading: false,
+				addFormRules: {
+					id: [
+						//{ required: true, message: '主键', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 表单数据表
+				addForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',attachmentUrls:'',attachmentNames:''
+				},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				formFields:[],
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			
+			 labelWidth:function(){
+				if (screen.width <=375){
+					return "50px"
+				}else  if (screen.width <= 500){
+						return "75px"
+				}else if (screen.width<=1024){
+						return "100px"
+				}else {
+						return "100px"
+				}
+			} ,	
+			//新增提交FormData 表单数据表 父组件监听@submit="afterAddSubmit"
+			submitHandle: function (formData) {
+ 				this.$emit('submit',formData);//  @submit="afterAddSubmit" 
+			},
+			//获取列表 FormField 表单字段定义
+			getFormFields() {
+				this.formFields=[];
+				if(this.formId==''||this.formId==null){
+					return;
+				}
+				let params = {
+					formId:this.formId
+				};
+				this.addLoading=true;
+				listFormField(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+                        this.formFields = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					}
+					this.addLoading=false;
+				}).catch(() => {
+					this.addLoading=false;
+					 
+				});
+			},
+			//获取列表 FormData 表单数据表
+			getFormDatas() {
+				if(!this.formDataId){
+					return;
+				}
+				let params = { 
+					id:this.formDataId
+				}; 
+				listFormData(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){  
+						this.addForm = res.data.data[0];
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					}  
+				}).catch(() => { 
+					 
+				});
+			},
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-data-edit':FormDataEdit
+		    'form-data':FormData
+		},
+		mounted() {
+			
+			this.$nextTick(() => {
+				this.getFormFields();
+				 this.getFormDatas();
+        	});
+			
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formDef/FormDefAdd.vue b/src/views/mdp/form/formDef/FormDefAdd.vue
new file mode 100644
index 0000000..cc25e32
--- /dev/null
+++ b/src/views/mdp/form/formDef/FormDefAdd.vue
@@ -0,0 +1,141 @@
+<template>
+	<section>
+		<el-row class="app-container"> 
+		<!--新增界面 FormDef 表单定义-->  
+			<form-field ref="fields" :form-def.sync="addForm" :fields.sync="fields"></form-field>
+			<el-form  :model="addForm"  label-width="120px" :rules="addFormRules" ref="addForm">
+		
+	
+			<el-col :span="24" :offset="1"> 
+					<el-col :span="4"><category-tree ref="categoryTree"  :expandOnClickNode="false" :defaultExpandAll="false" show-checkbox  :current-key="addForm.categoryId"  v-on:check-change="handleCategoryCheckChange" ></category-tree>
+					</el-col>
+					<el-col :span="20"> 
+						<el-button  @click.native="handleCancel">取消</el-button>  
+						<el-button  type="primary" @click.native="addFormDefAndFieldsSubmit" :loading="addLoading">提交</el-button>   
+					</el-col>
+			</el-col> 
+			</el-form> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	//import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addFormDef,addFormDefAndFields } from '../../../../api/mdp/form/formDef';
+	import draggable from 'vuedraggable'
+	import FormField from '../formField/FormField'
+	import MDinput from '@/components/MDinput'
+	import { mapGetters } from 'vuex'
+	import  CategoryTree from '@/views/mdp/arc/category/CategoryTree';//修改界面
+	export default { 
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ])
+		},
+		props:['formDef','visible'],
+		watch: {
+	      'formDef':function( formDef ) {
+			  if(this.formDef){
+				this.addForm=Object.assign(this.addForm, this.formDef);  
+			  }
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					formName: [
+						{ required: true, message: '表单名称能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 表单定义
+				addForm: {
+					id:'',tableName:'',tableOwner:'',isCreateTable:'',formName:'',userid:'',deptid:'',formType:'',isTemplate:'',bizType:'',ctime:'',branchId:''
+				},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				fields:[]//表单的所有属性
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			}, 
+			//新增提交FormDef 表单定义 父组件监听@submit="afterAddSubmit"
+			addFormDefAndFieldsSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						if(this.addForm.formName==''){
+							this.$message({ message: '表单名称不能为空', type: 'error' });
+							return;
+						}
+						if(this.addForm.categoryId==null || this.addForm.categoryId==''  ){
+							this.$message({ message: '归属分类不能为空', type: 'error' });
+							return;
+						}
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let formDef = Object.assign({}, this.addForm); 
+							formDef.deptid=this.userInfo.deptid
+							formDef.branchId=this.userInfo.branchId
+							this.$refs.fields.setPrimaryKeys();
+							var fields=this.$refs.fields.selectedFields;
+							fields.forEach((i,index)=>{i.seqNo=index});
+							var params={formDef:formDef,formFields:fields};
+							addFormDefAndFields(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			handleCategoryCheckChange(data, checked, indeterminate){ 
+				if(data.id=='C0'){//选择了根节点，默认不按分类查询
+				 
+					return;
+				}
+				this.addForm.categoryId=data.id
+			},
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-def-edit':FormDefEdit
+		    "draggable":draggable,
+		    "form-field":FormField,
+		     'md-input':MDinput,CategoryTree
+		    
+		},
+		mounted() {
+			if(this.formDef){
+				this.addForm=Object.assign(this.addForm, this.formDef); 
+			}
+			
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formDef/FormDefEdit.vue b/src/views/mdp/form/formDef/FormDefEdit.vue
new file mode 100644
index 0000000..fe921ae
--- /dev/null
+++ b/src/views/mdp/form/formDef/FormDefEdit.vue
@@ -0,0 +1,190 @@
+<template>
+	<section>
+		<el-row>
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		<!--新增界面 FormDef 表单定义--> 
+			<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm">
+			</el-form>
+			<form-field  ref="fields" :form-def.sync="editForm" :visible="visible" :fields.sync="fields"></form-field>
+			<el-col :span="24"   :offset="1"> 
+				<el-col :span="4"><category-tree ref="categoryTree"  :expandOnClickNode="false" :defaultExpandAll="false" show-checkbox  :current-key="editForm.categoryId"  v-on:check-change="handleCategoryCheckChange" ></category-tree>
+					</el-col>
+					<el-col :span="20"> 
+						<el-button  @click.native="handleCancel">取消</el-button>  
+						<el-button  type="primary" @click.native="editFormDefAndFieldsSubmit" :loading="addLoading">提交</el-button>   
+					</el-col>
+				 
+			</el-col> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { listOption,listOptionByItemIds } from '@/api/itemOption';//下拉框数据查询
+	import { editFormDef,editFormDefAndFields } from '../../../../api/mdp/form/formDef';
+	import draggable from 'vuedraggable'
+	import FormField from '../formField/FormField'
+	import { mapGetters } from 'vuex'
+	import  CategoryTree from '@/views/mdp/arc/category/CategoryTree';//修改界面
+	export default { 
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ])
+		},
+		props:['formDef','visible'],
+		watch: {
+	      'formDef':function( formDef ) {
+	        this.editForm = formDef;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				editFormRules: {
+					formName: [
+						{ required: true, message: '表单名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 表单定义
+				editForm: {
+					id:'',tableName:'',tableOwner:'',isCreateTable:'',formName:'',userid:'',deptid:'',formType:'',isTemplate:'',bizType:'',ctime:''
+				},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				fields:[]//表单的所有属性
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交FormDef 表单定义 父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						if(this.editForm.formName==''){
+							this.$message({ message: '表单名称不能为空', type: 'error' });
+							return;
+						}
+						
+						if(this.editForm.formName==''){
+							this.$message({ message: '表单名称不能为空', type: 'error' });
+							return;
+						}
+						if(this.editForm.categoryId==null || this.editForm.categoryId==''  ){
+							this.$message({ message: '归属分类不能为空', type: 'error' });
+							return;
+						}
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editFormDef(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增提交FormDef 表单定义 父组件监听@submit="afterEditSubmit"
+			editFormDefAndFieldsSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						if(this.editForm.formName==''){
+							this.$message({ message: '表单名称不能为空', type: 'error' });
+							return;
+						}
+						
+						if(this.editForm.formName==''){
+							this.$message({ message: '表单名称不能为空', type: 'error' });
+							return;
+						}
+						if(this.editForm.categoryId==null || this.editForm.categoryId==''  ){
+							this.$message({ message: '归属分类不能为空', type: 'error' });
+							return;
+						}
+						
+						if(this.fields.length==0  ){
+							this.$message({ message: '最少需要定义一个字段', type: 'error' });
+							return;
+						}
+						
+						if(this.fields.length>15){
+							this.$message({ message: '最多支持15个字段', type: 'error' });
+							return;
+						}
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let formDef = Object.assign({}, this.editForm); 
+							formDef.deptid=this.userInfo.deptid
+							formDef.branchId=this.userInfo.branchId
+							this.$refs.fields.setPrimaryKeys();
+							var fields=this.$refs.fields.selectedFields;
+							fields.forEach((i,index)=>{i.seqNo=index});
+							var params={formDef:formDef,formFields:fields};
+							editFormDefAndFields(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+			
+			handleCategoryCheckChange(data, checked, indeterminate){ 
+				if(data.id=='C0'){//选择了根节点，默认不按分类查询
+				 
+					return;
+				}
+				this.editForm.categoryId=data.id
+			},	
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-def-edit':FormDefEdit
+		    "draggable":draggable,
+		    "form-field":FormField,CategoryTree
+		    
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.formDef); 
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formDef/FormDefList.vue b/src/views/mdp/form/formDef/FormDefList.vue
new file mode 100644
index 0000000..df3242f
--- /dev/null
+++ b/src/views/mdp/form/formDef/FormDefList.vue
@@ -0,0 +1,245 @@
+<template>
+	<section>
+		<sticky  :className="'sub-navbar draft'">  
+		<!--工具条1--> 
+					<el-input v-model="filters.key"  placeholder="模糊查询" style="width:30%;"></el-input>  
+					<el-popover
+					  placement="top"
+					  width="400"
+					  trigger="manual"
+					  v-model="showMoreFilters">  
+					  	<el-select  v-model="filters.userid"   style="width:45%;" clearable filterable placeholder="请选择用户">
+					    <el-option
+					      v-for="item in companyEmployees"
+					      :key="item.userid"
+					      :label="item.username"
+					      :value="item.userid">
+					      <span style="float: left">{{ item.username }}</span>
+		   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+					    </el-option>
+					  </el-select>
+					 <el-select     style="width:45%;"   v-model="filters.deptid"  clearable filterable placeholder="请选择">
+					    <el-option
+					      v-for="item in companyDepts"
+					      :key="item.deptid"
+					      :label="item.deptName"
+					      :value="item.deptid">
+					    </el-option>
+					  </el-select>  
+					  <el-button slot="reference"   @click="showMoreFilters = !showMoreFilters" icon="el-icon-more" circle></el-button> 
+					</el-popover>
+					<el-button     v-on:click="searchFormDefs" icon="el-icon-search" circle></el-button>
+					  
+					
+		</sticky>
+		<el-row class="app-container">
+			
+			
+			<!--工具条2-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->		
+			
+			<!--列表 FormDef 表单定义-->
+			<el-table :data="formDefs"  @sort-change="sortChange" height="480" highlight-current-row v-loading="listLoading" border @row-click="rowClick" @selection-change="selsChange" style="width: 100%;">
+				<el-table-column type="index" width="60"></el-table-column>
+				<el-table-column prop="formName" label="表单名称" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="bizType" label="业务分类" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="userid" label="创建人" min-width="80" :formatter="formatterUserid" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="deptid" label="创建部门" min-width="80" :formatter="formatterDept" show-overflow-tooltip></el-table-column>
+			</el-table> 
+					<el-pagination  layout="total, prev, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库 
+	import { listFormDef } from '../../../../api/mdp/form/formDef';
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { mapGetters } from 'vuex' 
+	export default { 
+		props:['companyEmployees','companyDepts'],
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: '',
+					userid:'',
+					deptid:''
+				},
+				formDefs: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增formDef界面是否显示
+				//新增formDef界面初始化数据
+				addForm: {
+					id:'',tableName:'',tableOwner:'',isCreateTable:'',formName:'',userid:'',deptid:'',formType:'',isTemplate:'',bizType:'',ctime:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑formDef界面初始化数据
+				editForm: {
+					id:'',tableName:'',tableOwner:'',isCreateTable:'',formName:'',userid:'',deptid:'',formType:'',isTemplate:'',bizType:'',ctime:''
+				},
+				showMoreFilters:false
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormDefs();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getFormDefs();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getFormDefs();
+			},
+			searchFormDefs(){
+				 this.pageInfo.pageNum=1;
+				 this.pageInfo.total=0;
+				 this.getFormDefs();
+			},
+			//获取列表 FormDef 表单定义
+			getFormDefs() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					params.key='%'+this.filters.key+'%'
+				} 
+				if(this.filters.userid!=''){
+					params.userid=this.filters.userid
+				}
+				if(this.filters.deptid!=''){
+					params.deptid=this.filters.deptid
+				}
+				params.branchId=this.userInfo.branchId
+				this.listLoading = true;
+				listFormDef(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						this.formDefs = res.data.data;
+						console.log(this.pageInfo)
+						if(this.pageInfo.total>0){
+							this.rowClick(this.formDefs[0], null, null);
+						} 
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false; 
+				});
+			},
+
+			
+			//选择行formDef
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			/**begin 自定义函数请在下面加**/
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			}, 	
+			formatterDept(row, column, cellValue){ 
+				var newValue=cellValue;
+				this.companyDepts.forEach(dept=>{
+					if(dept.deptid==cellValue){
+						 newValue= dept.deptName
+						 return;
+					}
+				});
+				return newValue;
+			},
+			formatterUserid(row, column, cellValue){  
+				var newValue=cellValue;
+				this.companyEmployees.forEach(item=>{
+					if(item.userid==cellValue){
+						  newValue=item.username
+					}
+				});
+				return newValue;
+			},	
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'sticky': Sticky,
+		},
+		mounted() {
+			//this.filters.userid=this.userInfo.userid
+			//this.filters.deptid=this.userInfo.deptid
+			this.getFormDefs();
+			
+			//加载下拉列表 如有需要去年注释
+			/**
+			let optionsParams={code:'all',fieldNames:['sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formDef/FormDefMng.vue b/src/views/mdp/form/formDef/FormDefMng.vue
new file mode 100644
index 0000000..6bdaa51
--- /dev/null
+++ b/src/views/mdp/form/formDef/FormDefMng.vue
@@ -0,0 +1,477 @@
+<template>
+	<section>
+		<sticky  :className="'sub-navbar draft'">  
+					<el-input v-model="filters.key"  placeholder="模糊查询" style="width:20%;"></el-input>  
+					<el-button type="primary"   v-on:click="searchFormDefs">查询</el-button>
+					
+					<el-button   @click.native="showTagSelect(false)"  >标签查找</el-button>
+					<el-button   @click.native="showTagSelect(true)"  >打标签</el-button>
+					<el-button type="primary"   @click="showAdd" :disabled="filters.formId!=''">新增表单</el-button> 
+					<!--<el-button type="danger"    @click="batchDel" :disabled="this.sels.length===0||filters.formId!=''">批量删除</el-button> -->
+		</sticky>
+		
+		<el-row class="filters-show">
+			<font class="filters-label">已选条件:</font>  
+			<el-tag  v-if="filters.tags"
+				:key="tag.tagId"
+				v-for="tag in filters.tags"
+				:type="''"
+				closable
+				:disable-transitions="false"
+				@close="handleFiltersTagClose(tag,'tags')">
+				{{tag.tagName}}
+			</el-tag>
+			<el-tag v-if="filters.categoryTreeNodes"
+				:key="tag.id"
+				v-for="tag in filters.categoryTreeNodes"
+				:type="'info'"
+				closable
+				:disable-transitions="false"
+				@close="handleFiltersTagClose(tag,'categoryTreeNodes')">
+				{{tag.name}}
+			</el-tag>   
+			<el-tag v-if="filters.key"
+				:type="'success'"
+				closable
+				:disable-transitions="false" 
+				@close="handleFiltersTagClose('','key')">
+				 {{filters.key}}
+			</el-tag>   
+			
+			<el-tag v-if="filters.user"
+				:type="'success'"
+				closable
+				:disable-transitions="false" 
+				@close="handleFiltersTagClose('','user')">
+				 {{filters.user.username}}
+			</el-tag>    
+		</el-row>
+		<el-row  class="app-container"> 
+			<el-col :xs="4" :sm="4" :md="3" :lg="3" :xl="3" class="hidden-sm-and-down">
+				<category-tree  ref="categoryTree" multiple :expandOnClickNode="false" :defaultExpandAll="true" show-checkbox  :current-key="addForm.categoryId"  v-on:check-change="handleCategoryCheckChange" ></category-tree> 
+			</el-col>
+			<el-col   :xs="24" :sm="24" :md="21" :lg="21" :xl="21"> 
+			<!--列表 FormDef 表单定义-->
+				<el-table :data="formDefs"    highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+					<el-table-column sortable type="selection" width="40"></el-table-column>
+					<el-table-column sortable type="index" width="40"></el-table-column>
+					<el-table-column sortable prop="formName" label="表单名称" min-width="200" show-overflow-tooltip></el-table-column>
+					<el-table-column sortable prop="username" label="创建人" min-width="80"  show-overflow-tooltip></el-table-column>
+					<el-table-column sortable prop="deptName" label="创建部门" min-width="120"  show-overflow-tooltip></el-table-column>  
+					<el-table-column sortable prop="tagNames" label="标签" min-width="150" show-overflow-tooltip> 
+						<template scope="scope">
+							<el-tag v-for="tagName in (scope.row.tagNames?scope.row.tagNames.split(','):[])" :key="tagName">{{tagName}}</el-tag>
+						</template>
+					</el-table-column> 
+					<el-table-column sortable prop="ctime" label="创建日期" min-width="150" show-overflow-tooltip></el-table-column>
+					<el-table-column label="操作" min-width="300" show-overflow-tooltip fixed="right">
+						<template scope="scope"> 
+							<el-button type="primary"  @click="goToFormDataMngPage(scope.row,scope.$index)" >数据管理</el-button>
+							<el-button  @click="showEdit( scope.row,scope.$index)">配置</el-button>
+							<el-button  @click="showFormQx( scope.row,scope.$index)">权限</el-button>
+							<el-button type="danger"  @click="handleDel(scope.row,scope.$index)" >删</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+				
+				<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>
+			<!--编辑 FormDef 表单定义界面-->
+			<el-dialog title="配置" :visible.sync="editFormVisible"  width="80%"  :close-on-click-modal="false">
+				  <form-def-edit :form-def="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></form-def-edit>
+			</el-dialog>
+			
+			
+			<el-dialog append-to-body
+				title="标签条件"
+				:visible.sync="tagSelectVisible"
+				width="60%"> 
+				<tag-mng :tagIds="filters.tags?filters.tags.map(i=>i.tagId):[]"  :jump="true" @select-confirm="onTagSelected"></tag-mng> 
+			</el-dialog>
+			<!--新增 FormDef 表单定义界面-->
+			<el-dialog title="新增表单" :visible.sync="addFormVisible"  width="80%"  :close-on-click-modal="false">
+				<form-def-add :form-def="addForm" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></form-def-add>
+			</el-dialog> 
+			<!--表单权限设置-->
+			<el-dialog title="表单权限设置" :visible.sync="formQxSetVisible"  width="50%"  :close-on-click-modal="false">
+				<form-qx-set :form-def="editForm" :companyEmployees="companyEmployees" :visible="formQxSetVisible" @cancel="formQxSetVisible=false" ></form-qx-set>
+			</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { listFormDef, delFormDef, batchDelFormDef } from '@/api/mdp/form/formDef';
+	import  FormDefAdd from './FormDefAdd';//新增界面
+	import  FormDefEdit from './FormDefEdit';//修改界面
+	import { listUser } from '@/api/mdp/sys/user';//下拉框数据查询
+	import { listDept } from '@/api/mdp/sys/dept';//下拉框数据查询
+	import { batchInsertOrDeleteTags } from '@/api/mdp/form/formDefTag';
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import  FormQxSet from '../formQx/FormQxSet';//新增界面
+	import { mapGetters } from 'vuex'
+	import TagMng from '@/views/mdp/arc/tag/TagMng';   
+	import  CategoryTree from '@/views/mdp/arc/category/CategoryTree';//修改界面
+	import UsersSelect from '@/views/mdp/sys/user/UsersSelect'; 
+
+	export default { 
+		name:'FormDefMng',
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: '',
+					user:'',
+					deptid:'',
+					formId:'',
+					categoryTreeNodes:[], 
+					tags:[],  
+				},
+				formDefs: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增formDef界面是否显示
+				formQxSetVisible: false,//是否显示权限配置界面
+				//新增formDef界面初始化数据
+				addForm: {
+					id:'',tableName:'',tableOwner:'',isCreateTable:'',formName:'',userid:'',deptid:'',formType:'',isTemplate:'',bizType:'',ctime:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑formDef界面初始化数据
+				editForm: {
+					id:'',tableName:'',tableOwner:'',isCreateTable:'',formName:'',userid:'',deptid:'',formType:'',isTemplate:'',bizType:'',ctime:''
+				},
+				companyEmployees:[],
+				companyDepts:[],
+				categorys:[],
+				tagSelectVisible:false,
+				isBatchSetTags:false,
+				userSelectVisible:false,
+				showCalendar:true,
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormDefs();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getFormDefs();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getFormDefs();
+			},
+			searchFormDefs(){
+				 this.pageInfo.pageNum=1;
+				 this.pageInfo.total=0;
+				 this.getFormDefs();
+			},
+			showFormQx: function(row,index){
+				this.editForm = row;
+				this.formQxSetVisible=true;
+			},
+			//获取列表 FormDef 表单定义
+			getFormDefs() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					params.key='%'+this.filters.key+'%'
+				} 
+				if(this.filters.user!=''){
+					params.userid=this.filters.user.userid
+				}
+				if(this.filters.deptid!=''){
+					params.deptid=this.filters.deptid
+				}
+				if(this.filters.formId!=''){
+					params.id=this.filters.formId
+				}
+				
+				
+				if(this.filters.categoryTreeNodes!=null && this.filters.categoryTreeNodes.length>0){
+					params.categoryIds=this.filters.categoryTreeNodes.map(i=>i.id)
+				}
+				
+				if(this.filters.tags!=null && this.filters.tags.length>0){
+					params.tagIds=this.filters.tags.map(i=>i.tagId)
+				}
+				 
+				params.branchId=this.userInfo.branchId
+				this.listLoading = true;
+				listFormDef(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						this.formDefs = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false; 
+				});
+			},
+
+			//显示编辑界面 FormDef 表单定义
+			showEdit: function ( row,index ) {
+				
+				this.editForm = row;
+				this.editFormVisible = true;
+			},
+			//显示新增界面 FormDef 表单定义
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getFormDefs();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行formDef
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除formDef
+			handleDel: function (row,index) {
+				this.$confirm('删除表单前，请确保已经删除掉该表单下的所有数据，确定删除该表单么？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { id: row.id };
+					delFormDef(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getFormDefs();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false; 
+				});
+			},
+			//批量删除formDef
+			batchDel: function () {
+				var ids = this.sels.map(item => {return {id:item.id}});
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelFormDef(ids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getFormDefs(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false; 
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			/**begin 自定义函数请在下面加**/
+			formatterDept(row, column, cellValue){ 
+				var newValue=cellValue;
+				this.companyDepts.forEach(dept=>{
+					if(dept.deptid==cellValue){
+						 newValue= dept.deptName
+						 return;
+					}
+				});
+				return newValue;
+			},
+			formatterUserid(row, column, cellValue){  
+				var newValue=cellValue;
+				this.companyEmployees.forEach(item=>{
+					if(item.userid==cellValue){
+						  newValue=item.username
+					}
+				});
+				return newValue;
+			},
+			goToFormDataMngPage:function(row){
+				this.editForm=row;
+				this.$router.push({path:'/mdp/form/formData/FormDataMng',query:{formId:row.id,formName:row.formName}});
+			},
+			handleFiltersTagClose:function(tag,paramsName){
+				if(paramsName=='key'){
+					this.filters.key=null;
+				}else if(paramsName=='categoryTreeNodes'){
+					this.filters.categoryTreeNodes=this.filters.categoryTreeNodes.filter(i=>i.id!=tag.id);
+					this.$refs.categoryTree.$refs.nodeTree.setChecked(tag.id,false,false);
+				}else if(paramsName=='procCategory'){
+					this.filters.procCategory=null;
+ 				}else if(paramsName=='tags'){
+					this.filters.tags=this.filters.tags.filter(i=>i.tagId!=tag.tagId);
+ 				} else if(paramsName=='user'){
+					this.filters.user=null;
+ 				} else if(paramsName=='calendar'){
+					this.showCalendar=!this.showCalendar
+ 				} 
+			},
+			onTagSelected(tags){
+				this.tagSelectVisible=false;
+				if(this.isBatchSetTags==true){
+					//TOD 批量更新后台数据标签
+					if(!tags || tags.length==0){
+						 this.$message.error("最少选中一个标签");
+						  this.isBatchSetTags=false;
+						 return;
+					}
+					var tagsVo=[];
+					this.sels.forEach(row=>{
+						 
+						var tagVo={ 
+							formId:row.id,
+							tags:tags.map(i=>{return {tagId:i.tagId,tagName:i.tagName}})
+						}
+						tagsVo.push(tagVo);
+					})
+					var params= tagsVo
+					
+					 batchInsertOrDeleteTags(params).then(res=>{
+						 this.isBatchSetTags=false;
+						 if(res.data.tips.isOk){
+							 var tagIds=tags.map(i=>i.tagId).join(",");
+							 var tagNames=tags.map(i=>i.tagName).join(",");
+							this.sels.forEach(row=>{
+								row.tagIds=tagIds
+								row.tagNames=tagNames
+						 	})
+							 this.$message.success("打标签成功");
+						 }else{
+							  this.$message.error(res.data.tips.msg);
+						 }
+					 }).catch(e=>this.isBatchSetTags=false);
+				}else{
+					if(tags==null){
+						this.filters.tags=null 
+					}else{
+						this.filters.tags=tags 
+					} 
+				}
+				
+				
+			},
+			handleCategoryCheckChange(data, checked, indeterminate){ 
+				if(data.id=='C0'){//选择了根节点，默认不按分类查询
+					this.filters.categoryTreeNodes=null
+					return;
+				}
+				var node=this.$refs.categoryTree.$refs.nodeTree.getCheckedNodes();
+				console.log("node-------------"+JSON.stringify(node));
+				this.filters.categoryTreeNodes=node;  
+			},
+			showTagSelect:function(isBatchSetTags){
+				if(isBatchSetTags==true){
+					if(this.sels.length==0){
+						this.$message.error("请选中流程任务");
+						return false;
+					}
+					this.tagSelectVisible=true;
+				}else{
+					this.tagSelectVisible=true;
+				}
+				this.isBatchSetTags=isBatchSetTags;
+			}, 
+			
+			onUserSelected: function(users){  
+				this.userSelectVisible=false;
+				this.filters.assignee=users[0]
+			},
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'form-def-add':FormDefAdd,
+		    'form-def-edit':FormDefEdit,
+		    'sticky': Sticky,
+		    'form-qx-set': FormQxSet,
+			CategoryTree,TagMng,UsersSelect
+		    //在下面添加其它组件
+		},
+		mounted() {
+			
+			if(this.$route.query.formId){
+				this.filters.formId=this.$route.query.formId
+			}
+			this.getFormDefs(); 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+.filters-show {
+	margin-left: 20px;
+	margin-top: 10px;
+	margin-bottom: 0px;
+	height: 20px;
+}
+.filters-label { 
+
+	font-size: 14px;
+	color:black;
+	font-weight: bold;
+	height: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formField/FormField.vue b/src/views/mdp/form/formField/FormField.vue
new file mode 100644
index 0000000..807c065
--- /dev/null
+++ b/src/views/mdp/form/formField/FormField.vue
@@ -0,0 +1,637 @@
+<template>
+	<section>
+		<el-row class="app-container"> 
+		<el-col :span="10"> 
+			<draggable id="delDrg"  class="dragArea" :list="delFields" :options="{group:{ name:'g1'}, animation:150}"  :no-transition-on-drag="true" @start="drag=true" @end="drag=false">
+				<el-badge :value="selectedFields.length" class="item">
+				  <span class="el-dropdown-link">
+				   	  将右边表单元素拖拽到方框内   拖拽表单元素可以排序,最多支持15个字段
+
+				   	 <br>
+				  </span>
+				</el-badge> 
+			</draggable>
+			<el-form class="drag" label-width="100px" style="width:100%;height:600px;overflow:auto">
+				<div style="border:1px dashed #000;padding: 20px;"> 
+				  <el-form-item>
+				  	<md-input  name="formName" v-model="myFormDef.formName" required :maxlength="80">标题 </md-input>
+				  </el-form-item>
+				  <el-form-item > 
+				   <div v-if="selectedFields.length==0">
+					 <span>
+				   	 	从右边拖拽属性来此，可添加表单属性 <i class="el-icon-download"></i> 
+				 	 </span>
+				    </div>
+				  </el-form-item>
+				<draggable id="sf"  class="dragArea min-height" :list="selectedFields" :options="{group:{ name:'g1'}, animation:150}" @add="add"  :no-transition-on-drag="true" @start="drag=true" @end="drag=false">
+
+					<el-form-item  class="form-item"  v-for="(item,index) in selectedFields" :key="index" :label="item.fieldTitle" :prop="item.fieldIdCamel" :required="item.isRequired=='1'"> 
+							<el-input style="width:60%;"  v-if="item.fieldType=='text' && item.extFieldType!='dept'" v-model="dataForm[item.fieldIdCamel]" :label="item.fieldTitle" auto-complete="off" :placeholder="item.placeholder"  clearable  > </el-input>
+							<el-input-number   v-if="item.fieldType=='number'" v-model="dataForm[item.fieldIdCamel]" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable :min="1" :max="10" ></el-input-number>
+							<el-input style="width:60%;"   v-if="item.fieldType=='amount'" v-model="dataForm[item.fieldIdCamel]" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable></el-input>
+							<el-input style="width:60%;"  v-if="item.fieldType=='textarea'"  type="textarea" :rows="2" v-model="dataForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请输入内容"></el-input>
+							<el-select   v-if="item.fieldType=='select' && item.isMultiple=='0' && item.extFieldType!='user' && item.isFromBaseData=='1'"  v-model="dataForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择"  @click="itemClick(item,index)">
+							    <el-option  v-for=" option in options2[item.secondCodeRow]" :key="option.optionValue" :label="option.optionName" :value="option.optionValue"> </el-option>
+							</el-select>
+							  <el-select   v-if="item.fieldType=='select' && item.isMultiple=='0' && item.extFieldType!='user' && item.isFromBaseData=='1' && item.isFromBaseData=='0'"  v-model="dataForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择"  @click="itemClick(item,index)">
+							     <el-option  v-for=" option in options2[item.fieldIdCamel]" :key="option.optionValue" :label="option.optionName" :value="option.optionValue"> </el-option>
+							  </el-select>
+							  <el-select   v-if="item.fieldType=='select' && item.isMultiple=='1' && item.extFieldType!='user' && item.isFromBaseData=='1'" multiple v-model="multipleFieldsData[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择"  >
+							    <el-option  v-for=" option in options2[item.secondCodeRow]" :key="option.optionValue" :label="option.optionName" :value="option.optionValue"> </el-option>
+							     </el-select> 
+							<el-select   v-if="item.fieldType=='select' && item.isMultiple=='1' && item.extFieldType!='user' && item.isFromBaseData=='0'" multiple v-model="multipleFieldsData[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择"  >
+							     <el-option   v-for=" option in options2[item.fieldIdCamel]" :key="option.optionValue" :label="option.optionName" :value="option.optionValue"> </el-option>
+							  </el-select> 
+							  <el-select   v-if="item.fieldType=='select' && item.isMultiple=='1' && item.extFieldType=='user'" multiple v-model="multipleFieldsData[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择"  >
+							   		<el-option
+								      v-for="item in companyEmployees"
+								      :key="item.userid"
+								      :label="item.username"
+								      :value="item.userid">
+								      <span style="float: left">{{ item.username }}</span>
+					   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+								    </el-option>
+							  </el-select> 
+							  
+							  <el-button  v-if="item.fieldType=='select' && item.isMultiple=='1' && item.extFieldType=='user'" icon="el-icon-search" @click="showUserSelectDialog(item.fieldIdCamel)">更多</el-button>
+							  <el-select   v-if="item.fieldType=='select' && item.isMultiple=='0' && item.extFieldType=='user'"  v-model="dataForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择"  @click="itemClick(item,index)">
+							    <el-option
+								      v-for="item in companyEmployees"
+								      :key="item.userid"
+								      :label="item.username"
+								      :value="item.userid">
+								      <span style="float: left">{{ item.username }}</span>
+					   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+								    </el-option>
+							  </el-select>
+							  <el-button  v-if="item.fieldType=='select' && item.isMultiple=='0' && item.extFieldType=='user'" icon="el-icon-search" @click="showUserSelectDialog(item.fieldIdCamel)">更多</el-button>
+								 
+								<el-radio-group  v-if="item.fieldType=='radio' && item.isFromBaseData=='1'" v-model="dataForm[item.fieldIdCamel]">
+									<el-radio  v-for=" option in options2[item.secondCodeRow]" :label="option.optionValue" :key="option.optionValue">{{option.optionName}}</el-radio>
+								</el-radio-group>  
+								<el-radio-group v-if="item.isFromBaseData=='0' && item.fieldType=='radio'"   v-model="dataForm[item.fieldIdCamel]">
+									<el-radio  v-for=" option in options2[item.fieldIdCamel]" :label="option.optionValue" :key="option.optionValue">{{option.optionName}}</el-radio>
+								</el-radio-group> 
+								<el-checkbox   v-if="item.fieldType=='checkbox' && item.isMultiple=='0'" v-model="dataForm[item.fieldIdCamel]">{{item.fieldTitle}}</el-checkbox>
+							  <el-checkbox-group   v-if="item.fieldType=='checkbox' && item.isMultiple=='1' && item.isFromBaseData=='1'"  v-model="multipleFieldsData[item.fieldIdCamel]"> 
+							    <el-checkbox  v-for=" option in options2[item.secondCodeRow]" :label="option.optionValue" :key="option.optionValue">{{option.optionName}}</el-checkbox>  
+							  </el-checkbox-group>
+							  <el-checkbox-group   v-if="item.fieldType=='checkbox' && item.isMultiple=='1' && item.isFromBaseData=='0'"  v-model="multipleFieldsData[item.fieldIdCamel]">  
+							    <el-checkbox   v-for=" option in options2[item.fieldIdCamel]" :label="option.optionValue" :key="option.optionValue">{{option.optionName}}</el-checkbox> 
+							  </el-checkbox-group>
+							<el-time-picker   v-if="item.fieldType=='time'"  v-model="dataForm[item.fieldIdCamel]"  placeholder="任意时间点"> </el-time-picker> 
+						    <el-date-picker   v-if="item.fieldType=='date'" v-model="dataForm[item.fieldIdCamel]" align="right" type="date" placeholder="选择日期" > </el-date-picker> 
+							<el-date-picker v-if="item.fieldType=='datetime'" v-model="dataForm[item.fieldIdCamel]" type="datetime" placeholder="选择日期时间" align="right" :picker-options="pickerOptions"> </el-date-picker>
+							
+						    <el-date-picker   v-if="item.fieldType=='month'" v-model="dataForm[item.fieldIdCamel]" align="right" type="month" placeholder="选择月份" > </el-date-picker> 
+							
+						    <el-date-picker   v-if="item.fieldType=='year'" v-model="dataForm[item.fieldIdCamel]" align="right" type="year" placeholder="选择年份" > </el-date-picker> 
+						     <dept-tree  v-if="item.extFieldType=='dept' && item.isMultiple=='1'" v-model="dataForm[item.fieldIdCamel]" :branch-id="userInfo.branchId" default-expand-all show-checkbox multiple :expand-on-click-node="false" ref="nodeTree2"></dept-tree> 
+						     <dept-tree  v-if="item.extFieldType=='dept' && item.isMultiple!='1'" v-model="dataForm[item.fieldIdCamel]" :branch-id="userInfo.branchId" default-expand-all show-checkbox  :expand-on-click-node="false" ref="nodeTree2"></dept-tree> 
+						     <el-button class="set-btn"  type="primary" icon="el-icon-edit" circle @click="itemClick(item,index)"></el-button> 
+						     <el-button class="set-btn"  type="danger" icon="el-icon-delete" circle @click="itemDelete(item,index)"></el-button> 
+					</el-form-item> 
+				</draggable>
+				</div>
+			</el-form> 
+		</el-col>
+		<el-col :span="6" >
+				<el-popover
+				  ref="popover5"
+				  placement="left"
+				  style="width:250px;"
+				  v-model="showPopover">
+				  <el-form v-model="addForm" :rules="addFormRules" ref="addForm" label-width="80px" style="width:350px;">
+				  	 <el-form-item v-if="addForm.fieldType=='select' || (addForm.fieldType=='checkbox') || (addForm.fieldType=='radio')" label="数据" prop="isFromBaseData">
+				  		<el-col :span="20">
+				  			<el-input  v-model="metaItemSelected.itemName" :label="metaItemSelected.itemName" @focus="showItemOptionMng" placeholder="点击关联基础数据"> </el-input>
+				  		</el-col>  
+				  		<el-col :span="4">
+				  			<el-button size="mini" type="primary" icon="el-icon-delete" @click="deleteBaseData"></el-button>
+				  		</el-col>  
+				  	</el-form-item>
+				  	<el-form-item label="名称" prop="fieldTitle">
+				  		<el-col :span="20">
+				  			<el-input  v-model="addForm.fieldTitle" label="属性名称" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  		</el-col>
+				  	</el-form-item>
+				  	<el-form-item label="主键" prop="isBizKey" v-if="  (addForm.fieldType!='checkbox') && (addForm.fieldType!='radio') && addForm.isMultiple!='1' && addForm.fieldType!='textarea'" > 
+				  			  
+								  <el-select   v-model="primaryKeys" multiple label="" clearable  placeholder="请选择">
+									 <el-option    label="创建人" key="cuserid" value="cuserid">创建人 </el-option>
+									 <el-option    label="创建部门" key="deptid" value="deptid">创建部门 </el-option>
+								    <el-option   v-for="option in selectedFields" :label="option.fieldTitle" :key="option.fieldIdCamel" :value="option.fieldIdCamel">{{option.fieldTitle}} </el-option>
+								  </el-select>
+				  	</el-form-item>
+				  	<el-form-item label="必需" prop="isRequired" > 
+				  		<el-checkbox v-model="addForm.isRequired" :disabled="addForm.isBizKey=='1'" true-label="1" false-label="0">是否必输</el-checkbox>  
+				  	</el-form-item>
+				  	<el-form-item label="编码" prop="fieldId">
+				  		<el-col :span="20">
+				  			<el-input  :disabled="myFormDef.isCreateTable!='1'" v-model="addForm.fieldId" :label="addForm.fieldId" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  		</el-col>
+				  	</el-form-item>
+				  	<el-form-item label="编码驼峰命名" prop="fieldIdCamel" v-if="formDef.isCreateTable=='1'">
+				  		<el-col :span="20">
+				  			<el-input  :disabled="formDef.isCreateTable!='1'" v-model="addForm.fieldIdCamel" :label="addForm.fieldIdCamel" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  		</el-col>
+				  	</el-form-item>
+				  	<el-form-item label="变量映射" prop="flowFieldId">
+				  		<el-col :span="20">
+				  		<el-input  v-model="addForm.flowFieldId" label="变量" auto-complete="off"  placeholder="变量编码"   > </el-input> 
+				  	</el-col> 
+				  	</el-form-item>
+				  	<el-form-item label="长度" prop="fieldLength">
+				  		<el-col :span="20">
+				  			<el-input   v-model="addForm.fieldLength" :label="addForm.fieldId" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  	</el-col>
+				  	</el-form-item>
+				  	<el-form-item label="占位符" prop="placeholder">
+				  		<el-col :span="20">
+				  			<el-input   v-model="addForm.placeholder" :label="addForm.placeholder" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  	</el-col> 
+				  	</el-form-item>
+					<el-form-item v-if="addForm.fieldType=='select' || (addForm.fieldType=='checkbox') || (addForm.fieldType=='radio')" label="默认值" prop="defaultValue">
+						<el-col :span="20">
+							<el-select v-model="addForm.defaultValue" :label="addForm.fieldTitle" clearable placeholder="请选择">
+								<el-option   v-for="option in options2[metaItemSelected.itemCode]" :label="option.optionName" :key="option.optionValue" :value="option.optionValue">{{option.optionName}} </el-option>
+							</el-select>
+						</el-col> 
+				  	</el-form-item>
+					<el-form-item v-else label="默认值" prop="defaultValue">
+				  		<el-col :span="20">
+				  			<el-input   v-model="addForm.defaultValue" :label="addForm.placeholder" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  	</el-col> 
+				  	</el-form-item>
+				  	<el-form-item label="多选" prop="isMultiple">
+				  		<el-col :span="20">
+				  		    <el-checkbox  v-model="addForm.isMultiple" :disabled=" addForm.fieldType!='checkbox' && addForm.fieldType!='select' && addForm.extFieldType!='dept'" true-label="1" false-label="0">多选</el-checkbox>  
+				  	</el-col> 
+				  	</el-form-item>
+				  	<el-form-item label="工作流" prop="isCloneToFlow">
+				  		<el-col :span="20">
+				  		<el-checkbox v-model="addForm.isCloneToFlow" true-label="1" false-label="0">提交到工作流</el-checkbox> 
+				  	</el-col> 
+				  	</el-form-item>
+
+				  </el-form>
+				  <div style="text-align: right; margin: 0">
+				    <el-button size="mini" type="text" @click="showPopover = false">取消</el-button>
+				    <el-button type="primary" size="mini" @click="showPopover = false">确定</el-button>
+				  </div>
+				</el-popover>
+		</el-col>
+		<el-col :span="10" :offset="4">
+			    	<el-form :model="addForm"  label-width="100px"  style="width:100%;height:600px;overflow:auto" :rules="addFormRules" ref="inputAddForm">
+						<draggable id="af" class="dragArea min-height"  :options="{group:{ name:'g1', pull:'clone'}, animation:150}"  v-model="inputFields" >
+							<el-form-item v-for="(item,index) in inputFields" :key="index" :label="item.fieldTitle" :prop="item.fieldIdCamel">
+								<el-input v-if="item.fieldType=='text'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable > </el-input>
+								<el-input-number v-if="item.fieldType=='number'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable :min="1" :max="10"></el-input-number>
+								<el-input v-if="item.fieldType=='amount'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable></el-input>
+								<el-input v-if="item.fieldType=='textarea'"  type="textarea" :rows="2" v-model="item.defaultValue" :label="item.fieldTitle"  placeholder="请输入内容"></el-input>
+ 
+								  <el-select v-if="item.fieldType=='select' && item.isMultiple!='1'  && item.extFieldType!='user'" v-model="item.defaultValue" :label="item.fieldTitle"  placeholder="请选择">
+								    <el-option   v-for="option in options2[item.fieldIdCamel]" :label="option.optionName" :key="option.optionValue" :value="option.optionValue">{{option.optionName}} </el-option>
+								  </el-select>
+								  <el-select v-if="item.fieldType=='select' && item.isMultiple=='1'  && item.extFieldType!='user' " multiple v-model="multipleFieldsData[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择">
+								    <el-option   v-for="option in options2[item.fieldIdCamel]" :label="option.optionName" :key="option.optionValue" :value="option.optionValue">{{option.optionName}} </el-option>
+								  </el-select>
+ 
+								  <el-radio-group v-if="item.fieldType=='radio'" v-model="item.defaultValue">
+									    <el-radio v-for="option in options2[item.fieldIdCamel]" :label="option.optionValue" :key="option.optionValue">{{option.optionName}}</el-radio> 
+									</el-radio-group>
+									<el-checkbox v-if="item.fieldType=='checkbox' && item.isMultiple=='0' && options2[item.fieldIdCamel] && options2[item.fieldIdCamel].length>1" :false-label="options2[item.fieldIdCamel][0].optionValue" :true-label="options2[item.fieldIdCamel][1].optionValue">{{item.fieldTitle}}</el-checkbox>
+								  <el-checkbox-group v-if="item.fieldType=='checkbox' && item.isMultiple=='1'"  v-model="multipleFieldsData[item.fieldIdCamel]">
+								    <el-checkbox v-for="option in options2[item.fieldIdCamel]" :label="option.optionValue" :key="option.optionValue">{{option.optionName}}</el-checkbox>
+								  </el-checkbox-group>
+ 
+								<el-time-picker v-if="item.fieldType=='time'"  v-model="item.defaultValue"
+								    :picker-options="{
+								      selectableRange: '18:30:00 - 20:30:00'
+								    }"
+								    placeholder="任意时间点">
+								  </el-time-picker> 
+							    <el-date-picker v-if="item.fieldType=='date'" v-model="item.defaultValue"
+							      align="right"
+							      type="date"
+							      placeholder="选择日期"
+							      >
+							    </el-date-picker> 
+								<el-date-picker v-if="item.fieldType=='datetime'" 
+									v-model="item.defaultValue"
+									type="datetime"
+									placeholder="选择日期时间"
+									align="right"
+									:picker-options="pickerOptions">
+								</el-date-picker>
+								
+								<el-date-picker v-if="item.fieldType=='month'" 
+									v-model="item.defaultValue"
+									type="month"
+									placeholder="选择月份"
+									align="right" >
+								</el-date-picker>
+								<el-date-picker v-if="item.fieldType=='year'" 
+									v-model="item.defaultValue"
+									type="year"
+									placeholder="选择年份"
+									align="right" >
+								</el-date-picker>
+								 <dept-tree  v-if="item.extFieldType=='dept'" :branch-id="userInfo.branchId" default-expand-all show-checkbox multiple :expand-on-click-node="false" ref="nodeTree"></dept-tree> 
+								 <el-select   v-if="item.fieldType=='select' && item.isMultiple=='1' && item.extFieldType=='user'" multiple v-model="multipleFieldsData[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择"  >
+							   		<el-option
+								      v-for="item in filters.users"
+								      :key="item.userid"
+								      :label="item.username"
+								      :value="item.userid">
+								      <span style="float: left">{{ item.username }}</span>
+					   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+								    </el-option>
+							  </el-select> 
+							  <el-button  v-if="item.fieldType=='select' && item.isMultiple=='1' && item.extFieldType=='user'" icon="el-icon-search" @click="showUserSelectDialog(item.fieldIdCamel)">更多</el-button>
+							  <el-select   v-if="item.fieldType=='select' && item.isMultiple=='0' && item.extFieldType=='user'"  v-model="dataForm[item.fieldIdCamel]" :label="item.fieldTitle"  placeholder="请选择"  @click="itemClick(item,index)">
+							    <el-option
+								      v-for="item in  filters.users"
+								      :key="item.userid"
+								      :label="item.username"
+								      :value="item.userid">
+								      <span style="float: left">{{ item.username }}</span>
+					   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+								    </el-option>
+							  </el-select>
+							  <el-button  v-if="item.fieldType=='select' && item.isMultiple=='0' && item.extFieldType=='user'" icon="el-icon-search" @click="showUserSelectDialog(item.fieldIdCamel)">更多</el-button>
+							</el-form-item>  
+						</draggable>
+					</el-form> 
+		</el-col> 
+		<!--基础数据查询 CodeDetail sys_code_detail界面-->
+		<el-dialog title="选择数据组" :visible.sync="itemOptionMngVisible"  width="80%" :modal="false" :close-on-click-modal="false">
+			  <item-option-mng :read-only="true"  @cancel="itemOptionMngVisible=false" @checked-item="checkedItem" style="z-index: 0;"></item-option-mng>
+		</el-dialog>
+		
+		<el-dialog append-to-body
+			title="选择员工"
+			:visible.sync="userSelectVisible"
+			width="60%">  
+			<users-select :select-userids="filters.users?[filters.users.userid]:[]"   @confirm="onUserSelected"></users-select> 
+		</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库 
+	import { listOption,listOptionByItemIds } from '@/api/itemOption';//下拉框数据查询
+	import { listFormField } from '../../../../api/mdp/form/formField';
+	import draggable from 'vuedraggable'
+	import DeptTree from '../../sys/dept/DeptTree';//下拉框数据查询
+	import ItemOptionMng from '@/views/mdp/meta/itemOption/itemOptionMng';//基础数据查询
+	import { listUser } from '@/api/mdp/sys/user';//下拉框数据查询
+	import MDinput from '@/components/MDinput'
+	import { mapGetters } from 'vuex'
+	
+	import UsersSelect from '@/views/mdp/sys/user/UsersSelect'; 
+
+	export default { 
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ])
+		},
+		props:['visible','formDef','fields'],
+		watch: {
+	      'selectedFields':function( selectedFields ) {
+			  console.log("selectedFieldsxxxxxxxxxxxxxxxxxxxxxxxxxxx"); 
+			  this.setPrimaryKeys();
+	      	this.$emit('update:fields', selectedFields)
+	      },
+	      'formDef':function( formDef ) { 
+	    	  this.myFormDef=formDef;
+				this.getFormFields(); 
+ 
+	      },
+	      'addForm.isBizKey':function( isBizKey ) {   
+ 			if(isBizKey=='1'){
+ 				this.addForm.isRequired="1" 
+ 			}
+		  },
+		  
+	      'myFormDef.formName':function( formName ) { 
+	    	  this.$emit('update:formDef', this.myFormDef)
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				filters:{
+					users:[]
+				},
+				pickerOptions: { 
+					shortcuts: [{
+						text: '今天',
+						onClick(picker) {
+						picker.$emit('pick', new Date());
+						}
+					}, {
+						text: '昨天',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() - 3600 * 1000 * 24);
+						picker.$emit('pick', date);
+						}
+					}, {
+						text: '一周前',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+						picker.$emit('pick', date);
+						}
+					}]
+					},
+				options:{},//下拉选择框的所有静态数据
+				options2:{
+					zero:  [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					one:  [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					two:   [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					three: [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					four: [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					five:  [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					six:   [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					seven: [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					eight:  [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					nine:   [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					ten: [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					eleven: [{optionValue:'0',optionName:'否'},{optionValue:'1',optionName:'是'}],
+					twelve:  [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					
+					thirteen:  [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					
+					fourteen:  [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+					
+					fifteen:  [{optionValue:'0',optionName:'选项0'},{optionValue:'1',optionName:'选项1'},{optionValue:'2',optionName:'选项2'}],
+				}, 
+				addLoading: false,
+				addFormRules: {
+					id: [
+						{ required: false, message: '主键', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 表单字段定义
+				addForm: {formId:'formId',id:'1',fieldId:'one',fieldIdCamel:'one',fieldTitle:'文本',secondCodeRow:'',fieldType:'text',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+				myFormDef:{id:'',tableName:'',tableOwner:'',isCreateTable:'',formName:'',userid:'',deptid:'',formType:'',isTemplate:'',bizType:'',ctime:'',branchId:''},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				selectedFields:[],
+				inputFields:[
+					{formId:'formId',id:'1',fieldId:'one',fieldIdCamel:'one',fieldTitle:'文本',secondCodeRow:'',fieldType:'text',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'2',fieldId:'two',fieldIdCamel:'two',fieldTitle:'数字',secondCodeRow:'',fieldType:'number',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'3',fieldId:'three',fieldIdCamel:'three',fieldTitle:'金额',secondCodeRow:'',fieldType:'amount',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'4',fieldId:'four',fieldIdCamel:'four',fieldTitle:'多行文本',secondCodeRow:'',fieldType:'textarea',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+
+					{formId:'formId',id:'5',fieldId:'five',fieldIdCamel:'five',fieldTitle:'单选下拉',secondCodeRow:'',fieldType:'select',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'6',fieldId:'six',fieldIdCamel:'six',fieldTitle:'多选下拉',secondCodeRow:'',fieldType:'select',fieldLength:20,defaultValue:'',isMultiple:'1',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+
+					{formId:'formId',id:'7',fieldId:'seven',fieldIdCamel:'seven',fieldTitle:'单选',secondCodeRow:'',fieldType:'radio',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'8',fieldId:'eight',fieldIdCamel:'eight',fieldTitle:'单选框',secondCodeRow:'',fieldType:'checkbox',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'9',fieldId:'nine',fieldIdCamel:'nine',fieldTitle:'多选框',secondCodeRow:'',fieldType:'checkbox',fieldLength:20,defaultValue:'',isMultiple:'1',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+
+					{formId:'formId',id:'10',fieldId:'ten',fieldIdCamel:'ten',fieldTitle:'时间',secondCodeRow:'',fieldType:'time',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'11',fieldId:'eleven',fieldIdCamel:'eleven',fieldTitle:'日期',secondCodeRow:'',fieldType:'date',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'0',fieldId:'zero',fieldIdCamel:'zero',fieldTitle:'日期时间',secondCodeRow:'',fieldType:'datetime',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入日期时间',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'15',fieldId:'zero',fieldIdCamel:'zero',fieldTitle:'年',secondCodeRow:'',fieldType:'year',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请选中年份',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'16',fieldId:'zero',fieldIdCamel:'zero',fieldTitle:'月',secondCodeRow:'',fieldType:'month',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请选中月份',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+
+					{formId:'formId',id:'12',fieldId:'thirteen',fieldIdCamel:'thirteen',fieldTitle:'部门',secondCodeRow:'',fieldType:'text',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'dept',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'13',fieldId:'fourteen',fieldIdCamel:'fourteen',fieldTitle:'员工(多选)',secondCodeRow:'',fieldType:'select',fieldLength:20,defaultValue:'',isMultiple:'1',placeholder:'支持多选',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'user',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'},
+					{formId:'formId',id:'14',fieldId:'fifteen',fieldIdCamel:'fifteen',fieldTitle:'员工(单选)',secondCodeRow:'',fieldType:'select',fieldLength:20,defaultValue:'',isMultiple:'0',placeholder:'单选',isRequired:'0',isFromBaseData:'0',remark:'属性',extFieldType:'user',isCloneToFlow:'0',flowFieldId:'',isBizKey:'0'}
+				],
+				delFields:[],//存放删除的属性
+				drag:true, 
+				showPopover:false,
+				activeName:'first',
+				metaItemSelected:{},//选择的基础数据二级分类代码
+				itemOptionMngVisible:false,//基础数据弹出框
+				fieldIds: [
+					{fieldId:'zero',fieldIdCamel:'zero'},
+					{fieldId:'one',fieldIdCamel:'one'},
+					{fieldId:'two',fieldIdCamel:'two'},
+					{fieldId:'three',fieldIdCamel:'three'},
+					{fieldId:'four',fieldIdCamel:'four'},
+					{fieldId:'five',fieldIdCamel:'five'},
+					{fieldId:'six',fieldIdCamel:'six'},
+					{fieldId:'seven',fieldIdCamel:'seven'},
+					{fieldId:'eight',fieldIdCamel:'eight'},
+					{fieldId:'nine',fieldIdCamel:'nine'},
+					{fieldId:'ten',fieldIdCamel:'ten'},
+					{fieldId:'eleven',fieldIdCamel:'eleven'},
+					{fieldId:'twelve',fieldIdCamel:'twelve'},
+					{fieldId:'thirteen',fieldIdCamel:'thirteen'},
+					{fieldId:'fourteen',fieldIdCamel:'fourteen'},
+					{fieldId:'fifteen',fieldIdCamel:'fifteen'}
+				],
+				//新增界面数据 表单数据表
+				dataForm: {
+					id:'',two:'',three:'',four:'',five:'',six:'',seven:'',eight:'',nine:'',ten:'',lastTime:'',one:'',zero:'',remark:'',formId:'',userid:'',eleven:'',twelve:'',thirteen:'',fourteen:'',fifteen:'',deptid:'',branchId:''
+				},
+				multipleFieldsData:{
+					zero:[],one:[], two:[], three:[], four:[], five:[], six:[],seven:[], eight:[], nine:[], ten:[], eleven:[], twelve:[],thirteen:[],fourteen:[],fifteen:[]
+				},
+				companyEmployees:[],
+				userSelectVisible:false,
+				primaryKeys:[],
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+		    itemDelete(item,index){
+		    	this.addForm ={}; 
+		    	this.showPopover=false; 
+		    	this.selectedFields.splice(index, 1);
+		    	
+		    }, 
+		    itemClick(item,index){
+		    	this.addForm =item; 
+		    	this.showPopover=true; 
+		    	
+			},
+			
+	      setPrimaryKeys:function(  ) {   
+			  var primaryKeys=this.primaryKeys;
+			  var isBizKeyPrefix="";
+			  if(primaryKeys.some(i=>i=='cuserid')){
+				  isBizKeyPrefix="1"
+			  }else{
+				   isBizKeyPrefix="0"
+			  }
+			  
+			  if(primaryKeys.some(i=>i=='deptid')){
+				  isBizKeyPrefix=isBizKeyPrefix+"1"
+			  }else{
+				   isBizKeyPrefix=isBizKeyPrefix+"0"
+			  }
+			  this.selectedFields.forEach(field=>{
+					if(primaryKeys.some(key=>field.fieldIdCamel==key)){
+						field.isBizKey=isBizKeyPrefix+"1"
+					}else{
+						field.isBizKey=isBizKeyPrefix+"0"
+					}
+			  });
+	      },
+		    add(evt){ 
+		    	let item=this.selectedFields[evt.newIndex]; 
+				item.isNewAdd='1' 
+				this.selectedFields[evt.newIndex]=Object.assign({}, item);
+				var noSelectFieldId=this.fieldIds.find(i=>{
+					return !this.selectedFields.some(k=>k.fieldId==i.fieldId && k.isNewAdd!='1');
+				}) 
+				this.selectedFields[evt.newIndex].fieldId=noSelectFieldId.fieldId
+				this.selectedFields[evt.newIndex].fieldIdCamel=noSelectFieldId.fieldIdCamel 
+				this.selectedFields[evt.newIndex].isNewAdd='0'
+		    	this.addForm=this.selectedFields[evt.newIndex]; 
+		    	     			    	
+		    },
+		    //二級分類行被選中
+			checkedItem( item, event, column ){
+				this.itemOptionMngVisible=false;
+				 //params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				listOption([{categoryId:item.categoryId,itemCode: item.itemCode}]).then(res=>{
+					console.log(res.data);
+					this.options2[item.itemCode]=res.data.data[item.itemCode];
+					this.metaItemSelected=item;
+					this.addForm.secondCodeRow=item.id;
+					this.addForm.isFromBaseData='1';
+					this.addForm.fieldTitle=item.itemName;
+					//console.log(res.data.data);
+				});
+				
+			}, 
+			showItemOptionMng(){
+				this.itemOptionMngVisible=true;
+			},
+			//获取列表 FormField 表单字段定义
+			getFormFields() {
+				this.addLoading=true;
+				if(this.formDef.id==''){
+					return;
+				}
+				let params = {
+					formId:this.formDef.id
+				};
+				listFormField(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						
+						//this.itemOptionMngVisible=false;
+						var secondCodeRows=[];
+						console.log(res.data);
+						var fields=res.data.data;
+						var primaryKeys=[];
+						fields.forEach(item=>{
+							if(item.isFromBaseData=='1' && item.secondCodeRow!=''){
+								secondCodeRows.push(item.secondCodeRow);
+							}
+							if(item.isBizKey && item.isBizKey.length==3){
+								if(item.isBizKey.charAt(2)=="1"){
+									primaryKeys.push(item.fieldIdCamel);
+								}
+							}
+							
+						});
+						if(fields!=null && fields.length>0){
+							var isBizKey=fields[0].isBizKey;
+							
+							if(isBizKey && isBizKey.length==3){
+								if(isBizKey.charAt(0)=="1"){
+									primaryKeys.push("cuserid");
+								}
+								if(isBizKey.charAt(1)=='1'){
+									primaryKeys.push("deptid");
+								}
+							}
+						}
+						this.primaryKeys=primaryKeys
+						if(secondCodeRows.length>0){
+							listOptionByItemIds(secondCodeRows).then(res=>{
+								
+								this.options2=Object.assign(this.options2,res.data.data);
+								this.selectedFields = fields;
+								console.log('ddddddddddddddddddddd');
+								console.log(this.options2);
+							});
+						}else{
+							this.selectedFields = res.data.data;
+						}
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					}
+					this.addLoading=false;
+				}).catch(() => {
+					this.addLoading=false;
+				});
+			},
+			deleteBaseData(){
+				this.addForm.isFromDataBase='0';
+				this.addForm.secondCodeRow='0';
+				this.metaItemSelected={};
+			},  
+			onUserSelected:function(users){
+				this.userSelectVisible=false;
+				this.filters.users=users;
+			},
+			showUserSelectDialog:function(fieldIdCamel){
+				this.userSelectVisible=true;
+			},
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-field-edit':FormFieldEdit
+		    draggable,
+		    'dept-tree': DeptTree,
+		    'item-option-mng': ItemOptionMng,
+		     'md-input':MDinput,UsersSelect
+		},
+		mounted() {
+				this.myFormDef=this.formDef
+				this.$nextTick(() => {
+					this.getFormFields();
+					
+	        	}); 
+			
+			
+		}//end mounted
+	}
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped> 
+.min-height{
+  min-height:300px; 
+  }
+
+  
+  .set-btn {
+    display: none;
+    i, span {
+      padding: 0 8px;
+      font-size: 18px;
+      font-weight: 600;
+    } 
+  }
+  
+ 
+  .form-item:hover .set-btn {
+    color: #428bca !important;
+    display: inline-block;
+	margin-left: 20px;
+	
+  }
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formField/FormFieldAdd.vue b/src/views/mdp/form/formField/FormFieldAdd.vue
new file mode 100644
index 0000000..01c8b2d
--- /dev/null
+++ b/src/views/mdp/form/formField/FormFieldAdd.vue
@@ -0,0 +1,389 @@
+<template>
+	<section>
+		<el-row>
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		<el-col :span="10"> 
+			<draggable id="delDrg"  class="dragArea" :list="delFields" :options="{group:{ name:'g1'}, animation:150}"  style="min-height:1000"  :no-transition-on-drag="true" @start="drag=true" @end="drag=false">
+				<el-badge :value="delFields.length" class="item">
+				  <span class="el-dropdown-link">
+				   	 回收站<i class="el-icon-delete el-icon--right"></i>
+				  </span>
+				</el-badge>
+				<h1>
+					{{formDef==null?'表单名':formDef.formName}}
+					<el-badge :value="selectedFields.length" class="item">
+					  <span class="el-dropdown-link">
+					  	 属性
+					  </span>
+					</el-badge>
+				</h1>
+			</draggable>
+			<el-form class="drag" label-width="120px">
+				<el-form-item >
+				
+				<div v-if="selectedFields.length==0">
+					 <span>
+				   	 	从右边拖拽属性来此 <i class="el-icon-download"></i> 
+				 	 </span>
+				  </div>
+				  </el-form-item>
+				<draggable id="sf"  class="dragArea min-height" :list="selectedFields" :options="{group:{ name:'g1'}, animation:150}" @add="add" style="min-height:1000"  :no-transition-on-drag="true" @start="drag=true" @end="drag=false">
+
+					<el-form-item   v-for="(item,index) in selectedFields" :key="index" :label="item.fieldTitle" :prop="item.fieldId">
+						<div  @click="itemClick(item,index)">
+						<el-input  v-if="item.fieldType=='text'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off" :placeholder="item.placeholder"  clearable > </el-input>
+						<el-input-number   v-if="item.fieldType=='number'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable :min="1" :max="10" label="描述文字"></el-input-number>
+						<el-input   v-if="item.fieldType=='amount'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable></el-input>
+						<el-input   v-if="item.fieldType=='textarea'"  type="textarea" :rows="2" v-model="item.defaultValue" :label="item.fieldTitle"  placeholder="请输入内容"></el-input>
+						<el-select   v-if="item.fieldType=='select'" :multiple="item.isMultiple=='1'?true:false" v-model="item.defaultValue" :label="item.fieldTitle"  placeholder="请选择">
+						    <el-option 
+						      key="xxxx1"
+						      label="数据项1-等你设置"
+						      value="xxxx">
+						    </el-option>
+						     <el-option 
+						      key="xxxx2"
+						      label="数据项2-等你设置"
+						      value="xxxx2">
+						    </el-option>
+						  </el-select>
+						<el-radio-group   v-if="item.fieldType=='radio'" v-model="item.defaultValue">
+							    <el-radio :label="3">备选项</el-radio>
+							    <el-radio :label="6">备选项</el-radio>
+							    <el-radio :label="9">备选项</el-radio>
+							</el-radio-group>
+							<el-checkbox   v-if="item.fieldType=='checkbox' && item.isMultiple=='0'" v-model="item.defaultValue">备选项</el-checkbox>
+						  <el-checkbox-group   v-if="item.fieldType=='checkbox' && item.isMultiple=='1'"  v-model="item.defaultValue">
+						    <el-checkbox label="复选框 A"></el-checkbox>
+						    <el-checkbox label="复选框 B"></el-checkbox>
+						    <el-checkbox label="复选框 C"></el-checkbox>
+						  </el-checkbox-group>
+						<el-time-picker   v-if="item.fieldType=='time'"  v-model="item.defaultValue"
+						    :picker-options="{
+						      selectableRange: '18:30:00 - 20:30:00'
+						    }"
+						    placeholder="任意时间点">
+						  </el-time-picker> 
+					    <el-date-picker   v-if="item.fieldType=='date'" v-model="item.defaultValue"
+					      align="right"
+					      type="date"
+					      placeholder="选择日期"
+					      :picker-options="pickerOptions1">
+					    </el-date-picker>
+					    <dept-tree   v-if="item.extFieldType=='dept' " v-model="item.defaultValue" root-deptid='' default-expand-all :expand-on-click-node="deptTree.expandOnClickNode" :refresh="deptTree.refreshTree" v-on:nodeClick="handleLeftDeptNodeClick" :indent="deptTree.indent" multiple="false"></dept-tree> 
+						</div>
+					</el-form-item> 
+				</draggable>
+			</el-form> 
+		</el-col>
+		<el-col :span="4" >
+				<el-popover
+				  ref="popover5"
+				  placement="right"
+				  v-model="showPopover">
+				  <el-form v-model="addForm" :rules="addFormRules" ref="addForm">
+				  	 <el-form-item v-if="addForm.fieldType=='select' || (addForm.fieldType=='checkbox') || (addForm.fieldType=='radio')" label="基础数据" :prop="addForm.isFromBaseData">
+				  		<el-col :span="14">
+				  			<el-input  v-model="codeSecondSelected.dtcodeName" :label="codeSecondSelected.dtcodeName" @focus="showItemOptionMng" placeholder="点击关联基础数据"> </el-input>
+				  		</el-col>  
+				  	</el-form-item>
+				  	<el-form-item label="名称" :prop="addForm.fieldTitle">
+				  		<el-col :span="14">
+				  			<el-input  v-model="addForm.fieldTitle" label="属性名称" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  		</el-col>
+				  	</el-form-item>
+				  	<el-form-item label="编码" :prop="addForm.fieldId">
+				  		<el-col :span="14">
+				  			<el-input   v-model="addForm.fieldId" :label="addForm.fieldId" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  		</el-col>
+				  	</el-form-item>
+				  	<el-form-item label="长度" :prop="addForm.fieldLength">
+				  		<el-col :span="14">
+				  			<el-input   v-model="addForm.fieldLength" :label="addForm.fieldId" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  	</el-col>
+				  	</el-form-item>
+				  	<el-form-item label="占位符" :prop="addForm.placeholder">
+				  		<el-col :span="14">
+				  			<el-input   v-model="addForm.placeholder" :label="addForm.placeholder" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  	</el-col> 
+				  	</el-form-item>
+				  	<el-form-item label="必需" :prop="addForm.placeholder">
+				  		<el-col :span="14">
+				  			<el-input   v-model="addForm.placeholder" :label="addForm.placeholder" auto-complete="off"  placeholder="请输入内容"   > </el-input>
+				  	</el-col> 
+				  	</el-form-item>
+
+				  </el-form>
+				  <div style="text-align: right; margin: 0">
+				    <el-button size="mini" type="text" @click="showPopover = false">取消</el-button>
+				    <el-button type="primary" size="mini" @click="showPopover = false">确定</el-button>
+				  </div>
+				</el-popover>
+		</el-col>
+		<el-col :span="10" :offset="2"> 
+		<!--新增界面 FormField 表单字段定义--> 
+			<el-tabs v-model="activeName">
+			    <el-tab-pane label="输入框" name="first">
+			    	<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="inputAddForm">
+						<draggable id="af" class="dragArea min-height"  :options="{group:{ name:'g1', pull:'clone'}, animation:150}"  v-model="inputFields" >
+							<el-form-item v-for="(item,index) in inputFields" :key="index" :label="item.fieldTitle" :prop="item.fieldId">
+								<el-input v-if="item.fieldType=='text'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable > </el-input>
+								<el-input-number v-if="item.fieldType=='number'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable :min="1" :max="10" label="描述文字"></el-input-number>
+								<el-input v-if="item.fieldType=='amount'" v-model="item.defaultValue" :label="item.fieldTitle" auto-complete="off"  placeholder="请输入内容"  clearable></el-input>
+								<el-input v-if="item.fieldType=='textarea'"  type="textarea" :rows="2" v-model="item.defaultValue" :label="item.fieldTitle"  placeholder="请输入内容"></el-input>
+							</el-form-item> 
+						</draggable>
+					</el-form>
+			    </el-tab-pane>
+			    <el-tab-pane label="下拉列表" name="second">
+			    	<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="selectAddForm">
+						<draggable id="af" class="dragArea min-height"  :options="{group:{ name:'g1', pull:'clone'}, animation:150}"  v-model="selectFields" >
+							<el-form-item v-for="(item,index) in selectFields" :key="item.fieldId" :label="item.fieldTitle" :prop="item.fieldId">
+								  <el-select v-if="item.fieldType=='select'" :multiple="item.isMultiple=='1'?true:false" v-model="item.defaultValue" :label="item.fieldTitle"  placeholder="请选择">
+								    <el-option 
+								      key="xxxx1"
+								      label="数据项1-等你设置"
+								      value="xxxx">
+								    </el-option>
+								     <el-option 
+								      key="xxxx2"
+								      label="数据项2-等你设置"
+								      value="xxxx2">
+								    </el-option>
+								  </el-select>
+							</el-form-item> 
+						</draggable>
+					</el-form>
+			    </el-tab-pane>
+			    <el-tab-pane label="单选、多选框" name="third">
+			    	<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="checkboxAddForm">
+						<draggable id="af" class="dragArea min-height"  :options="{group:{ name:'g1', pull:'clone'}, animation:150}"  v-model="checkboxFields" >
+							<el-form-item v-for="(item,index) in checkboxFields" :key="item.fieldId" :label="item.fieldTitle" :prop="item.fieldId">
+								  <el-radio-group v-if="item.fieldType=='radio'" v-model="item.defaultValue">
+									    <el-radio :label="3">备选项</el-radio>
+									    <el-radio :label="6">备选项</el-radio>
+									    <el-radio :label="9">备选项</el-radio>
+									</el-radio-group>
+									<el-checkbox v-if="item.fieldType=='checkbox' && item.isMultiple=='0'" v-model="item.defaultValue">备选项</el-checkbox>
+								  <el-checkbox-group v-if="item.fieldType=='checkbox' && item.isMultiple=='1'"  v-model="item.defaultValue">
+								    <el-checkbox label="复选框 A"></el-checkbox>
+								    <el-checkbox label="复选框 B"></el-checkbox>
+								    <el-checkbox label="复选框 C"></el-checkbox>
+								  </el-checkbox-group>
+							</el-form-item> 
+						</draggable>
+					</el-form>
+			    </el-tab-pane>
+			    <el-tab-pane label="日期时间" name="fourth">
+			    	<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="datetimeAddForm">
+						<draggable id="af" class="dragArea min-height"  :options="{group:{ name:'g1', pull:'clone'}, animation:150}"  v-model="datetimeFields" >
+							<el-form-item v-for="(item,index) in datetimeFields" :key="item.fieldId" :label="item.fieldTitle" :prop="item.fieldId">
+								<el-time-picker v-if="item.fieldType=='time'"  v-model="item.defaultValue"
+								    :picker-options="{
+								      selectableRange: '18:30:00 - 20:30:00'
+								    }"
+								    placeholder="任意时间点">
+								  </el-time-picker> 
+							    <el-date-picker v-if="item.fieldType=='date'" v-model="item.defaultValue"
+							      align="right"
+							      type="date"
+							      placeholder="选择日期"
+							      >
+							    </el-date-picker> 
+							</el-form-item> 
+						</draggable>
+					</el-form>
+			    </el-tab-pane>
+			    <el-tab-pane label="业务组件" name="five">
+			    	<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="bizAddForm">
+						<draggable id="af" class="dragArea min-height"  :options="{group:{ name:'g1', pull:'clone'}, animation:150}" v-model="bizFields" >
+							<el-form-item v-for="(item,index) in bizFields" :key="item.fieldId" :label="item.fieldTitle" :prop="item.fieldId">
+								<dept-tree v-if="item.fieldType=='text' && item.extFieldType=='dept'" v-model="item.defaultValue" root-deptid='' default-expand-all :expand-on-click-node="deptTree.expandOnClickNode" :refresh="deptTree.refreshTree" v-on:nodeClick="handleLeftDeptNodeClick" :indent="deptTree.indent" multiple="false"></dept-tree> 
+							</el-form-item> 
+						</draggable>
+					</el-form>
+			    </el-tab-pane>
+			  </el-tabs>
+		</el-col>
+		<!--基础数据查询 CodeDetail sys_code_detail界面-->
+		<el-dialog title="选择数据组" :visible.sync="itemOptionMngVisible"  width="80%" :modal="false" :close-on-click-modal="false">
+			  <item-option-mng :read-only="true"  @cancel="itemOptionMngVisible=false" @checked-item="checkedItem" style="z-index: 0;"></item-option-mng>
+		</el-dialog>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	//import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addFormField } from '../../../../api/mdp/form/formField';
+	import draggable from 'vuedraggable'
+	import DeptTree from '../../sys/dept/DeptTree';//下拉框数据查询
+	import ItemOptionMng from '@/views/mdp/meta/itemOption/itemOptionMng';//基础数据查询
+	
+	export default {
+		props:['visible','formDef','fields'],
+		watch: {
+	      'selectedFields':function( selectedFields ) {
+	      	console.log("selectedFieldsxxxxxxxxxxxxxxxxxxxxxxxxxxx"); 
+	      	this.$emit('update:fields', selectedFields)
+	      },
+	      'formDef':function( formDef ) {
+	        this.formDef = formDef;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					id: [
+						//{ required: true, message: '主键', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 表单字段定义
+				addForm: {
+					formId:'formId',id:'1',fieldId:'one',fieldIdCamel:'one',fieldTitle:'属性名称',secondCodeRow:'',fieldType:'text',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'0',fieldIdCamel:'',remark:'属性',extFieldType:'',isCloneToFlow:'',flowFieldId:''
+				},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				selectedFields:[
+				
+				],
+				inputFields:[
+					{formId:'formId',id:'1',fieldId:'one',fieldIdCamel:'one',fieldTitle:'文本',secondCodeRow:'',fieldType:'text',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'0',fieldIdCamel:'',remark:'属性',extFieldType:''},
+					{formId:'formId',id:'2',fieldId:'two',fieldIdCamel:'two',fieldTitle:'数字',secondCodeRow:'',fieldType:'number',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'0',fieldIdCamel:'',remark:'属性',extFieldType:''},
+					{formId:'formId',id:'3',fieldId:'three',fieldIdCamel:'three',fieldTitle:'金额',secondCodeRow:'',fieldType:'amount',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'0',fieldIdCamel:'',remark:'属性',extFieldType:''},
+					{formId:'formId',id:'4',fieldId:'four',fieldIdCamel:'four',fieldTitle:'多行文本',secondCodeRow:'',fieldType:'textarea',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'0',fieldIdCamel:'',remark:'属性',extFieldType:''}
+				],
+				selectFields:[
+					{formId:'formId',id:'5',fieldId:'five',fieldIdCamel:'five',fieldTitle:'单选下拉',secondCodeRow:'',fieldType:'select',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'1',fieldIdCamel:'',remark:'属性',extFieldType:''},
+					{formId:'formId',id:'6',fieldId:'six',fieldIdCamel:'six',fieldTitle:'多选下拉',secondCodeRow:'',fieldType:'select',fieldLength:'20',defaultValue:'',isMultiple:'1',placeholder:'请输入',isRequired:'1',isFromBaseData:'1',fieldIdCamel:'',remark:'属性',extFieldType:''}
+				],
+				checkboxFields:[
+					{formId:'formId',id:'7',fieldId:'seven',fieldIdCamel:'seven',fieldTitle:'单选',secondCodeRow:'',fieldType:'radio',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'1',fieldIdCamel:'',remark:'属性',extFieldType:''},
+					{formId:'formId',id:'8',fieldId:'eight',fieldIdCamel:'eight',fieldTitle:'单选框',secondCodeRow:'',fieldType:'checkbox',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'1',fieldIdCamel:'',remark:'属性',extFieldType:''},
+					{formId:'formId',id:'9',fieldId:'nine',fieldIdCamel:'nine',fieldTitle:'多选框',secondCodeRow:'',fieldType:'checkbox',fieldLength:'20',defaultValue:'',isMultiple:'1',placeholder:'请输入',isRequired:'1',isFromBaseData:'1',fieldIdCamel:'',remark:'属性',extFieldType:''}
+				],
+				datetimeFields:[ 
+					{formId:'formId',id:'10',fieldId:'ten',fieldIdCamel:'ten',fieldTitle:'时间',secondCodeRow:'',fieldType:'time',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'1',fieldIdCamel:'',remark:'属性',extFieldType:''},
+					{formId:'formId',id:'11',fieldId:'eleven',fieldIdCamel:'eleven',fieldTitle:'日期',secondCodeRow:'',fieldType:'date',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'1',fieldIdCamel:'',remark:'属性',extFieldType:''}
+				],
+				bizFields:[
+					{formId:'formId',id:'10',fieldId:'twelve',fieldIdCamel:'twelve',fieldTitle:'部门',secondCodeRow:'',fieldType:'text',fieldLength:'20',defaultValue:'',isMultiple:'0',placeholder:'请输入',isRequired:'1',isFromBaseData:'1',fieldIdCamel:'',remark:'属性',extFieldType:'dept'}
+				],
+				delFields:[],//存放删除的属性
+				drag:true,
+				deptTree:{//部门树相关参数设置
+					deptNodeSelected:{},//部门树被选中的节点数据	
+					expandOnClickNode:false, //单击是否展开/收缩
+					indent:8,//缩进
+					refreshTree:false//是否刷新
+				},
+				showPopover:false,
+				activeName:'first',
+				codeSecondSelected:{},//选择的基础数据二级分类代码
+				itemOptionMngVisible:false,//基础数据弹出框
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交FormField 表单字段定义 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addFormField(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+			handleLeftDeptNodeClick(data, node,comp) {
+				this.deptTree.deptNodeSelected=data;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getDepts();
+		    },
+		    itemClick(item,index){
+		    	this.showPopover=true;
+		    	this.addForm =item; 
+		    	
+		    	
+		    },
+
+		    add(evt){
+		    	console.log(evt); 
+		    	let item=this.selectedFields[evt.newIndex];
+		    	this.selectedFields[evt.newIndex]=Object.assign({}, item);
+		    	     			    	
+		    },
+		    //二級分類行被選中
+			codeSecondSelectClick( codeSecond, event, column ){
+				this.itemOptionMngVisible=false;
+				this.codeSecondSelected=codeSecond;
+				this.addForm.secondCodeRow=codeSecond.secondCodeRow;
+			},
+			showItemOptionMng(){
+				this.itemOptionMngVisible=true;
+			}
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-field-edit':FormFieldEdit
+		    draggable,
+		    'dept-tree': DeptTree,
+		    'item-option-mng': ItemOptionMng
+		},
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.formField);
+			//加载下拉列表 如有需要去掉注释
+			/**
+			let optionsParams={code:'all',fieldNames:['sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+.min-height{
+  min-height:300px;
+  }
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formField/FormFieldEdit.vue b/src/views/mdp/form/formField/FormFieldEdit.vue
new file mode 100644
index 0000000..1ca5197
--- /dev/null
+++ b/src/views/mdp/form/formField/FormFieldEdit.vue
@@ -0,0 +1,169 @@
+<template>
+	<section>
+		<el-row>
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 FormField 表单字段定义--> 
+			<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="表单编号" prop="formId">
+					<el-input v-model="editForm.formId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="主键" prop="id">
+					<el-input v-model="editForm.id" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="字段编号对应数据库" prop="fieldId">
+					<el-input v-model="editForm.fieldId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="字段显示内容" prop="fieldTitle">
+					<el-input v-model="editForm.fieldTitle" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="下拉时候关联的分组" prop="secondCodeRow">
+					<el-input v-model="editForm.secondCodeRow" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="字段类型" prop="fieldType">
+					<el-input v-model="editForm.fieldType" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="字段长度" prop="fieldLength">
+					<el-input-number v-model="editForm.fieldLength" :min="0" :max="200"></el-input-number>
+				</el-form-item> 
+				<el-form-item label="默认值" prop="defaultValue">
+					<el-input v-model="editForm.defaultValue" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="是否多选" prop="isMultiple">
+					<el-input v-model="editForm.isMultiple" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="输入框占位文本" prop="placeholder">
+					<el-input v-model="editForm.placeholder" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="是否必输" prop="isRequired">
+					<el-input v-model="editForm.isRequired" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="是否关联基础数据" prop="isFromBaseData">
+					<el-input v-model="editForm.isFromBaseData" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="字段驼峰命名" prop="fieldIdCamel">
+					<el-input v-model="editForm.fieldIdCamel" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="字段备注" prop="remark">
+					<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="扩展信息" prop="extFieldType">
+					<el-input v-model="editForm.extFieldType" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="是否提交到工作流" prop="isCloneToFlow">
+					<el-input v-model="editForm.isCloneToFlow" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="提交到工作流的变量编号" prop="flowFieldId">
+					<el-input v-model="editForm.flowFieldId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" >
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	//import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { editFormField } from '../../../../api/mdp/form/formField';
+	
+	export default {
+		props:['formField','visible'],
+		watch: {
+	      'formField':function( formField ) {
+	        this.editForm = formField;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					id: [
+						//{ required: true, message: '主键', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  FormField 表单字段定义
+				editForm: {
+					formId:'',id:'',fieldId:'',fieldTitle:'',secondCodeRow:'',fieldType:'',fieldLength:'',defaultValue:'',isMultiple:'',placeholder:'',isRequired:'',isFromBaseData:'',fieldIdCamel:'',remark:'',extFieldType:'',isCloneToFlow:'',flowFieldId:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交FormField 表单字段定义父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editFormField(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-field-edit':FormFieldEdit
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.formField);
+			//加载下拉列表 如有需要去掉注释
+			/**
+			let optionsParams={code:'all',fieldNames:['sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formField/FormFieldMng.vue b/src/views/mdp/form/formField/FormFieldMng.vue
new file mode 100644
index 0000000..63fd496
--- /dev/null
+++ b/src/views/mdp/form/formField/FormFieldMng.vue
@@ -0,0 +1,292 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;padding-left: 0px">
+				<el-col :span="4">
+					<el-input v-model="filters.key"  placeholder="模糊查询"></el-input>
+				</el-col>
+				<el-col :span="8">
+					<el-button type="primary"   v-on:click="searchFormFields">查询</el-button>
+					<el-button type="primary"   @click="showAdd">新增</el-button>
+					<el-button type="danger"    @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+				</el-col>	
+				<el-col :span="12">
+					<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination>
+				</el-col>	
+			</el-col>
+			
+			<!--工具条2-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->		
+			
+			<!--列表 FormField 表单字段定义-->
+			<el-table :data="formFields"  @sort-change="sortChange" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column type="selection" width="55"></el-table-column>
+				<el-table-column type="index" width="60"></el-table-column>
+				<el-table-column prop="formId" label="表单编号" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="id" label="主键" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="fieldId" label="字段编号对应数据库" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="fieldTitle" label="字段显示内容" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="secondCodeRow" label="下拉时候关联的分组" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="fieldType" label="字段类型" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="fieldLength" label="字段长度" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="defaultValue" label="默认值" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="isMultiple" label="是否多选" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="placeholder" label="输入框占位文本" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="isRequired" label="是否必输" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="isFromBaseData" label="是否关联基础数据" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="fieldIdCamel" label="字段驼峰命名" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="remark" label="字段备注" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="extFieldType" label="扩展信息" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="isCloneToFlow" label="是否提交到工作流" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="flowFieldId" label="提交到工作流的变量编号" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column label="操作" min-width="150"  fixed="right">
+					<template scope="scope">
+						<el-button  @click="showEdit( scope.row,scope.$index)">改</el-button>
+						<el-button type="danger"  @click="handleDel(scope.row,scope.$index)">删</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			
+			<!--编辑 FormField 表单字段定义界面-->
+			<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+				  <form-field-edit :form-field="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></form-field-edit>
+			</el-dialog>
+	
+			<!--新增 FormField 表单字段定义界面-->
+			<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+				<form-field-add :form-field="addForm" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></form-field-add>
+			</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	//import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listFormField, delFormField, batchDelFormField } from '../../../../api/mdp/form/formField';
+	import  FormFieldAdd from './FormFieldAdd';//新增界面
+	import  FormFieldEdit from './FormFieldEdit';//修改界面
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { mapGetters } from 'vuex'
+	export default { 
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				formFields: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增formField界面是否显示
+				//新增formField界面初始化数据
+				addForm: {
+					formId:'',id:'',fieldId:'',fieldTitle:'',secondCodeRow:'',fieldType:'',fieldLength:'',defaultValue:'',isMultiple:'',placeholder:'',isRequired:'',isFromBaseData:'',fieldIdCamel:'',remark:'',extFieldType:'',isCloneToFlow:'',flowFieldId:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑formField界面初始化数据
+				editForm: {
+					formId:'',id:'',fieldId:'',fieldTitle:'',secondCodeRow:'',fieldType:'',fieldLength:'',defaultValue:'',isMultiple:'',placeholder:'',isRequired:'',isFromBaseData:'',fieldIdCamel:'',remark:'',extFieldType:'',isCloneToFlow:'',flowFieldId:''
+				}
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormFields();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getFormFields();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getFormFields();
+			},
+			searchFormFields(){
+				 this.pageInfo.pageNum=1;
+				 this.pageInfo.total=0;
+				 this.getFormFields();
+			},
+			//获取列表 FormField 表单字段定义
+			getFormFields() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				this.listLoading = true;
+				listFormField(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						this.formFields = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+
+			//显示编辑界面 FormField 表单字段定义
+			showEdit: function ( row,index ) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 FormField 表单字段定义
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getFormFields();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行formField
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除formField
+			handleDel: function (row,index) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { id: row.id };
+					delFormField(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getFormFields();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			//批量删除formField
+			batchDel: function () {
+				var ids = this.sels.map(item => item.id);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelFormField(ids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getFormFields(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			}
+			/**begin 自定义函数请在下面加**/
+			
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'form-field-add':FormFieldAdd,
+		    'form-field-edit':FormFieldEdit,
+		    'sticky': Sticky,
+		    //在下面添加其它组件
+		},
+		mounted() {
+			
+			this.$nextTick(() => {
+				this.getFormFields();
+        	});
+			//加载下拉列表 如有需要去年注释
+			/**
+			let optionsParams={code:'all',fieldNames:['sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formQx/FormQxSet.vue b/src/views/mdp/form/formQx/FormQxSet.vue
new file mode 100644
index 0000000..e86a9ed
--- /dev/null
+++ b/src/views/mdp/form/formQx/FormQxSet.vue
@@ -0,0 +1,271 @@
+<template>
+	<section>
+		<el-row class="app-container"> 
+		<!--编辑界面 FormQx 表单权限--> 
+			<el-form :model="editForm"  label-width="140px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="表单" prop="formId">
+					 {{editForm.formId}}-{{formDef?formDef.formName:''}} 
+				</el-form-item> 
+				<el-form-item label="是否允许其它人" prop="allowOtherQuery">
+					<el-checkbox v-model="editForm.allowOtherQuery" true-label="1" false-label="0">可查询</el-checkbox>
+					<el-checkbox v-model="editForm.allowOtherEdit" true-label="1" false-label="0">可修改</el-checkbox>
+					<el-checkbox v-model="editForm.allowOtherDel" true-label="1" false-label="0">可删除</el-checkbox> 
+				</el-form-item> 
+				<el-form-item label="允许哪些角色查询" prop="allowQueryRoleids" v-if="editForm.allowOtherQuery=='1'">
+					<el-select      multiple v-model="editForm.allowQueryRoleids"   placeholder="请选择">
+		  				<el-option
+					      v-for="item in roles"
+					      :key="item.roleid"
+					      :label="item.rolename"
+					      :value="item.roleid">
+					      <span style="float: left">{{ item.rolename }}</span>
+		   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.remark }}</span>
+					    </el-option>
+					</el-select>
+				</el-form-item> 
+				<el-form-item label="禁止哪些角色查询" prop="notQueryRoleids" v-if="editForm.allowOtherQuery=='1'">
+					
+					<el-select      multiple v-model="editForm.notQueryRoleids"   placeholder="请选择">
+		  				<el-option
+					      v-for="item in roles"
+					      :key="item.roleid"
+					      :label="item.rolename"
+					      :value="item.roleid">
+					      <span style="float: left">{{ item.rolename }}</span>
+		   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.remark }}</span>
+					    </el-option>
+					</el-select>
+				</el-form-item> 
+				<el-form-item label="允许哪些部门查询" prop="allowQueryDeptids" v-show="editForm.allowOtherQuery=='1'"> 
+					 <dept-tree   :branch-id="userInfo.branchId" default-expand-all show-checkbox multiple :expand-on-click-node="false" ref="allowQueryDeptids"></dept-tree>
+				</el-form-item> 
+				<el-form-item label="禁止哪些部门查询" prop="notQueryDeptids" v-show="editForm.allowOtherQuery=='1'">
+					<dept-tree   :branch-id="userInfo.branchId" default-expand-all show-checkbox multiple :expand-on-click-node="false" ref="notQueryDeptids"></dept-tree>
+				</el-form-item> 
+				<el-form-item label="允许哪些人查询" prop="allowQueryUserids" v-if="editForm.allowOtherQuery=='1'">
+					 
+					<el-select    multiple v-model="editForm.allowQueryUserids"   placeholder="请选择">
+		  				<el-option
+					      v-for="item in companyEmployees"
+					      :key="item.userid"
+					      :label="item.username"
+					      :value="item.userid">
+					      <span style="float: left">{{ item.username }}</span>
+		   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+					    </el-option>
+					</el-select>
+				</el-form-item> 
+				<el-form-item label="禁止哪些人查询" prop="notQueryUserids"  v-if="editForm.allowOtherQuery=='1'">
+					 
+					<el-select    multiple v-model="editForm.notQueryUserids"   placeholder="请选择">
+		  				<el-option
+					      v-for="item in companyEmployees"
+					      :key="item.userid"
+					      :label="item.username"
+					      :value="item.userid">
+					      <span style="float: left">{{ item.username }}</span>
+		   					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+					    </el-option>
+					</el-select>
+				</el-form-item>  
+
+
+ 
+				<el-form-item>  
+				<el-col :span="24"  :offset="8"> 
+						<el-button @click.native="handleCancel">取消</el-button>  
+						<el-button v-loading="load.edit" type="primary" @click.native="editSubmit" :disabled="load.edit==true">提交</el-button>  
+						</el-col> 
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询
+	import { listFormQx,editFormQx,addFormQx } from '@/api/mdp/form/formQx';
+	import { listRole } from '@/api/mdp/sys/role';
+	import { mapGetters } from 'vuex'
+
+	import DeptTree from '@/views/mdp/sys/dept/DeptTree';//下拉框数据查询
+	export default { 
+		computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['formQx','visible','formDef','companyEmployees'],
+		watch: {
+			'formDef': function(formDef){
+				this.editForm.formId=formDef.id;
+				if(!this.formQx){
+					 console.log("formQDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD")
+					this.getFormQx()
+				}
+				
+			},
+	      'formQx':function( formQx ) { 
+	    	  if(formQx){
+	    		  console.log("formQxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx")
+	    		this.editForm=Object.assign(this.editForm, formQx);   
+	    		  this.isAdd=false
+	  			this.formQxStringTransferArray(this.editForm) 
+	    	  }
+			
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				editFormRules: {
+					formId: [
+						//{ required: true, message: '表单编号不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  FormQx 表单权限
+				editForm: {
+					formId:'',allowQueryRoleids:[],allowQueryDeptids:[],allowQueryUserids:[],notQueryRoleids:[],notQueryDeptids:[],notQueryUserids:[],allowOtherQuery:'1',allowOtherEdit:'0',allowOtherDel:'0',doDeptLvlCheck:'0',deptLvlQx:''
+				},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				roles: [],
+				isAdd: false,
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				//this.$refs['editForm'].resetFields();
+				this.$emit('cancel');
+			},
+			//编辑提交FormQx 表单权限父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.edit=true
+							let formQx=Object.assign({},this.editForm) 
+					        formQx.allowQueryRoleids=formQx.allowQueryRoleids.join(',') 
+					        formQx.allowQueryDeptids=this.$refs['allowQueryDeptids'].$refs.deptTree.getCheckedKeys().join(",")
+					        formQx.allowQueryUserids=formQx.allowQueryUserids.join(',')
+					        formQx.notQueryRoleids=formQx.notQueryRoleids.join(',')
+					        formQx.notQueryDeptids=this.$refs['notQueryDeptids'].$refs.deptTree.getCheckedKeys().join(",")
+					        formQx.notQueryUserids=formQx.notQueryUserids.join(',')
+							let params = Object.assign({}, formQx); 
+							if(this.isAdd==true){
+								addFormQx(params).then((res) => {
+									this.load.edit=false
+									var tips=res.data.tips;
+									if(tips.isOk){
+										this.$refs['editForm'].resetFields();
+										this.$emit('submit');//  @submit="afterAddSubmit"
+									}
+									this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+								}).catch( err  => this.load.add=false);
+							}else{
+								editFormQx(params).then((res) => {
+									this.load.edit=false
+									var tips=res.data.tips;
+									if(tips.isOk){
+										this.$refs['editForm'].resetFields();
+										this.$emit('submit');//  @submit="afterEditSubmit"
+									}
+									this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+								}).catch( err =>this.load.edit=false);
+							}
+							
+						});
+					}
+				});
+			},
+			formQxStringTransferArray: function(formQx){
+				if(formQx.allowQueryRoleids!='' && formQx.allowQueryRoleids!=null){
+					formQx.allowQueryRoleids=formQx.allowQueryRoleids.split(',')
+				}else{
+					formQx.allowQueryRoleids=[]
+				} 
+				if(formQx.allowQueryUserids!='' && formQx.allowQueryUserids!=null){
+					formQx.allowQueryUserids=formQx.allowQueryUserids.split(',')
+				}else{
+					formQx.allowQueryUserids=[]
+				}
+				if(formQx.allowQueryDeptids!='' && formQx.allowQueryDeptids!=null){
+					formQx.allowQueryDeptids=formQx.allowQueryDeptids.split(',')
+					
+				}else{
+					formQx.allowQueryDeptids=[]
+				}
+				this.$refs['allowQueryDeptids'].$refs.deptTree.setCheckedKeys(formQx.allowQueryDeptids); 
+				if(formQx.notQueryRoleids!='' && formQx.notQueryRoleids!=null){
+					formQx.notQueryRoleids=formQx.notQueryRoleids.split(',')
+				}else{
+					formQx.notQueryRoleids=[]
+				}
+				if(formQx.notQueryDeptids!='' && formQx.notQueryDeptids!=null){
+					formQx.notQueryDeptids=formQx.notQueryDeptids.split(',')
+				}else{
+					formQx.notQueryDeptids=[]
+				}
+				this.$refs['notQueryDeptids'].$refs.deptTree.setCheckedKeys(formQx.notQueryDeptids); 
+				if(formQx.notQueryUserids!='' && formQx.notQueryUserids!=null){
+					formQx.notQueryUserids=formQx.notQueryUserids.split(',')
+				}else{
+					formQx.notQueryUserids=[]
+				} 
+				return formQx
+			},
+			getFormQx: function(){
+				let params={formId:this.editForm.formId}
+				this.load.list = true;
+				listFormQx(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){  
+						if(res.data.data.length>0){
+							this.isAdd=false
+							let tempFormQx=Object.assign({}, res.data.data[0]);   
+							this.editForm=this.formQxStringTransferArray(tempFormQx)
+						}else{
+							this.isAdd=true
+						}
+						
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch( err => this.load.list = false );
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-qx-edit':FormQxEdit
+			'dept-tree': DeptTree,
+		},
+		mounted() {
+			if(this.formQx){
+				this.isAdd=false
+				let tempFormQx=Object.assign({}, this.formQx);   
+				this.editForm=this.formQxStringTransferArray(tempFormQx)
+			}else{
+				this.editForm.formId=this.formDef.id
+				this.getFormQx()
+			}
+			listRole({branchId:this.userInfo.branchId}).then(res=>this.roles=res.data.data)
+			
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formView/FormViewAdd.vue b/src/views/mdp/form/formView/FormViewAdd.vue
new file mode 100644
index 0000000..b173516
--- /dev/null
+++ b/src/views/mdp/form/formView/FormViewAdd.vue
@@ -0,0 +1,132 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->
+			 
+			<!--新增界面 FormView 表单页面--> 
+			<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="表单主键" prop="formId">
+					<el-input v-model="addForm.formId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="视图主键" prop="id">
+					<el-input v-model="addForm.id" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="页面html内容" prop="viewContext">
+					<el-input v-model="addForm.viewContext" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="关联的业务功能编号" prop="bizId">
+					<el-input v-model="addForm.bizId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" >
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	//import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addFormView } from '../../../../api/mdp/form/formView';
+	
+	export default {
+		props:['formView','visible'],
+		watch: {
+	      'formView':function( formView ) {
+	        this.addForm = formView;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					id: [
+						//{ required: true, message: '视图主键', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 表单页面
+				addForm: {
+					formId:'',id:'',viewContext:'',bizId:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交FormView 表单页面 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addFormView(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-view-edit':FormViewEdit
+		},
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.formView);
+			//加载下拉列表 如有需要去掉注释
+			/**
+			let optionsParams={code:'all',fieldNames:['sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formView/FormViewEdit.vue b/src/views/mdp/form/formView/FormViewEdit.vue
new file mode 100644
index 0000000..50533fe
--- /dev/null
+++ b/src/views/mdp/form/formView/FormViewEdit.vue
@@ -0,0 +1,130 @@
+<template>
+	<section>
+		<el-row>
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 FormView 表单页面--> 
+			<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="表单主键" prop="formId">
+					<el-input v-model="editForm.formId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="视图主键" prop="id">
+					<el-input v-model="editForm.id" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="页面html内容" prop="viewContext">
+					<el-input v-model="editForm.viewContext" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="关联的业务功能编号" prop="bizId">
+					<el-input v-model="editForm.bizId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" >
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	//import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { editFormView } from '../../../../api/mdp/form/formView';
+	
+	export default {
+		props:['formView','visible'],
+		watch: {
+	      'formView':function( formView ) {
+	        this.editForm = formView;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					id: [
+						//{ required: true, message: '视图主键', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  FormView 表单页面
+				editForm: {
+					formId:'',id:'',viewContext:'',bizId:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交FormView 表单页面父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editFormView(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'form-view-edit':FormViewEdit
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.formView);
+			//加载下拉列表 如有需要去掉注释
+			/**
+			let optionsParams={code:'all',fieldNames:['sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/form/formView/FormViewMng.vue b/src/views/mdp/form/formView/FormViewMng.vue
new file mode 100644
index 0000000..5b5b36e
--- /dev/null
+++ b/src/views/mdp/form/formView/FormViewMng.vue
@@ -0,0 +1,267 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;padding-left: 0px">
+				<el-col :span="4">
+					<el-input v-model="filters.key"  placeholder="模糊查询"></el-input>
+				</el-col>
+				<el-col :span="8">
+					<el-button type="primary"   v-on:click="searchFormViews">查询</el-button>
+					<el-button type="primary"   @click="showAdd">新增</el-button>
+					<el-button type="danger"    @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+				</el-col>	
+				<el-col :span="12">
+					<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination>
+				</el-col>	
+			</el-col>
+			
+			<!--工具条2-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->		
+			
+			<!--列表 FormView 表单页面-->
+			<el-table :data="formViews"  @sort-change="sortChange" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+				<el-table-column type="selection" width="55"></el-table-column>
+				<el-table-column type="index" width="60"></el-table-column>
+				<el-table-column prop="formId" label="表单主键" min-width="80"></el-table-column>
+				<el-table-column prop="id" label="视图主键" min-width="80"></el-table-column>
+				<el-table-column prop="viewContext" label="页面html内容" min-width="80"></el-table-column>
+				<el-table-column prop="bizId" label="关联的业务功能编号" min-width="80"></el-table-column>
+				<el-table-column label="操作" min-width="150"  fixed="right">
+					<template scope="scope">
+						<el-button  @click="showEdit( scope.row,scope.$index)">改</el-button>
+						<el-button type="danger"  @click="handleDel(scope.row,scope.$index)">删</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			
+			<!--编辑 FormView 表单页面界面-->
+			<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+				  <form-view-edit :form-view="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></form-view-edit>
+			</el-dialog>
+	
+			<!--新增 FormView 表单页面界面-->
+			<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+				<form-view-add :form-view="addForm" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></form-view-add>
+			</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	//import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listFormView, delFormView, batchDelFormView } from '../../../../api/mdp/form/formView';
+	import  FormViewAdd from './FormViewAdd';//新增界面
+	import  FormViewEdit from './FormViewEdit';//修改界面
+	
+	export default {
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				formViews: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增formView界面是否显示
+				//新增formView界面初始化数据
+				addForm: {
+					formId:'',id:'',viewContext:'',bizId:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑formView界面初始化数据
+				editForm: {
+					formId:'',id:'',viewContext:'',bizId:''
+				}
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.pageNum=1;
+				this.getFormViews();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getFormViews();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getFormViews();
+			},
+			searchFormViews(){
+				 this.pageInfo.pageNum=1;
+				 this.pageInfo.total=0;
+				 this.getFormViews();
+			},
+			//获取列表 FormView 表单页面
+			getFormViews() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				this.listLoading = true;
+				listFormView(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						this.formViews = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+
+			//显示编辑界面 FormView 表单页面
+			showEdit: function ( row,index ) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 FormView 表单页面
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getFormViews();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行formView
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除formView
+			handleDel: function (row,index) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { id: row.id };
+					delFormView(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getFormViews();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			},
+			//批量删除formView
+			batchDel: function () {
+				var ids = this.sels.map(item => item.id);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelFormView(ids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getFormViews(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					 
+				});
+			}
+			/**begin 自定义函数请在下面加**/
+			
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'form-view-add':FormViewAdd,
+		    'form-view-edit':FormViewEdit
+		    //在下面添加其它组件
+		},
+		mounted() {
+			this.getFormViews();
+			
+			//加载下拉列表 如有需要去年注释
+			/**
+			let optionsParams={code:'all',fieldNames:['sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/category/CategoryAdd.vue b/src/views/mdp/meta/category/CategoryAdd.vue
new file mode 100644
index 0000000..1d6c3ca
--- /dev/null
+++ b/src/views/mdp/meta/category/CategoryAdd.vue
@@ -0,0 +1,124 @@
+<template>
+	<section>
+		<el-row>
+			<!--新增界面 Category 元数据分类--> 
+			<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="分类编号" prop="id">
+					<el-input v-model="addForm.id" auto-complete="off"></el-input><el-tag>为空，则后台自动生成</el-tag>
+				</el-form-item> 
+				<el-form-item label="分类名称" prop="categoryName" required>
+					<el-input v-model="addForm.categoryName" auto-complete="off"></el-input>
+				</el-form-item>  
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="addForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="是否显示" prop="isShow"> 
+					<el-switch
+					  v-model="addForm.isShow" 
+					  active-value="1"
+					  inactive-value="0">
+					</el-switch>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.add" type="primary" @click.native="addSubmit" >提交</el-button>  
+					</el-col>
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { addCategory } from '@/api/mdp/meta/category';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['category','visible'],
+		watch: {
+	      'category':function( category ) {
+	        this.addForm = category;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				addFormRules: {
+					categoryName: [
+						{ required: true, message: '分类名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 元数据分类
+				addForm: {
+					id:'',categoryName:'',isShow:'1',remark:'',branchId:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Category 元数据分类 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.add=true
+							let params = Object.assign({}, this.addForm); 
+							addCategory(params).then((res) => {
+								this.load.add=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.load.add=false
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'category-edit':CategoryEdit
+		},
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.category);  
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/category/CategoryEdit.vue b/src/views/mdp/meta/category/CategoryEdit.vue
new file mode 100644
index 0000000..6a5e2de
--- /dev/null
+++ b/src/views/mdp/meta/category/CategoryEdit.vue
@@ -0,0 +1,120 @@
+<template>
+	<section>
+		<el-row> 
+		<!--编辑界面 Category 元数据分类--> 
+			<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="分类编号" prop="id">
+					<el-tag>{{editForm.id}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="分类名称" prop="categoryName">
+					<el-input v-model="editForm.categoryName" auto-complete="off"></el-input>
+				</el-form-item>  
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="是否显示" prop="isShow"> 
+					<el-switch
+					  v-model="editForm.isShow" 
+					  active-value="1"
+					  inactive-value="0">
+					</el-switch> 
+				</el-form-item> 
+				<el-form-item> 
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.edit" type="primary" @click.native="editSubmit">提交</el-button>  
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { editCategory } from '@/api/mdp/meta/category';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['category','visible'],
+		watch: {
+	      'category':function( category ) {
+	        this.editForm = category;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				editFormRules: {
+					categoryName: [
+						{ required: true, message: '分类名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  Category 元数据分类
+				editForm: {
+					id:'',categoryName:'',isShow:'',remark:'',branchId:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交Category 元数据分类父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.edit=true
+							let params = Object.assign({}, this.editForm); 
+							editCategory(params).then((res) => {
+								this.load.edit=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.load.edit=false
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'category-edit':CategoryEdit
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.category);  
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/category/CategoryMng.vue b/src/views/mdp/meta/category/CategoryMng.vue
new file mode 100644
index 0000000..8e34b5c
--- /dev/null
+++ b/src/views/mdp/meta/category/CategoryMng.vue
@@ -0,0 +1,247 @@
+<template>
+	<section>
+		<sticky :className="'sub-navbar draft'">
+			<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input> 
+			<el-button type="primary" v-loading="load.list" v-on:click="searchCategorys">查询</el-button>
+			<el-button type="primary" @click="showAdd">+元数据分类</el-button>
+			<el-button type="danger" v-loading="load.del" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button> 
+		</sticky>
+		<el-row class="app-container"> 
+			<!--列表 Category 元数据分类-->
+			<el-table :data="categorys" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column type="selection" width="55"></el-table-column>
+				<el-table-column type="index" width="60"></el-table-column>
+				<el-table-column prop="id" label="分类编号" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="categoryName" label="分类名称" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="isShow" label="是否显示" min-width="80" show-overflow-tooltip>
+					<template slot-scope="scope">
+					<el-tag v-if="scope.row.isShow=='1'">√</el-tag>
+					<el-tag v-else>×</el-tag>
+					</template>
+				</el-table-column>
+				<el-table-column prop="remark" label="备注" min-width="80" show-overflow-tooltip></el-table-column> 
+				<el-table-column label="操作" min-width="150" fixed="right">
+					<template slot-scope="scope">
+						<el-button  @click="showEdit( scope.row,scope.$index)">改</el-button>
+						<el-button type="danger" @click="handleDel(scope.row,scope.$index)">删</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
+		
+			<!--编辑 Category 元数据分类界面-->
+			<el-dialog title="编辑元数据分类" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+				  <category-edit :category="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></category-edit>
+			</el-dialog>
+	
+			<!--新增 Category 元数据分类界面-->
+			<el-dialog title="新增元数据分类" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+				<category-add :category="addForm" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></category-add>
+			</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { listCategory, delCategory, batchDelCategory } from '@/api/mdp/meta/category';
+	import  CategoryAdd from './CategoryAdd';//新增界面
+	import  CategoryEdit from './CategoryEdit';//修改界面
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				categorys: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增category界面是否显示
+				//新增category界面初始化数据
+				addForm: {
+					id:'',categoryName:'',isShow:'1',remark:'',branchId:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑category界面初始化数据
+				editForm: {
+					id:'',categoryName:'',isShow:'1',remark:'',branchId:''
+				}
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.count=true;
+				
+				this.getCategorys();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getCategorys();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getCategorys();
+			},
+			searchCategorys(){
+				 
+				 this.pageInfo.count=true;
+				 this.getCategorys();
+			},
+			//获取列表 Category 元数据分类
+			getCategorys() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				this.load.list = true;
+				listCategory(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.data.total;this.pageInfo.count=false;
+						this.categorys = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch(() => {
+					this.load.list = false;
+					//this.$message({ message: '通讯错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 Category 元数据分类
+			showEdit: function ( row,index ) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 Category 元数据分类
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.count=true;
+				this.getCategorys();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行category
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除category
+			handleDel: function (row,index) {
+				
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => { 
+					this.load.del=true;
+					let params =row;
+					delCategory(params).then((res) => {
+						this.load.del=false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.count=true;
+							this.getCategorys();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+					});
+				}).catch(() => {
+					this.load.del=false;
+				});
+			},
+			//批量删除category
+			batchDel: function () {
+				
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => { 
+					this.load.del=true;
+					batchDelCategory(this.sels).then((res) => {
+						this.load.del=false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.count=true;
+							this.getCategorys(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.load.del=false;
+				});
+			},
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			}
+			/**begin 自定义函数请在下面加**/
+			
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'category-add':CategoryAdd,
+		    'category-edit':CategoryEdit,
+		    'sticky': Sticky
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			this.$nextTick(() => {
+				this.getCategorys();
+        	}); 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/item/ItemAdd.vue b/src/views/mdp/meta/item/ItemAdd.vue
new file mode 100644
index 0000000..9d53471
--- /dev/null
+++ b/src/views/mdp/meta/item/ItemAdd.vue
@@ -0,0 +1,135 @@
+<template>
+	<section>
+		<el-row>
+			<!--新增界面 Item 数据项定义--> 
+			<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="编号" prop="id">
+					<el-input v-model="addForm.id" auto-complete="off"></el-input><el-tag>为空，则后台自动生成</el-tag>
+				</el-form-item> 
+				<el-form-item label="代码" prop="itemCode">
+					<el-input v-model="addForm.itemCode" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="名称" prop="itemName">
+					<el-input v-model="addForm.itemName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="addForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="长度" prop="itemSize">
+					<el-input v-model="addForm.itemSize" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="类型" prop="itemType">
+					<el-radio v-model="addForm.itemType" label="text">文本</el-radio>
+				    <el-radio v-model="addForm.itemType" label="number">数字</el-radio>
+				    <el-radio v-model="addForm.itemType" label="date">日期</el-radio>
+				    <el-radio v-model="addForm.itemType" label="image">图片</el-radio>
+				    <el-radio v-model="addForm.itemType" label="video">视频</el-radio>
+				    <el-radio v-model="addForm.itemType" label="clog">图文</el-radio>
+				    <el-radio v-model="addForm.itemType" label="blog">二进制</el-radio>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.add" type="primary" @click.native="addSubmit" >提交</el-button>  
+					</el-col>
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { addItem } from '@/api/mdp/meta/item'; 
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['item','visible'],
+		watch: {
+	      'item':function( item ) {
+	        this.addForm = item;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				addFormRules: {
+					itemName: [
+						{ required: true, message: '名称不能为空', trigger: 'blur' }
+					],
+					itemCode: [
+						{ required: true, message: '代码不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 数据项定义
+				addForm: {
+					id:'',itemCode:'',itemName:'',remark:'',categoryId:'',itemSize:'',itemType:'',branchId:'',deptid:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Item 数据项定义 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.add=true
+							let params = Object.assign({}, this.addForm); 
+							addItem(params).then((res) => {
+								this.load.add=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.load.add=false
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'item-edit':ItemEdit
+		},
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.item);  
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/item/ItemEdit.vue b/src/views/mdp/meta/item/ItemEdit.vue
new file mode 100644
index 0000000..6c76bd8
--- /dev/null
+++ b/src/views/mdp/meta/item/ItemEdit.vue
@@ -0,0 +1,135 @@
+<template>
+	<section>
+		<el-row>
+			<!--新增界面 Item 数据项定义--> 
+			<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="编号" prop="id">
+					<el-tag>{{editForm.id}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="代码" prop="itemCode">
+					<el-input v-model="editForm.itemCode" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="名称" prop="itemName">
+					<el-input v-model="editForm.itemName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="长度" prop="itemSize">
+					<el-input v-model="editForm.itemSize" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="类型" prop="itemType">
+					<el-radio v-model="editForm.itemType" label="text">文本</el-radio>
+				    <el-radio v-model="editForm.itemType" label="number">数字</el-radio>
+				    <el-radio v-model="editForm.itemType" label="date">日期</el-radio>
+				    <el-radio v-model="editForm.itemType" label="image">图片</el-radio>
+				    <el-radio v-model="editForm.itemType" label="video">视频</el-radio>
+				    <el-radio v-model="editForm.itemType" label="clog">图文</el-radio>
+				    <el-radio v-model="editForm.itemType" label="blog">二进制</el-radio>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.edit" type="primary" @click.native="editSubmit" >提交</el-button>  
+					</el-col>
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { editItem } from '@/api/mdp/meta/item';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['item','visible'],
+		watch: {
+	      'item':function( item ) {
+	        this.editForm = item;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				load:{ list: false, add: false, del: false, edit: false },//查询中...
+				editFormRules: {
+					itemName: [
+						{ required: true, message: '名称不能为空', trigger: 'blur' }
+					],
+					itemCode: [
+						{ required: true, message: '代码不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 数据项定义
+				editForm: {
+					id:'',itemCode:'',itemName:'',remark:'',categoryId:'',itemSize:'',itemType:'',branchId:'',deptid:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Item 数据项定义 父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.edit=true
+							let params = Object.assign({}, this.editForm); 
+							editItem(params).then((res) => {
+								this.load.edit=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.load.edit=false
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'item-edit':ItemEdit
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.item);  
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/item/ItemMng.vue b/src/views/mdp/meta/item/ItemMng.vue
new file mode 100644
index 0000000..c23cd28
--- /dev/null
+++ b/src/views/mdp/meta/item/ItemMng.vue
@@ -0,0 +1,270 @@
+<template>
+	<section>
+		<sticky :className="'sub-navbar draft'">
+			 <el-select style="width:40%;" v-model="filters.categoryId" v-loading="load.list" placeholder="请选择分类" clearable>
+			    <el-option
+			      v-for="item in categorys"
+			      :key="item.id"
+			      :label="item.categoryName"
+			      :value="item.id">
+			    </el-option>
+			  </el-select>
+			<el-button type="text" @click="showAdd" :disabled="readOnly==true">+字段</el-button> 
+			<el-button type="text" v-loading="load.del" @click="batchDel" :disabled="this.sels.length===0 || readOnly==true">删除</el-button> 
+		</sticky>
+		<el-row  class="app-container"> 
+			<!--列表 Item 数据项定义-->
+			<el-table :data="items" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column type="selection" min-width="55"></el-table-column> 
+				<el-table-column prop="itemCode" label="代码" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="itemName" label="名称" min-width="150" show-overflow-tooltip></el-table-column> 
+				<el-table-column label="操作" min-width="80" fixed="right" show-overflow-tooltip>
+					<template slot-scope="scope">
+						<el-button v-if="readOnly!=true" type="text" @click="showEdit( scope.row,scope.$index)">改</el-button>  
+						<el-button v-if="readOnly==true" type="text" @click="checkedItem( scope.row,scope.$index)">选择</el-button>  
+					</template>
+				</el-table-column>
+			</el-table>
+			<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
+		
+			<!--编辑 Item 数据项定义界面-->
+			<el-dialog title="编辑数据项定义" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+				  <item-edit :item="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></item-edit>
+			</el-dialog>
+	
+			<!--新增 Item 数据项定义界面-->
+			<el-dialog title="新增数据项定义" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+				<item-add :item="addForm" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></item-add>
+			</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件 
+	import { listItem, delItem, batchDelItem } from '@/api/mdp/meta/item';
+	import { listCategory } from '@/api/mdp/meta/category';
+	import  ItemAdd from './ItemAdd';//新增界面
+	import  ItemEdit from './ItemEdit';//修改界面
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+		props:['readOnly'],
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		watch:{
+			'filters.categoryId':function(val){
+				this.searchItems();
+			}
+		},
+		data() {
+			return {
+				filters: {
+					key: '',
+					categoryId:''
+				},
+				items: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增item界面是否显示
+				//新增item界面初始化数据
+				addForm: {
+					id:'',itemCode:'',itemName:'',remark:'',categoryId:'',itemSize:'10',itemType:'text',branchId:'',deptid:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑item界面初始化数据
+				editForm: {
+					id:'',itemCode:'',itemName:'',remark:'',categoryId:'',itemSize:'',itemType:'',branchId:'',deptid:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				categorys:[],	
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.count=true;
+				
+				this.getItems();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getItems();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getItems();
+			},
+			searchItems(){
+				 
+				 this.pageInfo.count=true;
+				 this.getItems();
+			},
+			//获取列表 Item 数据项定义
+			getItems() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				params.categoryId=this.filters.categoryId
+				this.load.list = true;
+				listItem(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.data.total;this.pageInfo.count=false;
+						this.items = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch(() => {
+					this.load.list = false;
+					//this.$message({ message: '通讯错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 Item 数据项定义
+			showEdit: function ( row,index ) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 Item 数据项定义
+			showAdd: function () {
+				if(this.filters.categoryId==''){
+					this.$message.error("请先选择分类");
+					return
+				}
+				this.addForm.categoryId=this.filters.categoryId;
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.count=true;
+				this.getItems();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行item
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除item
+			handleDel: function (row,index) {
+				
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => { 
+					this.load.del=true;
+					let params = row;
+					delItem(params).then((res) => {
+						this.load.del=false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.count=true;
+							this.getItems();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+					});
+				}).catch(() => {
+					this.load.del=false;
+				});
+			},
+			//批量删除item
+			batchDel: function () {
+				
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => { 
+					this.load.del=true;
+					batchDelItem(this.sels).then((res) => {
+						this.load.del=false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.count=true;
+							this.getItems(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.load.del=false;
+				});
+			},
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			},
+			checkedItem: function(row, event, column){
+				this.$emit('checked-item',row, event, column);//  @checked-item="checkedItem"
+			}
+			/**begin 自定义函数请在下面加**/
+			
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'item-add':ItemAdd,
+		    'item-edit':ItemEdit,
+		    'sticky': Sticky
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			this.$nextTick(() => {
+				this.getItems();
+				this.load.list=true
+				listCategory({branchId:''}).then(res=>{
+					this.load.list=false
+					if(res.data.tips.isOk){
+						this.categorys=res.data.data
+					}else{
+						this.$messaage.error(res.data.tips.msg);
+					}
+				}).catch(()=>this.load.list=false);
+        	}); 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/itemOption/ItemOptionAdd.vue b/src/views/mdp/meta/itemOption/ItemOptionAdd.vue
new file mode 100644
index 0000000..ff1d3e1
--- /dev/null
+++ b/src/views/mdp/meta/itemOption/ItemOptionAdd.vue
@@ -0,0 +1,148 @@
+<template>
+	<section>
+		<el-row>
+			<!--新增界面 ItemOption 数据项取值列表--> 
+			<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="选项值" prop="optionValue">
+					<el-input v-model="addForm.optionValue" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="选项名称" prop="optionName">
+					<el-input v-model="addForm.optionName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="快捷键" prop="keys">
+					<el-input v-model="addForm.keys" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="" prop="isShow">
+					<el-col :span=8>
+					<el-switch
+					  v-model="addForm.isShow" 
+					  active-value="1"
+					  inactive-value="0"
+					  active-text="显示"
+					  inactive-text="不显示"
+					  >
+					</el-switch>
+					</el-col>
+					<el-col :span=8>
+					<el-switch
+					  v-model="addForm.isDefault" 
+					  active-value="1"
+					  inactive-value="0"
+					  active-text="是默认值"
+					  inactive-text="不是默认值"
+					  >
+					</el-switch>
+					</el-col>
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input v-model="addForm.seqOrder" auto-complete="off"></el-input><el-tag>为空，则后台自动计算</el-tag>
+				</el-form-item> 
+				<el-form-item label="第一扩展字段" prop="fp">
+					<el-input v-model="addForm.fp" auto-complete="off"></el-input>
+				</el-form-item>    
+				<el-form-item>
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.add" type="primary" @click.native="addSubmit" >提交</el-button>  
+					</el-col>
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { addItemOption } from '@/api/mdp/meta/itemOption';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['itemOption','visible'],
+		watch: {
+	      'itemOption':function( itemOption ) {
+	        this.addForm = itemOption;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				addFormRules: {
+					optionValue: [
+						{ required: true, message: '选项值不能为空', trigger: 'blur' }
+					],
+					optionName: [
+						{ required: true, message: '选项名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 数据项取值列表
+				addForm: {
+					itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交ItemOption 数据项取值列表 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.add=true
+							let params = Object.assign({}, this.addForm); 
+							addItemOption(params).then((res) => {
+								this.load.add=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.load.add=false
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'item-option-edit':ItemOptionEdit
+		},
+		mounted() {
+			this.addForm=this.itemOption;  
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/itemOption/ItemOptionEdit.vue b/src/views/mdp/meta/itemOption/ItemOptionEdit.vue
new file mode 100644
index 0000000..255f75b
--- /dev/null
+++ b/src/views/mdp/meta/itemOption/ItemOptionEdit.vue
@@ -0,0 +1,148 @@
+<template>
+	<section>
+		<el-row> 
+		<!--编辑界面 ItemOption 数据项取值列表--> 
+			<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm"> 
+				<el-form-item label="选项值" prop="optionValue">
+					<el-input v-model="editForm.optionValue" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="选项名称" prop="optionName">
+					<el-input v-model="editForm.optionName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="快捷键" prop="keys">
+					<el-input v-model="editForm.keys" auto-complete="off"></el-input>
+				</el-form-item> 
+
+				<el-form-item label="顺序" prop="seqOrder">
+					<el-input v-model="editForm.seqOrder" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="第一扩展字段" prop="fp">
+					<el-input v-model="editForm.fp" auto-complete="off"></el-input>
+				</el-form-item>  
+				<el-form-item label="" prop="isShow">
+					<el-col :span=8>
+					<el-switch
+					  v-model="editForm.isShow" 
+					  active-value="1"
+					  inactive-value="0"
+					  active-text="显示"
+					  inactive-text="不显示"
+					  >
+					</el-switch>
+					</el-col>
+					<el-col :span=8>
+					<el-switch
+					  v-model="editForm.isDefault" 
+					  active-value="1"
+					  inactive-value="0"
+					  active-text="是默认值"
+					  inactive-text="不是默认值"
+					  >
+					</el-switch>
+					</el-col>
+				</el-form-item> 
+				<el-form-item label="创建日期" prop="cdate">
+					<el-date-picker type="date" placeholder="选择日期" v-model="editForm.cdate"  value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker>
+				</el-form-item> 
+				<el-form-item> 
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.edit" type="primary" @click.native="editSubmit">提交</el-button>  
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { editItemOption } from '@/api/mdp/meta/itemOption';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['itemOption','visible'],
+		watch: {
+	      'itemOption':function( itemOption ) {
+	        this.editForm = itemOption;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				editFormRules: {
+					optionValue: [
+						{ required: true, message: '选项值不能为空', trigger: 'blur' }
+					],
+					optionName: [
+						{ required: true, message: '选项名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  ItemOption 数据项取值列表
+				editForm: {
+					itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交ItemOption 数据项取值列表父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.edit=true
+							let params = Object.assign({}, this.editForm); 
+							editItemOption(params).then((res) => {
+								this.load.edit=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.load.edit=false
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'item-option-edit':ItemOptionEdit
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.itemOption);  
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/itemOption/ItemOptionMng.vue b/src/views/mdp/meta/itemOption/ItemOptionMng.vue
new file mode 100644
index 0000000..75eafd0
--- /dev/null
+++ b/src/views/mdp/meta/itemOption/ItemOptionMng.vue
@@ -0,0 +1,293 @@
+<template>
+	<section>
+		<el-row>
+			<el-col :span="6">
+				<item-mng :read-only="readOnly" @row-click="itemRowClick" @checked-item="checkedItem"></item-mng>
+			</el-col>
+			<el-col :span="18"> 
+			<sticky :className="'sub-navbar draft'">
+			<el-input v-model="addForm.optionName"  @keyup.enter.native="addSubmit" style="width: 40%;" placeholder="输入名称按回车快速添加字段值"></el-input> 
+			<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input> 
+			<el-button type="primary" v-loading="load.list" v-on:click="searchItemOptions">查询</el-button>
+			<el-button type="text" @click="showAdd" :disabled="readOnly==true">+字段值</el-button>
+			<el-button type="text" v-loading="load.del" @click="batchDel" :disabled="this.sels.length===0 || readOnly==true">删除</el-button> 
+			</sticky>  
+			<el-row  class="app-container">
+			<!--列表 ItemOption 数据项取值列表-->
+			<el-table :data="itemOptions" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column type="selection" width="55"></el-table-column>
+				<el-table-column prop="seqOrder" label="顺序" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="optionValue" label="选项值" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="optionName" label="选项名称" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="isShow" label="是否显示" min-width="80" show-overflow-tooltip>
+					<template slot-scope="scope">
+					<el-tag v-if="scope.row.isShow=='1'">√</el-tag>
+					<el-tag v-else>×</el-tag>
+					</template>
+				</el-table-column>
+				<el-table-column prop="fp" label="扩展字段" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column v-if="readOnly!=true" label="操作" width="150" fixed="right" show-overflow-tooltip>
+					<template slot-scope="scope">
+						<el-button  @click="showEdit( scope.row,scope.$index)" >改</el-button>
+						<el-button  type="danger" @click="handleDel(scope.row,scope.$index)">删</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
+			 </el-row>
+		</el-col>
+			<!--编辑 ItemOption 数据项取值列表界面-->
+			<el-dialog title="编辑数据项取值列表" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+				  <item-option-edit :item-option="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></item-option-edit>
+			</el-dialog>
+	
+			<!--新增 ItemOption 数据项取值列表界面-->
+			<el-dialog title="新增数据项取值列表" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+				<item-option-add :item-option="addForm" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></item-option-add>
+			</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { listItemOption, delItemOption, batchDelItemOption, addItemOption,listOption } from '@/api/mdp/meta/itemOption';
+	import  ItemOptionAdd from './ItemOptionAdd';//新增界面
+	import  ItemOptionEdit from './ItemOptionEdit';//修改界面
+	import  ItemMng from '../item/ItemMng';//修改界面
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+		props:['readOnly'],
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				itemOptions: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增itemOption界面是否显示
+				//新增itemOption界面初始化数据
+				addForm: {
+					itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'1',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑itemOption界面初始化数据
+				editForm: {
+					itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'1',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				item:{}, 
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.count=true;
+				
+				this.getItemOptions();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getItemOptions();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getItemOptions();
+			},
+			searchItemOptions(){
+				 
+				 this.pageInfo.count=true;
+				 this.getItemOptions();
+			},
+			//获取列表 ItemOption 数据项取值列表
+			getItemOptions() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				if(this.item!=null && this.item.id!=''){
+					params.itemId=this.item.id
+				}
+				this.load.list = true;
+				listItemOption(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.data.total;this.pageInfo.count=false;
+						this.itemOptions = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch(() => {
+					this.load.list = false;
+					//this.$message({ message: '通讯错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 ItemOption 数据项取值列表
+			showEdit: function ( row,index ) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 ItemOption 数据项取值列表
+			showAdd: function () {
+				this.addForm.itemId=this.item.id;
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.count=true;
+				this.getItemOptions();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行itemOption
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除itemOption
+			handleDel: function (row,index) {
+				
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => { 
+					this.load.del=true;
+					let params =row;
+					delItemOption(params).then((res) => {
+						this.load.del=false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.count=true;
+							this.getItemOptions();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+					});
+				}).catch(() => {
+					this.load.del=false;
+				});
+			},
+			//批量删除itemOption
+			batchDel: function () {
+				
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => { 
+					this.load.del=true;
+					batchDelItemOption(this.sels).then((res) => {
+						this.load.del=false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.count=true;
+							this.getItemOptions(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.load.del=false;
+				});
+			},
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			},
+			itemRowClick: function(row, event, column){ 
+				this.item=row
+				this.searchItemOptions();
+			},
+			checkedItem: function(row, event, column){ 
+				this.item=row
+				this.searchItemOptions();
+				this.$emit('checked-item',row, event, column);
+			},
+			/**begin 自定义函数请在下面加**/
+						//新增提交ItemOption 数据项取值列表 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				if(this.item==null || this.item.id == '' ){
+					this.$message.error("请先选择字段")
+				}
+				
+				this.load.add=true
+				let params = Object.assign({}, this.addForm); 
+				params.id='';
+				params.itemId=this.item.id
+				addItemOption(params).then((res) => {
+					this.load.add=false
+					var tips=res.data.tips;
+					if(tips.isOk){
+						this.itemOptions.push(res.data.data);
+					}
+					this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+				}).catch(() => {
+					this.load.add=false
+				});
+			}
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'item-option-add':ItemOptionAdd,
+		    'item-option-edit':ItemOptionEdit,
+		    'sticky': Sticky,
+		    'item-mng':ItemMng
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			this.$nextTick(() => {
+				this.getItemOptions();
+				listOption([{categoryId:'gk8nischm',itemCode:'sex'}]).then(res=>{
+					this.options=res.data.data;
+					console.log(this.options);
+				});
+        	}); 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/sysParam/ItemOptionAdd.vue b/src/views/mdp/meta/sysParam/ItemOptionAdd.vue
new file mode 100644
index 0000000..6adb3c8
--- /dev/null
+++ b/src/views/mdp/meta/sysParam/ItemOptionAdd.vue
@@ -0,0 +1,140 @@
+<template>
+	<section>
+		<el-row>
+			<!--新增界面 ItemOption 数据项取值列表--> 
+			<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="参数代码" prop="id">
+					<el-input v-model="addForm.id" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="参数名称" prop="optionName">
+					<el-input v-model="addForm.optionName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="参数值" prop="optionValue">
+					<el-input v-model="addForm.optionValue" auto-complete="off"></el-input>
+				</el-form-item> 
+				
+				<el-form-item label="" prop="isShow">
+					<el-switch
+					  v-model="addForm.isShow" 
+					  active-value="1"
+					  inactive-value="0"
+					  active-text="有效"
+					  inactive-text="无效"
+					  >
+					</el-switch>
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input v-model="addForm.seqOrder" auto-complete="off"></el-input><el-tag>为空，则后台自动计算</el-tag>
+				</el-form-item> 
+				<el-form-item label="第一扩展字段" prop="fp">
+					<el-input v-model="addForm.fp" auto-complete="off"></el-input>
+				</el-form-item>    
+				<el-form-item>
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.add" type="primary" @click.native="addSubmit" >提交</el-button>  
+					</el-col>
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { addItemOption } from '@/api/mdp/meta/itemOption';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['itemOption','visible'],
+		watch: {
+	      'itemOption':function( itemOption ) {
+	        this.addForm = itemOption;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				addFormRules: {
+					id: [
+						{ required: true, message: '参数代码不能为空', trigger: 'blur' }
+					],
+					optionValue: [
+						{ required: true, message: '参数值不能为空', trigger: 'blur' }
+					],
+					optionName: [
+						{ required: true, message: '参数名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 数据项取值列表
+				addForm: {
+					itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交ItemOption 数据项取值列表 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.add=true
+							let params = Object.assign({}, this.addForm); 
+							addItemOption(params).then((res) => {
+								this.load.add=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.load.add=false
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'item-option-edit':ItemOptionEdit
+		},
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.itemOption);  
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/sysParam/ItemOptionEdit.vue b/src/views/mdp/meta/sysParam/ItemOptionEdit.vue
new file mode 100644
index 0000000..d07e23f
--- /dev/null
+++ b/src/views/mdp/meta/sysParam/ItemOptionEdit.vue
@@ -0,0 +1,140 @@
+<template>
+	<section>
+		<el-row>
+			<!--新增界面 ItemOption 数据项取值列表--> 
+			<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="参数代码" prop="id">
+					<el-input v-model="editForm.id" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="参数名称" prop="optionName">
+					<el-input v-model="editForm.optionName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="参数值" prop="optionValue">
+					<el-input v-model="editForm.optionValue" auto-complete="off"></el-input>
+				</el-form-item> 
+				
+				<el-form-item label="" prop="isShow">
+					<el-switch
+					  v-model="editForm.isShow" 
+					  active-value="1"
+					  inactive-value="0"
+					  active-text="有效"
+					  inactive-text="无效"
+					  >
+					</el-switch>
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input v-model="editForm.seqOrder" auto-complete="off"></el-input><el-tag>为空，则后台自动计算</el-tag>
+				</el-form-item> 
+				<el-form-item label="第一扩展字段" prop="fp">
+					<el-input v-model="editForm.fp" auto-complete="off"></el-input>
+				</el-form-item>    
+				<el-form-item>
+					<el-col :span="4" :offset="16"> 
+						<el-button @click.native="handleCancel">取消</el-button> 
+					</el-col>
+					<el-col :span="4"> 
+						<el-button v-loading="load.edit" type="primary" @click.native="editSubmit" >提交</el-button>  
+					</el-col>
+				</el-form-item> 
+			</el-form>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import { editItemOption } from '@/api/mdp/meta/itemOption';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['itemOption','visible'],
+		watch: {
+	      'itemOption':function( itemOption ) {
+	        this.editForm = itemOption;
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				load:{ list: false, add: false, del: false, edit: false },//查询中...
+				editFormRules: {
+					id: [
+						{ required: true, message: '参数代码不能为空', trigger: 'blur' }
+					],
+					optionValue: [
+						{ required: true, message: '参数值不能为空', trigger: 'blur' }
+					],
+					optionName: [
+						{ required: true, message: '参数名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 数据项取值列表
+				editForm: {
+					itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
+				}
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交ItemOption 数据项取值列表 父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							this.load.edit=true
+							let params = Object.assign({}, this.editForm); 
+							editItemOption(params).then((res) => {
+								this.load.edit=false
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.load.edit=false
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'item-option-edit':ItemOptionEdit
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.itemOption);  
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/meta/sysParam/SysParamMng.vue b/src/views/mdp/meta/sysParam/SysParamMng.vue
new file mode 100644
index 0000000..3c7dd58
--- /dev/null
+++ b/src/views/mdp/meta/sysParam/SysParamMng.vue
@@ -0,0 +1,277 @@
+<template>
+	<section>
+		<el-row>
+			<sticky :className="'sub-navbar draft'">
+			<el-input v-model="addForm.id" v-loading="load.add"  @keyup.enter.native="addSubmit" style="width: 40%;" placeholder="输入参数代码(英文)按回车快速添加参数"></el-input> 
+			<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input> 
+			<el-button type="primary" v-loading="load.list" v-on:click="searchItemOptions">查询</el-button>
+			<el-button type="primary" @click="showAdd">+参数</el-button>
+			<el-button type="danger" v-loading="load.del" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button> 
+		</sticky>  
+			<el-row  class="app-container">
+			<!--列表 ItemOption 数据项取值列表-->
+			<el-table :data="itemOptions" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column type="selection" width="55"></el-table-column>
+				<el-table-column prop="seqOrder" label="顺序" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="id" label="参数代码" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="optionValue" label="参数值" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="optionName" label="参数名称" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="isShow" label="是否有效"  width="80" show-overflow-tooltip>
+					<template slot-scope="scope">
+					<el-tag v-if="scope.row.isShow=='1'">√</el-tag>
+					<el-tag v-else>×</el-tag>
+					</template>
+				</el-table-column>
+				<el-table-column prop="fp" label="扩展字段" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column label="操作" width="150" fixed="right">
+					<template slot-scope="scope">
+						<el-button  @click="showEdit( scope.row,scope.$index)">改</el-button>
+						<el-button  type="danger" @click="handleDel(scope.row,scope.$index)">删</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
+			 </el-row>
+			<!--编辑 ItemOption 数据项取值列表界面-->
+			<el-dialog title="编辑参数" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+				  <item-option-edit :item-option="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></item-option-edit>
+			</el-dialog>
+	
+			<!--新增 ItemOption 数据项取值列表界面-->
+			<el-dialog title="新增参数" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+				<item-option-add :item-option="addForm" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></item-option-add>
+			</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { listItemOption, delItemOption, batchDelItemOption, addItemOption,listItemOptionByItemCode } from '@/api/mdp/meta/itemOption';
+	import  ItemOptionAdd from './ItemOptionAdd';//新增界面
+	import  ItemOptionEdit from './ItemOptionEdit';//修改界面
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				itemOptions: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增itemOption界面是否显示
+				//新增itemOption界面初始化数据
+				addForm: {
+					itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'1',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑itemOption界面初始化数据
+				editForm: {
+					itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'1',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				item:{id:'sysParamList',itemName:'系统参数'},
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.count=true;
+				
+				this.getItemOptions();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getItemOptions();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getItemOptions();
+			},
+			searchItemOptions(){
+				 
+				 this.pageInfo.count=true;
+				 this.getItemOptions();
+			},
+			//获取列表 ItemOption 数据项取值列表
+			getItemOptions() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				if(this.item!=null && this.item.id!=''){
+					params.itemId=this.item.id
+				}
+				this.load.list = true;
+				listItemOption(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.data.total;this.pageInfo.count=false;
+						this.itemOptions = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch(() => {
+					this.load.list = false;
+					//this.$message({ message: '通讯错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 ItemOption 数据项取值列表
+			showEdit: function ( row,index ) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 ItemOption 数据项取值列表
+			showAdd: function () {
+				this.addForm.itemId=this.item.id;
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.count=true;
+				this.getItemOptions();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行itemOption
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除itemOption
+			handleDel: function (row,index) {
+				
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => { 
+					this.load.del=true;
+					let params =row;
+					delItemOption(params).then((res) => {
+						this.load.del=false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.count=true;
+							this.getItemOptions();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+					});
+				}).catch(() => {
+					this.load.del=false;
+				});
+			},
+			//批量删除itemOption
+			batchDel: function () {
+				
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => { 
+					this.load.del=true;
+					batchDelItemOption(this.sels).then((res) => {
+						this.load.del=false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.count=true;
+							this.getItemOptions(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.load.del=false;
+				});
+			},
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			},
+			itemRowClick: function(row, event, column){ 
+				this.item=row
+				this.searchItemOptions();
+			},
+			/**begin 自定义函数请在下面加**/
+						//新增提交ItemOption 数据项取值列表 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				if(this.item==null || this.item.id == '' ){
+					this.$message.error("请先选择分类")
+				}
+				
+				this.load.add=true
+				let params = Object.assign({}, this.addForm); 
+				params.itemId=this.item.id
+				addItemOption(params).then((res) => {
+					this.load.add=false
+					var tips=res.data.tips;
+					if(tips.isOk){
+						this.itemOptions.push(res.data.data);
+					}
+					this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+				}).catch(() => {
+					this.load.add=false
+				});
+			}
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'item-option-add':ItemOptionAdd,
+		    'item-option-edit':ItemOptionEdit,
+		    'sticky': Sticky
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			this.$nextTick(() => {
+				this.getItemOptions(); 
+        	}); 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sms/SendSms.vue b/src/views/mdp/sms/SendSms.vue
new file mode 100644
index 0000000..51e8826
--- /dev/null
+++ b/src/views/mdp/sms/SendSms.vue
@@ -0,0 +1,471 @@
+<template>
+	<div>
+		<div class="container">
+			<div class="item">
+				<div class="left">短信模板名称</div>
+				<div style="width: 70%;">
+					<el-select v-model="smsTemplatesSelectValue" placeholder="请选择短信模板" style="width:500px;" @change="smsTemplateSelectChangeMethod">
+						<el-option v-for="item in smsTemplatesOptions" :key="item.id" :label="item.title" :value="item">
+						</el-option>
+					</el-select>
+				</div>
+			</div>
+			<div class="item">
+				<div class="left">签名名称</div>
+				<div style="width: 70%;">
+					<el-select v-model="smsSignsSelectValue" placeholder="请选择签名" style="width:500px;">
+						<el-option v-for="item in smsSignsOptions" :key="item.id" :label="item.text" :value="item.text">
+						</el-option>
+					</el-select>
+				</div>
+			</div>
+			<div class="item">
+				<div class="left">短信预览</div>
+				<div style="width: 70%;">
+					<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="finallyShowContent" style="width:500px;" disabled>
+					</el-input><br />
+					<p class="explain">当前发送内容{{smsTemplatesSelectValue.text?smsPreview?smsPreview.length:smsTemplatesSelectValue.text.length:0}}个字，预计发送条数约为
+						{{smsTemplatesSelectValue.text?Math.ceil(smsPreview?smsPreview.length/67:smsTemplatesSelectValue.text.length/67):0}}条短信</p>
+					<p class="example">（实际发送时，如有模板变量会影响计费条数，请特别关注）</p>
+					<p style="font-size: 16px;">短信计费的条数，计费规则请参考 <a href="https://cloud.tencent.com/document/product/382/18058#.E7.9F.AD.E4.BF.A1.E5.86.85.E5.AE.B9.E9.95.BF.E5.BA.A6.E8.AE.A1.E7.AE.97.E8.A7.84.E5.88.99"
+						 target="_blank" style="color:#00a4ff">国内短信内容长度计算规则</a> 或 国<a href="https://cloud.tencent.com/document/product/382/18052#.E5.9B.BD.E9.99.85.E7.9F.AD.E4.BF.A1.E5.86.85.E5.AE.B9.E9.95.BF.E5.BA.A6.E8.AE.A1.E7.AE.97.E8.A7.84.E5.88.99"
+						 target="_blank" style="color:#00a4ff">国际/港澳台短信内容长度计算规则</a></p>
+				</div>
+			</div>
+			<div class="item">
+				<div class="left">短信模板参数</div>
+				<div style="width: 70%;">
+					<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="templateParams" style="width:500px;" @change="smsPreviewMethod">
+					</el-input>
+					<p class="explain">多个参数之间用英文逗号(<span style="color:#e54545">,</span>)隔开例如：</p>
+					<p class="example auto-typing">xx公司,xx元,xx服务器</p>
+				</div>
+			</div>
+			<div class="item">
+				<div class="left">发送对象</div>
+				<div style="width: 70%;">
+					<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="mobilesStr" style="width:500px;">
+					</el-input>
+					<p class="explain">发送的对象不能超过<span style="color:#e54545">10</span>个,多个手机号码之间用英文逗号(<span style="color:#e54545">,</span>)隔开，例如：</p>
+					<p class="example auto-typing ">135xxxxxxxx,138xxxxxxxx,159xxxxxxxx</p>
+				</div>
+			</div>
+			<div class="item">
+				<div class="left">用户是否需要回复该短信</div>
+				<div style="width: 70%;">
+					<el-radio v-model="userNeedReplySmsRadio" label="0">不需要</el-radio>
+					<el-radio v-model="userNeedReplySmsRadio" label="1">需要</el-radio>
+				</div>
+			</div>
+			<div class="item" v-if="userNeedReplySmsRadio==='1'">
+				<div class="left">回复截至天数</div>
+				<div style="width: 20%;">
+					<el-input placeholder="请输入天数" v-model="replyEndDay">
+						<template slot="append">天内</template>
+					</el-input>
+				</div>
+			</div>
+		</div>
+		<div style="display:flex; flex-direction:row-reverse">
+			<el-button @click="handleCancel" style="margin-left:30px;">取 消</el-button>
+			<el-button type="primary" @click="sendSmsMethod" v-loading="showSendDialogVisibleLoading">确 定</el-button>
+		</div>
+		<el-dialog title="发送结果" :append-to-body='true' :visible.sync="sendResultVisible" width="30%" :close-on-click-modal="false">
+			<el-table :data="sendResult" style="width: 100%">
+				<el-table-column prop="username" label="用户" width="180">
+				</el-table-column>
+				<el-table-column prop="mobile" label="手机号" width="180">
+				</el-table-column>
+				<el-table-column prop="" label="状态">
+					<template slot-scope="scope">
+						<div style="display:flex;align-items: center;">
+							<el-tag type="success" v-if="scope.row.sendStatus=='0'">成功</el-tag>
+							<el-tag type="info" v-if="scope.row.sendStatus=='1'">待审核</el-tag>
+							<el-tag type="danger" v-if="scope.row.sendStatus=='2'">失败</el-tag>
+							<el-tag type="danger" v-if="scope.row.sendStatus=='3'">发送中</el-tag>
+							<el-tag type="danger" v-if="scope.row.sendStatus=='4'">结束</el-tag>
+						</div>
+					</template>
+				</el-table-column>
+			</el-table>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+	import util from '@/common/js/util'; //全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import {
+		mapGetters
+	} from 'vuex';
+	
+	
+	import {
+		listUser
+	} from '@/api/mdp/sys/user';
+	import {
+		listSmsTemplate
+	} from '@/api/mdp/sms/smsTemplate';
+	import {
+		groupSendSmsApi,
+		listSmsSign
+	} from '@/api/mdp/sms/smsSign';
+	export default {
+		computed: {
+			...mapGetters([
+				'workShop'
+			])
+		},
+		props: ['visible', 'smsBodyParams','smsUserList','loadPhonenoByUserid'],
+		watch: {
+			'visible': function(visible) {
+				if (visible == true) {
+					this.getMobilesStr();
+					this.getSmsTemplates();
+					this.getSmsSigns();
+					if(this.smsBodyParams){
+						this.templateParams=this.smsBodyParams.join(",");
+					}
+				}
+			}
+		},
+		data() {
+			return {
+				sendResultVisible: false,
+				sendResult: [],
+				replyEndDay: '',
+				userNeedReplySmsRadio: '0',
+				activeName: 'first',
+				showSendDialogVisibleLoading: false,
+				finallyShowContent: '',
+				smsPreview: '',
+				templateParams: '',
+				mobilesStr: '',
+				smsSignsSelectValue: '',
+				smsTemplatesSelectValue: '',
+				smsSignsOptions: [],
+				smsTemplatesOptions: [],
+				selectShopVisible: false,
+				shopId: '',
+				locationId: '',
+				branchId: '',
+				sendSmsVisible: false,
+				textarea: '',
+				value: '',
+				form: {
+					name: '',
+					region: '',
+					date1: '',
+					date2: '',
+					delivery: false,
+					type: [],
+					resource: '',
+					desc: ''
+				}
+			};
+		},
+		methods: {
+			//展示选择门店的方法
+			showSelectShopMethod() {
+				this.selectShopVisible = true;
+			},
+			sureMethod(row) {
+				this.selectShopVisible = false;
+				this.branchId = row.branchId;
+				this.shopId = row.shopId;
+				this.locationId = row.id;
+				this.getSmsTemplates();
+			},
+			showSendDialogVisibleMethod() {
+				this.shopId = this.workShop.shopId;
+				this.locationId = this.workShop.locationId;
+				this.branchId = this.workShop.branchId;
+				this.sendSmsVisible = true;
+				//获取短信签名
+				this.getSmsSigns();
+				//this.sendSmsVisible=!this.sendSmsVisible;
+			},
+
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			sendSmsMethod() {
+				let that = this;
+				if (!this.smsTemplatesSelectValue) {
+					this.$message({
+						message: "请选择某个模板",
+						type: 'error'
+					});
+					return;
+				}
+				if (!this.smsSignsSelectValue) {
+					this.$message({
+						message: "请选择某个签名",
+						type: 'error'
+					});
+					return;
+				}
+				if (!this.mobilesStr) {
+					this.$message({
+						message: "发送对象不能为空",
+						type: 'error'
+					});
+					return;
+				}
+				/* var mobilesStr = '';
+				for (let i = 0; i < this.sels.length; i++) {
+					if (i != 0) {
+						mobilesStr = mobilesStr + "," + this.sels[i].phoneno;
+					} else {
+						mobilesStr += this.sels[i].phoneno;
+					}
+				} */
+			
+				var mobileArr = this.mobilesStr.split(",");
+				if (mobileArr.length > 10) {
+					this.$message({
+						message: "发送的对象不能超过10个",
+						type: 'error'
+					});
+					return;
+				}
+				for (let i = 0; i < mobileArr.length; i++) {
+					if (!/^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/.test(
+							mobileArr[i])) {
+						this.$message({
+							message: mobileArr[i] + "手机号码不对",
+							type: 'error'
+						});
+						return;
+					}
+					if (this.mobilesStr.lastIndexOf(mobileArr[i]) != this.mobilesStr.indexOf(mobileArr[i])) {
+						this.$message({
+							message: "请填写不同的手机号码进行发送",
+							type: 'error'
+						});
+						return;
+					}
+				}
+				var templateParamsArr = this.templateParams.split(",");
+				//统计短信模板变量出现的次数
+				var reg = /\{\d\}/;
+				let smsTemplateVariableCount = this.smsTemplatesSelectValue.text.split(reg).length - 1;
+				if (templateParamsArr.length != smsTemplateVariableCount) {
+					this.$message({
+						message: "输入的短信模板参数与短信模板的变量的数目不一致",
+						type: 'error'
+					});
+					return;
+				}
+				if (this.userNeedReplySmsRadio === '1' && !this.replyEndDay) {
+					this.$message({
+						message: "如果勾选需要用户回复，必须填写天数",
+						type: 'error'
+					});
+					return;
+				}
+				if (this.userNeedReplySmsRadio === '1' && !/^\d+$/.test(this.replyEndDay)) {
+					this.$message({
+						message: "天数必须是正整数",
+						type: 'error'
+					});
+					return;
+				}
+				let params = {
+					"smsTemplateParams": this.templateParams,
+					"mobiles": this.mobilesStr,
+					"smsSign": this.smsSignsSelectValue,
+					"smsTemplateId": this.smsTemplatesSelectValue.id,
+					"smsTtemplateText": this.smsTemplatesSelectValue.text,
+					"nationCode": "86",
+					"userid": this.workShop.userid,
+					"branchId": this.smsTemplatesSelectValue.branchId,
+					"shopId": this.smsTemplatesSelectValue.shopId,
+					"locationId": this.smsTemplatesSelectValue.locationId,
+					"replyEndDay": this.replyEndDay,
+					"userNeedReplySms": this.userNeedReplySmsRadio
+				};
+				this.showSendDialogVisibleLoading = true;
+				that.sendResult = [];
+				groupSendSmsApi(params).then((res) => {
+					this.showSendDialogVisibleLoading = false;
+					var tips = res.data.tips;
+					if (tips.isOk) {
+						for (let i = 0; i < res.data.data.length; i++) {
+							for (let j = 0; j < that.sels.length; j++) {
+								if (res.data.data[i].mobile == that.sels[j].phoneno) {
+									res.data.data[i].username = that.sels[j].username
+								}
+							}
+						}
+						this.sendResultVisible = true;
+						that.sendResult = res.data.data;
+					};
+					this.$message({
+						message: tips.msg,
+						type: tips.isOk ? 'success' : 'error'
+					});
+				}).catch(err => {
+					this.sendSmsVisible = false
+				});
+			},
+			//查询短信模板
+			getSmsTemplates() {
+				let params = {
+					"shopId": this.workShop.shopId,
+					"locationId": this.workShop.locationId,
+					"branchId": this.workShop.branchId,
+					"status": "0"
+				};
+				this.finallyShowContent = '';
+				this.smsPreview = '';
+				this.smsTemplatesSelectValue = '';
+				this.smsTemplatesOptions = [];
+				listSmsTemplate(params).then((res) => {
+					var tips = res.data.tips;
+					if (tips.isOk) {
+						this.smsTemplatesOptions = res.data.data;
+					} else {
+						this.$message({
+							message: tips.msg,
+							type: 'error'
+						});
+					}
+
+				}).catch();
+			},
+			//查询短信签名
+			getSmsSigns() {
+				let params = {
+					"status": "0",
+					"shopId": this.workShop.shopId
+				};
+				this.smsSignsOptions = [];
+				listSmsSign(params).then((res) => {
+					var tips = res.data.tips;
+					if (tips.isOk) {
+						this.smsSignsOptions = res.data.data;
+					} else {
+						this.$message({
+							message: tips.msg,
+							type: 'error'
+						});
+					}
+				}).catch();
+			},
+			smsTemplateSelectChangeMethod() {
+				this.finallyShowContent = this.smsTemplatesSelectValue.text;
+			},
+			//短信预览的方法
+			smsPreviewMethod(value) {
+				//求出模板中的变量的数量
+				var reg = /\{\d\}/;
+				this.smsPreview = '';
+				if (!this.smsTemplatesSelectValue.text) {
+					return;
+				}
+				this.finallyShowContent = this.smsTemplatesSelectValue.text;
+				let smsTemplateVariableCount = this.smsTemplatesSelectValue.text.split(reg).length - 1;
+				let valueArr = value.split(",");
+				let finallyStr = this.smsTemplatesSelectValue.text;
+				for (let i = 0; i < smsTemplateVariableCount; i++) {
+					if (i < valueArr.length) {
+						let k = i + 1;
+						var regex = new RegExp('\\{' + k + '\\}');
+						finallyStr = finallyStr.replace(regex, valueArr[i])
+					}
+				};
+				this.smsPreview = finallyStr;
+				this.finallyShowContent = this.smsPreview;
+			},
+			getMobilesStr(){
+				this.mobilesStr = '';
+				if(this.loadPhonenoByUserid==true){
+					let userids=this.smsUserList.map(user=>user.userid);
+					listUser({userids:userids,branchId:this.workShop.branchId}).then(res=>{
+						if(res.data.tips.isOk){
+							let users=res.data.data;
+							 let phonenoList=users.map(user=>user.phoneno);
+							 this.mobilesStr=phonenoList.join(",");
+						}
+					});
+				}else{
+					let phonenoList=this.smsUserList.map(user=>user.phoneno);
+					 this.mobilesStr=phonenoList.join(",");
+				}
+				
+			},
+			//初始化数据
+			initData() {
+				this.templateParams = '',
+				this.mobilesStr = '';
+				this.smsTemplatesSelectValue = '';
+				this.smsSignsSelectValue = '';
+			}
+
+		},
+		components: {
+
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.getSmsTemplates();
+				this.getSmsSigns();
+				this.getMobilesStr();
+				if(this.smsBodyParams){
+					this.templateParams=this.smsBodyParams.join(",");
+				}
+			});
+		}
+	}
+</script>
+
+<style>
+	.container {
+		display: flex;
+		flex-direction: column;
+		width: 80%;
+		margin: 0 auto;
+	}
+
+	.item {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin-bottom: 30px;
+	}
+
+	.item .left {
+		width: 200px;
+		font-size: 20px;
+		color: #888;
+		padding-right: 60px;
+		align-self: flex-start;
+		margin-top: 10px;
+	}
+
+	.item .explain {
+		font-size: 16px;
+		width: 500px;
+	}
+
+	.item .example {
+		font-size: 16px;
+		color: #e54545
+	}
+
+	.auto-typing {
+		font-weight: bold;
+		overflow: hidden;
+		width: 53ch;
+		border-right: 1px solid transparent;
+		white-space: nowrap;
+		animation: typing 5s steps(53) 5s forwards;
+	}
+
+	@keyframes typing {
+		from {
+			width: 0;
+		}
+	}
+</style>
diff --git a/src/views/mdp/sys/branch/BranchSelect.vue b/src/views/mdp/sys/branch/BranchSelect.vue
new file mode 100644
index 0000000..67ddaf6
--- /dev/null
+++ b/src/views/mdp/sys/branch/BranchSelect.vue
@@ -0,0 +1,177 @@
+<template>
+	<section>
+		<sticky :className="'sub-navbar draft'">
+			<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input> 
+			<el-button type="primary" v-loading="load.list" v-on:click="searchBranchs">查询</el-button>
+		</sticky>
+		<el-row class="app-container"> 
+			<!--列表 Branch 管理端机构表（机构下面若干部门）-->
+			<el-table :data="branchs" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column type="index" width="60"></el-table-column>
+				<el-table-column prop="id" label="机构编号" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="branchName" label="机构名称" min-width="80" show-overflow-tooltip></el-table-column> 
+				<el-table-column prop="industryCategory" label="行业分类" min-width="80" show-overflow-tooltip></el-table-column> 
+				<el-table-column prop="cdate" label="创建日期" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="cusername" label="创建人姓名" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="phoneNo" label="联系电话" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="emaill" label="邮件" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="enabled" label="是否启用" min-width="80" show-overflow-tooltip>
+						<template slot-scope="scope">
+						<el-tag v-if="scope.row.enabled=='1'">√</el-tag>
+						<el-tag v-else>×</el-tag>
+						</template>
+				</el-table-column>
+			</el-table>
+			<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询
+	import { listBranch, delBranch, batchDelBranch } from '@/api/mdp/sys/branch';
+	import { mapGetters } from 'vuex' 
+	
+	export default {
+
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				branchs: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				
+				addFormVisible: false,//新增branch界面是否显示
+				//新增branch界面初始化数据
+				addForm: {
+					id:'',branchName:'',enabled:'',industryCategory:'',cuserid:'',cdate:'',cusername:'',phoneNo:'',emaill:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑branch界面初始化数据
+				editForm: {
+					id:'',branchName:'',enabled:'',industryCategory:'',cuserid:'',cdate:'',cusername:'',phoneNo:'',emaill:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				userDeptFormVisible:false,	
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.countSql=true;
+				
+				this.getBranchs();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getBranchs();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getBranchs();
+			},
+			searchBranchs(){
+				 
+				 this.pageInfo.countSql=true;
+				 this.getBranchs();
+			},
+			//获取列表 Branch 管理端机构表（机构下面若干部门）
+			getBranchs() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,countSql:this.pageInfo.countSql
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				if( !this.userInfo.isSuperAdmin){
+					params.id=this.userInfo.branchId;
+				} 
+				this.load.list = true;
+				listBranch(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.data.total;this.pageInfo.countSql=false;
+						this.branchs = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch(() => {
+					this.load.list = false;
+					//this.$message({ message: '通讯错误', type: 'error' });
+				});
+			}, 
+			//选择行branch
+			selsChange: function (sels) {
+				this.sels = sels;
+			},  
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			}
+			/**begin 自定义函数请在下面加**/
+			
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'sticky': Sticky
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			this.$nextTick(() => {
+				this.getBranchs();
+        	}); 
+			this.load.list=true
+			listOption([{categoryId:'all',itemCode:'industryCategory'}]).then(res=>{
+				this.load.list=false
+				this.options=res.data.data
+			}).catch(()=>this.load.list=false);
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/code/CodeMng.vue b/src/views/mdp/sys/code/CodeMng.vue
new file mode 100644
index 0000000..89ae66e
--- /dev/null
+++ b/src/views/mdp/sys/code/CodeMng.vue
@@ -0,0 +1,320 @@
+<template>
+	<section>
+	<el-row>
+		  <el-col :span="24">
+		<div class="panelDiv" style="margin-top:10px;"> 
+		         <div class="panelTile">
+		         <el-row :gutter="20">
+		         <el-col :span="6">
+		          	<el-input  size="small"  v-model="filters.key"   placeholder="任意字符"></el-input>
+		          </el-col> 
+		          <el-col :span="18"> 
+		          		<el-button type="primary" size="small" v-on:click="getCodes">查询</el-button> 
+					    <el-button :plain="true" size="small"  @click="handleAdd" type="info">新增</el-button>
+			            <el-button type="danger" @click="batchDel" size="small" :disabled="this.sels.length===0">删除分类</el-button> 
+					</el-col>
+					</el-row>
+		         </div>
+		         <div>
+		              <!--列表-->
+						<el-table :data="codes" highlight-current-row v-loading="listLoading" @row-click="rowClick" @selection-change="selsChange" border style="width: 100%;">
+							<el-table-column type="selection" width="40"></el-table-column>
+							<el-table-column prop="tcodeName" label="分类" min-width="140"></el-table-column>
+							<el-table-column prop="tcodeId" label="编码" min-width="120"></el-table-column> 
+							<el-table-column prop="state" label="状态" width="80"> 
+								<template scope="scope">
+							        <el-tag :type="scope.row.state === 'E' ? 'primary' : 'success'" close-transition>{{scope.row.state=='E'?'无效':'正常'}}</el-tag>
+							     </template>
+							 </el-table-column>
+							<el-table-column prop="codeBeg" label="有效时间始" width="120"></el-table-column>
+							<el-table-column prop="codeEnd" label="有效时间止" width="120"></el-table-column>
+							<el-table-column v-if="false" prop="createPerson" label="创建人" width="60"></el-table-column>
+							<el-table-column v-if="false" prop="createDate" label="创建日期" width="120"></el-table-column>
+							<el-table-column prop="loperatePerson" label="操作人" width="80"></el-table-column>
+							<el-table-column v-if="false" prop="loperateDate" label="修改日期" width="120"></el-table-column>
+							<el-table-column v-if="false" prop="codeRow" label="代码ID" width="80"></el-table-column>
+							<el-table-column prop="remark" label="备注" min-width="180"></el-table-column> 
+							<el-table-column label="操作" min-width="180">
+							<template scope="scope"> 
+									<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+									<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>  
+							</template>
+						</el-table-column>
+						</el-table>
+		         </div>
+		      </div>
+		      </el-col>
+		</el-row>
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="分类" prop="tcodeName">
+					<el-input v-model="editForm.tcodeName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="编码" prop="tcodeId">
+					<el-input  v-model="editForm.tcodeId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="状态" prop="state">
+					<el-radio class="radio" v-model="editForm.state" label="A">正常</el-radio>
+  					<el-radio class="radio" v-model="editForm.state" label="E">无效</el-radio> 
+				</el-form-item> 
+				<el-form-item label="有效时间始" prop="codeBeg">
+					<el-date-picker type="date" placeholder="选择日期" v-model="editForm.codeBeg"></el-date-picker>
+				</el-form-item> 
+				<el-form-item label="有效时间止" prop="codeEnd">
+					<el-date-picker type="date" placeholder="选择日期" v-model="editForm.codeEnd"></el-date-picker>
+				</el-form-item>  
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">  
+				<el-form-item label="分类" prop="tcodeName">
+					<el-input v-model="addForm.tcodeName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="编码" prop="tcodeId">
+					<el-input v-model="addForm.tcodeId" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="addForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="状态" prop="state">
+					<el-radio class="radio" v-model="addForm.state" label="A">正常</el-radio>
+					<el-radio class="radio" v-model="addForm.state" label="E">无效</el-radio>
+				</el-form-item> 
+				<el-form-item label="有效时间始" prop="codeBeg">
+					<el-date-picker type="date" placeholder="选择日期" v-model="addForm.codeBeg"></el-date-picker>
+				</el-form-item> 
+				<el-form-item label="有效时间止" prop="codeEnd">
+					<el-date-picker type="date" placeholder="选择日期" v-model="addForm.codeEnd"></el-date-picker>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listCodeKey, delCode, batchDelCode, editCode, addCode,selectOptions } from '../../../../api/mdp/sys/code';
+	
+	export default {
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				codes: [], 
+				codeRow:'',
+				tcodeName:'',
+				listLoading: false,
+				sels: [],//列表选中列 
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					codeRow: [
+						{ required: true, message: '代码ID', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: {
+					codeRow:'',
+					tcodeId:'',
+					tcodeName:'',
+					remark:'',
+					state:'A',
+					codeBeg:'',
+					codeEnd:'',
+					createPerson:'',
+					createDate:'',
+					loperatePerson:'',
+					loperateDate:''
+				},
+
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					codeRow: [
+						{ required: true, message: '代码ID', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm:  Object.assign({}, this.editForm)
+
+			}
+		},
+		methods: { 
+			//获取列表
+			getCodes() {
+				let params = { 
+					codeRow: this.filters.key,
+					tcodeId:this.filters.key,
+					tcodeName:this.filters.key,
+					remark:this.filters.key,
+					createPerson:this.filters.key,
+					loperatePerson:this.filters.key 
+				};
+				this.listLoading = true;
+				listCodeKey(params).then((res) => {
+					this.codes = res.data.data;
+					this.listLoading = false; 
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { codeRow: row.codeRow };
+					delCode(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){
+							this.getCodes();
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk?'success':'error'
+						});
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index,row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm = Object.assign({}, this.editForm);
+				//this.addForm.state="A"
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editCode(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getCodes();
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addCode(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getCodes();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDel: function () {
+				var codeRows = this.sels.map(item => item.codeRow);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelCode(codeRows).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){
+							this.getCodes();
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk?'success':'error'
+						});
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			
+		rowClick: function(row, event, column){
+			console.log(row);
+			this.codeRow=row.codeRow;
+			this.tcodeName=row.tcodeName; 
+			}
+		},
+		mounted() {
+			this.getCodes(); 
+			
+		} 
+	}
+
+</script>
+
+
+<style scoped lang="scss">
+    @import '~scss_vars';
+	.panelDiv{
+	   border:1px solid #e4e4e4;
+	   border-radius: 5px;
+	   padding:10px;
+	   font-size:14px;
+	   .panelTile{
+	     padding-bottom:5px;
+	     border-bottom:1px solid #e4e4e4;
+	     margin-bottom:5px;
+	   }
+	}
+	.oneOfCata{
+	   padding-top:5px;
+	   padding-bottom:5px;
+	}
+  
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/CodeDetailAdd.vue b/src/views/mdp/sys/codeDetail/CodeDetailAdd.vue
new file mode 100644
index 0000000..48b3525
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/CodeDetailAdd.vue
@@ -0,0 +1,145 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--新增界面 CodeDetail sys_code_detail--> 
+			<el-form :model="addForm" size="small" label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="分组及编码" prop="dtcodeName"> 
+					<el-tag>{{addForm.dtcodeName}} ( {{addForm.dtcodeId}} )</el-tag>
+				</el-form-item>  
+				<el-form-item label="属性名称" prop="codeName">
+					<el-input v-model="addForm.codeName" auto-complete="off"  placeholder="如  填写 男 或者女 "></el-input>
+				</el-form-item> 
+				<el-form-item label="属性编码" prop="codeValue">
+					<el-input v-model="addForm.codeValue" auto-complete="off"  placeholder="如  填写 1 代表男  2 代表女,默认与属性描述一致"></el-input>
+				</el-form-item> 
+				<el-form-item label="快捷键" prop="keys">
+					<el-input v-model="addForm.keys" auto-complete="off"    placeholder="如  填写 1 代表男  2 代表女,默认与 属性编码一致 "></el-input>
+				</el-form-item> 
+				<el-form-item label="状态" prop="state">
+					<el-radio class="radio" v-model="addForm.state" label="A">正常</el-radio>
+  					<el-radio class="radio" v-model="addForm.state" label="E">无效</el-radio> 
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input-number v-model="addForm.seqOrder" auto-complete="off"></el-input-number>
+				</el-form-item> 
+				<el-form-item label="是否默认" prop="ifdefault">
+					<el-radio class="radio" v-model="addForm.ifdefault" label="1">是</el-radio>
+  					<el-radio class="radio" v-model="addForm.ifdefault" label="0">否</el-radio> 
+				</el-form-item> 
+				<el-form-item label="扩展信息" prop="fp">
+					<el-input v-model="addForm.fp" auto-complete="off"  placeholder="上面所有分组无法满足需求，可使用"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addCodeDetail } from '../../../../api/mdp/sys/codeDetail';
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	        	this.addForm=data;
+	        	console.log(data);
+	      },
+	      'addForm.codeValue':function(newVal,oldVal){ 
+        		this.addForm.keys=newVal; 
+	        },
+	        'addForm.codeName':function(newVal,oldVal){ 
+	            this.addForm.codeValue=newVal; 
+	        } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					dtcodeId: [
+						{ required: true, message: '分组编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '分组名称不能为空', trigger: 'blur' }
+					],
+					codeValue: [
+						{ required: true, message: '值编码不能为空', trigger: 'blur' }
+					],
+					codeName: [
+						{ required: true, message: '值名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 sys_code_detail
+				addForm: {
+					dcodeRow:'',codeValue:'',codeName:'',ifdefault:'',state:'',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',seqOrder:'',keys:'',fp:'',sp:'',tp:'',secondCodeRow:'',deptid:'',codeRow:'',dtcodeId:'',dtcodeName:''
+				}
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交CodeDetail sys_code_detail 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addCodeDetail(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			}
+		},
+		mounted() {
+			this.addForm=this.dataObj;
+			//加载下拉列表 如有需要去掉注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			/**
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/CodeDetailEdit.vue b/src/views/mdp/sys/codeDetail/CodeDetailEdit.vue
new file mode 100644
index 0000000..2667623
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/CodeDetailEdit.vue
@@ -0,0 +1,135 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 CodeDetail sys_code_detail--> 
+			<el-form :model="editForm" size="small" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="分组及编码" prop="dtcodeName"> 
+					<el-tag>{{editForm.dtcodeName}} ({{editForm.dtcodeId}})</el-tag>
+				</el-form-item>  
+				<el-form-item label="属性名称" prop="codeName">
+					<el-input v-model="editForm.codeName" auto-complete="off"  placeholder="如  填写 男 或者女 "></el-input>
+				</el-form-item> 
+				<el-form-item label="属性编码" prop="codeValue">
+					<el-input v-model="editForm.codeValue" auto-complete="off"  placeholder="如  填写 1 代表男  2 代表女 ,默认与属性描述一致"></el-input>
+				</el-form-item> 
+				<el-form-item label="快捷键" prop="keys">
+					<el-input v-model="editForm.keys" auto-complete="off"  placeholder="如  填写 1 代表男  2 代表女,默认与 属性编码一致"></el-input>
+				</el-form-item>
+				<el-form-item label="状态" prop="state">
+					<el-radio class="radio" v-model="editForm.state" label="A">正常</el-radio>
+  					<el-radio class="radio" v-model="editForm.state" label="E">无效</el-radio> 
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input-number v-model="editForm.seqOrder" auto-complete="off"></el-input-number>
+				</el-form-item> 
+				<el-form-item label="是否默认" prop="ifdefault">
+					<el-radio class="radio" v-model="editForm.ifdefault" label="1">是</el-radio>
+  					<el-radio class="radio" v-model="editForm.ifdefault" label="0">否</el-radio> 
+				</el-form-item> 
+				<el-form-item label="扩展信息" prop="fp">
+					<el-input v-model="editForm.fp" auto-complete="off"  placeholder="上面所有分组无法满足需求，可使用"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { editCodeDetail } from '../../../../api/mdp/sys/codeDetail';
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	        this.editForm=data;
+	        console.log(data);
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					
+					codeValue: [
+						{ required: true, message: '值编码不能为空', trigger: 'blur' }
+					],
+					codeName: [
+						{ required: true, message: '值名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  CodeDetail sys_code_detail
+				editForm: {
+					dcodeRow:'',codeValue:'',codeName:'',ifdefault:'',state:'',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',seqOrder:'',keys:'',fp:'',sp:'',tp:'',secondCodeRow:'',deptid:'',codeRow:'',dtcodeId:'',dtcodeName:''
+				}
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交CodeDetail sys_code_detail父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editCodeDetail(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			}
+		},
+		mounted() {
+			this.editForm=this.dataObj;
+			//加载下拉列表 如有需要去掉注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			/**
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/CodeDetailList.vue b/src/views/mdp/sys/codeDetail/CodeDetailList.vue
new file mode 100644
index 0000000..12dad99
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/CodeDetailList.vue
@@ -0,0 +1,202 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->
+			<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;padding-left: 0px">
+				
+				<el-col :span="10">
+					<el-input size="small" v-model="addForm.codeName" auto-complete="off" @keyup.enter.native="addSubmit2"  placeholder="在此输入属性描述，按回车直接添加 "></el-input>
+				</el-col>
+				<el-col :span="4">
+					<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+				</el-col>
+				<el-col :span="8">
+					<el-button type="primary"  size="small" v-on:click="searchCodeDetails">查询</el-button>
+				</el-col>	
+	
+			</el-col>
+			
+			<!--工具条2-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+				<el-col :span="24">
+				</el-col>	
+			</el-col>
+			-->		
+			
+			<!--列表 CodeDetail sys_code_detail-->
+			<el-table :data="codeDetails" size="small" @sort-change="sortChange" height="450" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+				<el-table-column type="selection" ></el-table-column> 
+				<el-table-column prop="seqOrder" label="#" ></el-table-column>
+				<el-table-column prop="codeName" label="属性描述" min-width="180"  show-overflow-tooltip></el-table-column>
+				<el-table-column prop="codeValue" label="属性编码" min-width="100"></el-table-column>
+				<el-table-column prop="keys" label="快捷键" width="100"></el-table-column>
+				<el-table-column prop="fp" label="扩展信息" width="100"  show-overflow-tooltip></el-table-column>  
+				<el-table-column prop="state" label="状态" width="70">
+						<template scope="scope">
+					        <el-tag :type="scope.row.state === 'E' ? 'primary' : 'success'" close-transition>{{scope.row.state=='E'?'无效':'正常'}}</el-tag>
+					     </template>
+				</el-table-column> 
+				<el-table-column prop="ifdefault" label="默认" width="70">
+						<template scope="scope">
+					        <el-tag :type="scope.row.ifdefault === '0' ? 'primary' : 'success'" close-transition>{{scope.row.ifdefault=='0'?'否':'是'}}</el-tag>
+					     </template>
+				</el-table-column> 
+			</el-table>
+			<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+					<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination>
+			</el-col>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listCodeDetailKey, listCodeDetail } from '../../../../api/mdp/sys/codeDetail';
+
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	      	this.pageInfo.total=0;
+	      	this.pageInfo.currentPage=1;
+	      	this.codeSecondSelected=data;
+	      	this.filters.key=""
+	      	this.getCodeDetails();
+	      }
+	    },
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				codeDetails: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增codeDetail界面是否显示
+				//新增codeDetail界面初始化数据
+				addForm: {
+					dcodeRow:'',codeValue:'',codeName:'',ifdefault:'',state:'',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',seqOrder:'',keys:'',fp:'',sp:'',tp:'',secondCodeRow:'',deptid:'',codeRow:'',dtcodeId:'',dtcodeName:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑codeDetail界面初始化数据
+				editForm: {
+					dcodeRow:'',codeValue:'',codeName:'',ifdefault:'',state:'',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',seqOrder:'',keys:'',fp:'',sp:'',tp:'',secondCodeRow:'',deptid:'',codeRow:'',dtcodeId:'',dtcodeName:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/ 
+				codeSecondSelected:{}	//二级分类选中
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getCodeDetails();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getCodeDetails();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getCodeDetails();
+			},
+			searchCodeDetails(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getCodeDetails();
+			},
+			//获取列表 CodeDetail sys_code_detail
+			getCodeDetails() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				params.codeRow=this.codeSecondSelected.codeRow;
+				if(this.filters.key!=""){
+					params.dtcodeId=this.filters.key;
+					params.dtcodeName=this.filters.key;
+					params.codeName=this.filters.key;
+					params.codeValue=this.filters.key; 
+				}else{ 
+					params.dtcodeId=this.codeSecondSelected.dtcodeId;
+				}
+				this.listLoading = true;
+				listCodeDetailKey(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.codeDetails = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+ 
+			//选择行codeDetail
+			selsChange: function (sels) {
+				this.sels = sels;
+			}
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    //在下面添加其它组件
+		},
+		mounted() {
+			this.getCodeDetails();
+			
+			//加载下拉列表 如有需要去年注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			/**
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/CodeDetailMng.vue b/src/views/mdp/sys/codeDetail/CodeDetailMng.vue
new file mode 100644
index 0000000..d0d6d2c
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/CodeDetailMng.vue
@@ -0,0 +1,372 @@
+<template>
+	<section>
+	
+		<!--工具条1-->
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;padding-left: 0px">
+			
+			<el-col :span="10">
+				<el-input size="small" v-model="addForm.codeName" auto-complete="off" @keyup.enter.native="addSubmit2"  placeholder="在此输入属性描述，按回车直接添加 "></el-input>
+			</el-col>
+			<el-col :span="4">
+				<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+			</el-col>
+			<el-col :span="8">
+				<el-button type="primary"  size="small" v-on:click="searchCodeDetails">查询</el-button>
+				<el-button type="primary"  size="small" @click="showAdd">新增</el-button>
+				<el-button type="danger"   size="small" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+			</el-col>	
+
+		</el-col>
+		
+		<!--工具条2-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="24">
+			</el-col>	
+		</el-col>
+		-->		
+		
+		<!--列表 CodeDetail sys_code_detail-->
+		<el-table :data="codeDetails" size="small" @sort-change="sortChange" height="450" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" ></el-table-column> 
+			<el-table-column prop="seqOrder" label="#" ></el-table-column>
+			<el-table-column prop="codeName" label="属性描述" min-width="180"  show-overflow-tooltip></el-table-column>
+			<el-table-column prop="codeValue" label="属性编码" min-width="100"></el-table-column>
+			<el-table-column prop="keys" label="快捷键" width="100"></el-table-column>
+			<el-table-column prop="fp" label="扩展信息" width="100"  show-overflow-tooltip></el-table-column>  
+			<el-table-column prop="state" label="状态" width="70">
+					<template scope="scope">
+				        <el-tag :type="scope.row.state === 'E' ? 'primary' : 'success'" close-transition>{{scope.row.state=='E'?'无效':'正常'}}</el-tag>
+				     </template>
+			</el-table-column> 
+			<el-table-column prop="ifdefault" label="默认" width="70">
+					<template scope="scope">
+				        <el-tag :type="scope.row.ifdefault === '0' ? 'primary' : 'success'" close-transition>{{scope.row.ifdefault=='0'?'否':'是'}}</el-tag>
+				     </template>
+			</el-table-column> 
+			<el-table-column label="操作" min-width="220"  fixed="right">
+				<template scope="scope">
+					<el-button size="small" @click="showEdit(scope.$index, scope.row)">改</el-button>
+					<el-button size="small" @click="handleUpDown(scope.$index, scope.row,'up')">上移</el-button>
+					<el-button size="small" @click="handleUpDown(scope.$index, scope.row,'down')">下移</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="24">
+				<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>	
+		</el-col>
+		<!--编辑 CodeDetail sys_code_detail界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+			  <code-detail-edit :data-obj="editForm" @cancel="editFormVisible=false" @submit="afterEditSubmit"></code-detail-edit>
+		</el-dialog>
+
+		<!--新增 CodeDetail sys_code_detail界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+			<code-detail-add :data-obj="addForm" @cancel="addFormVisible=false" @submit="afterAddSubmit"></code-detail-add>
+		</el-dialog> 
+		
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addCodeDetail,listCodeDetailKey, listCodeDetail, delCodeDetail, batchDelCodeDetail } from '../../../../api/mdp/sys/codeDetail';
+	import  CodeDetailAdd from './CodeDetailAdd';//新增界面
+	import  CodeDetailEdit from './CodeDetailEdit';//修改界面
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	      	this.pageInfo.total=0;
+	      	this.pageInfo.currentPage=1;
+	      	this.codeSecondSelected=data;
+	      	this.filters.key=""
+	      	this.getCodeDetails();
+	      }
+	    },
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				codeDetails: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增codeDetail界面是否显示
+				//新增codeDetail界面初始化数据
+				addForm: {
+					dcodeRow:'',codeValue:'',codeName:'',ifdefault:'',state:'',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',seqOrder:'',keys:'',fp:'',sp:'',tp:'',secondCodeRow:'',deptid:'',codeRow:'',dtcodeId:'',dtcodeName:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑codeDetail界面初始化数据
+				editForm: {
+					dcodeRow:'',codeValue:'',codeName:'',ifdefault:'',state:'',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',seqOrder:'',keys:'',fp:'',sp:'',tp:'',secondCodeRow:'',deptid:'',codeRow:'',dtcodeId:'',dtcodeName:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/ 
+				codeSecondSelected:{}	//二级分类选中
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getCodeDetails();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getCodeDetails();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getCodeDetails();
+			},
+			searchCodeDetails(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getCodeDetails();
+			},
+			//获取列表 CodeDetail sys_code_detail
+			getCodeDetails() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				params.codeRow=this.codeSecondSelected.codeRow;
+				if(this.filters.key!=""){
+					params.dtcodeId=this.filters.key;
+					params.dtcodeName=this.filters.key;
+					params.codeName=this.filters.key;
+					params.codeValue=this.filters.key; 
+				}else{ 
+					params.dtcodeId=this.codeSecondSelected.dtcodeId;
+				}
+				this.listLoading = true;
+				listCodeDetailKey(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.codeDetails = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 CodeDetail sys_code_detail
+			showEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row,this.codeSecondSelected);
+			},
+			//显示新增界面 CodeDetail sys_code_detail
+			showAdd: function () {
+				this.addFormVisible = true;
+				this.addForm=Object.assign({}, this.addForm,this.codeSecondSelected);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getCodeDetails();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行codeDetail
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除codeDetail
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { dcodeRow: row.dcodeRow };
+					delCodeDetail(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getCodeDetails();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			//批量删除codeDetail
+			batchDel: function () {
+				var dcodeRows = this.sels.map(item => item.dcodeRow);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelCodeDetail(dcodeRows).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getCodeDetails(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			//上移/下移 upOrDown=up/down
+			handleUpDown: function (index, row,upDown) { 
+				var otherCode=null;
+				if(upDown=='up'){
+					if(index-1<0){
+						this.$message({
+							message: "已是第一",
+							type: 'success'
+						});
+						return;
+					}
+					otherCode=this.codeDetails[index-1];
+				}else{
+						if(index+1 >= this.codeDetails.length){
+							this.$message({
+								message: "已是最后",
+								type: 'success'
+							});
+							return;
+					}
+					otherCode=this.codeDetails[index+1];
+				} 
+				var params = {
+					myDcodeRow:row.dcodeRow,
+					mySeqOrder:row.seqOrder,
+					otherDcodeRow:otherCode.dcodeRow,
+					otherSeqOrder:otherCode.seqOrder,
+					upDown:upDown
+				}
+				this.editLoading = true; 
+				upDownCodeDetail(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.getCodeDetails(row);
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+				 
+			},
+			//回车直接新增属性
+			addSubmit2: function () {
+				if(this.codeSecondSelected==null){
+					this.$message({ message: '请先选择左边分组', type: 'warning' });
+					return;
+				} 
+				this.addForm.codeRow=this.codeSecondSelected.codeRow;
+				this.addForm.secondCodeRow=this.codeSecondSelected.secondCodeRow
+				this.addForm.dtcodeId=this.codeSecondSelected.dtcodeId; 
+				this.addForm.dtcodeName=this.codeSecondSelected.dtcodeName; 
+				this.addForm.state="A"
+				this.addForm.ifdefault='0'
+	 			this.addForm.seqOrder=this.pageInfo.total;
+				this.addLoading = true; 
+						 	if(this.addForm.codeName==''){
+						 		this.$message({
+									message: '属性名称不能为空',
+									type: 'error'
+								});
+								return;
+						 	} 
+							let params = Object.assign({}, this.addForm); 
+							params.secondCodeRow=this.codeSecondSelected.secondCodeRow; 
+							addCodeDetail(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){ 
+									this.addForm.codeName='';
+									this.addForm.codeValue='';
+									this.pageInfo.total=0;
+									this.pageInfo.currentPage=1;
+									this.getCodeDetails();
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+						});		 	 
+			}
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'code-detail-add':CodeDetailAdd,
+		    'code-detail-edit':CodeDetailEdit
+		    //在下面添加其它组件
+		},
+		mounted() {
+			this.getCodeDetails();
+			
+			//加载下拉列表 如有需要去年注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			/**
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/CodeDetailMng2.vue b/src/views/mdp/sys/codeDetail/CodeDetailMng2.vue
new file mode 100644
index 0000000..731eba3
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/CodeDetailMng2.vue
@@ -0,0 +1,786 @@
+<template>
+	<section>
+	 <el-row>
+	  <!--分类-->
+		<el-col :span="24"  class="toolbar" style="padding-bottom: 0px;"> 
+			<el-button v-for="item in codes" :type="codeSelected.codeRow!=item.codeRow?'primary':'success'"  v-on:click="codeButtonClick(item)">{{item.tcodeName}}</el-button> 
+		</el-col>
+	 </el-row>
+	 <div class="panelDiv" style="margin-top:10px;"> 
+	  	<div class="panelTile">
+		         	<el-row>
+			         <el-col :span="8">
+			          	<el-input  size="small"  v-model="filters.key"  placeholder="关键字模糊查询,请先选择上面数据分类按钮,再查询." ></el-input>
+			          </el-col> 
+			          <el-col :span="16"> 
+			          		<el-button type="primary" size="small" v-on:click="search">查询</el-button> 
+			          		<el-button size="small" @click="handleAdd" :disabled="this.filters.codeRow==''">添加分组</el-button>
+						    <el-button size="small" @click="handleAddOption" :disabled="this.filters.dtcodeId==''">添加属性</el-button> 
+						    <el-button :plain="true" size="small" type="info" @click="importFormVisible = true">导入属性</el-button>
+				            <el-button type="danger" @click="batchDelOption" size="small" :disabled="this.sels.length===0">删除属性</el-button> 
+						 	
+						</el-col>
+					</el-row>
+		</div><!--panelTile-->
+		<el-row>
+			<el-col :span="6">
+		              <!--列表-->
+						<el-table :data="codeSeconds"  height="440" highlight-current-row v-loading="listCodeSecondLoading" @row-click="rowClick"  border style="width: 100%;">
+							<el-table-column prop="dtcodeName" label="分组描述" min-width="120"></el-table-column>
+							<el-table-column label="操作" min-width="140" >
+								<template scope="scope">
+									<el-button-group>
+										<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+										<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+									</el-button-group>
+								</template>
+							</el-table-column>
+						</el-table>
+		    </el-col>
+			<el-col :span="18">
+					<el-input v-model="addOptionForm.codeName" auto-complete="off" @keyup.enter.native="addOptionSubmit2"  placeholder="在此输入属性描述，按回车直接添加 "></el-input>   
+					<!--列表-->
+					<el-table :data="codeDetails" height="440" highlight-current-row v-loading="listLoading"  @selection-change="selsChange"  style="width: 100%;">
+						<el-table-column type="selection" ></el-table-column> 
+						<el-table-column prop="seqOrder" label="#" ></el-table-column>
+						<el-table-column prop="codeName" label="属性描述" min-width="180"  show-overflow-tooltip></el-table-column>
+						<el-table-column prop="codeValue" label="属性编码" min-width="100"></el-table-column>
+						<el-table-column prop="keys" label="快捷键" width="100"></el-table-column>
+						<el-table-column prop="fp" label="扩展信息" width="100"  show-overflow-tooltip></el-table-column>  
+						<el-table-column prop="state" label="状态" width="70">
+								<template scope="scope">
+							        <el-tag :type="scope.row.state === 'E' ? 'primary' : 'success'" close-transition>{{scope.row.state=='E'?'无效':'正常'}}</el-tag>
+							     </template>
+						</el-table-column> 
+						<el-table-column prop="ifdefault" label="默认" width="70">
+								<template scope="scope">
+							        <el-tag :type="scope.row.ifdefault === '0' ? 'primary' : 'success'" close-transition>{{scope.row.ifdefault=='0'?'否':'是'}}</el-tag>
+							     </template>
+						</el-table-column> 
+						<el-table-column label="操作" min-width="220" fixed="right">
+							<template scope="scope">
+								<el-button-group>
+									<el-button size="small" @click="handleEditOption(scope.$index, scope.row)">改</el-button>
+									<el-button size="small" @click="handleUpDown(scope.$index, scope.row,'up')">上移</el-button>
+									<el-button size="small" @click="handleUpDown(scope.$index, scope.row,'down')">下移</el-button>
+								</el-button-group>
+							</template>
+						</el-table-column>
+						
+					</el-table>
+							<!--工具条-->
+					<el-col :span="24" class="toolbar"> 
+						<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+						</el-pagination>
+					</el-col>
+		  	</el-col>
+		  </el-row>
+		</div>
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editOptionFormVisible" :close-on-click-modal="false">
+			<el-form :model="editOptionForm" label-width="120px" :rules="editOptionFormRules" ref="editOptionForm">
+
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag >{{editOptionForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="分组及编码" prop="dtcodeName"> 
+					<el-tag>{{editOptionForm.dtcodeName}} ({{editOptionForm.dtcodeId}})</el-tag>
+				</el-form-item>  
+				<el-form-item label="属性描述(用于显示)" prop="codeName">
+					<el-input v-model="editOptionForm.codeName" auto-complete="off"  placeholder="如  填写 男 或者女 "></el-input>
+				</el-form-item> 
+				<el-form-item label="属性编码" prop="codeValue">
+					<el-input v-model="editOptionForm.codeValue" auto-complete="off"  placeholder="如  填写 1 代表男  2 代表女 ,默认与属性描述一致"></el-input>
+				</el-form-item> 
+				<el-form-item label="快捷键" prop="keys">
+					<el-input v-model="editOptionForm.keys" auto-complete="off"  placeholder="如  填写 1 代表男  2 代表女,默认与 属性编码一致"></el-input>
+				</el-form-item>
+				<el-form-item label="状态" prop="state">
+					<el-radio class="radio" v-model="editOptionForm.state" label="A">正常</el-radio>
+  					<el-radio class="radio" v-model="editOptionForm.state" label="E">无效</el-radio> 
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input-number v-model="editOptionForm.seqOrder" auto-complete="off"></el-input-number>
+				</el-form-item> 
+				<el-form-item label="是否默认" prop="ifdefault">
+					<el-radio class="radio" v-model="editOptionForm.ifdefault" label="1">是</el-radio>
+  					<el-radio class="radio" v-model="editOptionForm.ifdefault" label="0">否</el-radio> 
+				</el-form-item> 
+				<el-form-item label="扩展信息" prop="fp">
+					<el-input v-model="editOptionForm.fp" auto-complete="off"  placeholder="上面所有分组无法满足需求，可使用"></el-input>
+				</el-form-item>
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editOptionFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editOptionSubmit" :loading="editOptionLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增分组" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="140px" :rules="addFormRules" ref="addForm"> 
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag>{{addForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="分组描述" prop="dtcodeName">
+					<el-input v-model="addForm.dtcodeName" auto-complete="off" placeholder="如 性别、年龄 "></el-input>
+				</el-form-item> 
+				<el-form-item label="分组编码" prop="dtcodeId">
+					<el-input  v-model="addForm.dtcodeId" auto-complete="off" placeholder="如 sex、age"></el-input>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog> 
+				<!--修改分组界面-->
+		<el-dialog title="修改分组" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="140px" :rules="editFormRules" ref="editForm"> 
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag>{{editForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="分组描述" prop="dtcodeName">
+					<el-input v-model="editForm.dtcodeName" auto-complete="off" placeholder="如 性别、年龄 "></el-input>
+				</el-form-item> 
+				<el-form-item label="分组编码" prop="dtcodeId">
+					<el-input  v-model="editForm.dtcodeId" auto-complete="off" placeholder="如 sex、age"></el-input>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog> 
+		<!--新增数据项-->
+		<el-dialog title="新增数据项" :visible.sync="addOptionFormVisible" :close-on-click-modal="false">
+			<el-form :model="addOptionForm" label-width="140px" :rules="addOptionFormRules" ref="addOptionForm">
+				
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag>{{addOptionForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="分组及编码" prop="dtcodeName"> 
+					<el-tag>{{addOptionForm.dtcodeName}} ( {{addOptionForm.dtcodeId}} )</el-tag>
+				</el-form-item>  
+				<el-form-item label="属性描述(用于显示)" prop="codeName">
+					<el-input v-model="addOptionForm.codeName" auto-complete="off"  placeholder="如  填写 男 或者女 "></el-input>
+				</el-form-item> 
+				<el-form-item label="属性编码" prop="codeValue">
+					<el-input v-model="addOptionForm.codeValue" auto-complete="off"  placeholder="如  填写 1 代表男  2 代表女,默认与属性描述一致"></el-input>
+				</el-form-item> 
+				<el-form-item label="快捷键" prop="keys">
+					<el-input v-model="addOptionForm.keys" auto-complete="off"    placeholder="如  填写 1 代表男  2 代表女,默认与 属性编码一致 "></el-input>
+				</el-form-item> 
+				<el-form-item label="状态" prop="state">
+					<el-radio class="radio" v-model="addOptionForm.state" label="A">正常</el-radio>
+  					<el-radio class="radio" v-model="addOptionForm.state" label="E">无效</el-radio> 
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input-number v-model="addOptionForm.seqOrder" auto-complete="off"></el-input-number>
+				</el-form-item> 
+				<el-form-item label="是否默认" prop="ifdefault">
+					<el-radio class="radio" v-model="addOptionForm.ifdefault" label="1">是</el-radio>
+  					<el-radio class="radio" v-model="addOptionForm.ifdefault" label="0">否</el-radio> 
+				</el-form-item> 
+				<el-form-item label="扩展信息" prop="fp">
+					<el-input v-model="addOptionForm.fp" auto-complete="off"  placeholder="上面所有分组无法满足需求，可使用"></el-input>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addOptionFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addOptionSubmit" :loading="addOptionLoading">提交</el-button>
+			</div>
+		</el-dialog>  
+		<el-dialog title="导入" size="small"  :close-on-click-modal="false" :visible.sync="importFormVisible">
+			<el-form ref="form"> 
+					<el-upload class="upload-demo" 
+					  action="sys/sys/codeDetail/upload" 
+					  :http-request="uploadFile" 
+					  :before-upload="beforeFileUpload">
+						<el-button size="small" type="primary">选择文件</el-button>
+						<div slot="tip" class="el-upload__tip">只能上传excel文件</div>
+					</el-upload>  
+			</el-form>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listCodeDetailKey, delCodeDetail, batchDelCodeDetail, editCodeDetail, addCodeDetail ,upDownCodeDetail,uploadFileToRemote} from '../../../../api/mdp/sys/codeDetail';
+	import { listCodeSecond, delCodeSecond, batchDelCodeSecond, editCodeSecond, addCodeSecond } from '../../../../api/mdp/sys/codeSecond';
+	import { listCode } from '../../../../api/mdp/sys/code';
+	export default {
+		data() {
+			return {
+				filters: { 
+					key:''
+				}, 
+				codeSelected:null,
+				codeSecondSelected:null, 
+				codeSeconds:[],
+				codes:[],
+				codeDetails: [],
+				pageInfo:{
+					total:0,
+					pageSize:20,
+					currentPage:1
+				},
+				importFormVisible:false,
+				listLoading: false,
+				listCodeSecondLoading:false,
+				sels: [],//列表选中列 
+				editOptionFormVisible: false,//编辑界面是否显示
+				editOptionLoading: false,
+				editOptionFormRules: {
+					
+					codeValue: [
+						{ required: true, message: '值编码不能为空', trigger: 'blur' }
+					],
+					codeName: [
+						{ required: true, message: '值名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editOptionForm: { dcodeRow:'',secondCodeRow:'',dtcodeId:'',dtcodeName:'',codeValue:'',codeName:'',ifdefault:'0',seqOrder:'0',state:'A',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',fp:'',sp:'',tp:''
+				},
+				
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					dtcodeId: [
+						{ required: true, message: '分组编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '分组名称不能为空', trigger: 'blur' }
+					],
+				},
+				//新增界面数据
+				addForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					dtcodeId: [
+						{ required: true, message: '分组编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '分组名称不能为空', trigger: 'blur' }
+					],
+				},
+				//编辑界面数据
+				editForm: {secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:''}, 
+				addOptionFormVisible:false,
+				addOptionLoading: false,
+				addOptionFormRules: {
+					dtcodeId: [
+						{ required: true, message: '分组编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '分组名称不能为空', trigger: 'blur' }
+					],
+					codeValue: [
+						{ required: true, message: '值编码不能为空', trigger: 'blur' }
+					],
+					codeName: [
+						{ required: true, message: '值名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addOptionForm:{ dcodeRow:'',secondCodeRow:'',dtcodeId:'',dtcodeName:'',codeValue:'',codeName:'',ifdefault:'0',seqOrder:'0',state:'A',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',fp:'',sp:'',tp:''
+				}			
+			}
+		},
+		methods: {
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getCodeDetails();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getCodeDetails();
+			}, 
+			//获取分组列表
+			getCodes() { 
+				let params = { 
+					state: 'A'
+				};
+				 
+				this.listLoading = true;
+				listCode(params).then((res) => { 
+					this.codes=res.data.data;
+					this.listLoading = false;
+					if(this.codes.length>0){
+						let allCodes=this.codes.filter(item=>item.tcodeId=='all');
+						if(allCodes.length>0){
+							this.codeButtonClick(allCodes[0]);
+						}else{
+							this.codeButtonClick(this.codes[0]);
+						}
+						
+					}else{
+						this.$message({
+							message: "请先在分类管理中建立最少一个分类,通用数据分类代码为【all】,名称为【通用数据】 ",
+							type: 'error'
+						});
+					}
+				}); 
+			},
+			codeButtonClick(code){
+				this.codeSelected=code;
+				this.getCodeSeconds();
+				
+			},
+			//获取分组列表
+			getCodeSeconds() { 
+				let params = { 
+					codeRow: this.codeSelected.codeRow
+				};
+				if(params.codeRow==""){
+					this.$message({
+						message: "请先选择分类",
+						type: 'error'
+					});
+					return;
+				}
+				this.listCodeSecondLoading = true;
+				listCodeSecond(params).then((res) => { 
+					this.codeSeconds=res.data.data;
+					this.listCodeSecondLoading = false;
+					if(this.codeSeconds.length>0){ 
+						this.rowClick(this.codeSeconds[0],null,null);
+					}else{
+						this.codeDetails=[];
+					}
+				});
+			},
+			rowClick: function(row, event, column){
+				console.log(row); 
+				this.pageInfo.currentPage=1;
+				this.pageInfo.total=0;
+				this.codeSecondSelected=row;
+				this.filters.key='';
+				this.getCodeDetails();
+			}, 		//获取列表
+			search() { 
+				 
+				this.pageInfo.currentPage=1;
+				this.pageInfo.total=0;
+ 				this.getCodeDetails();
+				 
+			},
+			//获取列表
+			getCodeDetails() { 
+				if(this.codeSelected==null ){
+					this.$message({ message: "请先选择分类，再查询", type: 'success' });
+					return;
+				}
+				
+				let params = { 
+					codeRow: this.codeSelected.codeRow,
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.filters.key!=""){
+					params.dtcodeId=this.filters.key;
+					params.dtcodeName=this.filters.key;
+					params.codeName=this.filters.key;
+					params.codeValue=this.filters.key; 
+					this.codeSecondSelected==null;
+				}else{
+					params.dtcodeId=this.codeSecondSelected.dtcodeId;
+				}
+				this.listLoading = true;
+				listCodeDetailKey(params).then((res) => {
+					this.codeDetails = res.data.data;
+					this.listLoading = false; 
+					this.pageInfo.total = res.data.pageInfo.total;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { dcodeRow: row.dcodeRow };
+					delCodeDetail(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){
+							this.getCodeSeconds();
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk?'success':'error'
+						});
+						
+					});
+				}).catch(() => {
+
+				});
+			},
+			//上移/下移 upOrDown=up/down
+			handleUpDown: function (index, row,upDown) { 
+				var otherCode=null;
+				if(upDown=='up'){
+					if(index-1<0){
+						this.$message({
+							message: "已是第一",
+							type: 'success'
+						});
+						return;
+					}
+					otherCode=this.codeDetails[index-1];
+				}else{
+						if(index+1 >= this.codeDetails.length){
+							this.$message({
+								message: "已是最后",
+								type: 'success'
+							});
+							return;
+					}
+					otherCode=this.codeDetails[index+1];
+				} 
+				var params = {
+					myDcodeRow:row.dcodeRow,
+					mySeqOrder:row.seqOrder,
+					otherDcodeRow:otherCode.dcodeRow,
+					otherSeqOrder:otherCode.seqOrder,
+					upDown:upDown
+				}
+				this.editOptionLoading = true; 
+				upDownCodeDetail(params).then((res) => {
+								this.editOptionLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.getCodeDetails(row);
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+				 
+			},
+			//显示新增分组界面
+			handleAdd(){ 
+				
+				this.addFormVisible = true;
+				this.addForm.tcodeName=this.codeSelected.tcodeName;
+				this.addForm.codeRow=this.codeSelected.codeRow;
+				this.addForm.dtcodeId=''; 
+				this.addForm.dtcodeName=''; 
+				this.addForm.state="A"
+				
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { secondCodeRow: row.secondCodeRow };
+					delCodeSecond(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getCodeSeconds();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				row.tcodeName=this.codeSelected.tcodeName;
+				row.codeRow=this.codeSelected.codeRow;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示编辑界面
+			handleEditOption: function (index, row) {
+				
+				let codeSecondSelecteds=this.codeSeconds.filter(item=> item.secondCodeRow==row.secondCodeRow);
+				let codeSecondSelected=codeSecondSelecteds[0];
+				row.secondCodeRow=codeSecondSelected.secondCodeRow;
+				row.dtcodeId=codeSecondSelected.dtcodeId;
+				row.dtcodeName=codeSecondSelected.dtcodeName;
+				row.tcodeName=this.codeSelected.tcodeName; 
+				row.tcodeId=this.codeSelected.tcodeId;
+				this.editOptionForm = Object.assign({}, row);
+				this.editOptionFormVisible = true;
+				console.log(Object.assign({}, row));
+			},
+			 
+			//显示新增数据项界面
+			handleAddOption(){ 
+				if(this.codeSecondSelected.dtcodeId==''){
+					this.$message({ message: "请先选择左边分组", type:'error' });
+					return;
+				}
+				this.addOptionFormVisible = true;
+				this.addOptionForm.tcodeId=this.codeSelected.tcodId;
+				this.addOptionForm.tcodeName=this.codeSelected.tcodeName;
+				this.addOptionForm.codeRow=this.codeSelected.codeRow;
+				this.addOptionForm.secondCodeRow=this.codeSecondSelected.secondCodeRow
+				this.addOptionForm.dtcodeId=this.codeSecondSelected.dtcodeId; 
+				this.addOptionForm.dtcodeName=this.codeSecondSelected.dtcodeName; 
+				this.addOptionForm.state="A"
+				this.addOptionForm.ifdefault='0'
+	 			this.addOptionForm.seqOrder=this.pageInfo.total;
+				
+			},
+			//编辑
+			editOptionSubmit: function () {
+				this.$refs.editOptionForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editOptionLoading = true; 
+							let params = Object.assign({}, this.editOptionForm); 
+							editCodeDetail(params).then((res) => {
+								this.editOptionLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editOptionForm'].resetFields();
+									this.editOptionFormVisible = false;
+									this.getCodeDetails(this.editOptionForm);
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addCodeSecond(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getCodeSeconds();
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+						});
+					}
+				});
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editCodeSecond(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getCodeSeconds();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增数据下拉项目
+			addOptionSubmit2: function () {
+				if(this.codeSecondSelected==null){
+					this.$message({ message: '请先选择左边分组', type: 'warning' });
+					return;
+				}
+				this.addOptionForm.tcodeId=this.codeSelected.tcodId;
+				this.addOptionForm.tcodeName=this.codeSelected.tcodeName;
+				this.addOptionForm.codeRow=this.codeSelected.codeRow;
+				this.addOptionForm.secondCodeRow=this.codeSecondSelected.secondCodeRow
+				this.addOptionForm.dtcodeId=this.codeSecondSelected.dtcodeId; 
+				this.addOptionForm.dtcodeName=this.codeSecondSelected.dtcodeName; 
+				this.addOptionForm.state="A"
+				this.addOptionForm.ifdefault='0'
+	 			this.addOptionForm.seqOrder=this.pageInfo.total;
+				this.addLoading = true; 
+						 	if(this.addOptionForm.codeName==''){
+						 		this.$message({
+									message: '属性名称不能为空',
+									type: 'error'
+								});
+								return;
+						 	} 
+							let params = Object.assign({}, this.addOptionForm); 
+							params.secondCodeRow=this.codeSecondSelected.secondCodeRow; 
+							addCodeDetail(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){ 
+									this.addOptionFormVisible = false;
+									this.addOptionForm.codeName='';
+									this.addOptionForm.codeValue='';
+									this.pageInfo.total=0;
+									this.pageInfo.currentPage=1;
+									this.getCodeDetails();
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+						});		 	 
+			},
+			//新增数据下拉项目
+			addOptionSubmit: function () {
+				this.$refs.addOptionForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addOptionForm); 
+							addCodeDetail(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addOptionForm'].resetFields();
+									this.addOptionFormVisible = false;
+									this.getCodeDetails(this.addOptionForm);
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDelOption: function () {
+				var dcodeRows = this.sels.map(item => item.dcodeRow);
+				console.log(dcodeRows);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelCodeDetail(dcodeRows).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){
+							this.pageInfo.total=0;
+							this.pageInfo.currentPage=1;
+							this.getCodeDetails(this.sels[0]);
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk?'success':'error'
+						});
+						
+					});
+				}).catch(() => {
+
+				});
+			},
+				//导入部分
+				beforeFileUpload(file) {
+					let fileType = file.name;
+					var index = fileType.lastIndexOf(".");  
+                    fileType  = fileType.substring(index + 1, fileType.length);
+					if(fileType== 'xls' || fileType == 'xlsx') {
+						let f = {
+							name: file.name
+						}
+						return true;
+					} else {
+						this.$message({
+							message: '请上传excel文件!',
+							type: 'warning'
+						});
+						return false;
+					}
+				},
+				uploadFile(request) {
+					console.log(request);
+					request.action=request.action+"?secondCodeRow="+this.codeSecondSelected.secondCodeRow; 
+					uploadFileToRemote(request).then((res) => {
+						var tips =res.data.tips;
+						if(tips.isOk){
+							this.importFormVisible=false;
+							this.getCodeDetails();
+						}else{
+							this.$message({
+							message: tips.msg,
+							type: 'error'
+						});
+						}
+					});
+				},
+				removeFile(file, fileList) {
+				    this.fileList = [];
+					this.importData = [];
+					this.importDataPage = [];
+					this.importPageInfo = {
+						currentPage: 1, //当前页
+						size: 10 //每页几条
+					};
+				}
+		},
+		mounted() {
+			//this.getCodeSeconds();
+			this.getCodes(); 
+		},
+		watch:{
+			'addOptionForm.codeValue':function(newVal,oldVal){ 
+                	this.addOptionForm.keys=newVal; 
+            },
+            'addOptionForm.codeName':function(newVal,oldVal){ 
+                	this.addOptionForm.codeValue=newVal; 
+            } 
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+    @import '~scss_vars';
+	.panelDiv{
+	   border:1px solid #e4e4e4;
+	   border-radius: 5px;
+	   padding:10px;
+	   font-size:14px;
+	   .panelTile{
+	     padding-bottom:5px;
+	     border-bottom:1px solid #e4e4e4;
+	     margin-bottom:5px;
+	   }
+	}
+	.oneOfCata{
+	   padding-top:5px;
+	   padding-bottom:5px;
+	}
+  
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/DajgSsjcbmMbMng.vue b/src/views/mdp/sys/codeDetail/DajgSsjcbmMbMng.vue
new file mode 100644
index 0000000..46e8aad
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/DajgSsjcbmMbMng.vue
@@ -0,0 +1,640 @@
+<template>
+	<section>
+ 
+	 <div class="panelDiv" style="margin-top:10px;"> 
+	  	<div class="panelTile">
+		         	<el-row>
+			         <el-col :span="8">
+			          	<el-input  size="small"  v-model="filters.key"  placeholder="关键字模糊查询,请先选择上面数据分类按钮,再查询." ></el-input>
+			          </el-col> 
+			          <el-col :span="16"> 
+			          		<el-button type="primary" size="small" v-on:click="search">查询</el-button> 
+			          		<el-button size="small" @click="handleAdd" :disabled="this.filters.codeRow==''">添加目录</el-button> 
+				            <el-button type="danger" @click="batchDelOption" size="small" :disabled="this.sels.length===0">删除章节</el-button> 
+						 
+						</el-col>
+					</el-row>
+		</div><!--panelTile-->
+		<el-row>
+			<el-col :span="6">
+		              <!--列表-->
+						<el-table :data="codeSeconds"  height="440" highlight-current-row v-loading="listCodeSecondLoading" @row-click="rowClick"  border style="width: 100%;">
+							<el-table-column prop="dtcodeName" label="目录名称" min-width="140"></el-table-column>
+							<el-table-column label="操作" min-width="140" >
+								<template scope="scope">
+									<el-button-group>
+										<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+										<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+									</el-button-group>
+								</template>
+							</el-table-column>
+						</el-table>
+		    </el-col>
+			<el-col :span="18">   
+							<el-input v-model="addOptionForm.codeName" auto-complete="off" @keyup.enter.native="addOptionSubmit"  placeholder="在此输入章节名称，按回车直接添加 "></el-input> 
+					 
+					<!--列表-->
+					<el-table :data="codeDetails" height="440" highlight-current-row v-loading="listLoading"  @selection-change="selsChange"  style="width: 100%;">
+						<el-table-column type="selection"></el-table-column> 
+						<el-table-column prop="seqOrder" label="#" width="70"></el-table-column>
+						<el-table-column prop="codeName" label="章节" min-width="180" ></el-table-column>
+						<el-table-column  label="文件类型" width="100">
+							<template scope="scope">
+									<el-tag :type="'primary'" close-transition>{{ getFileType(scope.$index) }}</el-tag>
+							</template>
+						</el-table-column>  
+						<el-table-column prop="state" label="状态" width="70">
+								<template scope="scope">
+							        <el-tag :type="scope.row.state === 'E' ? 'primary' : 'success'" close-transition>{{scope.row.state=='E'?'无效':'正常'}}</el-tag>
+							     </template>
+						</el-table-column>  
+						<el-table-column label="操作" min-width="180" >
+							<template scope="scope">
+								<el-button-group>
+									<el-button size="small" @click="handleEditOption(scope.$index, scope.row)">改</el-button>
+									<el-button size="small" @click="handleUpDown(scope.$index, scope.row,'up')">上移</el-button>
+									<el-button size="small" @click="handleUpDown(scope.$index, scope.row,'down')">下移</el-button>
+								</el-button-group>
+							</template>
+						</el-table-column>
+						
+					</el-table>
+					<!--工具条-->
+					<el-col :span="24" class="toolbar"> 
+						<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+						</el-pagination>
+					</el-col>
+		  	</el-col>
+		  </el-row>
+		</div>
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editOptionFormVisible" :close-on-click-modal="false">
+			<el-form :model="editOptionForm" label-width="120px" :rules="editOptionFormRules" ref="editOptionForm">
+
+				<el-form-item label="目录" prop="dtcodeName"> 
+					<el-tag>{{editOptionForm.dtcodeName}} </el-tag>
+				</el-form-item>  
+				<el-form-item label="章节" prop="codeName">
+					<el-input v-model="editOptionForm.codeName" auto-complete="off"  placeholder="章节名称 "></el-input>
+				</el-form-item>   
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input-number v-model="editOptionForm.seqOrder" auto-complete="off"></el-input-number>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editOptionFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editOptionSubmit" :loading="editOptionLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增目录" :visible.sync="addFormVisible" :close-on-click-modal="false"  >
+			<el-form :model="addForm" label-width="140px" :rules="addFormRules" ref="addForm">  
+				<el-form-item label="目录名称" prop="dtcodeName">
+					<el-input v-model="addForm.dtcodeName" auto-complete="off" placeholder="如 性别、年龄 "></el-input>
+				</el-form-item>  
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog> 
+				<!--修改字段界面-->
+		<el-dialog title="修改目录" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="140px" :rules="editFormRules" ref="editForm">  
+				<el-form-item label="目录名称" prop="dtcodeName">
+					<el-input v-model="editForm.dtcodeName" auto-complete="off" placeholder="请输入目录名称 "></el-input>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>  
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import seq from '../../../../common/js/sequence'
+	import { listCodeDetailKey, delCodeDetail, batchDelCodeDetail, editCodeDetail, addCodeDetail ,upDownCodeDetail} from '../../../../api/mdp/sys/codeDetail';
+	import { listCodeSecond, delCodeSecond, batchDelCodeSecond, editCodeSecond, addCodeSecond } from '../../../../api/mdp/sys/codeSecond';
+	import { listCode,selectOptions } from '../../../../api/mdp/sys/code';
+	export default {
+		data() {
+			return {
+				filters: { 
+					key:''
+				}, 
+				codeSelected:null,
+				codeSecondSelected:null, 
+				codeSeconds:[],
+				codes:[],
+				codeDetails: [],
+				selectOptions:{},//下拉列表
+				pageInfo:{
+					total:0,
+					pageSize:20,
+					currentPage:1
+				},
+				listLoading: false,
+				listCodeSecondLoading:false,
+				sels: [],//列表选中列 
+				editOptionFormVisible: false,//编辑界面是否显示
+				editOptionLoading: false,
+				editOptionFormRules: {
+
+					codeValue: [
+						{ required: true, message: '值编码不能为空', trigger: 'blur' }
+					],
+					codeName: [
+						{ required: true, message: '值名称不能为空', trigger: 'blur' }
+					],
+					fp: [
+						{ required: true, message: '文件类型不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editOptionForm:  { dcodeRow:'',secondCodeRow:'',dtcodeId:'',dtcodeName:'',codeValue:'',codeName:'',ifdefault:'0',seqOrder:'0',state:'A',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',fp:'',sp:'',tp:''
+				},				
+				
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					dtcodeId: [
+						{ required: true, message: '字段编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '字段名称不能为空', trigger: 'blur' }
+					],
+				},
+				//新增界面数据
+				addForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					dtcodeId: [
+						{ required: true, message: '字段编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '字段名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: {secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:''},
+				
+				addOptionFormVisible:false,
+				addOptionLoading: false,
+				addOptionFormRules: {
+					codeValue: [
+						{ required: true, message: '值编码不能为空', trigger: 'blur' }
+					],
+					codeName: [
+						{ required: true, message: '值名称不能为空', trigger: 'blur' }
+					],
+					fp: [
+						{ required: true, message: '文件类型不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addOptionForm: { dcodeRow:'',secondCodeRow:'',dtcodeId:'',dtcodeName:'',codeValue:'',codeName:'',ifdefault:'0',seqOrder:'0',state:'A',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',fp:'',sp:'',tp:''
+				}				
+			}
+		},
+		methods: {
+			//获取代码对应的名称 用于数据反显
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			}, 
+			//下拉数据加载
+			getSelectOptions: function () { 
+				/** 下拉数据加载例子  */
+				selectOptions({code:'all',fieldNames:['state']}).then(res=>{
+					this.selectOptions=res.data.data;
+					let states=this.selectOptions.state.filter(i=>i.ifdefault=='1'); 
+					this.addOptionForm.state=states.length>0?states[0].codeValue:this.addOptionForm.state;
+				
+				});
+				
+			},
+			getFileType:function(index){
+				if(index==0){
+					return '封面';
+				}else if(index==1){
+					return '目录';
+				}else if(index==this.codeDetails.length-1){
+					return '备考表';
+				}else{
+					return '正文';
+				}
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getCodeDetails();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getCodeDetails();
+			}, 
+			//获取字段列表
+			getCodes() { 
+				let params = { 
+					state: 'A',
+					tcodeId:'JCBM_TPL'
+				};
+				 
+				this.listLoading = true;
+				listCode(params).then((res) => { 
+					this.codes=res.data.data;
+					this.listLoading = false;
+					if(this.codes.length>0){
+						this.codeButtonClick(this.codes[0]);
+					}else{
+						this.$message({
+							message: "请先在分类管理中建立分类代码为【JCBM_TPL】,名称为【卷册编码模板】的分类  ",
+							type: 'error'
+						});
+					}
+				}); 
+			},
+			codeButtonClick(code){
+				this.codeSelected=code;
+				this.getCodeSeconds();
+				
+			},
+			//获取字段列表
+			getCodeSeconds() { 
+				let params = { 
+					codeRow: this.codeSelected.codeRow
+				};
+				if(params.codeRow==""){
+					this.$message({
+						message: "请先选择分类",
+						type: 'error'
+					});
+					return;
+				}
+				this.listCodeSecondLoading = true;
+				listCodeSecond(params).then((res) => { 
+					this.codeSeconds=res.data.data;
+					this.listCodeSecondLoading = false;
+					if(this.codeSeconds.length>0){ 
+						this.rowClick(this.codeSeconds[0],null,null);
+					}else{
+						this.codeDetails=[];
+					}
+				});
+			},
+			rowClick: function(row, event, column){
+				console.log(row); 
+				this.codeSecondSelected=row; 
+				this.filters.key='';
+				this.pageInfo.currentPage=1;
+				this.pageInfo.total=0;
+				this.getCodeDetails();
+			}, 		//获取列表
+			search() { 
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getCodeDetails();
+			},
+			//获取列表
+			getCodeDetails() { 
+				if(this.codeSelected==null){
+					this.$message({ message: "请先选择分类，再查询", type: 'warning' });
+					return;
+				}
+				let params = { 
+					codeRow: this.codeSelected.codeRow,
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.filters.key!=""){
+					params.dtcodeId=this.filters.key;
+					params.dtcodeName=this.filters.key;
+					params.codeName=this.filters.key;
+					params.codeValue=this.filters.key; 
+				}else{
+					params.dtcodeId=this.codeSecondSelected.dtcodeId;
+				}
+				this.listLoading = true;
+				listCodeDetailKey(params).then((res) => {
+					this.codeDetails = res.data.data;
+					this.listLoading = false; 
+					this.pageInfo.total=res.data.pageInfo.total;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { dcodeRow: row.dcodeRow };
+					delCodeDetail(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){
+							this.pageInfo.total=0;
+							this.pageInfo.currentPage=1;
+							this.getCodeSeconds();
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk?'success':'error'
+						});
+						
+					});
+				}).catch(() => {
+
+				});
+			},
+			//上移/下移 upOrDown=up/down
+			handleUpDown: function (index, row,upDown) { 
+				var otherCode=null;
+				if(upDown=='up'){
+					if(index-1<0){
+						this.$message({
+							message: "已是第一",
+							type: 'success'
+						});
+						return;
+					}
+					otherCode=this.codeDetails[index-1];
+				}else{
+						if(index+1 >= this.codeDetails.length){
+							this.$message({
+								message: "已是最后",
+								type: 'success'
+							});
+							return;
+					}
+					otherCode=this.codeDetails[index+1];
+				} 
+				var params = {
+					myDcodeRow:row.dcodeRow,
+					mySeqOrder:row.seqOrder,
+					otherDcodeRow:otherCode.dcodeRow,
+					otherSeqOrder:otherCode.seqOrder,
+					upDown:upDown
+				}
+				this.editOptionLoading = true; 
+				upDownCodeDetail(params).then((res) => {
+								this.editOptionLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.getCodeDetails(row);
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+				 
+			},
+			//显示新增字段界面
+			handleAdd(){ 
+				
+				this.addFormVisible = true;
+				this.addForm.tcodeName=this.codeSelected.tcodeName;
+				this.addForm.codeRow=this.codeSelected.codeRow;
+				this.addForm.dtcodeId=''; 
+				this.addForm.dtcodeName=''; 
+				this.addForm.state="A"
+				
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { secondCodeRow: row.secondCodeRow };
+					delCodeSecond(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						this.pageInfo.total=0;
+						this.pageInfo.currentPage=1;
+						if(tips.isOk){ this.getCodeSeconds();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				row.tcodeName=this.codeSelected.tcodeName;
+				row.codeRow=this.codeSelected.codeRow;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示编辑界面
+			handleEditOption: function (index, row) {
+				
+				let codeSecondSelecteds=this.codeSeconds.filter(item=> item.secondCodeRow==row.secondCodeRow);
+				let codeSecondSelected=codeSecondSelecteds[0];
+				row.secondCodeRow=codeSecondSelected.secondCodeRow;
+				row.dtcodeId=codeSecondSelected.dtcodeId;
+				row.dtcodeName=codeSecondSelected.dtcodeName;
+				row.tcodeName=this.codeSelected.tcodeName; 
+				row.tcodeId=this.codeSelected.tcodeId;
+				this.editOptionForm = Object.assign({}, row);
+				this.editOptionFormVisible = true;
+				console.log(Object.assign({}, row));
+			},
+			 
+			//显示新增数据项界面
+			handleAddOption(){ 
+				if(this.codeSecondSelected==null){
+					this.$message({ message: "请先选择左边字段", type:'warning' });
+					return;
+				}
+				
+				this.addOptionForm.tcodeId=this.codeSelected.tcodId;
+				this.addOptionForm.tcodeName=this.codeSelected.tcodeName;
+				this.addOptionForm.codeRow=this.codeSelected.codeRow;
+				this.addOptionForm.secondCodeRow=this.codeSecondSelected.secondCodeRow
+				this.addOptionForm.dtcodeId=this.codeSecondSelected.dtcodeId; 
+				this.addOptionForm.dtcodeName=this.codeSecondSelected.dtcodeName; 
+				this.addOptionForm.state="A"
+				this.addOptionForm.ifdefault='0'
+	 			this.addOptionForm.seqOrder=this.codeDetails.length; 
+				
+			},
+			//编辑
+			editOptionSubmit: function () {
+				this.$refs.editOptionForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editOptionLoading = true; 
+							let params = Object.assign({}, this.editOptionForm); 
+							editCodeDetail(params).then((res) => {
+								this.editOptionLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editOptionForm'].resetFields();
+									this.editOptionFormVisible = false;
+									this.getCodeDetails();
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							params.dtcodeId=seq.sn(); 
+							addCodeSecond(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getCodeSeconds();
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+						});
+					}
+				});
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editCodeSecond(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getCodeSeconds();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增数据下拉项目
+			addOptionSubmit: function () {
+				  
+						 this.addLoading = true; 
+						 	if(this.addOptionForm.codeName==''){
+						 		this.$message({
+									message: '章节内容不能为空',
+									type: 'error'
+								});
+								return;
+						 	}
+						 	this.handleAddOption();
+							let params = Object.assign({}, this.addOptionForm); 
+							params.secondCodeRow=this.codeSecondSelected.secondCodeRow;
+							params.codeValue=seq.sn(); 
+							addCodeDetail(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){ 
+									this.addOptionFormVisible = false;
+									this.addOptionForm.codeName='';
+									this.addOptionForm.codeValue='';
+									this.pageInfo.total=0;
+									this.pageInfo.currentPage=1;
+									this.getCodeDetails();
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+						}); 
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDelOption: function () {
+				var dcodeRows = this.sels.map(item => item.dcodeRow);
+				console.log(dcodeRows);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelCodeDetail(dcodeRows).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){
+							this.pageInfo.total=0;
+							this.pageInfo.currentPage=1;
+							this.getCodeDetails(this.sels[0]);
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk?'success':'error'
+						});
+						
+					});
+				}).catch(() => {
+
+				});
+			}
+		},
+		mounted() {
+			//this.getCodeSeconds();
+			this.getCodes(); 
+			this.getSelectOptions();
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+    @import '~scss_vars';
+	.panelDiv{
+	   border:1px solid #e4e4e4;
+	   border-radius: 5px;
+	   padding:10px;
+	   font-size:14px;
+	   .panelTile{
+	     padding-bottom:5px;
+	     border-bottom:1px solid #e4e4e4;
+	     margin-bottom:5px;
+	   }
+	}
+	.oneOfCata{
+	   padding-top:5px;
+	   padding-bottom:5px;
+	}
+  
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/DataList.vue b/src/views/mdp/sys/codeDetail/DataList.vue
new file mode 100644
index 0000000..57a47f5
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/DataList.vue
@@ -0,0 +1,96 @@
+<template>
+	<section>
+		<el-row>
+			<!--一級分類-->
+			<el-col :span="24"  size="small">
+				<el-button size="small" v-for="item in codes" :type="codeSelected.codeRow!=item.codeRow?'primary':'success'"  v-on:click="codeButtonClick(item)">{{item.tcodeName}}</el-button> 
+			</el-col>
+			<!--二級分類-->  
+			<el-col :span="7"  size="small" >
+				<code-second-list :data-obj="codeSelected" @row-click="codeSecondRowClick"  @select-click="codeSecondSelectClick"></code-second-list>
+			</el-col>
+			<!--三級屬性-->  
+			<el-col :span="17"  size="small" >
+				<code-detail-list :data-obj="codeSecondSelected"></code-detail-list>
+			</el-col>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { listCode,selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import CodeSecondList from '../codeSecond/CodeSecondList';//二級分類
+	import CodeDetailList from './CodeDetailList';//三級明細
+	export default {
+		data() {
+			return {
+				codes:[],//一級分類列表
+				codeSelected:{},//選中的一級分類
+				codeSecondSelected:{}//選中的二級分類
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+ 
+			/**begin 自定义函数请在下面加**/
+			//一級分類按鈕被選中
+			codeButtonClick(code){
+				this.codeSelected=code;
+			},
+			//二級分類行被選中
+			codeSecondRowClick( codeSecond, event, column ){
+				this.codeSecondSelected=codeSecond;
+			},
+			//获取分组列表
+			getCodes() { 
+				let params = { 
+					state: 'A'
+				};
+				 
+				this.listLoading = true;
+				listCode(params).then((res) => { 
+					this.codes=res.data.data;
+					this.listLoading = false;
+					if(this.codes.length>0){
+						let allCodes=this.codes.filter(item=>item.tcodeId=='all');
+						if(allCodes.length>0){
+							this.codeButtonClick(allCodes[0]);
+						}else{
+							this.codeButtonClick(this.codes[0]);
+						}
+						
+					}else{
+						this.$message({
+							message: "请先在分类管理中建立最少一个分类,通用数据分类代码为【all】,名称为【通用数据】 ",
+							type: 'error'
+						});
+					}
+				}); 
+			}, 
+			//二級分類行被選中
+			codeSecondSelectClick( codeSecond, event, column ){
+				this.codeSecondSelected=codeSecond;
+				this.$emit('code-second-select-click',codeSecond, event, column);//  @rcode-second-select-click="codeSecondSelectClick"
+			},
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'code-second-list':CodeSecondList,
+		    'code-detail-list':CodeDetailList
+		    //在下面添加其它组件
+		},
+		mounted() {
+			/**在下面写其它函数***/
+			this.getCodes();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/DataMng.vue b/src/views/mdp/sys/codeDetail/DataMng.vue
new file mode 100644
index 0000000..d670df2
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/DataMng.vue
@@ -0,0 +1,89 @@
+<template>
+	<section>
+		<!--一級分類-->
+		<el-col :span="24" class="toolbar" size="small" style="padding: 0px;">
+			<el-button size="small" v-for="item in codes" :type="codeSelected.codeRow!=item.codeRow?'primary':'success'"  v-on:click="codeButtonClick(item)">{{item.tcodeName}}</el-button> 
+		</el-col>
+		<!--二級分類-->  
+		<el-col :span="7" class="toolbar" size="small" style="padding: 0px;">
+			<code-second-mng :data-obj="codeSelected" @row-click="codeSecondRowClick"></code-second-mng>
+		</el-col>
+		<!--三級屬性-->  
+		<el-col :span="17" class="toolbar" size="small" style="padding: 0px;">
+			<code-detail-mng :data-obj="codeSecondSelected"></code-detail-mng>
+		</el-col>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { listCode,selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import CodeSecondMng from '../codeSecond/CodeSecondMng';//二級分類
+	import CodeDetailMng from './CodeDetailMng';//三級明細
+	export default {
+		data() {
+			return {
+				codes:[],//一級分類列表
+				codeSelected:{},//選中的一級分類
+				codeSecondSelected:{}//選中的二級分類
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+ 
+			/**begin 自定义函数请在下面加**/
+			//一級分類按鈕被選中
+			codeButtonClick(code){
+				this.codeSelected=code;
+			},
+			//二級分類行被選中
+			codeSecondRowClick( codeSecond ){
+				this.codeSecondSelected=codeSecond;
+			},
+			//获取分组列表
+			getCodes() { 
+				let params = { 
+					state: 'A'
+				};
+				 
+				this.listLoading = true;
+				listCode(params).then((res) => { 
+					this.codes=res.data.data;
+					this.listLoading = false;
+					if(this.codes.length>0){
+						let allCodes=this.codes.filter(item=>item.tcodeId=='all');
+						if(allCodes.length>0){
+							this.codeButtonClick(allCodes[0]);
+						}else{
+							this.codeButtonClick(this.codes[0]);
+						}
+						
+					}else{
+						this.$message({
+							message: "请先在分类管理中建立最少一个分类,通用数据分类代码为【all】,名称为【通用数据】 ",
+							type: 'error'
+						});
+					}
+				}); 
+			}
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'code-second-mng':CodeSecondMng,
+		    'code-detail-mng':CodeDetailMng
+		    //在下面添加其它组件
+		},
+		mounted() {
+			/**在下面写其它函数***/
+			this.getCodes();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeDetail/SysParamesMng.vue b/src/views/mdp/sys/codeDetail/SysParamesMng.vue
new file mode 100644
index 0000000..8befe1c
--- /dev/null
+++ b/src/views/mdp/sys/codeDetail/SysParamesMng.vue
@@ -0,0 +1,673 @@
+<template>
+	<section> 
+	 <div class="panelDiv" style="margin-top:10px;"> 
+	  	<div class="panelTile">
+		         	<el-row>
+			         <el-col :span="8">
+			          	<el-input  size="small"  v-model="filters.key"  placeholder="关键字模糊查询,请先选择上面数据分类按钮,再查询." ></el-input>
+			          </el-col> 
+			          <el-col :span="16"> 
+			          		<el-button type="primary" size="small" v-on:click="search">查询</el-button> 
+			          		<el-button size="small" @click="handleAdd" :disabled="this.filters.codeRow==''">添加参数</el-button>
+						    <el-button size="small" @click="handleAddOption" :disabled="this.filters.dtcodeId==''">添加子项</el-button> 
+				            <el-button type="danger" @click="batchDelOption" size="small" :disabled="this.sels.length===0">删除子项</el-button> 
+						 
+						</el-col>
+					</el-row>
+		</div><!--panelTile-->
+		<el-row>
+			<el-col :span="6">
+		              <!--列表-->
+						<el-table :data="codeSeconds"  height="440" highlight-current-row v-loading="listCodeSecondLoading" @row-click="rowClick"  border style="width: 100%;">
+							<el-table-column prop="dtcodeName" label="参数描述" min-width="140"></el-table-column>
+							<el-table-column prop="dtcodeId" label="参数编码" min-width="140"></el-table-column>  
+							<el-table-column label="操作" min-width="140" fixed="right">
+								<template scope="scope">
+									<el-button-group>
+										<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+										<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+									</el-button-group>
+								</template>
+							</el-table-column>
+						</el-table>
+		    </el-col>
+			<el-col :span="18">  
+					<!--列表-->
+					<el-table :data="codeDetails" height="440" highlight-current-row v-loading="listLoading"  @selection-change="selsChange"  style="width: 100%;">
+						<el-table-column type="selection" width="40"></el-table-column> 
+						<el-table-column prop="seqOrder" label="#" width="70"></el-table-column>
+						<el-table-column prop="codeName" label="选项描述" min-width="180"></el-table-column>
+						<el-table-column prop="codeValue" label="选项编码" min-width="100"></el-table-column>
+						<el-table-column prop="fp" label="扩展信息" min-width="100"></el-table-column>  
+						<el-table-column prop="state" label="状态" width="70">
+								<template scope="scope">
+							        <el-tag :type="scope.row.state === 'E' ? 'primary' : 'success'" close-transition>{{scope.row.state=='E'?'无效':'正常'}}</el-tag>
+							     </template>
+						</el-table-column> 
+						<el-table-column prop="ifdefault" label="默认" width="70">
+								<template scope="scope">
+							        <el-tag :type="scope.row.ifdefault === '0' ? 'primary' : 'success'" close-transition>{{scope.row.ifdefault=='0'?'否':'是'}}</el-tag>
+							     </template>
+						</el-table-column> 
+						<el-table-column label="操作" min-width="180">
+							<template scope="scope">
+								<el-button-group>
+									<el-button size="small" @click="handleEditOption(scope.$index, scope.row)">改</el-button>
+									<el-button size="small" @click="handleUpDown(scope.$index, scope.row,'up')">上移</el-button>
+									<el-button size="small" @click="handleUpDown(scope.$index, scope.row,'down')">下移</el-button>
+								</el-button-group>
+							</template>
+						</el-table-column>
+						
+					</el-table>
+		  	</el-col>
+		  </el-row>
+		</div>
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editOptionFormVisible" :close-on-click-modal="false">
+			<el-form :model="editOptionForm" label-width="120px" :rules="editOptionFormRules" ref="editOptionForm">
+
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag >{{editOptionForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="参数及编码" prop="dtcodeName"> 
+					<el-tag>{{editOptionForm.dtcodeName}} ({{editOptionForm.dtcodeId}})</el-tag>
+				</el-form-item>  
+				<el-form-item label="选项描述(用于显示)" prop="codeName">
+					<el-input v-model="editOptionForm.codeName" auto-complete="off"  placeholder="如  填写 男 或者女 "></el-input>
+				</el-form-item> 
+				<el-form-item label="选项编码" prop="codeValue">
+					<el-input v-model="editOptionForm.codeValue" auto-complete="off"  placeholder="如  填写 1 代表男  2 代表女 "></el-input>
+				</el-form-item> 
+				
+				<el-form-item label="状态" prop="state">
+					<el-radio class="radio" v-model="editOptionForm.state" label="A">正常</el-radio>
+  					<el-radio class="radio" v-model="editOptionForm.state" label="E">无效</el-radio> 
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input-number v-model="editOptionForm.seqOrder" auto-complete="off"></el-input-number>
+				</el-form-item> 
+				<el-form-item label="是否默认" prop="ifdefault">
+					<el-radio class="radio" v-model="editOptionForm.ifdefault" label="1">是</el-radio>
+  					<el-radio class="radio" v-model="editOptionForm.ifdefault" label="0">否</el-radio> 
+				</el-form-item> 
+				<el-form-item label="扩展信息" prop="fp">
+					<el-input v-model="editOptionForm.fp" auto-complete="off"  placeholder="上面所有参数无法满足需求，可使用"></el-input>
+				</el-form-item>
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editOptionFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editOptionSubmit" :loading="editOptionLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增参数" v-model="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="140px" :rules="addFormRules" ref="addForm"> 
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag>{{addForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="参数描述" prop="dtcodeName">
+					<el-input v-model="addForm.dtcodeName" auto-complete="off" placeholder="如 性别、年龄 "></el-input>
+				</el-form-item> 
+				<el-form-item label="参数编码" prop="dtcodeId">
+					<el-input  v-model="addForm.dtcodeId" auto-complete="off" placeholder="如 sex、age"></el-input>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog> 
+				<!--修改参数界面-->
+		<el-dialog title="修改参数" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="140px" :rules="editFormRules" ref="editForm"> 
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag>{{editForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="参数描述" prop="dtcodeName">
+					<el-input v-model="editForm.dtcodeName" auto-complete="off" placeholder="如 性别、年龄 "></el-input>
+				</el-form-item> 
+				<el-form-item label="参数编码" prop="dtcodeId">
+					<el-input  v-model="editForm.dtcodeId" auto-complete="off" placeholder="如 sex、age"></el-input>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog> 
+		<!--新增数据项-->
+		<el-dialog title="新增数据项" :visible.sync="addOptionFormVisible" :close-on-click-modal="false">
+			<el-form :model="addOptionForm" label-width="140px" :rules="addOptionFormRules" ref="addOptionForm">
+				
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag>{{addOptionForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="参数及编码" prop="dtcodeName"> 
+					<el-tag>{{addOptionForm.dtcodeName}} ( {{addOptionForm.dtcodeId}} )</el-tag>
+				</el-form-item>  
+				<el-form-item label="选项描述(用于显示)" prop="codeName">
+					<el-input v-model="addOptionForm.codeName" auto-complete="off"  placeholder="如  填写 男 或者女 "></el-input>
+				</el-form-item> 
+				<el-form-item label="选项编码" prop="codeValue">
+					<el-input v-model="addOptionForm.codeValue" auto-complete="off"  placeholder="如  填写 1 代表男  2 代表女 "></el-input>
+				</el-form-item> 
+				<el-form-item label="状态" prop="state">
+					<el-radio class="radio" v-model="addOptionForm.state" label="A">正常</el-radio>
+  					<el-radio class="radio" v-model="addOptionForm.state" label="E">无效</el-radio> 
+				</el-form-item> 
+				<el-form-item label="显示顺序" prop="seqOrder">
+					<el-input-number v-model="addOptionForm.seqOrder" auto-complete="off"></el-input-number>
+				</el-form-item> 
+				<el-form-item label="是否默认" prop="ifdefault">
+					<el-radio class="radio" v-model="addOptionForm.ifdefault" label="1">是</el-radio>
+  					<el-radio class="radio" v-model="addOptionForm.ifdefault" label="0">否</el-radio> 
+				</el-form-item> 
+				<el-form-item label="扩展信息" prop="fp">
+					<el-input v-model="addOptionForm.fp" auto-complete="off"  placeholder="上面所有参数无法满足需求，可使用"></el-input>
+				</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addOptionFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addOptionSubmit" :loading="addOptionLoading">提交</el-button>
+			</div>
+		</el-dialog>  
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listCodeDetailKey, delCodeDetail, batchDelCodeDetail, editCodeDetail, addCodeDetail ,upDownCodeDetail} from '../../../../api/mdp/sys/codeDetail';
+	import { listCodeSecond, delCodeSecond, batchDelCodeSecond, editCodeSecond, addCodeSecond } from '../../../../api/mdp/sys/codeSecond';
+	import { listCode } from '../../../../api/mdp/sys/code';
+	export default {
+		data() {
+			return {
+				filters: { 
+					key:''
+				}, 
+				codeSelected:{codeRow:'',tcodeId:'',tcodeName:''},
+				codeSecondSelected:{secondCodeRow:'',dtcodeId:'',dtcodeName:''}, 
+				codeSeconds:[],
+				codes:[],
+				codeDetails: [],
+				pageInfo:{
+					total:0,
+					pageSize:20,
+					currentPage:1
+				},
+				listLoading: false,
+				listCodeSecondLoading:false,
+				sels: [],//列表选中列 
+				editOptionFormVisible: false,//编辑界面是否显示
+				editOptionLoading: false,
+				editOptionFormRules: {
+					dtcodeId: [
+						{ required: true, message: '参数编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '参数名称不能为空', trigger: 'blur' }
+					],
+					codeValue: [
+						{ required: true, message: '值编码不能为空', trigger: 'blur' }
+					],
+					codeName: [
+						{ required: true, message: '值名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editOptionForm: { dcodeRow:'',secondCodeRow:'',dtcodeId:'',dtcodeName:'',codeValue:'',codeName:'',ifdefault:'0',seqOrder:'0',state:'A',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',fp:'',sp:'',tp:''
+				},
+				
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					dtcodeId: [
+						{ required: true, message: '参数编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '参数名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					dtcodeId: [
+						{ required: true, message: '参数编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '参数名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: {secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:''},
+				
+				addOptionFormVisible:false,
+				addOptionLoading: false,
+				addOptionFormRules: {
+					dtcodeId: [
+						{ required: true, message: '参数编码不能为空', trigger: 'blur' }
+					],
+					dtcodeName: [
+						{ required: true, message: '参数名称不能为空', trigger: 'blur' }
+					],
+					codeValue: [
+						{ required: true, message: '值编码不能为空', trigger: 'blur' }
+					],
+					codeName: [
+						{ required: true, message: '值名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addOptionForm: { dcodeRow:'',secondCodeRow:'',dtcodeId:'',dtcodeName:'',codeValue:'',codeName:'',ifdefault:'0',seqOrder:'0',state:'A',codeBeg:'',codeEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',fp:'',sp:'',tp:''
+				}//新增数据项界面是否显示				
+			}
+		},
+		methods: {
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getCodeSeconds();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getCodeSeconds();
+			}, 
+			//获取参数列表
+			getCodes() { 
+				let params = { 
+					state: 'A',
+					tcodeId:'SysParames'
+				};
+				 
+				this.listLoading = true;
+				listCode(params).then((res) => { 
+					this.codes=res.data.data;
+					this.listLoading = false;
+					if(this.codes.length>0){
+						this.codeButtonClick(this.codes[0]);
+					}else{
+						this.$message({
+							message: "请先在分类管理中建立最少一个分类,通用数据分类代码为【all】,名称为【通用数据】 ",
+							type: 'error'
+						});
+					}
+				}); 
+			},
+			codeButtonClick(code){
+				this.codeSelected=code;
+				this.getCodeSeconds();
+				
+			},
+			//获取参数列表
+			getCodeSeconds() { 
+				let params = { 
+					codeRow: this.codeSelected.codeRow
+				};
+				if(params.codeRow==""){
+					this.$message({
+						message: "请先选择分类",
+						type: 'error'
+					});
+					return;
+				}
+				this.listCodeSecondLoading = true;
+				listCodeSecond(params).then((res) => { 
+					this.codeSeconds=res.data.data;
+					this.listCodeSecondLoading = false;
+					if(this.codeSeconds.length>0){ 
+						this.rowClick(this.codeSeconds[0],null,null);
+					}else{
+						this.codeDetails=[];
+					}
+				});
+			},
+			rowClick: function(row, event, column){
+				console.log(row); 
+				this.codeSecondSelected.dtcodeId=row.dtcodeId; 
+				this.codeSecondSelected.secondCodeRow=row.secondCodeRow;
+				this.codeSecondSelected.dtcodeName=row.dtcodeName; 
+				this.filters.key='';
+				this.getCodeDetails();
+			}, 		//获取列表
+			search() { 
+				if(this.codeSelected.codeRow==""){
+					this.$message({ message: "请先选择分类，再查询", type: 'error' });
+					return;
+				}
+				/**
+				if(this.filters.key==""){
+					this.$message({ message: "请输入关键字", type: 'error' });
+						return;
+				}
+				**/
+				let params = { 
+					codeRow: this.codeSelected.codeRow
+				};
+				if(this.filters.key!=""){
+					params.dtcodeId=this.filters.key;
+					params.dtcodeName=this.filters.key;
+					params.codeName=this.filters.key;
+					params.codeValue=this.filters.key; 
+				}
+				this.dtcodeId="";
+				this.dtcodeName="";
+				this.listLoading = true;
+				listCodeDetailKey(params).then((res) => {
+					this.listLoading = false;
+					this.codeDetails = res.data.data; 
+				});
+			},
+			//获取列表
+			getCodeDetails() { 
+				if(this.codeSelected.codeRow==""){
+					this.$message({ message: "请先选择分类，再查询", type: 'success' });
+				}
+				let params = { 
+					codeRow: this.codeSelected.codeRow,
+					dtcodeId:this.codeSecondSelected.dtcodeId
+				};
+				if(!this.filters.key==""){
+					params.dtcodeName=this.filters.key;
+					params.codeName=this.filters.key;
+					params.codeValue=this.filters.key; 
+				}
+				this.listLoading = true;
+				listCodeDetailKey(params).then((res) => {
+					this.codeDetails = res.data.data;
+					this.listLoading = false; 
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { dcodeRow: row.dcodeRow };
+					delCodeDetail(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){
+							this.getCodeSeconds();
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk?'success':'error'
+						});
+						
+					});
+				}).catch(() => {
+
+				});
+			},
+			//上移/下移 upOrDown=up/down
+			handleUpDown: function (index, row,upDown) { 
+				var otherCode=null;
+				if(upDown=='up'){
+					if(index-1<0){
+						this.$message({
+							message: "已是第一",
+							type: 'success'
+						});
+						return;
+					}
+					otherCode=this.codeDetails[index-1];
+				}else{
+						if(index+1 >= this.codeDetails.length){
+							this.$message({
+								message: "已是最后",
+								type: 'success'
+							});
+							return;
+					}
+					otherCode=this.codeDetails[index+1];
+				} 
+				var params = {
+					myDcodeRow:row.dcodeRow,
+					mySeqOrder:row.seqOrder,
+					otherDcodeRow:otherCode.dcodeRow,
+					otherSeqOrder:otherCode.seqOrder,
+					upDown:upDown
+				}
+				this.editOptionLoading = true; 
+				upDownCodeDetail(params).then((res) => {
+								this.editOptionLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.getCodeDetails(row);
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+				 
+			},
+			//显示新增参数界面
+			handleAdd(){ 
+				
+				this.addFormVisible = true;
+				this.addForm.tcodeName=this.codeSelected.tcodeName;
+				this.addForm.codeRow=this.codeSelected.codeRow;
+				this.addForm.dtcodeId=''; 
+				this.addForm.dtcodeName=''; 
+				this.addForm.state="A"
+				
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { secondCodeRow: row.secondCodeRow };
+					delCodeSecond(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getCodeSeconds();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				row.tcodeName=this.codeSelected.tcodeName;
+				row.codeRow=this.codeSelected.codeRow;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示编辑界面
+			handleEditOption: function (index, row) {
+				
+				let codeSecondSelecteds=this.codeSeconds.filter(item=> item.secondCodeRow==row.secondCodeRow);
+				let codeSecondSelected=codeSecondSelecteds[0];
+				row.secondCodeRow=codeSecondSelected.secondCodeRow;
+				row.dtcodeId=codeSecondSelected.dtcodeId;
+				row.dtcodeName=codeSecondSelected.dtcodeName;
+				row.tcodeName=this.codeSelected.tcodeName; 
+				row.tcodeId=this.codeSelected.tcodeId;
+				this.editOptionForm = Object.assign({}, row);
+				this.editOptionFormVisible = true;
+				console.log(Object.assign({}, row));
+			},
+			 
+			//显示新增数据项界面
+			handleAddOption(){ 
+				if(this.codeSecondSelected.dtcodeId==''){
+					this.$message({ message: "请先选择左边参数", type:'error' });
+					return;
+				}
+				this.addOptionFormVisible = true;
+				this.addOptionForm.tcodeId=this.codeSelected.tcodId;
+				this.addOptionForm.tcodeName=this.codeSelected.tcodeName;
+				this.addOptionForm.codeRow=this.codeSelected.codeRow;
+				this.addOptionForm.secondCodeRow=this.codeSecondSelected.secondCodeRow
+				this.addOptionForm.dtcodeId=this.codeSecondSelected.dtcodeId; 
+				this.addOptionForm.dtcodeName=this.codeSecondSelected.dtcodeName; 
+				this.addOptionForm.state="A"
+				this.addOptionForm.ifdefault='0'
+	 			this.addOptionForm.seqOrder=this.codeDetails.length;
+				
+			},
+			//编辑
+			editOptionSubmit: function () {
+				this.$refs.editOptionForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editOptionLoading = true; 
+							let params = Object.assign({}, this.editOptionForm); 
+							editCodeDetail(params).then((res) => {
+								this.editOptionLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editOptionForm'].resetFields();
+									this.editOptionFormVisible = false;
+									this.getCodeDetails(this.editOptionForm);
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addCodeSecond(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getCodeSeconds();
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+						});
+					}
+				});
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editCodeSecond(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getCodeSeconds();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增数据下拉项目
+			addOptionSubmit: function () {
+				this.$refs.addOptionForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addOptionForm); 
+							addCodeDetail(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addOptionForm'].resetFields();
+									this.addOptionFormVisible = false;
+									this.getCodeDetails(this.addOptionForm);
+								}
+								this.$message({
+									message: tips.msg,
+									type: tips.isOk?'success':'error'
+								});
+								
+							});
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDelOption: function () {
+				var dcodeRows = this.sels.map(item => item.dcodeRow);
+				console.log(dcodeRows);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelCodeDetail(dcodeRows).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){
+							this.getCodeDetails(this.sels[0]);
+						}
+						this.$message({
+							message: tips.msg,
+							type: tips.isOk?'success':'error'
+						});
+						
+					});
+				}).catch(() => {
+
+				});
+			}
+		},
+		mounted() {
+			//this.getCodeSeconds();
+			this.getCodes(); 
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+    @import '~scss_vars';
+	.panelDiv{
+	   border:1px solid #e4e4e4;
+	   border-radius: 5px;
+	   padding:10px;
+	   font-size:14px;
+	   .panelTile{
+	     padding-bottom:5px;
+	     border-bottom:1px solid #e4e4e4;
+	     margin-bottom:5px;
+	   }
+	}
+	.oneOfCata{
+	   padding-top:5px;
+	   padding-bottom:5px;
+	}
+  
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeSecond/CodeSecondAdd.vue b/src/views/mdp/sys/codeSecond/CodeSecondAdd.vue
new file mode 100644
index 0000000..12ead39
--- /dev/null
+++ b/src/views/mdp/sys/codeSecond/CodeSecondAdd.vue
@@ -0,0 +1,109 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--新增界面 CodeSecond 字段表--> 
+			<el-form :model="addForm" size="small" label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag>{{addForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="分组描述" prop="dtcodeName">
+					<el-input v-model="addForm.dtcodeName" auto-complete="off" placeholder="如 性别、年龄 "></el-input>
+				</el-form-item> 
+				<el-form-item label="分组编码" prop="dtcodeId">
+					<el-input  v-model="addForm.dtcodeId" auto-complete="off" placeholder="如 sex、age"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addCodeSecond } from '../../../../api/mdp/sys/codeSecond';
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	        this.addForm=data;
+	        console.log(data);
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					secondCodeRow: [
+						//{ required: true, message: '二级分类主键', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 字段表
+				addForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:'',deptid:''
+				}
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交CodeSecond 字段表 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addCodeSecond(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			}
+		},
+		mounted() {
+			this.addForm=this.dataObj;
+			//加载下拉列表 如有需要去掉注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			//this.options=selectCacheOptions(optionsParams);
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeSecond/CodeSecondEdit.vue b/src/views/mdp/sys/codeSecond/CodeSecondEdit.vue
new file mode 100644
index 0000000..6da9d38
--- /dev/null
+++ b/src/views/mdp/sys/codeSecond/CodeSecondEdit.vue
@@ -0,0 +1,110 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 CodeSecond 字段表--> 
+			<el-form :model="editForm" size="small" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="分类" prop="tcodeName">
+					<el-tag>{{editForm.tcodeName}}</el-tag>
+				</el-form-item> 
+				<el-form-item label="分组描述" prop="dtcodeName">
+					<el-input v-model="editForm.dtcodeName" auto-complete="off" placeholder="如 性别、年龄 "></el-input>
+				</el-form-item> 
+				<el-form-item label="分组编码" prop="dtcodeId">
+					<el-input  v-model="editForm.dtcodeId" auto-complete="off" placeholder="如 sex、age"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { editCodeSecond } from '../../../../api/mdp/sys/codeSecond';
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	        this.editForm=data;
+	        console.log(data);
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					secondCodeRow: [
+						//{ required: true, message: '二级分类主键', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  CodeSecond 字段表
+				editForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:'',deptid:''
+				}
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交CodeSecond 字段表父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editCodeSecond(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			}
+		},
+		mounted() {
+			this.editForm=this.dataObj;
+			//加载下拉列表 如有需要去掉注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			//this.options=selectCacheOptions(optionsParams);
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeSecond/CodeSecondList.vue b/src/views/mdp/sys/codeSecond/CodeSecondList.vue
new file mode 100644
index 0000000..aaa545f
--- /dev/null
+++ b/src/views/mdp/sys/codeSecond/CodeSecondList.vue
@@ -0,0 +1,200 @@
+<template>
+	<section>
+		<el-row>
+			<!--工具条1-->
+			<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;padding-left: 0px">
+				<el-col :span="8">
+					<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+				</el-col>
+				<el-col :span="16">
+					<el-button type="primary"  size="small" v-on:click="searchCodeSeconds">查询</el-button>
+				</el-col>	
+	
+			</el-col>
+			
+			<!--工具条2-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+				<el-col :span="12">
+					<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination>
+				</el-col>	
+			</el-col>
+			-->		
+			
+			<!--列表 CodeSecond 字段表-->
+			<el-table :data="codeSeconds" size="small" @sort-change="sortChange" height="450" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column prop="dtcodeName" label="分組名称" min-width="140"></el-table-column>
+				<el-table-column label="操作" min-width="140" >
+					<template scope="scope">
+						<el-button size="mini" @click="selectClick(scope.row,scope.$index)">选择</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+					<el-pagination size="small" layout="total, prev,  next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination>
+			</el-col>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listCodeSecond } from '../../../../api/mdp/sys/codeSecond';
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	      	this.pageInfo.total=0;
+	      	this.pageInfo.currentPage=1;
+	      	this.codeSelected=data;
+	      	this.getCodeSeconds();
+	      } 
+	    },
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				codeSeconds: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:50,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增codeSecond界面是否显示
+				//新增codeSecond界面初始化数据
+				addForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:'',deptid:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑codeSecond界面初始化数据
+				editForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:'',deptid:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				codeSelected:{}//選中的一級分類
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getCodeSeconds();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getCodeSeconds();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getCodeSeconds();
+			},
+			searchCodeSeconds(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getCodeSeconds();
+			},
+			//获取列表 CodeSecond 字段表
+			getCodeSeconds() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.codeSelected.codeRow==""){
+					this.$message({ message: '请先选择分类', type: 'warning' });
+					return;
+				}
+				params.codeRow=this.codeSelected.codeRow;
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				this.listLoading = true;
+				listCodeSecond(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.codeSeconds = res.data.data;
+						if(this.codeSeconds.length>0){ 
+							this.rowClick(this.codeSeconds[0],null,null);
+						}else{
+							this.rowClick({},null,null);
+						}
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+ 
+			//选择行codeSecond
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			
+			/**begin 自定义函数请在下面加**/
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			},
+			/**begin 自定义函数请在下面加**/
+			selectClick: function(row, event, column){
+				this.$emit('select-click',row, event, column);//  @select-click="selectClick"
+			}		 
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    //在下面添加其它组件
+		},
+		mounted() {
+			this.getCodeSeconds();
+			
+			//加载下拉列表 如有需要去年注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			//this.options=selectCacheOptions(optionsParams);
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/codeSecond/CodeSecondMng.vue b/src/views/mdp/sys/codeSecond/CodeSecondMng.vue
new file mode 100644
index 0000000..2611998
--- /dev/null
+++ b/src/views/mdp/sys/codeSecond/CodeSecondMng.vue
@@ -0,0 +1,274 @@
+<template>
+	<section>
+	
+		<!--工具条1-->
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;padding-left: 0px">
+			<el-col :span="8">
+				<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+			</el-col>
+			<el-col :span="16">
+				<el-button type="primary"  size="small" v-on:click="searchCodeSeconds">查询</el-button>
+				<el-button type="primary"  size="small" @click="showAdd">新增</el-button>
+				
+			</el-col>	
+
+		</el-col>
+		
+		<!--工具条2-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="12">
+				<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>	
+		</el-col>
+		-->		
+		
+		<!--列表 CodeSecond 字段表-->
+		<el-table :data="codeSeconds" size="small" @sort-change="sortChange" height="450" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+			<el-table-column prop="dtcodeName" label="分組名称" min-width="140"></el-table-column>
+			<el-table-column label="操作" min-width="140" >
+				<template scope="scope">
+					<el-button size="mini" @click="showEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger"   size="mini" @click="handleDel">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="24">
+				<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>	
+		</el-col>
+		<!--编辑 CodeSecond 字段表界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+			  <code-second-edit :data-obj="editForm" @cancel="editFormVisible=false" @submit="afterEditSubmit"></code-second-edit>
+		</el-dialog>
+
+		<!--新增 CodeSecond 字段表界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+			<code-second-add :data-obj="addForm" @cancel="addFormVisible=false" @submit="afterAddSubmit"></code-second-add>
+		</el-dialog> 
+		
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listCodeSecond, delCodeSecond, batchDelCodeSecond } from '../../../../api/mdp/sys/codeSecond';
+	import  CodeSecondAdd from './CodeSecondAdd';//新增界面
+	import  CodeSecondEdit from './CodeSecondEdit';//修改界面
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	      	this.pageInfo.total=0;
+	      	this.pageInfo.currentPage=1;
+	      	this.codeSelected=data;
+	      	this.getCodeSeconds();
+	      } 
+	    },
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				codeSeconds: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增codeSecond界面是否显示
+				//新增codeSecond界面初始化数据
+				addForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:'',deptid:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑codeSecond界面初始化数据
+				editForm: {
+					secondCodeRow:'',codeRow:'',dtcodeId:'',dtcodeName:'',fp:'',sp:'',state:'',deptid:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				codeSelected:{}//選中的一級分類
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getCodeSeconds();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getCodeSeconds();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getCodeSeconds();
+			},
+			searchCodeSeconds(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getCodeSeconds();
+			},
+			//获取列表 CodeSecond 字段表
+			getCodeSeconds() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.codeSelected.codeRow==""){
+					this.$message({ message: '请先选择分类', type: 'warning' });
+					return;
+				}
+				params.codeRow=this.codeSelected.codeRow;
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				this.listLoading = true;
+				listCodeSecond(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.codeSeconds = res.data.data;
+						if(this.codeSeconds.length>0){ 
+							this.rowClick(this.codeSeconds[0],null,null);
+						}else{
+							this.rowClick({},null,null);
+						}
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 CodeSecond 字段表
+			showEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row,this.codeSelected);
+			},
+			//显示新增界面 CodeSecond 字段表
+			showAdd: function () {
+				this.addFormVisible = true;
+				this.addForm=Object.assign({}, this.addForm,this.codeSelected);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getCodeSeconds();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行codeSecond
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除codeSecond
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { secondCodeRow: row.secondCodeRow };
+					delCodeSecond(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getCodeSeconds();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			//批量删除codeSecond
+			batchDel: function () {
+				var secondCodeRows = this.sels.map(item => item.secondCodeRow);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelCodeSecond(secondCodeRows).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getCodeSeconds(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			}, 		//获取列表
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'code-second-add':CodeSecondAdd,
+		    'code-second-edit':CodeSecondEdit
+		    //在下面添加其它组件
+		},
+		mounted() {
+			this.getCodeSeconds();
+			
+			//加载下拉列表 如有需要去年注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			//this.options=selectCacheOptions(optionsParams);
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/dept/DeptAdd.vue b/src/views/mdp/sys/dept/DeptAdd.vue
new file mode 100644
index 0000000..ac3fb05
--- /dev/null
+++ b/src/views/mdp/sys/dept/DeptAdd.vue
@@ -0,0 +1,136 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--新增界面 Dept sys_dept--> 
+			<el-form :model="addForm" size="small" label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="上级部门" prop="pdeptName">
+					<el-tag>{{parentDept.deptName}}({{parentDept.displayDeptid}})</el-tag>
+				</el-form-item> 
+				<el-form-item label="部门全称" prop="deptName">
+					<el-input v-model="addForm.deptName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="简称" prop="shortName">
+					<el-input v-model="addForm.shortName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="部门号" prop="displayDeptid">
+					<el-input v-model="addForm.displayDeptid" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="类型" prop="deptType">
+					<el-radio-group v-model="addForm.deptType" size="small">
+				      <el-radio v-model="addForm.deptType" v-for="item in options.deptType" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group> 
+				</el-form-item> 
+				<el-form-item label="状态" prop="state">
+					<el-radio-group v-model="addForm.state" size="small">
+				      <el-radio v-model="addForm.state" v-for="item in options.state" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group> 
+				</el-form-item>  
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addDept } from '../../../../api/mdp/sys/dept';
+	
+	export default {
+		props:['dept','parentDept'],
+		watch: {
+	      'dept':function(data) {
+	        this.addForm=data; 
+	      },
+	      'parentDept':function(data) {
+	        this.parentDept=data; 
+	        this.addForm.pdeptid=data.deptid;
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					deptName: [
+						{ required: true, message: '法院名称不能为空', trigger: 'blur' }
+					],
+					shortName: [
+						{ required: true, message: '法院简称不能为空', trigger: 'blur' }
+					],
+					displayDeptid: [
+						{ required: true, message: '法院号不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 sys_dept
+				addForm: {
+					deptid:'',deptName:'',pdeptid:'',deptType:'',state:'',manager:'',leader:'',shortName:'',displayDeptid:'',orgType:'',managerName:'',leaderName:''
+				},
+				parentDept:{deptid:'',deptName:'',shortName:'',displayDeptid:''}//上级部门
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Dept sys_dept 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addDept(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			}
+		},
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.dept);
+			this.parentDept=Object.assign(this.parentDept, this.parentDept);
+			this.addForm.pdeptid=this.parentDept.deptid;
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['orgType','deptType','state']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/dept/DeptEdit.vue b/src/views/mdp/sys/dept/DeptEdit.vue
new file mode 100644
index 0000000..16900d1
--- /dev/null
+++ b/src/views/mdp/sys/dept/DeptEdit.vue
@@ -0,0 +1,130 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 Dept sys_dept--> 
+			<el-form :model="editForm" size="small" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="上级部门" prop="pdeptName">
+					<el-tag>{{parentDept.deptName}}({{parentDept.displayDeptid}})</el-tag>
+				</el-form-item> 
+				<el-form-item label="部门全称" prop="deptName">
+					<el-input v-model="editForm.deptName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="简称" prop="shortName">
+					<el-input v-model="editForm.shortName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="部门号" prop="displayDeptid">
+					<el-input v-model="editForm.displayDeptid" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="类型" prop="deptType">
+					<el-radio-group v-model="editForm.deptType" size="small">
+				      <el-radio v-model="editForm.deptType" v-for="item in options.deptType" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group> 
+				</el-form-item> 
+				<el-form-item label="状态" prop="state">
+					<el-radio-group v-model="editForm.state" size="small">
+				      <el-radio v-model="editForm.state" v-for="item in options.state" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group> 
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { editDept } from '../../../../api/mdp/sys/dept';
+	
+	export default {
+		props:['dept','parentDept'],
+		watch: {
+	      'dept':function(data) {
+	        this.editForm=data; 
+	      }
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					deptName: [
+						{ required: true, message: '法院名称不能为空', trigger: 'blur' }
+					],
+					shortName: [
+						{ required: true, message: '法院简称不能为空', trigger: 'blur' }
+					],
+					displayDeptid: [
+						{ required: true, message: '法院号不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  Dept sys_dept
+				editForm: {
+					deptid:'',deptName:'',pdeptid:'',deptType:'',state:'',manager:'',leader:'',shortName:'',displayDeptid:'',orgType:'',managerName:'',leaderName:''
+				}
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交Dept sys_dept父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editDept(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			}
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.dept);
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['orgType','deptType','state']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/dept/DeptMng.vue b/src/views/mdp/sys/dept/DeptMng.vue
new file mode 100644
index 0000000..54b4a4b
--- /dev/null
+++ b/src/views/mdp/sys/dept/DeptMng.vue
@@ -0,0 +1,303 @@
+<template>
+	<section>
+	
+		<!--工具条1-->
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;padding-left: 0px">
+			<el-col :span="4">
+				<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+			</el-col>
+			<el-col :span="8">
+				<el-button type="primary"  size="small" v-on:click="searchDepts">查询</el-button>
+				<el-button type="primary"  size="small" @click="showAdd">新增</el-button>
+				<!--<el-button type="danger"   size="small" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>-->
+			</el-col>	
+			<el-col :span="12">
+				<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>	
+		</el-col>
+		
+		<!--工具条2-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->		
+		<el-col :span="7">
+			<dept-tree root-deptid='' default-expand-all :expand-on-click-node="deptTree.expandOnClickNode" :refresh="deptTree.refreshTree" v-on:nodeClick="handleLeftDeptNodeClick" :indent="deptTree.indent" multiple="false"></dept-tree> 
+		</el-col>
+		<el-col :span="17">
+			<!--列表 Dept sys_dept-->
+			<el-table :data="depts" size="small" @sort-change="sortChange" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+				<el-table-column type="selection" width="65"></el-table-column>
+				<el-table-column type="index" width="65"></el-table-column>
+				<el-table-column prop="displayDeptid" label="部门号" min-width="120" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="deptName" label="部门全称" show-overflow-tooltip min-width="150"></el-table-column>
+				<el-table-column prop="shortName" label="简称" min-width="100" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="leaderName" label="分管领导" width="100"></el-table-column>
+				<el-table-column prop="managerName" label="负责人" width="100"></el-table-column> 
+				<el-table-column prop="deptType" label="类型" width="80">
+					<template scope="scope">
+							<el-tag :type="'primary'" close-transition>{{ getCodeName(options.deptType,scope.row.deptType) }}</el-tag>
+					</template>
+				</el-table-column> 
+				<el-table-column prop="state" label="状态" width="80">
+					<template scope="scope">
+							<el-tag :type="'primary'" close-transition>{{ getCodeName(options.state,scope.row.state) }}</el-tag>
+						</template>
+				</el-table-column>
+				<el-table-column prop="orgType" label="组织类型" width="80">
+					<template scope="scope">
+							<el-tag :type="'primary'" close-transition>{{ getCodeName(options.orgType,scope.row.orgType) }}</el-tag>
+					</template>
+				</el-table-column>
+				<el-table-column label="操作" min-width="150"  fixed="right">
+					<template scope="scope">
+						<el-button size="small" @click="showEdit(scope.$index, scope.row)">改</el-button>
+						<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+		</el-col>
+		
+		<!--编辑 Dept sys_dept界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+			  <dept-edit :dept="editForm" :parent-dept="deptTree.deptNodeSelected" @cancel="editFormVisible=false" @submit="afterEditSubmit"></dept-edit>
+		</el-dialog>
+
+		<!--新增 Dept sys_dept界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+			<dept-add :dept="addForm" :parent-dept="deptTree.deptNodeSelected" @cancel="addFormVisible=false" @submit="afterAddSubmit"></dept-add>
+		</el-dialog> 
+		
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue } from '../../../../api/common/code';//下拉框数据查询
+	import { listDeptKey,listDept, delDept, batchDelDept } from '../../../../api/mdp/sys/dept';
+	import  DeptAdd from './DeptAdd';//新增界面
+	import  DeptEdit from './DeptEdit';//修改界面
+	import DeptTree from './DeptTree.vue';//下拉框数据查询
+	
+	export default {
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				depts: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增dept界面是否显示
+				//新增dept界面初始化数据
+				addForm: {
+					deptid:'',deptName:'',pdeptid:'',deptType:'',state:'',manager:'',leader:'',shortName:'',displayDeptid:'',orgType:'',managerName:'',leaderName:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑dept界面初始化数据
+				editForm: {
+					deptid:'',deptName:'',pdeptid:'',deptType:'',state:'',manager:'',leader:'',shortName:'',displayDeptid:'',orgType:'',managerName:'',leaderName:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				deptTree:{//部门树相关参数设置
+					deptNodeSelected:{},//部门树被选中的节点数据	
+					expandOnClickNode:false, //单击是否展开/收缩
+					indent:8,//缩进
+					refreshTree:false//是否刷新
+				}
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getDepts();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getDepts();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getDepts();
+			},
+			searchDepts(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getDepts();
+			},
+			//获取列表 Dept sys_dept
+			getDepts() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					params.displayDeptid='%'+this.filters.key+'%';
+					params.deptName='%'+this.filters.key+'%';
+				}
+				if(this.deptTree.deptNodeSelected.deptid && this.deptTree.deptNodeSelected.deptid!=''){
+						params.pdeptid=this.deptTree.deptNodeSelected.deptid;
+				}
+				this.listLoading = true;
+				listDeptKey(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.depts = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 Dept sys_dept
+			showEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 Dept sys_dept
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.refreshTree=true;
+				this.getDepts();
+			},
+			afterEditSubmit(){
+				this.refreshTree=true;
+				this.editFormVisible=false;
+			},
+			//选择行dept
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除dept
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { deptid: row.deptid };
+					delDept(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.refreshTree=true;
+							this.getDepts();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			//批量删除dept
+			batchDel: function () {
+				var deptids = this.sels.map(item => item.deptid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelDept(deptids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.refreshTree=true;
+							this.getDepts(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			handleLeftDeptNodeClick(data, node,comp) {
+				this.deptTree.deptNodeSelected=data;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getDepts();
+		    }
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'dept-add':DeptAdd,
+		    'dept-edit':DeptEdit,
+		    //在下面添加其它组件
+		    'dept-tree': DeptTree
+		},
+		mounted() {
+			//this.getDepts();
+			
+			//加载下拉列表 如有需要去年注释
+			let optionsParams={code:'all',fieldNames:['orgType','deptType','state']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/dept/DeptMng2.vue b/src/views/mdp/sys/dept/DeptMng2.vue
new file mode 100644
index 0000000..d5eb531
--- /dev/null
+++ b/src/views/mdp/sys/dept/DeptMng2.vue
@@ -0,0 +1,403 @@
+<template>
+	<section>
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.key" placeholder="请输入部门名称、编号"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getDepts">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item>
+			</el-form>
+		</el-col>
+			<el-col :span="7"><dept-tree root-deptid='' default-expand-all :expand-on-click-node="expandOnClickNode" :refresh="refreshDeptTree" v-on:nodeClick="handleLeftDeptNodeClick" :indent="indent" multiple="false"></dept-tree> </el-col>
+			<el-col :span="17">
+				<!--列表-->
+				<el-table :data="depts" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+					<el-table-column type="selection" width="65"></el-table-column>
+					<el-table-column type="index" width="65"></el-table-column>
+					<el-table-column prop="displayDeptid" label="部门号" min-width="120" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="deptName" label="部门全称" show-overflow-tooltip min-width="150"></el-table-column>
+					<el-table-column prop="shortName" label="简称" min-width="100" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="leaderName" label="分管领导" width="100"></el-table-column>
+					<el-table-column prop="managerName" label="负责人" width="100"></el-table-column> 
+					<el-table-column prop="deptType" label="类型" width="80">
+						<template scope="scope">
+								<el-tag :type="'primary'" close-transition>{{ getCodeName(selectOptions.deptType,scope.row.deptType) }}</el-tag>
+						</template>
+					</el-table-column> 
+					<el-table-column prop="state" label="状态" width="80">
+						<template scope="scope">
+								<el-tag :type="'primary'" close-transition>{{ getCodeName(selectOptions.state,scope.row.state) }}</el-tag>
+							</template>
+					</el-table-column>
+					<el-table-column prop="orgType" label="组织类型" width="80">
+						<template scope="scope">
+								<el-tag :type="'primary'" close-transition>{{ getCodeName(selectOptions.orgType,scope.row.orgType) }}</el-tag>
+						</template>
+					</el-table-column>
+					
+					<el-table-column label="操作" min-width="150" fixed="right" >
+						<template scope="scope">
+							<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+							<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+		
+				<!--工具条-->
+				<el-col :span="24" class="toolbar">
+					<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+					<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination>
+				</el-col>
+			</el-col>
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item label="部门全称" prop="deptName">
+						<el-input v-model="editForm.deptName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="简称" prop="shortName">
+						<el-input v-model="editForm.shortName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="部门号" prop="displayDeptid">
+						<el-input v-model="editForm.displayDeptid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="上级部门" prop="pdeptName">
+						<el-input v-model="editForm.pdeptName" auto-complete="off"></el-input>
+						<dept-tree root-deptid=''  show-checkbox :checked-keys="editDeptidCheckedKeys" :refresh="refreshDeptTree" v-on:checkChange="handleEditDeptCheckChange" multiple="false"></dept-tree> 
+					</el-form-item> 
+					<el-form-item label="类型" prop="deptType">
+						<el-radio-group v-model="editForm.deptType" size="small">
+					      <el-radio v-model="editForm.deptType" v-for="item in selectOptions.deptType" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group> 
+					</el-form-item> 
+					<el-form-item label="状态" prop="state">
+						<el-radio-group v-model="editForm.state" size="small">
+					      <el-radio v-model="editForm.state" v-for="item in selectOptions.state" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group> 
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					<el-form-item label="部门全称" prop="deptName">
+						<el-input v-model="addForm.deptName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="简称" prop="shortName">
+						<el-input v-model="addForm.shortName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="部门号" prop="displayDeptid">
+						<el-input v-model="addForm.displayDeptid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="上级部门" prop="pdeptName">
+						<el-input v-model="addForm.pdeptName" auto-complete="off"></el-input>
+						<dept-tree root-deptid=''  show-checkbox :refresh="refreshDeptTree"  v-on:checkChange="handleAddDeptCheckChange" multiple="false"></dept-tree> 
+					</el-form-item> 
+					<el-form-item label="类型" prop="deptType">
+						<el-radio-group v-model="addForm.deptType" size="small">
+					      <el-radio v-model="addForm.deptType" v-for="item in selectOptions.deptType" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group> 
+					</el-form-item> 
+					<el-form-item label="状态" prop="state">
+						<el-radio-group v-model="addForm.state" size="small">
+					      <el-radio v-model="addForm.state" v-for="item in selectOptions.state" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group> 
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listDeptKey,listTreeDept, delDept, batchDelDept, editDept, addDept } from '../../../../api/mdp/sys/dept';
+	import { selectOptions } from '../../../../api/mdp/sys/code';//下拉框数据查询
+	import DeptTree from './DeptTree.vue';//下拉框数据查询
+	export default { 
+		 
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				expandOnClickNode:false,
+				leftChecked:false,
+				indent:8,
+				editDeptidCheckedKeys:[],
+				refreshDeptTree:false, 
+				depts: [],
+				oldPdeptid:'',
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				listLoading: false,
+				sels: [],//列表选中列
+				selectOptions:{},//下拉选择框的所有静态数据
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					deptName: [
+						{ required: true, message: '法院名称不能为空', trigger: 'blur' }
+					],
+					shortName: [
+						{ required: true, message: '法院简称不能为空', trigger: 'blur' }
+					],
+					displayDeptid: [
+						{ required: true, message: '法院号不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					deptid:'',deptName:'',pdeptid:'',pdeptName:'',deptType:'',state:'',manager:'',leader:'',shortName:'',displayDeptid:'',orgType:'',managerName:'',leaderName:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					deptName: [
+						{ required: true, message: '法院名称不能为空', trigger: 'blur' }
+					],
+					shortName: [
+						{ required: true, message: '法院简称不能为空', trigger: 'blur' }
+					],
+					displayDeptid: [
+						{ required: true, message: '法院号不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: {deptid:'',deptName:'',pdeptid:'',pdeptName:'',deptType:'',state:'',manager:'',leader:'',shortName:'',displayDeptid:'',orgType:'',managerName:'',leaderName:''}
+			}
+		},
+		methods: {
+			//获取代码对应的名称 用于数据反显
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			}, 
+			//下拉数据加载
+			getSelectOptions: function () { 
+				/** 下拉数据加载例子  */
+				selectOptions({code:'all',fieldNames:['orgType','deptType','state']}).then(res=>{
+					this.selectOptions=res.data.data;
+					let orgTypes=this.selectOptions.orgType.filter(i=>i.ifdefault=='1'); 
+					this.addForm.orgType=orgTypes.length>0?orgTypes[0].codeValue:this.addForm.orgType;
+					let deptTypes=this.selectOptions.deptType.filter(i=>i.ifdefault=='1'); 
+					this.addForm.deptType=deptTypes.length>0?deptTypes[0].codeValue:this.addForm.deptType;
+					let states=this.selectOptions.state.filter(i=>i.ifdefault=='1'); 
+					this.addForm.state=states.length>0?states[0].codeValue:this.addForm.state;
+				});
+				
+			},
+			handleEditDeptCheckChange(data, checked,indeterminate) {
+		        console.log(data, checked,indeterminate);
+		        if(checked==true){
+		        	this.editForm.pdeptid=data.deptid;
+		        	this.editForm.pdeptName=data.deptName;
+		        }else{
+		        	this.editForm.pdeptid='';
+		        	this.editForm.pdeptName='';
+		        }
+		        	
+		        
+		    },
+		    handleLeftDeptNodeClick(data, node,comp) {
+		    	this.leftChecked=true; 
+		        	 let params = {
+						pageSize: this.pageInfo.pageSize,
+						currentPage: 1,
+						total: 0, 
+						deptid: data.deptid
+					};
+					this.listLoading = true;
+					listDeptKey(params).then((res) => {
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.depts = res.data.data;
+						this.listLoading = false;
+					}).catch(() => {
+						this.listLoading = false;
+					});
+		    },
+		    handleAddDeptCheckChange(data, checked,indeterminate) {
+		       	if(checked==true){
+		        	this.addForm.pdeptid=data.deptid;
+		        	this.addForm.pdeptName=data.deptName;
+		        }else{
+		        	this.addForm.pdeptid='';
+		        	this.addForm.pdeptName='';
+		        }
+		        
+		    },
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getDepts();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getDepts();
+			},
+			 
+			//获取列表
+			getDepts() {
+				if(this.leftChecked==true){
+					this.pageInfo.total=0;
+					this.leftChecked==false;
+				}
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total, 
+					displayDeptid: this.filters.key,
+					deptName: this.filters.key
+				};
+				this.listLoading = true;
+				listDeptKey(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.depts = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { deptid: row.deptid };
+					delDept(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getDepts();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) { 
+				this.oldPdeptid=row.pdeptid;
+				row.pdeptName='';
+				this.editDeptidCheckedKeys=[row.pdeptid]; 
+				this.editForm = Object.assign({}, row); 
+				this.editFormVisible = true;
+				
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editDept(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									if(this.oldPdeptid!=this.editForm.pdeptid){
+										this.refreshDeptTree=this.editForm.pdeptid;
+									}
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getDepts();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addDept(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.refreshDeptTree=this.addForm.deptid;
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getDepts();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//批量删除
+			batchDel: function () {
+				var deptids = this.sels.map(item => item.deptid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelDept(deptids).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.getDepts(); 
+							this.refreshDeptTree=true;
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				}); 
+			 }
+		},
+		mounted() {
+			this.getDepts();
+			this.getSelectOptions(); 
+		},
+		components: { 
+		    'dept-tree': DeptTree
+		 }
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/dept/DeptTree.vue b/src/views/mdp/sys/dept/DeptTree.vue
new file mode 100644
index 0000000..1221dcb
--- /dev/null
+++ b/src/views/mdp/sys/dept/DeptTree.vue
@@ -0,0 +1,233 @@
+<template>
+	<section>
+		 				<el-button v-if="userInfo.isSuperAdmin==true||userInfo.isPlatformAdmin==true" @click.native="showBranchSelect">点击切换机构</el-button>
+						<el-input  v-model="deptFilterText" v-if="showFilter==true" placeholder="分类名称、编号过滤" auto-complete="off"></el-input>
+						<el-tree v-loading="listLoading"
+						  class="filter-tree"
+						  :data="deptTreeData"
+						  :props="defaultDeptTreeProps"
+						  :filter-node-method="filterDeptNode"
+						  :show-checkbox="showCheckbox"
+						  :default-expand-all="defaultExpandAll"
+						  :expand-on-click-node="expandOnClickNode"
+						  :indent="indent"
+						  :node-key="nodeKey_"
+						  :default-expanded-keys="defaultExpandedKeys"
+  						  :default-checked-keys="defaultCheckedKeys"
+  						  auto-expand-parent
+  						  highlight-current
+						  @check-change="handleCheckChange"
+						  @current-change="handleCurrentChange"
+						  @node-click="handleNodeClick"
+						  check-strictly
+						  :render-content="renderContent"
+						  :check-on-click-node="true"
+						  ref="deptTree">
+						</el-tree>
+		<el-dialog title="机构选择" :visible.sync="branchVisible"  width="50%"  :close-on-click-modal="false" append-to-body>
+			<branch-select :visible="branchVisible"  @cancel="branchVisible=false" @row-click="branchRowClick"></branch-select>
+		</el-dialog>
+					 
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import {   listTreeDept  } from '../../../../api/mdp/sys/dept'; 
+	import  BranchSelect from '../branch/BranchSelect';//机构选择
+	import { mapGetters } from 'vuex' 
+	
+	export default {  
+		watch: {
+	      deptFilterText(val) {
+	        this.$refs.deptTree.filter(val);
+	      },
+	      checkedKeys(val){
+	      	 this.$refs.deptTree.setCheckedKeys(val);
+	      },
+	      refresh(val){ 
+	      	this.getDeptTreeData(val);
+	      },
+	      currentKey(val){ 
+	    	  this.$refs.deptTree.setCheckedKeys([val]);
+		  },
+		  value(val){
+		  	this.deptid=val;
+		  },
+		  deptid(val){
+		  	this.$emit('input',val);
+		  },
+		  branchId(val){ 
+			  this.getDeptTreeData(true);                                           
+		  }
+	    },
+		components: { 
+		    'branch-select':BranchSelect
+		},
+	    computed:{
+	    	defaultExpandedKeys(){
+	    		return this.defaultCheckedKeys;
+	    	},
+	    	defaultCheckedKeys(){
+	    		if(this.value){
+	    			return [this.value];
+	    		}
+	    		return this.checkedKeys;
+	    	},
+	    	nodeKey_(){
+	    		return this.nodeKey?this.nodeKey:'deptid'
+	    	},
+	    	 ...mapGetters([
+			      'userInfo'
+			    ])
+	    },
+	    props: ['value','branchId','visible','nodeKey','showCount','showRoot','countTips','showFilter','rootKey','multiple','checkedKeys','refresh','defaultExpandAll','expandOnClickNode','showCheckbox','indent'],
+		data() {
+			return { 
+				deptFilterText: '',
+				deptTreeData:[], 
+				defaultDeptTreeProps:{
+					
+					id:this.nodeKey_,
+					label:'deptName',
+					children: 'children'
+				},  
+				listLoading: false,
+				deptid:'',
+				branchVisible: false,
+				branch:null
+			}
+		},
+		methods: { 
+			handleCheckChange(data, checked, indeterminate) {
+				let checkedKeys=this.$refs.deptTree.getCheckedKeys(); 
+				
+				if( this.multiple===undefined || this.multiple===false||this.multiple==='false'){
+					if(checked==true){
+						if(checkedKeys.length>1){ 
+							this.$refs.deptTree.setCheckedKeys([data[this.nodeKey_]]);
+							this.$emit('check-change',data,checked,indeterminate);
+							this.deptid=data[this.nodeKey_];
+						}else{
+							this.$emit('check-change',data,checked,indeterminate);
+							this.deptid=data[this.nodeKey_];
+						}
+					}else{
+						if(checkedKeys.length==0){
+							this.deptid='';
+							this.$emit('check-change',data,checked,indeterminate);
+						} 
+					}
+				}else{
+					this.$emit('check-change',data,checked,indeterminate);
+				} 
+		    },
+			handleCurrentChange(data, node) {
+		    	this.$emit('current-change',data, node); 
+		    },
+		    handleNodeClick(data, node, comp) { 
+				this.$emit('node-click',data, node, comp); 
+		    },
+			branchRowClick: function(row, event, column){
+				this.branchVisible=false
+				if(this.branch==null || row.id!=this.branch.id){
+					this.branch=row
+					this.getDeptTreeData();
+					
+				} 
+				this.$emit('branch-row-click',row, event, column);//  @branch-row-click="rowClick"
+			},
+			//获取分类树列表
+			getDeptTreeData(refresh) {
+
+				let id='';
+				if(this.rootKey!='' && this.rootKey!=null){
+					id=this.rootKey;
+				}
+				let params = { 
+					id: id
+				};
+ 				if(refresh){
+ 					params.refresh=true;
+ 				}
+ 				params.branchId=this.branchId
+ 				if(this.userInfo.isSuperAdmin==true || this.userInfo.isPlatformAdmin==true){
+ 					if(this.branch!=null){
+ 						params.branchId=this.branch.id
+ 					}
+ 				}
+				this.listLoading = true;
+				listTreeDept(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk==true){ 
+						if( this.showRoot===undefined || this.showRoot===false||this.showRoot==='false'){
+							let tree=res.data.data;
+							if(tree==null){
+								this.deptTreeData=[];
+							}else{
+								if(this.branch!=null){
+									res.data.data.branchId=this.branch.id
+									res.data.data.deptName=this.branch.branchName+'(机构)'
+									res.data.data.isBranch=true
+								}else {
+									res.data.data.branchId=this.userInfo.branchId
+									res.data.data.deptName=this.userInfo.branchName+'(机构)'
+									res.data.data.isBranch=true
+								}
+								this.deptTreeData=tree.children;
+							}
+							
+						}else{
+							if(this.branch!=null){
+								res.data.data.branchId=this.branch.id
+								res.data.data.deptName=this.branch.branchName+'(机构)'
+								res.data.data.isBranch=true
+							}else {
+								res.data.data.branchId=this.userInfo.branchId
+								res.data.data.deptName=this.userInfo.branchName+'(机构)'
+								res.data.data.isBranch=true
+							}
+							this.deptTreeData=[res.data.data];
+						}
+						
+					}else{
+						this.$message({ message: tips.msg, type: 'error'});
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			}, 
+			filterDeptNode(value, data) {
+		        if (!value) return true;
+		        return data.name.indexOf(value) !== -1;
+		     },
+		     renderContent(h, { node, data, store }) {
+		    	 var countMsg='';	
+		    	 if(this.countTips){
+	    	 			countMsg=this.countTips;
+	    	 		}
+		    	 	if(this.showCount==true || this.showCount=='true'){
+		    	 		
+		    	 		
+		    	 		return h('span',node.label) ;
+		    	 	}else{
+		    	 		return h('span',node.label) ;
+		    	 	}
+			        
+			  },
+			  showBranchSelect: function(){
+				  this.branchVisible=true
+			  }
+		},
+		mounted() { 
+			this.deptid=this.value;
+			this.getDeptTreeData(); 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/deptExtinfo/DeptExtinfoMng.vue b/src/views/mdp/sys/deptExtinfo/DeptExtinfoMng.vue
new file mode 100644
index 0000000..6bbea85
--- /dev/null
+++ b/src/views/mdp/sys/deptExtinfo/DeptExtinfoMng.vue
@@ -0,0 +1,252 @@
+<template>
+	<section>
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.deptid" placeholder="部门编号"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getDeptExtinfos">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item>
+			</el-form>
+		</el-col>
+
+		<!--列表-->
+		<el-table :data="deptExtinfos" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column>
+			<el-table-column type="index" width="60"></el-table-column>
+			<el-table-column prop="deptid" label="部门编号" width="80"></el-table-column>
+			<el-table-column prop="extState" label="扩展状态A正常E无效" width="80"></el-table-column>
+			<el-table-column prop="extFlowState" label="扩展流程状态" width="80"></el-table-column>
+			<el-table-column label="操作" width="150" fixed="right">
+				<template scope="scope">
+					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!--工具条-->
+		<el-col :span="24" class="toolbar">
+			<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+			<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+			</el-pagination>
+		</el-col>
+
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item label="部门编号" prop="deptid">
+						<el-input v-model="editForm.deptid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="扩展状态A正常E无效" prop="extState">
+						<el-input v-model="editForm.extState" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="扩展流程状态" prop="extFlowState">
+						<el-input v-model="editForm.extFlowState" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					<el-form-item label="部门编号" prop="deptid">
+						<el-input v-model="addForm.deptid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="扩展状态A正常E无效" prop="extState">
+						<el-input v-model="addForm.extState" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="扩展流程状态" prop="extFlowState">
+						<el-input v-model="addForm.extFlowState" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listDeptExtinfo, delDeptExtinfo, batchDelDeptExtinfo, editDeptExtinfo, addDeptExtinfo } from '../../../../api/mdp/sys/deptExtinfo';
+
+	export default {
+		data() {
+			return {
+				filters: {
+					deptid: ''
+				},
+				deptExtinfos: [],
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				listLoading: false,
+				sels: [],//列表选中列
+				
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					deptid: [
+						//{ required: true, message: '部门编号', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					deptid:'',extState:'',extFlowState:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					deptid: [
+						//{ required: true, message: '部门编号', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: Object.assign({}, this.addForm)
+			}
+		},
+		methods: {
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getDeptExtinfos();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getDeptExtinfos();
+			},
+			//获取列表
+			getDeptExtinfos() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total,
+					deptid: this.filters.deptid
+				};
+				this.listLoading = true;
+				listDeptExtinfo(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.deptExtinfos = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { deptid: row.deptid };
+					delDeptExtinfo(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getDeptExtinfos();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editDeptExtinfo(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getDeptExtinfos();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addDeptExtinfo(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getDeptExtinfos();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDel: function () {
+				var deptids = this.sels.map(item => item.deptid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelDeptExtinfo(deptids).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ this.getDeptExtinfos(); }
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				});
+			}
+		},
+		mounted() {
+			this.getDeptExtinfos();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/deptMch/DeptMchMng.vue b/src/views/mdp/sys/deptMch/DeptMchMng.vue
new file mode 100644
index 0000000..aa5ccc7
--- /dev/null
+++ b/src/views/mdp/sys/deptMch/DeptMchMng.vue
@@ -0,0 +1,336 @@
+<template>
+	<section>
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.mchid" placeholder="商户信息"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getDeptMchs">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item>
+			</el-form>
+		</el-col>
+
+		<!--列表-->
+		<el-table :data="deptMchs" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column>
+			<el-table-column type="index" width="60"></el-table-column>
+			<el-table-column prop="deptid" label="部门编号" width="80"></el-table-column>
+			<el-table-column prop="mchid" label="商户信息" width="80"></el-table-column>
+			<el-table-column prop="mchName" label="商户名称" width="80"></el-table-column>
+			<el-table-column prop="bankName" label="开户银行" width="80"></el-table-column>
+			<el-table-column prop="bankAccount" label="开户银行账户" width="80"></el-table-column>
+			<el-table-column prop="bankBranchName" label="支行名称" width="80"></el-table-column>
+			<el-table-column prop="creditCode" label="统一信用代码编号" width="80"></el-table-column>
+			<el-table-column prop="businessLicenseImage" label="" width="80"></el-table-column>
+			<el-table-column prop="mchImage" label="商户地址照片" width="80"></el-table-column>
+			<el-table-column prop="legalPerson" label="法人" width="80"></el-table-column>
+			<el-table-column prop="businessLicenseBegin" label="营业执照开始日期" width="80"></el-table-column>
+			<el-table-column prop="businessLicenseEnd" label="营业执照结束日期" width="80"></el-table-column>
+			<el-table-column prop="businessLicenseType" label="营业执照期限类型0长期1区间" width="80"></el-table-column>
+			<el-table-column prop="mchState" label="商户状态A正常E无效" width="80"></el-table-column>
+			<el-table-column prop="mchFlowState" label="商户申请流程状态" width="80"></el-table-column>
+			<el-table-column label="操作" width="150" fixed="right">
+				<template scope="scope">
+					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!--工具条-->
+		<el-col :span="24" class="toolbar">
+			<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+			<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+			</el-pagination>
+		</el-col>
+
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item label="部门编号" prop="deptid">
+						<el-input v-model="editForm.deptid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户信息" prop="mchid">
+						<el-input v-model="editForm.mchid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户名称" prop="mchName">
+						<el-input v-model="editForm.mchName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="开户银行" prop="bankName">
+						<el-input v-model="editForm.bankName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="开户银行账户" prop="bankAccount">
+						<el-input v-model="editForm.bankAccount" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="支行名称" prop="bankBranchName">
+						<el-input v-model="editForm.bankBranchName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="统一信用代码编号" prop="creditCode">
+						<el-input v-model="editForm.creditCode" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="" prop="businessLicenseImage">
+						<el-input v-model="editForm.businessLicenseImage" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户地址照片" prop="mchImage">
+						<el-input v-model="editForm.mchImage" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="法人" prop="legalPerson">
+						<el-input v-model="editForm.legalPerson" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="营业执照开始日期" prop="businessLicenseBegin">
+						<el-date-picker type="date" placeholder="选择日期" v-model="editForm.businessLicenseBegin"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="营业执照结束日期" prop="businessLicenseEnd">
+						<el-date-picker type="date" placeholder="选择日期" v-model="editForm.businessLicenseEnd"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="营业执照期限类型0长期1区间" prop="businessLicenseType">
+						<el-input v-model="editForm.businessLicenseType" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户状态A正常E无效" prop="mchState">
+						<el-input v-model="editForm.mchState" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户申请流程状态" prop="mchFlowState">
+						<el-input v-model="editForm.mchFlowState" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					<el-form-item label="部门编号" prop="deptid">
+						<el-input v-model="addForm.deptid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户信息" prop="mchid">
+						<el-input v-model="addForm.mchid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户名称" prop="mchName">
+						<el-input v-model="addForm.mchName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="开户银行" prop="bankName">
+						<el-input v-model="addForm.bankName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="开户银行账户" prop="bankAccount">
+						<el-input v-model="addForm.bankAccount" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="支行名称" prop="bankBranchName">
+						<el-input v-model="addForm.bankBranchName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="统一信用代码编号" prop="creditCode">
+						<el-input v-model="addForm.creditCode" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="" prop="businessLicenseImage">
+						<el-input v-model="addForm.businessLicenseImage" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户地址照片" prop="mchImage">
+						<el-input v-model="addForm.mchImage" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="法人" prop="legalPerson">
+						<el-input v-model="addForm.legalPerson" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="营业执照开始日期" prop="businessLicenseBegin">
+						<el-date-picker type="date" placeholder="选择日期" v-model="addForm.businessLicenseBegin"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="营业执照结束日期" prop="businessLicenseEnd">
+						<el-date-picker type="date" placeholder="选择日期" v-model="addForm.businessLicenseEnd"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="营业执照期限类型0长期1区间" prop="businessLicenseType">
+						<el-input v-model="addForm.businessLicenseType" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户状态A正常E无效" prop="mchState">
+						<el-input v-model="addForm.mchState" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="商户申请流程状态" prop="mchFlowState">
+						<el-input v-model="addForm.mchFlowState" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listDeptMch, delDeptMch, batchDelDeptMch, editDeptMch, addDeptMch } from '../../../../api/mdp/sys/deptMch';
+
+	export default {
+		data() {
+			return {
+				filters: {
+					mchid: ''
+				},
+				deptMchs: [],
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				listLoading: false,
+				sels: [],//列表选中列
+				
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					mchid: [
+						//{ required: true, message: '商户信息', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					deptid:'',mchid:'',mchName:'',bankName:'',bankAccount:'',bankBranchName:'',creditCode:'',businessLicenseImage:'',mchImage:'',legalPerson:'',businessLicenseBegin:'',businessLicenseEnd:'',businessLicenseType:'',mchState:'',mchFlowState:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					mchid: [
+						//{ required: true, message: '商户信息', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: Object.assign({}, this.addForm)
+			}
+		},
+		methods: {
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getDeptMchs();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getDeptMchs();
+			},
+			//获取列表
+			getDeptMchs() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total,
+					mchid: this.filters.mchid
+				};
+				this.listLoading = true;
+				listDeptMch(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.deptMchs = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { mchid: row.mchid };
+					delDeptMch(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getDeptMchs();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editDeptMch(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getDeptMchs();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addDeptMch(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getDeptMchs();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDel: function () {
+				var mchids = this.sels.map(item => item.mchid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelDeptMch(mchids).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ this.getDeptMchs(); }
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				});
+			}
+		},
+		mounted() {
+			this.getDeptMchs();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/operDataTrail/OperDataTrailMng.vue b/src/views/mdp/sys/operDataTrail/OperDataTrailMng.vue
new file mode 100644
index 0000000..7717c01
--- /dev/null
+++ b/src/views/mdp/sys/operDataTrail/OperDataTrailMng.vue
@@ -0,0 +1,320 @@
+<template>
+	<section>
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.id" placeholder="主键"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getOperDataTrails">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item>
+			</el-form>
+		</el-col>
+
+		<!--列表-->
+		<el-table :data="operDataTrails" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column>
+			<el-table-column type="index" width="60"></el-table-column>
+			<el-table-column prop="userid" label="操作人" min-width="80"></el-table-column>
+			<el-table-column prop="startDate" label="操作开始时间" min-width="80"></el-table-column>
+			<el-table-column prop="endDate" label="操作结束时间" min-width="80"></el-table-column>
+			<el-table-column prop="fkey" label="关键字1" min-width="80"></el-table-column>
+			<el-table-column prop="skey" label="关键字2" min-width="80"></el-table-column>
+			<el-table-column prop="tableName" label="针对哪个表的操作" min-width="80"></el-table-column>
+			<el-table-column prop="fields" label="针对哪些字段的操作" min-width="80"></el-table-column>
+			<el-table-column prop="remark" label="人性化描述" min-width="80"></el-table-column>
+			<el-table-column prop="id" label="主键" min-width="80"></el-table-column>
+			<el-table-column label="操作" min-width="150" >
+				<template scope="scope">
+					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!--工具条-->
+		<el-col :span="24" class="toolbar">
+			<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+			<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+			</el-pagination>
+		</el-col>
+
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item label="操作人" prop="userid">
+						<el-input v-model="editForm.userid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="操作开始时间" prop="startDate">
+						<el-date-picker type="date" placeholder="选择日期" v-model="editForm.startDate"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="操作结束时间" prop="endDate">
+						<el-date-picker type="date" placeholder="选择日期" v-model="editForm.endDate"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="关键字1" prop="fkey">
+						<el-input v-model="editForm.fkey" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="关键字2" prop="skey">
+						<el-input v-model="editForm.skey" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="针对哪个表的操作" prop="tableName">
+						<el-input v-model="editForm.tableName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="针对哪些字段的操作" prop="fields">
+						<el-input v-model="editForm.fields" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="人性化描述" prop="remark">
+						<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="主键" prop="id">
+						<el-input v-model="editForm.id" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					<el-form-item label="操作人" prop="userid">
+						<el-input v-model="addForm.userid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="操作开始时间" prop="startDate">
+						<el-date-picker type="date" placeholder="选择日期" v-model="addForm.startDate"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="操作结束时间" prop="endDate">
+						<el-date-picker type="date" placeholder="选择日期" v-model="addForm.endDate"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="关键字1" prop="fkey">
+						<el-input v-model="addForm.fkey" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="关键字2" prop="skey">
+						<el-input v-model="addForm.skey" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="针对哪个表的操作" prop="tableName">
+						<el-input v-model="addForm.tableName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="针对哪些字段的操作" prop="fields">
+						<el-input v-model="addForm.fields" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="人性化描述" prop="remark">
+						<el-input v-model="addForm.remark" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="主键" prop="id">
+						<el-input v-model="addForm.id" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listOperDataTrail, delOperDataTrail, batchDelOperDataTrail, editOperDataTrail, addOperDataTrail } from '../../../../api/mdp/sys/operDataTrail';
+	import { selectOptions } from '../../../../api/mdp/sys/code';//下拉框数据查询
+	export default {
+		data() {
+			return {
+				filters: {
+					id: ''
+				},
+				operDataTrails: [],
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				listLoading: false,
+				sels: [],//列表选中列
+				selectOptions:{},//下拉选择框的所有静态数据
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					id: [
+						//{ required: true, message: '主键', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					userid:'',startDate:'',endDate:'',fkey:'',skey:'',tableName:'',fields:'',remark:'',id:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					id: [
+						//{ required: true, message: '主键', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: {
+					userid:'',startDate:'',endDate:'',fkey:'',skey:'',tableName:'',fields:'',remark:'',id:''
+				}
+			}
+		},
+		methods: {
+			//获取代码对应的名称 用于数据反显
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			}, 
+			//下拉数据加载
+			getSelectOptions: function () { 
+				/** 下拉数据加载例子  
+				selectOptions({code:'all',fieldNames:['locked','sex']}).then(res=>{
+					this.selectOptions=res.data.data;
+					let lockeds=this.selectOptions.locked.filter(i=>i.ifdefault=='1'); 
+					this.addForm.locked=lockeds.length>0?lockeds[0].codeValue:this.addForm.locked;
+					let sexs=this.selectOptions.sex.filter(i=>i.ifdefault=='1'); 
+					this.addForm.sex=sexs.length>0?sexs[0].codeValue:this.addForm.sex;
+				
+				});
+				*/
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getOperDataTrails();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getOperDataTrails();
+			},
+			//获取列表
+			getOperDataTrails() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total,
+					id: this.filters.id
+				};
+				this.listLoading = true;
+				listOperDataTrail(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.operDataTrails = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { id: row.id };
+					delOperDataTrail(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getOperDataTrails();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editOperDataTrail(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getOperDataTrails();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addOperDataTrail(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getOperDataTrails();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//批量删除
+			batchDel: function () {
+				var ids = this.sels.map(item => item.id);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelOperDataTrail(ids).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ this.getOperDataTrails(); }
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				});
+			}
+		},
+		mounted() {
+			this.getOperDataTrails();
+			this.getSelectOptions();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/post/PostSelectCommon.vue b/src/views/mdp/sys/post/PostSelectCommon.vue
new file mode 100644
index 0000000..fbcd7e9
--- /dev/null
+++ b/src/views/mdp/sys/post/PostSelectCommon.vue
@@ -0,0 +1,208 @@
+<template>
+	<section>
+		<el-row class="app-container"> 
+			<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input> 
+			<el-button type="primary" v-loading="load.list" :disabled="load.list==true" v-on:click="searchPosts">查询</el-button>
+			 
+			<el-button type="primary" @click="confirmPostSelect" v-loading="load.add==true">确定</el-button> 
+			<el-tooltip class="item" effect="light" content="如果没有查询到岗位，有可能是所有岗位已经加入该部门，可在岗位管理中定义新的岗位，再到此将岗位加入部门" placement="top-start">
+		       <i class="el-icon-question"></i>
+		    </el-tooltip>
+		</el-row>
+		<el-row class="app-container"> 
+			<!--列表 Post sys_post-->
+			<el-table :data="posts" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+				<el-table-column type="selection" width="55"></el-table-column>
+				<el-table-column type="index" width="60"></el-table-column>
+				<el-table-column prop="postName" label="岗位名称" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="remark" label="备注" min-width="80" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="cdate" label="创建日期" min-width="80" show-overflow-tooltip></el-table-column> 
+			</el-table>
+			<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
+		 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询
+	import { listPost, delPost, batchDelPost,listPostNotInDeptid } from '@/api/mdp/sys/post/post';  
+	import { mapGetters } from 'vuex'
+	
+	export default {  
+		props:['branchId','deptid','visible'],
+		watch: { 
+	      'visible':function(visible) {  
+	      	if(visible==true){
+				
+	      		this.searchPosts()
+	      	}
+	      } 
+	    },
+		computed: {
+		    ...mapGetters([
+		      'workShop'
+		    ])
+		},
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				posts: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					count:false,//是否需要重新计算总记录数
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				
+				addFormVisible: false,//新增post界面是否显示
+				//新增post界面初始化数据
+				addForm: {
+					id:'',postName:'',remark:'',branchId:'',cdate:''
+				},
+				postRoleMngVisible: false,//显示岗位角色关系界面
+				editFormVisible: false,//编辑界面是否显示
+				//编辑post界面初始化数据
+				editForm: {
+					id:'',postName:'',remark:'',branchId:'',cdate:''
+				}
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: { 
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize; 
+				this.getPosts();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getPosts();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getPosts();
+			},
+			searchPosts(){
+				 this.pageInfo.count=true; 
+				 this.getPosts();
+			},
+			//获取列表 Post sys_post
+			getPosts() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,
+					count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					//params.key="%"+this.filters.key+"%"
+				}else{
+					//params.xxx=xxxxx
+				}
+				params.deptid=this.deptid
+				params.branchId=this.branchId
+				
+				this.load.list = true;
+				listPost(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;
+						this.pageInfo.count=false;
+						this.posts = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch( err => this.load.list = false );
+			},
+
+			//显示编辑界面 Post sys_post
+			showEdit: function ( row,index ) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示编辑界面 岗位角色关系维护界面
+			showPostRoleMng: function ( row,index ) {
+				this.postRoleMngVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 Post sys_post
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.count=true;
+				this.getPosts();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行post
+			selsChange: function (sels) {
+				this.sels = sels;
+			},  
+ 
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			},
+			/**begin 自定义函数请在下面加**/ 
+			confirmPostSelect(){
+				
+				if(this.sels.length<=0){
+					this.$message({ message:'请选择角色', type: 'error'});
+					return;
+				}
+				this.load.add=true;
+				this.$emit('select',this.sels);//  @select="afterConfirmPostSelect"
+				this.load.add=false;
+			}
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: {   
+		    'sticky': Sticky
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			this.$nextTick(() => {
+				this.getPosts();
+        	}); 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/qx/QxAdd.vue b/src/views/mdp/sys/qx/QxAdd.vue
new file mode 100644
index 0000000..19fd764
--- /dev/null
+++ b/src/views/mdp/sys/qx/QxAdd.vue
@@ -0,0 +1,134 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--新增界面 Qx 权限定义--> 
+			<el-form :model="addForm" size="small" label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="权限名称" prop="qxName">
+					<el-input v-model="addForm.qxName" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="权限编码" prop="qxCode">
+					<el-input v-model="addForm.qxCode" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="权限类型" prop="qxType">
+					<el-radio-group v-model="addForm.qxType" size="small">
+				      <el-radio v-model="addForm.qxType" v-for="item in options.qxType" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item label="是否启用" prop="enabled">
+					<el-radio-group v-model="addForm.enabled" size="small">
+				      <el-radio v-model="addForm.enabled" v-for="item in options.enabled" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="addForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addQx } from '../../../../api/mdp/sys/qx';
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	        this.addForm=data;
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					qxCode: [
+						{ required: true, message: '权限编码不能为空', trigger: 'blur' }
+					],
+					qxName: [
+						{ required: true, message: '名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 权限定义
+				addForm: {
+					qxId:'',qxName:'',qxType:'',remark:'',qxCode:'',enabled:'',deptid:''
+				}
+				/**begin 在下面加自定义变量**/
+				
+				/**end 在上面加自定义变量**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Qx 权限定义 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addQx(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'qx-edit':QxEdit
+		},
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.dataObj);
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['qxType','enabled']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/qx/QxEdit.vue b/src/views/mdp/sys/qx/QxEdit.vue
new file mode 100644
index 0000000..32841c7
--- /dev/null
+++ b/src/views/mdp/sys/qx/QxEdit.vue
@@ -0,0 +1,125 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 Qx 权限定义--> 
+			<el-form :model="editForm" size="small" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="权限编码" prop="qxCode">
+					<el-input v-model="editForm.qxCode" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="权限名称" prop="qxName">
+					<el-input v-model="editForm.qxName" auto-complete="off"></el-input>
+				</el-form-item>  
+				<el-form-item label="权限类型" prop="qxType">
+					<el-radio-group v-model="editForm.qxType" size="small">
+				      <el-radio v-model="editForm.qxType" v-for="item in options.qxType" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item label="是否启用" prop="enabled">
+					<el-radio-group v-model="editForm.enabled" size="small">
+				      <el-radio v-model="editForm.enabled" v-for="item in options.enabled" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { editQx } from '../../../../api/mdp/sys/qx';
+	
+	export default {
+		props:['dataObj'],
+		watch: {
+	      'dataObj':function(data) {
+	        this.editForm=data;
+	        console.log(data);
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					qxCode: [
+						{ required: true, message: '权限编码不能为空', trigger: 'blur' }
+					],
+					qxName: [
+						{ required: true, message: '名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  Qx 权限定义
+				editForm: {
+					qxId:'',qxName:'',qxType:'',remark:'',qxCode:'',enabled:'',deptid:''
+				}
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交Qx 权限定义父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editQx(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			}
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.dataObj);
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['qxType','enabled']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/qx/QxMng.vue b/src/views/mdp/sys/qx/QxMng.vue
new file mode 100644
index 0000000..20f6e63
--- /dev/null
+++ b/src/views/mdp/sys/qx/QxMng.vue
@@ -0,0 +1,285 @@
+<template>
+	<section>
+	
+		<!--工具条1-->
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;padding-left: 0px">
+			<el-col :span="2">
+				<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+			</el-col>
+			<el-col :span="14">
+				<el-button type="primary"  size="small" v-on:click="searchQxs">查询</el-button>
+				<el-button type="primary"  size="small" @click="showAdd">新增</el-button>
+				<el-button type="danger"   size="small" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+				<el-button size="small" v-for="item in options.qxType" :type="qxTypeSelected.codeValue!=item.codeValue?'default':'success'"  v-on:click="qxTypeButtonClick(item)">{{item.codeName}}</el-button> 
+			</el-col>	
+			<el-col :span="8">
+				<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>	
+		</el-col>
+		
+		<!--工具条2-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->		
+		
+		<!--列表 Qx 权限定义-->
+		<el-table :data="qxs" size="small" @sort-change="sortChange" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column>
+			<el-table-column type="index" width="60"></el-table-column>
+			<el-table-column prop="qxName" label="权限名称" min-width="150"></el-table-column>
+			<el-table-column prop="qxCode" label="权限编码" min-width="120"></el-table-column> 
+			<el-table-column prop="qxType" label="权限类型" min-width="100">
+				<template scope="scope">
+					<el-tag :type="'primary'" close-transition>{{ getCodeName(options.qxType,scope.row.qxType) }}</el-tag>
+				</template>
+			</el-table-column>
+			<el-table-column prop="enabled" label="启用" min-width="100">
+				<template scope="scope">
+					<el-tag :type="'primary'" close-transition>{{ getCodeName(options.enabled,scope.row.enabled) }}</el-tag>
+				</template>
+			</el-table-column>
+			<el-table-column prop="remark" label="备注" min-width="200"></el-table-column>
+			<el-table-column label="操作" min-width="150"  fixed="right">
+				<template scope="scope">
+					<el-button size="small" @click="showEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		
+		<!--编辑 Qx 权限定义界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+			  <qx-edit :data-obj="editForm" @cancel="editFormVisible=false" @submit="afterEditSubmit"></qx-edit>
+		</el-dialog>
+
+		<!--新增 Qx 权限定义界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+			<qx-add :data-obj="addForm" @cancel="addFormVisible=false" @submit="afterAddSubmit"></qx-add>
+		</el-dialog> 
+		
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listQx, delQx, batchDelQx } from '../../../../api/mdp/sys/qx';
+	import  QxAdd from './QxAdd';//新增界面
+	import  QxEdit from './QxEdit';//修改界面
+	
+	export default {
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				qxs: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增qx界面是否显示
+				//新增qx界面初始化数据
+				addForm: {
+					qxId:'',qxName:'',qxType:'',remark:'',qxCode:'',enabled:'',deptid:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑qx界面初始化数据
+				editForm: {
+					qxId:'',qxName:'',qxType:'',remark:'',qxCode:'',enabled:'',deptid:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				qxTypeSelected:{}//被选中的权限类型	
+				
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getQxs();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getQxs();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getQxs();
+			},
+			searchQxs(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getQxs();
+			},
+			//获取列表 Qx 权限定义
+			getQxs() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					if(this.qxTypeSelected.codeValue!=''){
+						params.qxType=this.qxTypeSelected.codeValue;
+					}
+					//params.xxx=xxxxx
+				}
+				this.listLoading = true;
+				listQx(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.qxs = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 Qx 权限定义
+			showEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 Qx 权限定义
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getQxs();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行qx
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除qx
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { qxId: row.qxId };
+					delQx(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getQxs();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			//批量删除qx
+			batchDel: function () {
+				var qxIds = this.sels.map(item => item.qxId);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelQx(qxIds).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getQxs(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			qxTypeButtonClick(qxType){
+				this.qxTypeSelected=qxType;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+ 				this.getQxs();
+				
+			},
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'qx-add':QxAdd,
+		    'qx-edit':QxEdit
+		    //在下面添加其它组件
+		},
+		mounted() {
+			this.getQxs();
+			
+			//加载下拉列表 如有需要去年注释
+			let optionsParams={code:'all',fieldNames:['qxType','enabled']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data; 
+			}); 
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/qx/QxMng2.vue b/src/views/mdp/sys/qx/QxMng2.vue
new file mode 100644
index 0000000..c946bb2
--- /dev/null
+++ b/src/views/mdp/sys/qx/QxMng2.vue
@@ -0,0 +1,346 @@
+<template>
+	<section>
+		
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.qxCode" placeholder="权限编码"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getQxs">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item>
+				<el-form-item> 
+					<el-button v-for="item in selectOptions.qxType" :type="codeSelected.codeValue!=item.codeValue?'default':'success'"  v-on:click="codeButtonClick(item)">{{item.codeName}}</el-button> 
+				</el-form-item>
+			</el-form>
+			
+		</el-col>
+
+		<!--列表-->
+		<el-table :data="qxs" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column>
+			<el-table-column type="index" width="60"></el-table-column>
+			<el-table-column prop="qxName" label="权限名称" min-width="150"></el-table-column>
+			<el-table-column prop="qxCode" label="权限编码" min-width="120"></el-table-column> 
+			<el-table-column prop="qxType" label="权限类型" min-width="100">
+				<template scope="scope">
+					<el-tag :type="'primary'" close-transition>{{ getCodeName(selectOptions.qxType,scope.row.qxType) }}</el-tag>
+				</template>
+			</el-table-column>
+			<el-table-column prop="enabled" label="启用" min-width="100">
+				<template scope="scope">
+					<el-tag :type="'primary'" close-transition>{{ getCodeName(selectOptions.enabled,scope.row.enabled) }}</el-tag>
+				</template>
+			</el-table-column>
+			<el-table-column prop="remark" label="备注" min-width="200"></el-table-column>
+			<el-table-column label="操作" min-width="150">
+				<template scope="scope">
+					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!--工具条-->
+		<el-col :span="24" class="toolbar">
+			<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+			<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+			</el-pagination>
+		</el-col>
+
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item label="权限编码" prop="qxCode">
+						<el-input v-model="editForm.qxCode" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="权限名称" prop="qxName">
+						<el-input v-model="editForm.qxName" auto-complete="off"></el-input>
+					</el-form-item>  
+					<el-form-item label="权限类型" prop="qxType">
+						<el-radio-group v-model="editForm.qxType" size="small">
+					      <el-radio v-model="editForm.qxType" v-for="item in selectOptions.qxType" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+					<el-form-item label="是否启用" prop="enabled">
+						<el-radio-group v-model="editForm.enabled" size="small">
+					      <el-radio v-model="editForm.enabled" v-for="item in selectOptions.enabled" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+					<el-form-item label="备注" prop="remark">
+						<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					<el-form-item label="权限名称" prop="qxName">
+						<el-input v-model="addForm.qxName" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="权限编码" prop="qxCode">
+						<el-input v-model="addForm.qxCode" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="权限类型" prop="qxType">
+						<el-radio-group v-model="addForm.qxType" size="small">
+					      <el-radio v-model="addForm.qxType" v-for="item in selectOptions.qxType" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+					<el-form-item label="是否启用" prop="enabled">
+						<el-radio-group v-model="addForm.enabled" size="small">
+					      <el-radio v-model="addForm.enabled" v-for="item in selectOptions.enabled" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+					<el-form-item label="备注" prop="remark">
+						<el-input v-model="addForm.remark" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listQx, delQx, batchDelQx, editQx, addQx } from '../../../../api/mdp/sys/qx';
+	import { selectOptions } from '../../../../api/mdp/sys/code';
+	
+	export default {
+		data() {
+			return {
+				filters: {
+					qxCode: ''
+				},
+				qxs: [],
+				codeSelected:{},
+				selectOptions:{},
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1,
+					orderFields:['qx_type'],
+					orderDirs:['asc']
+				},
+				listLoading: false,
+				sels: [],//列表选中列
+				
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					qxCode: [
+						{ required: true, message: '权限编码不能为空', trigger: 'blur' }
+					],
+					qxName: [
+						{ required: true, message: '名称不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					qxId:'',qxCode:'',qxName:'',qxType:'',remark:'',enabled:'',deptid:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					qxCode: [
+						{ required: true, message: '权限编码不能为空', trigger: 'blur' }
+					],
+					qxName: [
+						{ required: true, message: '名称不能为空', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: Object.assign({}, this.addForm)
+			}
+		},
+		methods: {
+			//获取代码对应的名称
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getQxs();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getQxs();
+			},
+			//获取列表
+			getQxs() {
+				if(this.codeSelected.codeValue){
+					this.codeSelected={};
+					this.pageInfo.total=0;
+				}
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					orderFields:this.pageInfo.orderFields,
+					orderDirs:this.pageInfo.orderDirs,
+					total: this.pageInfo.total,
+					qxCode: this.filters.qxCode
+				};
+				this.listLoading = true;
+				listQx(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.qxs = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { qxId: row.qxId };
+					delQx(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getQxs();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				this.editForm.deptid=sessionStorage.getItem("deptid");
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			codeButtonClick(code){
+				this.codeSelected=code;
+				console.log(code);
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					orderFields:this.pageInfo.orderFields,
+					orderDirs:this.pageInfo.orderDirs,
+					total:0,
+					qxType: code.codeValue
+				};
+				this.listLoading = true;
+				listQx(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.qxs = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+				
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editQx(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getQxs();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addQx(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getQxs();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDel: function () {
+				var qxIds = this.sels.map(item => item.qxId);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelQx(qxIds).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ this.getQxs(); }
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				});
+			}
+		},
+		mounted() {
+			this.getQxs();
+			selectOptions({code:'all',fieldNames:['qxType','enabled']}).then(res=>{
+				this.selectOptions=res.data.data;
+				let defaultQxtype=this.selectOptions.qxType.filter(i=>i.ifdefault=='1');
+				
+				this.addForm.qxType=defaultQxtype.length>0?defaultQxtype[0].codeValue:this.addForm.qxType;
+				
+				let defaultEnabled=this.selectOptions.enabled.filter(i=>i.ifdefault=='1');
+				
+				this.addForm.enabled=defaultEnabled.length>0?defaultEnabled[0].codeValue:this.addForm.enabled;
+			});
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/role/RoleAdd.vue b/src/views/mdp/sys/role/RoleAdd.vue
new file mode 100644
index 0000000..81efd7c
--- /dev/null
+++ b/src/views/mdp/sys/role/RoleAdd.vue
@@ -0,0 +1,129 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--新增界面 Role 角色管理--> 
+			<el-form :model="addForm" size="small" label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="角色名" prop="rolename">
+					<el-input v-model="addForm.rolename" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="addForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="开始时间" prop="rolebeg">
+					<el-date-picker type="date" placeholder="选择日期" v-model="addForm.rolebeg"></el-date-picker>
+				</el-form-item> 
+				<el-form-item label="结束时间" prop="roleend">
+					<el-date-picker type="date" placeholder="选择日期" v-model="addForm.roleend"></el-date-picker>
+				</el-form-item>  
+				<el-form-item label="是否启用" prop="enabled"> 
+					<el-radio-group v-model="addForm.enabled" size="small">
+				      <el-radio v-model="addForm.enabled" v-for="item in options.enabled" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 	 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addRole } from '../../../../api/mdp/sys/role';
+	
+	export default {
+		props:['role'],
+		watch: {
+	      'role':function(role) {
+	        this.addForm=role;
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					rolename: [
+						{ required: true, message: '角色名必输', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 角色管理
+				addForm: {
+					roleid:'',rolename:'',remark:'',roletype:'',rolebeg:'',roleend:'',crperson:'',crdate:'',lopperson:'',lopdate:'',enabled:'',deptid:'',sortOrder:''
+				}
+				/**begin 在下面加自定义变量**/
+				
+				/**end 在上面加自定义变量**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Role 角色管理 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addRole(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			}
+			/**begin 在下面加自定义方法**/
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'role-edit':RoleEdit
+		},
+		mounted() {
+			this.addForm=Object.assign(this.addForm, this.role);
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['enabled']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/role/RoleEdit.vue b/src/views/mdp/sys/role/RoleEdit.vue
new file mode 100644
index 0000000..d46a796
--- /dev/null
+++ b/src/views/mdp/sys/role/RoleEdit.vue
@@ -0,0 +1,120 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 Role 角色管理--> 
+			<el-form :model="editForm" size="small" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="角色名" prop="rolename">
+					<el-input v-model="editForm.rolename" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+				</el-form-item> 
+				
+				<el-form-item label="开始时间" prop="rolebeg">
+					<el-date-picker type="date" placeholder="选择日期" v-model="editForm.rolebeg"></el-date-picker>
+				</el-form-item> 
+				<el-form-item label="结束时间" prop="roleend">
+					<el-date-picker type="date" placeholder="选择日期" v-model="editForm.roleend"></el-date-picker>
+				</el-form-item> 
+				<el-form-item label="是否启用" prop="enabled">
+					<el-radio-group v-model="editForm.enabled" size="small">
+				      <el-radio v-model="editForm.enabled" v-for="item in options.enabled" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { editRole } from '../../../../api/mdp/sys/role';
+	
+	export default {
+		props:['role'],
+		watch: {
+	      'role':function(role) {
+	        this.editForm=role; 
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					rolename: [
+						{ required: true, message: '角色名必输', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  Role 角色管理
+				editForm: {
+					roleid:'',rolename:'',remark:'',roletype:'',rolebeg:'',roleend:'',crperson:'',crdate:'',lopperson:'',lopdate:'',enabled:'',deptid:'',sortOrder:''
+				}
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交Role 角色管理父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editRole(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			}
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.role);
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['enabled']}; 	 
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			}); 
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/role/RoleMng.vue b/src/views/mdp/sys/role/RoleMng.vue
new file mode 100644
index 0000000..3015311
--- /dev/null
+++ b/src/views/mdp/sys/role/RoleMng.vue
@@ -0,0 +1,300 @@
+<template>
+	<section>
+	
+		<!--工具条1-->
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;padding-left: 0px">
+			<el-col :span="4">
+				<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+			</el-col>
+			<el-col :span="8">
+				<el-button type="primary"  size="small" v-on:click="searchRoles">查询</el-button>
+				<el-button type="primary"  size="small" @click="showAdd">新增</el-button>
+				<el-button type="danger"   size="small" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+			</el-col>	
+			<el-col :span="12">
+				<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>	
+		</el-col>
+		
+		<!--工具条2-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->		
+		
+		<!--列表 Role 角色管理-->
+		<el-table :data="roles" size="small" @sort-change="sortChange"  highlight-current-row @row-click="roleRowClick" v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column> 
+			<el-table-column prop="rolename" label="角色名" min-width="140"></el-table-column>
+			<el-table-column prop="remark" label="备注" min-width="150" show-overflow-tooltip></el-table-column> 
+			<el-table-column prop="rolebeg" label="开始时间" width="120"></el-table-column>
+			<el-table-column prop="roleend" label="结束时间" width="120"></el-table-column>
+			<el-table-column prop="enabled" label="启用" width="80">
+				<template scope="scope">
+					<el-tag :type="'primary'" close-transition>{{ getCodeName(options.enable,scope.row.enable) }}</el-tag>
+				</template>
+			</el-table-column>
+			<el-table-column label="操作" min-width="150"  fixed="right">
+				<template scope="scope">
+					<el-button size="small" @click="showRoleQx(scope.$index, scope.row)">权限</el-button>
+					<el-button size="small" @click="showUserRoleList(scope.$index, scope.row)">用户</el-button>
+					<el-button size="small" @click="showEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		
+		<!--显示某个角色下的所有用户-->
+		<el-dialog title="角色拥有的用户" :visible.sync="userRoleListFormVisible"  width="50%"  :close-on-click-modal="false">
+ 			<user-role-list :role="roleSelected" :visible="userRoleListFormVisible"></user-role-list>
+		</el-dialog>
+		
+		<!--编辑 RoleQx 角色权限管理界面-->
+		<el-dialog title="角色权限设置" :visible.sync="qxFormVisible"  width="50%"  :close-on-click-modal="false">
+			  <role-qx-mng :role="roleSelected" :visible="qxFormVisible" @cancel="qxFormVisible=false"  @submit="qxFormVisible=false"></role-qx-mng>
+		</el-dialog>
+		
+		<!--编辑 Role 角色管理界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+			  <role-edit :role="editForm" @cancel="editFormVisible=false" @submit="afterEditSubmit"></role-edit>
+		</el-dialog>
+
+		<!--新增 Role 角色管理界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+			<role-add :role="addForm" @cancel="addFormVisible=false" @submit="afterAddSubmit"></role-add>
+		</el-dialog> 
+		
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listRole, delRole, batchDelRole } from '../../../../api/mdp/sys/role';
+	import  RoleAdd from './RoleAdd';//新增界面
+	import  RoleEdit from './RoleEdit';//修改界面
+	import  UserRoleList from '../userRole/UserRoleList';//角色对应的用户查询页面
+	import  RoleQxMng from '../roleQx/RoleQxMng';//角色对应的用户查询页面
+		
+	export default {
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				roles: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增role界面是否显示
+				//新增role界面初始化数据
+				addForm: {
+					roleid:'',rolename:'',remark:'',roletype:'',rolebeg:'',roleend:'',crperson:'',crdate:'',lopperson:'',lopdate:'',enabled:'',deptid:'',sortOrder:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑role界面初始化数据
+				editForm: {
+					roleid:'',rolename:'',remark:'',roletype:'',rolebeg:'',roleend:'',crperson:'',crdate:'',lopperson:'',lopdate:'',enabled:'',deptid:'',sortOrder:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				
+				roleSelected:{},//角色选中行
+				qxFormVisible:false ,//是否显示角色管理权限页面，通知界面刷新数据	
+				userRoleListFormVisible:false //是否显示角色对应的用户列表
+				
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getRoles();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getRoles();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getRoles();
+			},
+			searchRoles(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getRoles();
+			},
+			//获取列表 Role 角色管理
+			getRoles() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					//params.xxx=this.filters.key
+				}else{
+					//params.xxx=xxxxx
+				}
+				this.listLoading = true;
+				listRole(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.roles = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 Role 角色管理
+			showEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 Role 角色管理
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getRoles();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行role
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除role
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { roleid: row.roleid };
+					delRole(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getRoles();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			//批量删除role
+			batchDel: function () {
+				var roleids = this.sels.map(item => item.roleid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelRole(roleids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getRoles(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			roleRowClick(row, event, column){ 
+				this.roleSelected=row;
+			},
+			//显示设置权限界面
+			showRoleQx: function (index, row) { 
+				 this.roleSelected=row;
+				 this.qxFormVisible=true;
+			},
+			//显示角色拥有的用户
+			showUserRoleList: function (index, row) { 
+				 this.roleSelected=row;
+				 this.userRoleListFormVisible=true;
+			}
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'role-add':RoleAdd,
+		    'role-edit':RoleEdit,
+		    //在下面添加其它组件
+		    'user-role-list':UserRoleList,
+		    'role-qx-mng':RoleQxMng
+		},
+		mounted() {
+			this.getRoles();
+			
+			//加载下拉列表 如有需要去年注释
+			let optionsParams={code:'all',fieldNames:['enabled']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			});
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/role/RoleMng2.vue b/src/views/mdp/sys/role/RoleMng2.vue
new file mode 100644
index 0000000..836d179
--- /dev/null
+++ b/src/views/mdp/sys/role/RoleMng2.vue
@@ -0,0 +1,455 @@
+<template>
+	<section>
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.rolename" placeholder="角色名查询"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getRoles">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+				</el-form-item>
+			</el-form>
+		</el-col>
+
+		<!--列表-->
+		<el-table :data="roles"  highlight-current-row v-loading="listLoading" border @row-click="roleRowClick" @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column> 
+			<el-table-column prop="rolename" label="角色名" min-width="140"></el-table-column>
+			<el-table-column prop="remark" label="备注" min-width="150" show-overflow-tooltip></el-table-column> 
+			<el-table-column prop="rolebeg" label="开始时间" width="120"></el-table-column>
+			<el-table-column prop="roleend" label="结束时间" width="120"></el-table-column>
+			<el-table-column prop="enabled" label="启用" width="80">
+				<template scope="scope">
+					<el-tag :type="'primary'" close-transition>{{ getCodeName(scope.row) }}</el-tag>
+				</template>
+			</el-table-column>
+			<el-table-column label="操作" min-width="200" >
+				<template scope="scope">
+					<el-button size="small" @click="handleQx(scope.$index, scope.row)">权限</el-button>
+					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+
+				<!--工具条-->
+		<el-col :span="14" class="toolbar" style="padding-bottom: 1px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.userKey" placeholder="用户名、编号、部门号、部门名称模糊查询"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getUsers">查询</el-button>
+				</el-form-item> 
+			</el-form> 
+		</el-col>
+		<el-col :span="10" class="toolbar" style="padding-bottom: 0px;">
+		<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+		</el-col>
+		<!--列表-->
+				<el-table :data="users"  highlight-current-row v-loading="listLoading" border  style="width: 100%;">
+					<el-table-column type="index" width="60"></el-table-column>
+					<el-table-column prop="username" label="用户名称" min-width="120"></el-table-column>
+					<el-table-column prop="nickname" label="昵称" min-width="100"></el-table-column>
+					<el-table-column prop="displayUserid" label="登录账号" min-width="150"></el-table-column>
+					<el-table-column prop="deptName" label="所属部门" min-width="120"></el-table-column> 
+				</el-table>
+				<!--工具条-->
+		<el-col :span="24" class="toolbar">
+			<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleUserCurrentChange" @size-change="handleUserSizeChange" :page-sizes="[5,10, 50, 100, 500]" :current-page="userPageInfo.currentPage" :page-size="userPageInfo.pageSize"  :total="userPageInfo.total" style="float:right;">
+			</el-pagination>
+		</el-col>
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					
+					<el-form-item label="角色名" prop="rolename">
+						<el-input v-model="editForm.rolename" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="备注" prop="remark">
+						<el-input v-model="editForm.remark" auto-complete="off"></el-input>
+					</el-form-item> 
+					
+					<el-form-item label="开始时间" prop="rolebeg">
+						<el-date-picker type="date" placeholder="选择日期" v-model="editForm.rolebeg"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="结束时间" prop="roleend">
+						<el-date-picker type="date" placeholder="选择日期" v-model="editForm.roleend"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="是否启用" prop="enabled">
+						<el-radio-group v-model="editForm.enabled" size="small">
+					      <el-radio v-model="editForm.enabled" v-for="item in selectOptions.enabled" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					
+					<el-form-item label="角色名" prop="rolename">
+						<el-input v-model="addForm.rolename" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="备注" prop="remark">
+						<el-input v-model="addForm.remark" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="开始时间" prop="rolebeg">
+						<el-date-picker type="date" placeholder="选择日期" v-model="addForm.rolebeg"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="结束时间" prop="roleend">
+						<el-date-picker type="date" placeholder="选择日期" v-model="addForm.roleend"></el-date-picker>
+					</el-form-item>  
+					<el-form-item label="是否启用" prop="enabled"> 
+						<el-radio-group v-model="addForm.enabled" size="small">
+					      <el-radio v-model="addForm.enabled" v-for="item in selectOptions.enabled" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+		
+		<!--设置权限-->
+		<el-dialog title="设置权限" :visible.sync="editQxFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item  label="角色名" prop="rolename">
+						<el-tag type="gray">{{editForm.rolename}}</el-tag> 
+					</el-form-item> 
+					<el-form-item label="备注" prop="remark">
+						<el-tag type="gray">{{editForm.remark}}</el-tag>  
+					</el-form-item>  
+					<el-form-item label="数据操作权限" prop="remark"> 
+						<el-transfer   :titles="['未选中权限','已选中权限']"  :props="{ key: 'qxId',  label: 'qxName' }"  v-model="roleQxs" :data="dbQxs">
+						 </el-transfer> 
+					 </el-form-item>
+					 <el-form-item label="数据范围权限" prop="remark"> 
+						<el-transfer   :titles="['未选中权限','已选中权限']"  :props="{ key: 'qxId',  label: 'qxName' }"  v-model="roleQxs" :data="deptScopeQxs">
+						 </el-transfer> 
+					 </el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editQxFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editQxSubmit" :loading="editQxLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util' 
+	import { listUserInfosByRoleid } from '../../../../api/mdp/sys/userRole';
+	import { listRole, delRole, batchDelRole, editRole, addRole } from '../../../../api/mdp/sys/role';
+	import { listRoleQx, delRoleQx, batchEditRoleQx, editRoleQx, addRoleQx } from '../../../../api/mdp/sys/roleQx'; 
+	import { listQx, delQx, batchDelQx, editQx, addQx } from '../../../../api/mdp/sys/qx';
+	import { selectOptions } from '../../../../api/mdp/sys/code';
+	export default {
+		data() {
+			 
+			return {
+				filters: {
+					rolename: '',
+					userKey:''
+				},
+				roles: [],
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				userPageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				roleClickRow:{},
+				listLoading: false,
+				listUserLoading: false,
+				sels: [],//列表选中列
+				roleQxs:[],//组对应权限列表
+				qxs:[],//全量权限
+				dbQxs:[],//数据操作权限
+				deptScopeQxs:[],//数据范围权限
+				users:[],//角色对应的用户
+				selectOptions:{},//下拉列表
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					rolename: [
+						{ required: true, message: '角色名必输', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					roleid:'',rolename:'',remark:'',roletype:'',rolebeg:'',roleend:'',crperson:'',crdate:'',lopperson:'',lopdate:'',enabled:'',deptid:'',sortOrder:99
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					rolename: [
+						{ required: true, message: '角色名必输', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: {
+					roleid:'',rolename:'',remark:'',roletype:'',rolebeg:'',roleend:'',crperson:'',crdate:'',lopperson:'',lopdate:'',enabled:'',deptid:'',sortOrder:99
+				},
+				
+				//设置权限界面
+				editQxFormVisible:false,
+				editQxLoading: false
+			}
+		},
+		methods: {
+			//获取代码对应的名称
+			getCodeName(row){
+				if(!this.selectOptions.enable)return row.enabled;
+				let code=this.selectOptions.enabled.filter(i=>i.codeValue==row.enabled);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return row.enabled
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getRoles();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getRoles();
+			},
+			handleUserSizeChange(pageSize) { 
+				this.userPageInfo.pageSize=pageSize;
+				this.getRoles();
+			},
+			handleUserCurrentChange(currentPage) {
+				this.userPageInfo.currentPage = currentPage;
+				this.getUsers();
+			},
+			getSessionUserDeptid(){
+				var deptid = sessionStorage.getItem('deptid');
+				return deptid;
+			},
+			//获取列表
+			getRoles() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total,
+					deptid:this.getSessionUserDeptid()+"%",
+					rolename: this.filters.rolename
+				};
+				this.listLoading = true;
+				listRole(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.roles = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { roleid: row.roleid };
+					delRole(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getRoles();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) { 
+				console.log(row);
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+				
+			},
+			//显示设置权限界面
+			handleQx: function (index, row) {
+				
+				listRoleQx({roleid:row.roleid}).then(res=>{
+					let roleQxs1=res.data.data;
+					this.roleQxs=roleQxs1.map(item=>item.qxId);
+					this.editQxFormVisible = true;
+				}); 
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				this.addForm.deptid=sessionStorage.getItem("deptid");
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//编辑权限
+			editQxSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editQxLoading = true; 
+							let roleid=this.editForm.roleid;
+							let params = {roleid:roleid,roleQxs:this.roleQxs};
+							 
+							console.log(params);
+							batchEditRoleQx(params).then((res) => {
+								this.editQxLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editQxFormVisible = false; 
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editQxLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editRole(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getRoles();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addRole(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getRoles();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDel: function () {
+				var roleids = this.sels.map(item => item.roleid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelRole(roleids).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ this.getRoles(); }
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				});
+			},
+			roleRowClick(row, event, column){ 
+				this.roleClickRow=row;
+				this.userPageInfo.total=0;
+				this.userPageInfo.currentPage=1;
+				this.getUsers(); 
+			},
+			//获取列表
+			getUsers() {
+				let params = { 
+					pageSize: this.userPageInfo.pageSize,
+					currentPage: this.userPageInfo.currentPage,
+					total: this.userPageInfo.total,
+					roleid: this.roleClickRow.roleid
+				};
+				if(this.filters.userKey!==""){ 
+					params.username="%"+this.filters.userKey+"%",
+					params.displayUserid="%"+this.filters.userKey+"%",
+					params.displayDeptid="%"+this.filters.userKey+"%",
+					params.deptName="%"+this.filters.userKey+"%"
+				}
+				this.listUserLoading = true;
+				listUserInfosByRoleid(params).then((res) => { 
+					var tips=res.data.tips;
+					if(tips.isOk){
+						this.userPageInfo.total = res.data.pageInfo.total;
+						this.users = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type:'error'});
+					}
+					this.listUserLoading = false;
+				}).catch(() => {
+					this.listUserLoading = false;
+				});
+			},
+		},
+		mounted() {
+			this.getRoles(); 
+			listQx({}).then(res=>{
+				this.qxs=res.data.data;
+				this.dbQxs=this.qxs.filter(i=>i.qxType=='db');
+				this.deptScopeQxs=this.qxs.filter(i=>i.qxType=='deptScope');
+			}); 
+			selectOptions({code:'all',fieldNames:['enabled']}).then(res=>{
+				this.selectOptions=res.data.data;
+				let defaultEnabled=this.selectOptions.enabled.filter(i=>i.ifdefault=='1');
+				
+				this.addForm.enabled=defaultEnabled.length>0?defaultEnabled[0].codeValue:this.addForm.enabled;
+			});
+			
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/roleQx/RoleQxMng.vue b/src/views/mdp/sys/roleQx/RoleQxMng.vue
new file mode 100644
index 0000000..95eb0ec
--- /dev/null
+++ b/src/views/mdp/sys/roleQx/RoleQxMng.vue
@@ -0,0 +1,149 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 角色权限管理--> 
+			<el-form :model="editForm" size="small" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item  label="角色名" prop="rolename">
+					<el-tag type="gray">{{role.rolename}}</el-tag> 
+				</el-form-item> 
+				<el-form-item label="备注" prop="remark">
+					<el-tag type="gray">{{role.remark}}</el-tag>  
+				</el-form-item>  
+				<el-form-item label="数据操作权限" prop="remark"> 
+					<el-transfer   :titles="['未选中权限','已选中权限']"  :props="{ key: 'qxId',  label: 'qxName' }"  v-model="roleQxs" :data="dbQxs">
+					 </el-transfer> 
+				 </el-form-item>
+				 <el-form-item label="数据范围权限" prop="remark"> 
+					<el-transfer   :titles="['未选中权限','已选中权限']"  :props="{ key: 'qxId',  label: 'qxName' }"  v-model="roleQxs" :data="deptScopeQxs">
+					 </el-transfer> 
+				 </el-form-item> 
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listRoleQx, delRoleQx, batchEditRoleQx, editRoleQx, addRoleQx } from '../../../../api/mdp/sys/roleQx'; 
+	import { listQx, delQx, batchDelQx, editQx, addQx } from '../../../../api/mdp/sys/qx';
+	
+	export default {
+		props:['role','visible'],
+		watch: {
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		this.getRoleQxs();
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					rolename: [
+						//{ required: true, message: '角色名必输', trigger: 'blur' }
+					]
+				},
+				//编辑界面 角色权限管理
+				editForm: {
+					qxId:'',id:'',remark:'',roleid:''
+				},
+				/**begin 在下面加自定义变量**/
+				roleQxs:[],//组对应权限列表
+				qxs:[],//全量权限
+				dbQxs:[],//数据操作权限
+				deptScopeQxs:[]//数据范围权限
+				
+				/**end 在上面加自定义变量**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Role 角色管理 父组件监听@submit="afterEditSubmit"
+			//编辑权限
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let roleid=this.role.roleid;
+							let params = {roleid:roleid,roleQxs:this.roleQxs};
+							 
+							console.log(params);
+							batchEditRoleQx(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			/**begin 在下面加自定义方法**/
+			//显示设置权限界面
+			getRoleQxs(){ 
+				listRoleQx({roleid:this.role.roleid}).then(res=>{
+					let roleQxs1=res.data.data;
+					this.roleQxs=roleQxs1.map(item=>item.qxId);
+				}); 
+			}
+				
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'role-edit':RoleEdit
+		},
+		mounted() {
+			this.getRoleQxs();
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['enabled']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			});
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+			listQx({}).then(res=>{
+				this.qxs=res.data.data;
+				this.dbQxs=this.qxs.filter(i=>i.qxType=='db');
+				this.deptScopeQxs=this.qxs.filter(i=>i.qxType=='deptScope');
+			}); 
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/thirdPartyAccount/ThirdPartyAccountMng.vue b/src/views/mdp/sys/thirdPartyAccount/ThirdPartyAccountMng.vue
new file mode 100644
index 0000000..f0f110c
--- /dev/null
+++ b/src/views/mdp/sys/thirdPartyAccount/ThirdPartyAccountMng.vue
@@ -0,0 +1,329 @@
+<template>
+	<section>
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.openid" placeholder="帐户加密后的编号，用于对第三方系统进行开放"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getThirdPartyAccounts">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item>
+			</el-form>
+		</el-col>
+
+		<!--列表-->
+		<el-table :data="thirdPartyAccounts" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column>
+			<el-table-column type="index" width="60"></el-table-column>
+			<el-table-column prop="unionid" label="全局唯一编号" width="80"></el-table-column>
+			<el-table-column prop="openid" label="帐户加密后的编号，用于对第三方系统进行开放" width="80"></el-table-column>
+			<el-table-column prop="userid" label="用户编号" width="80"></el-table-column>
+			<el-table-column prop="locked" label="是否被锁定" width="80"></el-table-column>
+			<el-table-column prop="startdate" label="启用日期" width="80"></el-table-column>
+			<el-table-column prop="nickname" label="昵称" width="80"></el-table-column>
+			<el-table-column prop="username" label="用户名称" width="80"></el-table-column>
+			<el-table-column prop="phoneno" label="移动电话号码" width="80"></el-table-column>
+			<el-table-column prop="country" label="国家" width="80"></el-table-column>
+			<el-table-column prop="city" label="城市" width="80"></el-table-column>
+			<el-table-column prop="headimgurl" label="头像地址" width="80"></el-table-column>
+			<el-table-column prop="province" label="省份" width="80"></el-table-column>
+			<el-table-column prop="userunionid" label="对应本系统user表的UNIONID" width="80"></el-table-column>
+			<el-table-column prop="frontApp" label="前端应用系统名称" width="80"></el-table-column>
+			<el-table-column label="操作" width="150" fixed="right">
+				<template scope="scope">
+					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!--工具条-->
+		<el-col :span="24" class="toolbar">
+			<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+			<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+			</el-pagination>
+		</el-col>
+
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item label="全局唯一编号" prop="unionid">
+						<el-input v-model="editForm.unionid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="帐户加密后的编号，用于对第三方系统进行开放" prop="openid">
+						<el-input v-model="editForm.openid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="用户编号" prop="userid">
+						<el-input v-model="editForm.userid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="是否被锁定" prop="locked">
+						<el-input v-model="editForm.locked" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="启用日期" prop="startdate">
+						<el-date-picker type="date" placeholder="选择日期" v-model="editForm.startdate"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="昵称" prop="nickname">
+						<el-input v-model="editForm.nickname" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="用户名称" prop="username">
+						<el-input v-model="editForm.username" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="移动电话号码" prop="phoneno">
+						<el-input v-model="editForm.phoneno" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="国家" prop="country">
+						<el-input v-model="editForm.country" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="城市" prop="city">
+						<el-input v-model="editForm.city" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="头像地址" prop="headimgurl">
+						<el-input v-model="editForm.headimgurl" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="省份" prop="province">
+						<el-input v-model="editForm.province" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="对应本系统user表的UNIONID" prop="userunionid">
+						<el-input v-model="editForm.userunionid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="前端应用系统名称" prop="frontApp">
+						<el-input v-model="editForm.frontApp" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					<el-form-item label="全局唯一编号" prop="unionid">
+						<el-input v-model="addForm.unionid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="帐户加密后的编号，用于对第三方系统进行开放" prop="openid">
+						<el-input v-model="addForm.openid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="用户编号" prop="userid">
+						<el-input v-model="addForm.userid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="是否被锁定" prop="locked">
+						<el-input v-model="addForm.locked" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="启用日期" prop="startdate">
+						<el-date-picker type="date" placeholder="选择日期" v-model="addForm.startdate"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="昵称" prop="nickname">
+						<el-input v-model="addForm.nickname" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="用户名称" prop="username">
+						<el-input v-model="addForm.username" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="移动电话号码" prop="phoneno">
+						<el-input v-model="addForm.phoneno" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="国家" prop="country">
+						<el-input v-model="addForm.country" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="城市" prop="city">
+						<el-input v-model="addForm.city" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="头像地址" prop="headimgurl">
+						<el-input v-model="addForm.headimgurl" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="省份" prop="province">
+						<el-input v-model="addForm.province" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="对应本系统user表的UNIONID" prop="userunionid">
+						<el-input v-model="addForm.userunionid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="前端应用系统名称" prop="frontApp">
+						<el-input v-model="addForm.frontApp" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listThirdPartyAccount, delThirdPartyAccount, batchDelThirdPartyAccount, editThirdPartyAccount, addThirdPartyAccount } from '../../../../api/mdp/sys/thirdPartyAccount';
+
+	export default {
+		data() {
+			return {
+				filters: {
+					openid: ''
+				},
+				thirdPartyAccounts: [],
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				listLoading: false,
+				sels: [],//列表选中列
+				
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					openid: [
+						//{ required: true, message: '帐户加密后的编号，用于对第三方系统进行开放', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					unionid:'',openid:'',userid:'',locked:'',startdate:'',nickname:'',username:'',phoneno:'',country:'',city:'',headimgurl:'',province:'',userunionid:'',frontApp:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					openid: [
+						//{ required: true, message: '帐户加密后的编号，用于对第三方系统进行开放', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: Object.assign({}, this.addForm)
+			}
+		},
+		methods: {
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getThirdPartyAccounts();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getThirdPartyAccounts();
+			},
+			//获取列表
+			getThirdPartyAccounts() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total,
+					openid: this.filters.openid
+				};
+				this.listLoading = true;
+				listThirdPartyAccount(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.thirdPartyAccounts = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { openid: row.openid };
+					delThirdPartyAccount(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getThirdPartyAccounts();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editThirdPartyAccount(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getThirdPartyAccounts();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addThirdPartyAccount(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getThirdPartyAccounts();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDel: function () {
+				var openids = this.sels.map(item => item.openid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelThirdPartyAccount(openids).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ this.getThirdPartyAccounts(); }
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				});
+			}
+		},
+		mounted() {
+			this.getThirdPartyAccounts();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/user/UserAdd.vue b/src/views/mdp/sys/user/UserAdd.vue
new file mode 100644
index 0000000..04e8371
--- /dev/null
+++ b/src/views/mdp/sys/user/UserAdd.vue
@@ -0,0 +1,178 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--新增界面 User sys_user--> 
+			<el-form :model="addForm" size="small" label-width="120px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="用户名称" prop="username">
+					<el-input v-model="addForm.username" auto-complete="off"></el-input>
+				</el-form-item>
+				<el-form-item label="昵称" prop="nickname">
+					<el-input v-model="addForm.nickname" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="登录账号" prop="displayUserid">
+					<el-input v-model="addForm.displayUserid" auto-complete="off"></el-input>
+				</el-form-item>  
+				<el-form-item label="所属部门" prop="deptName">
+					<dept-tree root-deptid=''  expand-on-click-node show-checkbox :checked-keys="[addForm.deptid]" :default-checked-keys="[addForm.deptid]"  :default-expanded-keys="[addForm.deptid]" v-on:checkChange="handleDeptCheckChange" multiple="false"></dept-tree> 
+				</el-form-item> 
+				<el-form-item label="性别" prop="sex"> 
+					<el-radio-group v-model="addForm.sex" size="small">
+				      <el-radio v-model="addForm.sex" v-for="item in options.sex" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item label="锁定" prop="locked"> 
+					<el-radio-group v-model="addForm.locked" size="small">
+				      <el-radio v-model="addForm.locked" v-for="item in options.locked" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item label="有效日期" prop="startdate">
+					<el-date-picker type="date" placeholder="选择开始日期" v-model="addForm.startdate"></el-date-picker>到<el-date-picker type="date" placeholder="选择结束日期" v-model="addForm.enddate"></el-date-picker>
+				</el-form-item> 
+				 
+				<el-form-item label="电话号码" prop="phoneno">
+					<el-input v-model="addForm.phoneno" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="" prop="country">
+					<el-breadcrumb separator="/">
+					  <el-breadcrumb-item>国家</el-breadcrumb-item>
+					  <el-breadcrumb-item>省</el-breadcrumb-item>
+					  <el-breadcrumb-item>市</el-breadcrumb-item>
+					  <el-breadcrumb-item>区县</el-breadcrumb-item> 
+					</el-breadcrumb>
+				</el-form-item>   
+				<el-form-item label="详细地址" prop="country">
+					 <el-input v-model="addForm.address" auto-complete="off"></el-input> 
+				</el-form-item>   
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { addUser } from '../../../../api/mdp/sys/user';
+    import DeptTree from '../dept/DeptTree.vue';
+	export default {
+		props:['user','dept'],
+		watch: {
+	      'user':function(data) {
+	        this.addForm=data;
+	      },
+	      'dept':function(data) {
+	        this.addForm.deptid=data.deptid;
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: { 
+					displayUserid: [
+						{ required: true, message: '账号必填', trigger: 'blur' }
+					],
+					username: [
+						{ required: true, message: '用户名称必填', trigger: 'blur' }
+					],
+					nickname: [
+						{ required: true, message: '昵称必填', trigger: 'blur' }
+					] 
+				},
+				//新增界面数据 sys_user
+				addForm: {
+					unionid:'',displayUserid:'',userid:'',locked:'',startdate:'',nickname:'',username:'',deptid:'',phoneno:'',password:'',salt:'',fingerpassword1:'',fingerpassword2:'',fingerpassword3:'',fingerpassword4:'',pwdtype:'',headimgurl:'',country:'',city:'',province:'',address:'',sex:'',enddate:'',districtId:'',custtype:''
+				},
+				/**begin 在下面加自定义变量**/
+				deptTree:{//部门树相关参数设置
+					expandOnClickNode:false, //单击是否展开/收缩
+					indent:8,//缩进
+					refreshTree:false//是否刷新
+				}
+				/**end 在上面加自定义变量**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交User sys_user 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addUser(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			},
+			/**begin 在下面加自定义方法**/
+			handleDeptCheckChange(data, checked,indeterminate) {
+		       	if(checked==true){
+		        	this.addForm.deptid=data.deptid;
+		        }else{
+		        	this.addForm.deptid='';
+		        }
+		        
+		    }
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'user-edit':UserEdit
+		    'dept-tree': DeptTree
+		},
+		mounted() {
+			let deptid=sessionStorage.getItem('companyid');
+			if(this.dept!=null && this.dept.deptid!=''){ 
+				deptid=this.dept.deptid;
+			}
+			this.addForm.deptid=deptid;
+
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['locked','sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			});
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/user/UserEdit.vue b/src/views/mdp/sys/user/UserEdit.vue
new file mode 100644
index 0000000..1fc190f
--- /dev/null
+++ b/src/views/mdp/sys/user/UserEdit.vue
@@ -0,0 +1,168 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--编辑界面 User sys_user--> 
+			<el-form :model="editForm" size="small" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item label="用户名称" prop="username">
+					<el-input v-model="editForm.username" auto-complete="off"></el-input>
+				</el-form-item>
+				<el-form-item label="昵称" prop="nickname">
+					<el-input v-model="editForm.nickname" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="登录账号" prop="displayUserid">
+					<el-input v-model="editForm.displayUserid" auto-complete="off"></el-input>
+				</el-form-item>  
+				<el-form-item label="所属部门" prop="deptName">
+					<dept-tree root-deptid=''  expand-on-click-node show-checkbox :checked-keys="[editForm.deptid]" :default-expanded-keys="[editForm.deptid]"	:default-checked-keys="[editForm.deptid]" v-on:checkChange="handleDeptCheckChange" multiple="false"></dept-tree> 
+				</el-form-item> 
+				<el-form-item label="性别" prop="sex"> 
+					<el-radio-group v-model="editForm.sex" size="small">
+				      <el-radio v-model="editForm.sex" v-for="item in options.sex" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item label="锁定" prop="locked"> 
+					<el-radio-group v-model="editForm.locked" size="small">
+				      <el-radio v-model="editForm.locked" v-for="item in options.locked" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+				    </el-radio-group>
+				</el-form-item> 
+				<el-form-item label="有效日期" prop="startdate">
+					<el-date-picker type="date" placeholder="选择开始日期" v-model="editForm.startdate"></el-date-picker>到<el-date-picker type="date" placeholder="选择结束日期" v-model="editForm.enddate"></el-date-picker>
+				</el-form-item> 
+				 
+				<el-form-item label="电话号码" prop="phoneno">
+					<el-input v-model="editForm.phoneno" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="" prop="country">
+					<el-breadcrumb separator="/">
+					  <el-breadcrumb-item>国家</el-breadcrumb-item>
+					  <el-breadcrumb-item>省</el-breadcrumb-item>
+					  <el-breadcrumb-item>市</el-breadcrumb-item>
+					  <el-breadcrumb-item>区县</el-breadcrumb-item> 
+					</el-breadcrumb>
+				</el-form-item>   
+				<el-form-item label="详细地址" prop="country">
+					 <el-input v-model="editForm.address" auto-complete="off"></el-input> 
+				</el-form-item>
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { editUser } from '../../../../api/mdp/sys/user';
+	import DeptTree from '../dept/DeptTree.vue';
+	export default {
+		props:['user'],
+		watch: {
+	      'user':function(data) {
+	        this.editForm=data;
+	      } 
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					displayUserid: [
+						{ required: true, message: '账号必填', trigger: 'blur' }
+					],
+					username: [
+						{ required: true, message: '用户名称必填', trigger: 'blur' }
+					],
+					nickname: [
+						{ required: true, message: '昵称必填', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据  User sys_user
+				editForm: {
+					unionid:'',displayUserid:'',userid:'',locked:'',startdate:'',nickname:'',username:'',deptid:'',phoneno:'',password:'',salt:'',fingerpassword1:'',fingerpassword2:'',fingerpassword3:'',fingerpassword4:'',pwdtype:'',headimgurl:'',country:'',city:'',province:'',address:'',sex:'',enddate:'',districtId:'',custtype:''
+				},
+				deptTree:{//部门树相关参数设置
+					expandOnClickNode:false, //单击是否展开/收缩
+					indent:8,//缩进
+					refreshTree:false//是否刷新
+				}
+			}
+		},
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//编辑提交User sys_user父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editUser(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.$emit('submit');//  @submit="afterEditSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			/**begin 在下面加自定义方法**/
+			handleDeptCheckChange(data, checked,indeterminate) {
+		       	if(checked==true){
+		       		this.deptTree.deptNodeSelected=data;
+		        	this.editForm.deptid=data.deptid;
+		        }else{
+		        	this.deptTree.deptNodeSelected={};
+		        	this.editForm.deptid='';
+		        }
+		        
+		    }
+			/**end 在上面加自定义方法**/
+		},
+		components: {  
+		    //在下面添加其它组件 'user-edit':UserEdit
+		    'dept-tree': DeptTree
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.user);
+			//加载下拉列表 如有需要去掉注释
+			let optionsParams={code:'all',fieldNames:['locked','sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			});
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/user/UserMng.vue b/src/views/mdp/sys/user/UserMng.vue
new file mode 100644
index 0000000..0ee1e26
--- /dev/null
+++ b/src/views/mdp/sys/user/UserMng.vue
@@ -0,0 +1,336 @@
+<template>
+	<section>
+	
+		<!--工具条1-->
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;padding-left: 0px">
+			<el-col :span="4">
+				<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+			</el-col>
+			<el-col :span="8">
+				<el-button type="primary"  size="small" v-on:click="searchUsers">查询</el-button>
+				<el-button type="primary"  size="small" @click="showAdd">新增</el-button>
+				<el-button type="danger"   size="small" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+				<el-button type="primary"  size="small" :disabled="this.sels.length!==1" @click="handleResetPassword">重置密码</el-button>
+			</el-col>	
+			<el-col :span="12">
+				<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>	
+		</el-col>
+		
+		<!--工具条2-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->		
+		<el-col :span="7">
+			<dept-tree root-deptid='' default-expand-all :expand-on-click-node="deptTree.expandOnClickNode" :refresh="deptTree.refreshTree" v-on:nodeClick="handleLeftDeptNodeClick" :indent="deptTree.indent" multiple="false"></dept-tree> 
+		</el-col>
+		<el-col :span="17">	
+			<!--列表 User sys_user-->
+			<el-table :data="users" size="small" @sort-change="sortChange" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+				<el-table-column type="selection" width="65"></el-table-column>
+				<el-table-column type="index" width="65"></el-table-column>
+				<el-table-column prop="username" sortable label="用户名称" min-width="120" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="nickname" label="昵称" min-width="100" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="displayUserid" label="登录账号" min-width="150" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="deptName" label="部门名称" min-width="120" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="sex" label="性别" width="80">
+					<template scope="scope">
+						<el-tag :type="'primary'" close-transition>{{ getCodeName(options.sex,scope.row.sex) }}</el-tag>
+					</template>
+				</el-table-column>
+				<el-table-column prop="locked" label="状态" width="80">
+					<template scope="scope">
+						<el-tag :type="'primary'" close-transition>{{ getCodeName(options.locked,scope.row.locked) }}</el-tag>
+					</template>
+				</el-table-column>
+				<el-table-column prop="displayDeptid" label="所属部门" min-width="120" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="deptName" label="部门名称" min-width="120" show-overflow-tooltip></el-table-column>
+				<el-table-column prop="startdate" label="启用日期" width="120"></el-table-column>
+				<el-table-column prop="enddate" label="到期日期" width="120"></el-table-column>
+				<el-table-column label="操作" min-width="230"  fixed="right">
+					<template scope="scope">
+						<el-button size="small" @click="showUserRoleEdit(scope.$index, scope.row)">角色</el-button>
+						<el-button size="small" @click="showEdit(scope.$index, scope.row)">改</el-button>
+						<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+		</el-col>
+		<!--编辑 User sys_user界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible"  width="50%"  :close-on-click-modal="false">
+			  <user-edit :user="editForm" @cancel="editFormVisible=false" @submit="afterEditSubmit"></user-edit>
+		</el-dialog>
+
+		<!--新增 User sys_user界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible"  width="50%"  :close-on-click-modal="false">
+			<user-add :user="addForm" :dept="deptTree.deptNodeSelected" @cancel="addFormVisible=false" @submit="afterAddSubmit"></user-add>
+		</el-dialog> 
+		
+		<!--设置用户角色界面-->
+		<el-dialog title="设置用户角色" :visible.sync="editUserRoleFormVisible"  width="50%"  :close-on-click-modal="false">
+			<user-role-edit :user="userSelected" :visible="editUserRoleFormVisible"  @cancel="editUserRoleFormVisible=false" @submit="editUserRoleFormVisible=false"></user-role-edit>
+		</el-dialog> 
+		
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listUserKey,listUser, delUser, batchDelUser,resetPasswordByAdmin } from '../../../../api/mdp/sys/user';
+	import  UserAdd from './UserAdd';//新增界面
+	import  UserEdit from './UserEdit';//修改界面
+	import  UserRoleEdit from '../userRole/UserRoleEdit';//修改界面
+	import { listRole} from '../../../../api/mdp/sys/role';
+	import { listUserRole,  batchEditUserRole } from '../../../../api/mdp/sys/userRole'; 
+	import DeptTree from '../dept/DeptTree.vue';
+	
+	export default {
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				users: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{sex:[],locked:[]},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增user界面是否显示
+				//新增user界面初始化数据
+				addForm: {
+					unionid:'',displayUserid:'',userid:'',locked:'',startdate:'',nickname:'',username:'',deptid:'',phoneno:'',password:'',salt:'',fingerpassword1:'',fingerpassword2:'',fingerpassword3:'',fingerpassword4:'',pwdtype:'',headimgurl:'',country:'',city:'',province:'',address:'',sex:'',enddate:'',districtId:'',custtype:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑user界面初始化数据
+				editForm: {
+					unionid:'',displayUserid:'',userid:'',locked:'',startdate:'',nickname:'',username:'',deptid:'',phoneno:'',password:'',salt:'',fingerpassword1:'',fingerpassword2:'',fingerpassword3:'',fingerpassword4:'',pwdtype:'',headimgurl:'',country:'',city:'',province:'',address:'',sex:'',enddate:'',districtId:'',custtype:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				deptTree:{//部门树相关参数设置
+					deptNodeSelected:{},//部门树被选中的节点数据	
+					expandOnClickNode:false, //单击是否展开/收缩
+					indent:8,//缩进
+					refreshTree:false//是否刷新
+				},
+				userSelected:{},//被选中的用户对象
+				editUserRoleFormVisible:false//是否显示用户角色界面
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getUsers();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getUsers();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getUsers();
+			},
+			searchUsers(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getUsers();
+			},
+			//获取列表 User sys_user
+			getUsers() {
+				let deptid=this.deptTree.deptNodeSelected.deptid;
+				if(deptid==null || deptid==""){
+					deptid=sessionStorage.getItem('deptid');
+				}
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					params.displayUserid=this.filters.key;
+					params.username=this.filters.key;
+					params.nickname=this.filters.key;
+				}
+				params.deptid=deptid;
+				
+				this.listLoading = true;
+				listUserKey(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.users = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 User sys_user
+			showEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 User sys_user
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.total=0;
+				this.getUsers();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行user
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			//删除user
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { userid: row.userid };
+					delUser(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getUsers();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			//批量删除user
+			batchDel: function () {
+				var userids = this.sels.map(item => item.userid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					batchDelUser(userids).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getUsers(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+			/**begin 自定义函数请在下面加**/
+			handleLeftDeptNodeClick(data, node,comp) {
+				this.deptTree.deptNodeSelected=data;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getUsers();
+		    },
+		    //显示编辑用户角色界面
+			showUserRoleEdit: function (index, row) {
+				this.userSelected=Object.assign(this.userSelected,row);
+				this.editUserRoleFormVisible = true;
+				
+			},
+			//重置密码
+			handleResetPassword: function () {
+				if(this.sels.length>1){
+					this.$message({ message: '为安全起见、一次只能重置一个用户的密码', type: 'error' }); 
+				}
+				resetPasswordByAdmin({userid:this.sels[0].userid,password:'888888'}).then(res=>{
+					var tips=res.data.tips;
+					if(tips.isOk){
+						this.$message({ message:"密码已重置为 888888", type:'success' }); 
+					}else{
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+					}
+					
+				});
+				
+			}	
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    'user-add':UserAdd,
+		    'user-edit':UserEdit,
+		    'dept-tree': DeptTree,
+		    'user-role-edit': UserRoleEdit
+		    //在下面添加其它组件
+		},
+		mounted() {
+			
+			//加载下拉列表 如有需要去年注释
+			let optionsParams={code:'all',fieldNames:['locked','sex']};
+			selectCacheOptions(optionsParams).then(res=>{
+				console.log(res);
+				this.options=res.data.data;
+			});
+			//console.log(this.options);
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+			this.getUsers();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/user/UserMng2.vue b/src/views/mdp/sys/user/UserMng2.vue
new file mode 100644
index 0000000..0ecba07
--- /dev/null
+++ b/src/views/mdp/sys/user/UserMng2.vue
@@ -0,0 +1,527 @@
+<template>
+	<section>
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.key" placeholder="账号、名称、昵称"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="handleQuery">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item> 
+				<el-form-item>
+					<el-button type="primary" :disabled="this.sels.length!==1" @click="handleResetPassword">重置密码</el-button>
+				</el-form-item> 
+			</el-form>
+		</el-col>
+		</el-col>
+			<el-col :span="7"><dept-tree root-deptid='' default-expand-all :expand-on-click-node="expandOnClickNode" :refresh="refreshDeptTree" v-on:nodeClick="handleLeftDeptNodeClick" :indent="indent" multiple="false"></dept-tree> </el-col>
+			<el-col :span="17">	
+				<!--列表-->
+				<el-table :data="users" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+					<el-table-column type="selection" width="65"></el-table-column>
+					<el-table-column type="index" width="65"></el-table-column>
+					<el-table-column prop="username" sortable label="用户名称" min-width="120" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="nickname" label="昵称" min-width="100" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="displayUserid" label="登录账号" min-width="150" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="deptName" label="部门名称" min-width="120" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="sex" label="性别" width="80">
+						<template scope="scope">
+							<el-tag :type="'primary'" close-transition>{{ getCodeName(selectOptions.sex,scope.row.sex) }}</el-tag>
+						</template>
+					</el-table-column>
+					<el-table-column prop="locked" label="状态" width="80">
+						<template scope="scope">
+							<el-tag :type="'primary'" close-transition>{{ getCodeName(selectOptions.locked,scope.row.locked) }}</el-tag>
+						</template>
+					</el-table-column>
+					<el-table-column prop="displayDeptid" label="所属部门" min-width="120" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="deptName" label="部门名称" min-width="120" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="startdate" label="启用日期" width="120"></el-table-column>
+					<el-table-column prop="enddate" label="到期日期" width="120"></el-table-column>
+					<el-table-column label="操作" min-width="220" fixed="right">
+						<template scope="scope">
+							<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+							<el-button size="small" @click="handleJoinRole(scope.$index, scope.row)">角色</el-button>
+							<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+		
+				<!--工具条-->
+				<el-col :span="24" class="toolbar">
+					<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+					<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+					</el-pagination>
+				</el-col>
+		</el-col>
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item label="用户名称" prop="username">
+						<el-input v-model="editForm.username" auto-complete="off"></el-input>
+					</el-form-item>
+					<el-form-item label="昵称" prop="nickname">
+						<el-input v-model="editForm.nickname" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="登录账号" prop="displayUserid">
+						<el-input v-model="editForm.displayUserid" auto-complete="off"></el-input>
+					</el-form-item>  
+					<el-form-item label="所属部门" prop="deptName">
+						<el-tag type="primary">{{editForm.displayDeptid}}</el-tag><el-tag type="primary">{{editForm.deptName}}</el-tag>
+						<dept-tree root-deptid=''  expand-on-click-node show-checkbox :checked-keys="editDeptidCheckedKeys"  v-on:checkChange="handleEditDeptCheckChange" multiple="false"></dept-tree> 
+					</el-form-item> 
+					<el-form-item label="性别" prop="sex"> 
+						<el-radio-group v-model="editForm.sex" size="small">
+					      <el-radio v-model="editForm.sex" v-for="item in selectOptions.sex" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+					<el-form-item label="锁定" prop="locked"> 
+						<el-radio-group v-model="editForm.locked" size="small">
+					      <el-radio v-model="editForm.locked" v-for="item in selectOptions.locked" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+					<el-form-item label="有效日期" prop="startdate">
+						<el-date-picker type="date" placeholder="选择开始日期" v-model="editForm.startdate"></el-date-picker>到<el-date-picker type="date" placeholder="选择结束日期" v-model="editForm.enddate"></el-date-picker>
+					</el-form-item> 
+					 
+					<el-form-item label="电话号码" prop="phoneno">
+						<el-input v-model="editForm.phoneno" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="" prop="country">
+						<el-breadcrumb separator="/">
+						  <el-breadcrumb-item>国家</el-breadcrumb-item>
+						  <el-breadcrumb-item>省</el-breadcrumb-item>
+						  <el-breadcrumb-item>市</el-breadcrumb-item>
+						  <el-breadcrumb-item>区县</el-breadcrumb-item> 
+						</el-breadcrumb>
+					</el-form-item>   
+					<el-form-item label="详细地址" prop="country">
+						 <el-input v-model="editForm.address" auto-complete="off"></el-input> 
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					<el-form-item label="用户名称" prop="username">
+						<el-input v-model="addForm.username" auto-complete="off"></el-input>
+					</el-form-item>
+					<el-form-item label="昵称" prop="nickname">
+						<el-input v-model="addForm.nickname" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="登录账号" prop="displayUserid">
+						<el-input v-model="addForm.displayUserid" auto-complete="off"></el-input>
+					</el-form-item>  
+					<el-form-item label="所属部门" prop="deptName">
+						<el-tag type="primary">{{addForm.displayDeptid}}</el-tag><el-tag type="primary">{{addForm.deptName}}</el-tag>
+						<dept-tree root-deptid=''  expand-on-click-node show-checkbox  v-on:checkChange="handleAddDeptCheckChange" multiple="false"></dept-tree> 
+					</el-form-item> 
+					<el-form-item label="性别" prop="sex"> 
+						<el-radio-group v-model="addForm.sex" size="small">
+					      <el-radio v-model="addForm.sex" v-for="item in selectOptions.sex" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+					<el-form-item label="锁定" prop="locked"> 
+						<el-radio-group v-model="addForm.locked" size="small">
+					      <el-radio v-model="addForm.locked" v-for="item in selectOptions.locked" :label="item.codeValue" border>{{item.codeName}}</el-radio>
+					    </el-radio-group>
+					</el-form-item> 
+					<el-form-item label="有效日期" prop="startdate">
+						<el-date-picker type="date" placeholder="选择开始日期" v-model="addForm.startdate"></el-date-picker>到<el-date-picker type="date" placeholder="选择结束日期" v-model="addForm.enddate"></el-date-picker>
+					</el-form-item> 
+					 
+					<el-form-item label="电话号码" prop="phoneno">
+						<el-input v-model="addForm.phoneno" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="" prop="country">
+						<el-breadcrumb separator="/">
+						  <el-breadcrumb-item>国家</el-breadcrumb-item>
+						  <el-breadcrumb-item>省</el-breadcrumb-item>
+						  <el-breadcrumb-item>市</el-breadcrumb-item>
+						  <el-breadcrumb-item>区县</el-breadcrumb-item> 
+						</el-breadcrumb>
+					</el-form-item>   
+					<el-form-item label="详细地址" prop="country">
+						 <el-input v-model="addForm.address" auto-complete="off"></el-input> 
+					</el-form-item>   
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+		<!--加入角色-->
+		<el-dialog title="加入角色" :visible.sync="editUserRoleFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item  label="用户" prop="username">
+						<el-tag type="gray">{{editForm.username}} ({{editForm.displayUserid}})</el-tag>   
+					</el-form-item>  
+					<el-form-item label="角色" prop="userrole"> 
+						<el-transfer   :titles="['未选中','已选中']"  :props="{ key: 'roleid',  label: 'rolename' }"  v-model="userRoles" :data="roles">
+						 </el-transfer> 
+					 </el-form-item>  
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editUserRoleFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editUserRoleSubmit" :loading="editUserRoleLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listUserKey, delUser, batchDelUser, editUser, addUser,resetPasswordByAdmin} from '../../../../api/mdp/sys/user';
+	import { listRole} from '../../../../api/mdp/sys/role';
+	import { listUserRole,  batchEditUserRole } from '../../../../api/mdp/sys/userRole';
+	import { selectOptions } from '../../../../api/mdp/sys/code';
+	import DeptTree from '../dept/DeptTree.vue';
+	
+	export default {
+		data() {
+			const getRoles =()=> {  
+				const data=[];
+		        listRole({}).then(res=>{
+					data.concat(res.data.data);
+					return data;
+				}); 
+		        
+		      };
+			return {
+				filters: {
+					key: ''
+				},
+				expandOnClickNode:false,
+				refreshDeptTree:false,
+				leftCheckedData:null,
+				indent:8,
+				users: [],
+				roles:getRoles(),
+				userRoles:[],//选择好的角色列表
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				listLoading: false,
+				sels: [],//列表选中列
+				selectOptions:{},//下拉选项
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: { 
+					displayUserid: [
+						{ required: true, message: '账号必填', trigger: 'blur' }
+					],
+					username: [
+						{ required: true, message: '用户名称必填', trigger: 'blur' }
+					],
+					nickname: [
+						{ required: true, message: '昵称必填', trigger: 'blur' }
+					] 
+				},
+				//新增界面数据
+				addForm: {
+					unionid:'',displayUserid:'',userid:'',locked:'',startdate:'',nickname:'',username:'',deptid:'',deptName:'',phoneno:'',password:'',salt:'',fingerpassword1:'',fingerpassword2:'',fingerpassword3:'',fingerpassword4:'',pwdtype:'',headimgurl:'',country:'',city:'',province:'',address:'',sex:'',enddate:''
+				},
+				editDeptidCheckedKeys:[],
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					displayUserid: [
+						{ required: true, message: '账号必填', trigger: 'blur' }
+					],
+					username: [
+						{ required: true, message: '用户名称必填', trigger: 'blur' }
+					],
+					nickname: [
+						{ required: true, message: '昵称必填', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: Object.assign({}, this.addForm),
+				
+				editUserRoleFormVisible: false,//加入角色界面显示
+				editUserRoleLoading: false
+			}
+		},
+		methods: {
+			//获取代码对应的名称
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			getSelectOptions: function () { 
+				/** 下拉数据加载例子 */ 
+				selectOptions({code:'all',fieldNames:['locked','sex']}).then(res=>{
+					this.selectOptions=res.data.data;
+					let lockeds=this.selectOptions.locked.filter(i=>i.ifdefault=='1'); 
+					this.addForm.locked=lockeds.length>0?lockeds[0].codeValue:this.addForm.locked;
+					let sexs=this.selectOptions.sex.filter(i=>i.ifdefault=='1'); 
+					this.addForm.sex=lockeds.length>0?sexs[0].codeValue:this.addForm.sex;
+				});
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getUsers();
+			},
+			handleQuery() { 
+				this.leftCheckedData=null;
+			    this.pageInfo.total=0;
+			    this.pageInfo.currentPage=1;
+				this.getUsers();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getUsers();
+			},
+			handleEditDeptCheckChange(data, checked,indeterminate) {
+		        console.log(data, checked,indeterminate);
+		        if(checked==true){
+		        	this.editForm.deptid=data.deptid;
+		        	this.editForm.deptName=data.deptName;
+		        }else{
+		        	this.editForm.deptid='';
+		        	this.editForm.deptName='';
+		        }
+		    },
+		    handleAddDeptCheckChange(data, checked,indeterminate) {
+		       	if(checked==true){
+		        	this.addForm.deptid=data.deptid;
+		        	this.addForm.deptName=data.deptName;
+		        }else{
+		        	this.addForm.deptid='';
+		        	this.addForm.deptName='';
+		        }
+		        
+		    },
+		    handleLeftDeptNodeClick(data, node,comp) {
+		    	this.leftCheckedData=data;  
+	 			this.pageInfo.currentPage=1,
+	 			this.pageInfo.total=0;
+	 			this.getUsers();
+		    },
+			//获取列表
+			getUsers() {
+				var deptid=this.leftCheckedData==null?this.getSessionUserDeptid():this.leftCheckedData.deptid;
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total,
+					displayUserid: this.filters.key,
+					username:this.filters.key,
+					nickname:this.filters.key,
+					deptid:deptid+"%"
+				};
+				this.listLoading = true;
+				listUserKey(params).then((res) => {
+					this.listLoading = false;
+					var tips=res.data.tips; 
+					if(tips.isOk==true){
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.users = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			}, 
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { userid: row.userid };
+					delUser(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ 
+							this.pageInfo.total=0;
+							this.getUsers();
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				
+				this.editDeptidCheckedKeys=[row.deptid];
+				this.editForm = Object.assign({}, row);
+				this.editFormVisible = true; 
+				
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//显示角色界面
+			handleJoinRole: function (index,row) {
+				listUserRole({userid:row.userid}).then(res=>{
+					let urs=res.data.data;
+					this.userRoles=urs.map(item=>item.roleid); 
+					this.editForm = Object.assign({}, row);
+					this.editUserRoleFormVisible = true; 
+				});
+				
+			},
+			//显示角色界面
+			handleResetPassword: function () {
+				if(this.sels.length>1){
+					this.$message({ message: '为安全起见、一次只能重置一个的密码', type: 'error' }); 
+				}
+				resetPasswordByAdmin({userid:this.sels[0].userid,password:'888888'}).then(res=>{
+					var tips=res.data.tips;
+					if(tips.isOk){
+						this.$message({ message:"密码已重置为 888888", type:'success' }); 
+					}else{
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+					}
+					
+				});
+				
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editUser(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getUsers();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//编辑权限
+			editUserRoleSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editUserRoleLoading = true; 
+							let userid=this.editForm.userid;
+							let params = {userid:userid,userRoles:this.userRoles};
+							 
+							console.log(params);
+							batchEditUserRole(params).then((res) => {
+								this.editUserRoleLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editUserRoleFormVisible = false; 
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editUserRoleLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addUser(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.pageInfo.total=0;
+									this.getUsers();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			getSessionUserDeptid(){
+				var deptid = sessionStorage.getItem('deptid');
+				return deptid;
+			},
+			//批量删除
+			batchDel: function () {
+				var userids = this.sels.map(item => item.userid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelUser(userids).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ 
+							this.pageInfo.total=0;
+							this.getUsers(); 
+						}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				});
+			}
+		},
+		mounted() {
+			this.getUsers();
+			this.getSelectOptions();
+			var deptid = sessionStorage.getItem('deptid');
+			listRole({deptid:'%'}).then(res=>{
+				let roles=res.data.data;
+				this.roles=roles.filter(i=>{
+					if(i.deptid.indexOf(deptid)!=0){
+						i.disabled=true;
+					}
+					return true;
+				});
+			}); 
+		},
+		components: { 
+		    'dept-tree': DeptTree
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/user/UsersSelect.vue b/src/views/mdp/sys/user/UsersSelect.vue
new file mode 100644
index 0000000..15093d3
--- /dev/null
+++ b/src/views/mdp/sys/user/UsersSelect.vue
@@ -0,0 +1,324 @@
+<template>
+	<section>
+		<el-row>
+			<el-input v-model="filters.key" style="width: 20%;" placeholder="名称 编号 手机号码 模糊查询"></el-input> 
+			<el-checkbox v-model="filters.isQueryByDept">按部门-{{this.deptTree.deptNodeSelected.deptName}}查</el-checkbox>
+			<el-button type="primary" v-loading="load.list" v-on:click="searchUsers">查询</el-button>
+			<el-button type="primary"   v-on:click="confirmUsers">确定</el-button>
+		</el-row> 
+		<el-row class="selected-tag">已选择：  
+			<el-tag
+				v-for="sel in sels"
+				:key="sel.userid"
+				closable @close="unselectUser(sel)">
+				{{sel.username}}
+			</el-tag>
+
+		</el-row>
+		<el-row class="app-container"> 
+			<el-col :span="6" style=" overflow-x:auto; height:600px;">
+				<dept-tree show-root default-expand-all show-checkbox :expand-on-click-node="false"  @node-click="handleLeftDeptNodeClick" @branch-row-click="branchRowClick"></dept-tree> 
+			</el-col>
+			<el-col :span="18">	
+				<!--列表 User sys_user-->
+				<el-table :row-key="'userid'"	 :data="users"     @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" style="width: 100%;" ref="userTable">
+					<el-table-column :reserve-selection="true"	type="selection" width="65"></el-table-column>
+					<el-table-column type="index" width="65"></el-table-column>
+					<el-table-column prop="username" sortable label="用户名称" min-width="120" show-overflow-tooltip></el-table-column> 
+					<el-table-column prop="displayUserid" label="登录账号" min-width="150" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="sex" label="性别" width="80">
+						<template scope="scope">
+							<el-tag v-if="scope.row.sex=='0'">男</el-tag>
+							<el-tag v-if="scope.row.sex=='1'">女</el-tag>
+							<el-tag v-if="scope.row.sex=='2'">其它</el-tag>
+						</template>
+					</el-table-column>
+					<el-table-column prop="locked" label="状态" width="80" show-overflow-tooltip>
+						<template scope="scope">
+							<el-tag v-if="scope.row.locked=='0'">√</el-tag>
+							<el-tag v-else>×</el-tag>
+						</template>
+					</el-table-column>  
+				</el-table>
+				<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination>
+			</el-col>
+		</el-row> 
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import Sticky from '@/components/Sticky' // 粘性header组件 
+	import { listUser } from '@/api/mdp/sys/user';
+	import DeptTree from '@/views/mdp/sys/dept/DeptTree.vue'; 
+	import { mapGetters } from 'vuex' 
+	import md5 from 'js-md5';
+	
+	export default {
+		props:['isSingleUser','selectUserids'],
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		watch:{
+			'selectUserids':function(selectUserids){
+				if((selectUserids==null || selectUserids.length==0 ) && this.sels.length==0){
+					return;
+				}else if((selectUserids==null || selectUserids.length==0 ) && this.sels.length>0){
+					this.$refs.userTable.clearSelection();
+					return;
+				}
+				var needSearch=false;
+				if(selectUserids.length!=this.sels.length){
+					needSearch=true
+				}else{
+					var selecteds=selectUserids.filter(i=> this.sels.some(k=>k.userid==i) );
+					if(selecteds.length!=selectUserids.length){
+						needSearch=true
+					}
+				}
+				if(needSearch==true){ 
+					this.$refs.userTable.clearSelection();
+					this.needSetTableUserChecked=true;
+					this.searchUsers()
+				}
+				
+			}
+		},
+		data() {
+			return {
+				filters: {
+					key: '',
+					isQueryByDept: true
+				},
+				users: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				allSels:[],//所有选中的数据
+				options:{sex:[],locked:[]},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增user界面是否显示
+				//新增user界面初始化数据
+				addForm: {
+					unionid:'',displayUserid:'',userid:'',locked:'',startdate:'',nickname:'',username:'',phoneno:'',password:'',salt:'',fingerpassword1:'',fingerpassword2:'',fingerpassword3:'',fingerpassword4:'',pwdtype:'',headimgurl:'',country:'',city:'',province:'',address:'',sex:'',enddate:'',districtId:'',userId:'',userAccount:'',userPwd:'',userName:'',userDesc:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				//编辑user界面初始化数据
+				editForm: { 
+					unionid:'',displayUserid:'',userid:'',locked:'',startdate:'',nickname:'',username:'',phoneno:'',password:'',salt:'',fingerpassword1:'',fingerpassword2:'',fingerpassword3:'',fingerpassword4:'',pwdtype:'',headimgurl:'',country:'',city:'',province:'',address:'',sex:'',enddate:'',districtId:'',userId:'',userAccount:'',userPwd:'',userName:'',userDesc:''
+				},
+				/**begin 自定义属性请在下面加 请加备注**/
+				deptTree:{//部门树相关参数设置
+					deptNodeSelected:{},//部门树被选中的节点数据	
+				}, 
+				editUserRoleFormVisible:false,//是否显示用户角色界面
+				editUserDeptFormVisible:false,//是否显示用户部门关系设置界面
+				branch: {},//选中的机构
+				needSetTableUserChecked:false,
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data 
+		
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.count=true;
+				
+				this.getUsers();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getUsers();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getUsers();
+			},
+			searchUsers(){
+				 
+				 this.pageInfo.count=true;
+				 this.getUsers();
+			},
+			//获取列表 User sys_user
+			getUsers() { 
+
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					params.key="%"+this.filters.key+"%";
+				}
+				if(this.filters.isQueryByDept==true && this.deptTree.deptNodeSelected.deptid && this.deptTree.deptNodeSelected.isBranch!=true){
+					params.deptid=this.deptTree.deptNodeSelected.deptid;
+				} 
+				if(this.filters.isQueryByDept==true){
+					params.branchId=this.branch.id;
+				} 
+				if( !this.userInfo.isSuperAdmin && !this.userInfo.isPlatformAdmin){
+					params.branchId=this.userInfo.branchId;
+					if(params.deptid==null || params.deptid==""){ 
+						//params.deptid=this.userInfo.deptid;
+					}
+				}  
+				if(this.needSetTableUserChecked==true){
+					params.userids=this.selectUserids;
+				}
+				console.log("kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk")
+				console.log(params)
+				this.load.list = true;
+				listUser(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total;this.pageInfo.count=false;
+						this.users = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					if(this.needSetTableUserChecked==true){
+						this.setTableUserChecked();
+						this.needSetTableUserChecked=false;
+					}
+					
+					this.load.list = false;
+				}).catch(() => {
+					this.load.list = false;
+					//this.$message({ message: '通讯错误', type: 'error' });
+				});
+			},
+
+			//显示编辑界面 User sys_user
+			showEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面 User sys_user
+			showAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			afterAddSubmit(){
+				this.addFormVisible=false;
+				this.pageInfo.count=true;
+				this.getUsers();
+			},
+			afterEditSubmit(){
+				this.editFormVisible=false;
+			},
+			//选择行user
+			selsChange: function (sels) {
+				 this.sels=sels  
+			}, 
+			setTableUserChecked(){
+				if(this.selectUserids.length<=0){
+					return;
+				}
+				this.selectUserids.forEach(u=>{
+					var selected=this.sels.find(i=>i.userid==u);
+					var user=this.users.find(i=>i.userid==u);
+					if(selected){ 
+						 
+					}else if(user){
+						this.$refs.userTable.toggleRowSelection(user,true);
+					}
+				}) 
+			},  
+			confirmUsers: function(){
+				if(this.sels.length<1){
+					this.$message({ message: "请选择一个用户", type: 'error' });
+					return;
+				}
+				if(this.isSingleUser==true){
+					if(this.sels.length!=1){
+						this.$message({ message: "最多只能选择一个用户", type: 'error' });
+						return;
+					}
+				}
+				this.$emit('confirm',this.sels.map(i=>{return {'userid':i.userid,'username':i.username,'sex':i.sex,'headimgurl':i.headimgurl}}))
+			},
+			branchRowClick: function(row, event, column){
+				if(this.branch==null || row.id!=this.branch.id){
+					this.branch=row
+					this.deptTree.deptNodeSelected={}
+					this.searchUsers();
+					
+				}  
+			},
+			unselectUser:function(user){  
+				this.$refs.userTable.toggleRowSelection(user,false); 
+			},
+			 
+			/**begin 自定义函数请在下面加**/
+			handleLeftDeptNodeClick(data, node,comp) {
+				if( node.level==1 ){
+					 this.branch={id:data.branchId,branchName:data.deptName} 
+				} 
+				this.deptTree.deptNodeSelected=data;
+				if(this.filters.isQueryByDept==true){ 
+					this.searchUsers();
+				}
+				
+		    }, 
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: {  
+		    'dept-tree': DeptTree,  
+		    //在下面添加其它组件
+		},
+		mounted() {
+			 if(this.selectUserids && this.selectUserids.length>0){
+				 this.needSetTableUserChecked=true;
+			 }
+			this.branch={id:this.userInfo.branchId,branchName:this.userInfo.branchName}
+			/**在下面写其它函数***/
+			this.getUsers(); 
+			
+		}
+	}
+
+</script>
+
+<style scoped>
+.selected-tag {
+	margin-top: 14px; 
+	margin-left:14px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/userExtinfo/UserExtinfoMng.vue b/src/views/mdp/sys/userExtinfo/UserExtinfoMng.vue
new file mode 100644
index 0000000..b1bd0e4
--- /dev/null
+++ b/src/views/mdp/sys/userExtinfo/UserExtinfoMng.vue
@@ -0,0 +1,287 @@
+<template>
+	<section>
+		<!--工具条-->
+		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+			<el-form :inline="true" :model="filters">
+				<el-form-item>
+					<el-input v-model="filters.userid" placeholder="用户编号"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" v-on:click="getUserExtinfos">查询</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="handleAdd">新增</el-button>
+				</el-form-item>
+			</el-form>
+		</el-col>
+
+		<!--列表-->
+		<el-table :data="userExtinfos" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="selection" width="55"></el-table-column>
+			<el-table-column type="index" width="60"></el-table-column>
+			<el-table-column prop="lastLoginTime" label="最后登录时间" width="80"></el-table-column>
+			<el-table-column prop="pwdErrorCount" label="登录密码错误次数" width="80"></el-table-column>
+			<el-table-column prop="userid" label="用户编号" width="80"></el-table-column>
+			<el-table-column prop="firstLoginChannel" label="首次登录渠道wxpub/wxa/wxae/web/other" width="80"></el-table-column>
+			<el-table-column prop="lastLoginChannel" label="最后登录渠道wxpub/wxa/wxae/web/other" width="80"></el-table-column>
+			<el-table-column prop="lastLoginArea" label="最后登录区县" width="80"></el-table-column>
+			<el-table-column prop="visitMsg" label="访问情况登记" width="80"></el-table-column>
+			<el-table-column prop="tpaOpenid" label="第三方账号" width="80"></el-table-column>
+			<el-table-column label="操作" width="150" fixed="right">
+				<template scope="scope">
+					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">改</el-button>
+					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!--工具条-->
+		<el-col :span="24" class="toolbar">
+			<el-button type="danger" @click="batchDel" :disabled="this.sels.length===0">批量删除</el-button>
+			<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+			</el-pagination>
+		</el-col>
+
+		<!--编辑界面-->
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+			<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
+					<el-form-item label="最后登录时间" prop="lastLoginTime">
+						<el-date-picker type="date" placeholder="选择日期" v-model="editForm.lastLoginTime"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="登录密码错误次数" prop="pwdErrorCount">
+						<el-input-number v-model="addForm.pwdErrorCount" :min="0" :max="200"></el-input-number>
+					</el-form-item> 
+					<el-form-item label="用户编号" prop="userid">
+						<el-input v-model="editForm.userid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="首次登录渠道wxpub/wxa/wxae/web/other" prop="firstLoginChannel">
+						<el-input v-model="editForm.firstLoginChannel" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="最后登录渠道wxpub/wxa/wxae/web/other" prop="lastLoginChannel">
+						<el-input v-model="editForm.lastLoginChannel" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="最后登录区县" prop="lastLoginArea">
+						<el-input v-model="editForm.lastLoginArea" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="访问情况登记" prop="visitMsg">
+						<el-input v-model="editForm.visitMsg" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="第三方账号" prop="tpaOpenid">
+						<el-input v-model="editForm.tpaOpenid" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="editFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+			</div>
+		</el-dialog>
+
+		<!--新增界面-->
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
+					<el-form-item label="最后登录时间" prop="lastLoginTime">
+						<el-date-picker type="date" placeholder="选择日期" v-model="addForm.lastLoginTime"></el-date-picker>
+					</el-form-item> 
+					<el-form-item label="登录密码错误次数" prop="pwdErrorCount">
+						<el-input-number v-model="addForm.pwdErrorCount" :min="0" :max="200"></el-input-number>
+					</el-form-item> 
+					<el-form-item label="用户编号" prop="userid">
+						<el-input v-model="addForm.userid" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="首次登录渠道wxpub/wxa/wxae/web/other" prop="firstLoginChannel">
+						<el-input v-model="addForm.firstLoginChannel" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="最后登录渠道wxpub/wxa/wxae/web/other" prop="lastLoginChannel">
+						<el-input v-model="addForm.lastLoginChannel" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="最后登录区县" prop="lastLoginArea">
+						<el-input v-model="addForm.lastLoginArea" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="访问情况登记" prop="visitMsg">
+						<el-input v-model="addForm.visitMsg" auto-complete="off"></el-input>
+					</el-form-item> 
+					<el-form-item label="第三方账号" prop="tpaOpenid">
+						<el-input v-model="addForm.tpaOpenid" auto-complete="off"></el-input>
+					</el-form-item> 
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click.native="addFormVisible = false">取消</el-button>
+				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+			</div>
+		</el-dialog>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util'
+	import { listUserExtinfo, delUserExtinfo, batchDelUserExtinfo, editUserExtinfo, addUserExtinfo } from '../../../../api/mdp/sys/userExtinfo';
+
+	export default {
+		data() {
+			return {
+				filters: {
+					userid: ''
+				},
+				userExtinfos: [],
+				pageInfo:{
+					total:0,
+					pageSize:10,
+					currentPage:1
+				},
+				listLoading: false,
+				sels: [],//列表选中列
+				
+				addFormVisible: false,//新增界面是否显示
+				addLoading: false,
+				addFormRules: {
+					userid: [
+						//{ required: true, message: '用户编号', trigger: 'blur' }
+					]
+				},
+				//新增界面数据
+				addForm: {
+					lastLoginTime:'',pwdErrorCount:'',userid:'',firstLoginChannel:'',lastLoginChannel:'',lastLoginArea:'',visitMsg:'',tpaOpenid:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				editLoading: false,
+				editFormRules: {
+					userid: [
+						//{ required: true, message: '用户编号', trigger: 'blur' }
+					]
+				},
+				//编辑界面数据
+				editForm: Object.assign({}, this.addForm)
+			}
+		},
+		methods: {
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.getUserExtinfos();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getUserExtinfos();
+			},
+			//获取列表
+			getUserExtinfos() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total,
+					userid: this.filters.userid
+				};
+				this.listLoading = true;
+				listUserExtinfo(params).then((res) => {
+					this.pageInfo.total = res.data.pageInfo.total;
+					this.userExtinfos = res.data.data;
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//删除
+			handleDel: function (index, row) {
+				this.$confirm('确认删除该记录吗?', '提示', {
+					type: 'warning'
+				}).then(() => {
+					this.listLoading = true;
+					let params = { userid: row.userid };
+					delUserExtinfo(params).then((res) => {
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if(tips.isOk){ this.getUserExtinfos();}
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error' });
+						
+					});
+				}).catch(() => {
+					this.listLoading = false;
+				});
+			},
+			//显示编辑界面
+			handleEdit: function (index, row) {
+				this.editFormVisible = true;
+				this.editForm = Object.assign({}, row);
+			},
+			//显示新增界面
+			handleAdd: function () {
+				this.addFormVisible = true;
+				//this.addForm=Object.assign({}, this.editForm);
+			},
+			//编辑
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let params = Object.assign({}, this.editForm); 
+							editUserExtinfo(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+									this.editFormVisible = false;
+									this.getUserExtinfos();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			//新增
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addUserExtinfo(params).then((res) => {//1 begin
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.addFormVisible = false;
+									this.getUserExtinfos();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							});//1 end
+						}).catch(() => {
+							this.addLoading = false;
+						});
+					}
+				});
+			},
+			selsChange: function (sels) {
+				this.sels = sels;
+			},
+			//批量删除
+			batchDel: function () {
+				var userids = this.sels.map(item => item.userid);
+				this.$confirm('确认删除选中记录吗？', '提示', {
+					type: 'warning'
+				}).then(() => {//1 begin
+					this.listLoading = true;
+					batchDelUserExtinfo(userids).then((res) => {//2 begin
+						this.listLoading = false;
+						var tips=res.data.tips;
+						if( tips.isOk ){ this.getUserExtinfos(); }
+						this.$message({ message: tips.msg, type: tips.isOk?'success':'error'});
+					});//2 end
+				}).catch(() => {//1 end
+					this.listLoading = false;
+				});
+			}
+		},
+		mounted() {
+			this.getUserExtinfos();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/userRole/UserRoleEdit.vue b/src/views/mdp/sys/userRole/UserRoleEdit.vue
new file mode 100644
index 0000000..849cf41
--- /dev/null
+++ b/src/views/mdp/sys/userRole/UserRoleEdit.vue
@@ -0,0 +1,144 @@
+<template>
+	<section>
+	
+		<!--工具条1-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->
+		 
+		<!--调整用户角色界面 UserRole 用户角色表--> 
+			<el-form :model="editForm" size="small" label-width="120px" :rules="editFormRules" ref="editForm">
+				<el-form-item  label="用户" prop="username">
+					<el-tag type="gray">{{user.username}} ({{user.displayUserid}})</el-tag>   
+				</el-form-item>  
+				<el-form-item label="角色" prop="userrole"> 
+					<el-transfer   :titles="['未选中','已选中']"  :props="{ key: 'roleid',  label: 'rolename' }"  v-model="userRoleids" :data="roles">
+					 </el-transfer> 
+				 </el-form-item>  
+				<el-form-item>
+					<el-col :span="24" size="small">
+						<el-col :span="4" :offset="16"> 
+							<el-button @click.native="handleCancel">取消</el-button> 
+						</el-col>
+						<el-col :span="4"> 
+							<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>  
+						</el-col>
+					</el-col> 
+				</el-form-item> 
+			</el-form>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listUserRole,  batchEditUserRole } from '../../../../api/mdp/sys/userRole';
+	import { listRole} from '../../../../api/mdp/sys/role';
+	export default {
+		props:['userRole','user','visible'],
+		watch: {
+	      'userRole':function(userRole) {
+	        this.editForm=userRole;
+	      },
+	      'visible':function(visible) {
+	      	if(visible==true){
+	      		this.getUserRoleids();
+	      	}
+	         
+	      }
+	    },	
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				editLoading: false,
+				editFormRules: {
+					id: [
+						//{ required: true, message: '主键ID', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 用户角色表
+				editForm: {
+					id:'',roleid:'',userid:'',remark:'',userroleBeg:'',userroleEnd:'',createPerson:'',createDate:'',loperatePerson:'',loperateDate:'',roleSort:'',enabled:'',deptid:''
+				},
+				/**begin 在下面加自定义变量**/
+				userRoleids:[],//用户拥有的所有角色编号
+				roles:[]//所有的角色
+				
+				/**end 在上面加自定义变量**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交UserRole 用户角色表 父组件监听@submit="afterEditSubmit"
+			editSubmit: function () {
+				this.$refs.editForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.editLoading = true; 
+							let userid=this.user.userid;
+							let params = {userid:userid,userRoles:this.userRoleids};
+							 
+							console.log(params);
+							batchEditUserRole(params).then((res) => {
+								this.editLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['editForm'].resetFields();
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.editLoading = false;
+							});
+						});
+					}
+				});
+			},
+			/**begin 在下面加自定义方法**/
+			//获取用户拥有的角色编号			
+			getUserRoleids(){
+				listUserRole({userid:this.user.userid}).then(res=>{
+					let urs=res.data.data;
+					this.userRoleids=urs.map(item=>item.roleid); 
+				});
+			},
+			getRoles(){  
+		        listRole({}).then(res=>{
+					this.roles=res.data.data;
+				}); 
+		    }
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'user-role-edit':UserRoleEdit
+		},
+		mounted() {
+			this.editForm=Object.assign(this.editForm, this.dataObj);
+			//加载下拉列表 如有需要去掉注释
+			//let optionsParams={code:'all',fieldNames:['sex']};
+			/**
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			});
+			**/
+			//给下拉列表初始化默认值
+			//this.editForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+			this.getRoles();
+			this.getUserRoleids();
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/sys/userRole/UserRoleList.vue b/src/views/mdp/sys/userRole/UserRoleList.vue
new file mode 100644
index 0000000..58c8a34
--- /dev/null
+++ b/src/views/mdp/sys/userRole/UserRoleList.vue
@@ -0,0 +1,185 @@
+<template>
+	<section>
+	
+		<!--工具条1-->
+		<el-col :span="24" class="toolbar" size="small" style="padding: 0px">
+			<el-col :span="4">
+				<el-input v-model="filters.key" size="small" placeholder="模糊查询"></el-input>
+			</el-col>
+			<el-col :span="4">
+				<el-button type="primary"  size="small" v-on:click="searchUsers">查询</el-button>
+				
+			</el-col>	
+			<el-col :span="16">
+				<el-pagination size="small" layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.currentPage" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>	
+		</el-col>
+		
+		<!--工具条2-->  
+		<!--如果有更多工具条,放开此注释
+		<el-col :span="24" class="toolbar" size="small" style="padding-bottom: 0px;">
+			<el-col :span="4">
+			</el-col>
+		</el-col>
+		-->		
+		
+		<!--列表 User sys_user-->
+		<el-table :data="users" size="small" @sort-change="sortChange" height="480" highlight-current-row v-loading="listLoading" border @selection-change="selsChange" style="width: 100%;">
+			<el-table-column type="index" width="60"></el-table-column>
+			<el-table-column prop="username" label="用户名称" min-width="120"></el-table-column>
+			<el-table-column prop="nickname" label="昵称" min-width="100"></el-table-column>
+			<el-table-column prop="displayUserid" label="登录账号" min-width="150"></el-table-column>
+			<el-table-column prop="deptName" label="所属部门" min-width="120"></el-table-column> 
+		</el-table>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../common/js/util';//全局公共库
+	import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../api/common/code';//下拉框数据查询
+	import { listUser, delUser, batchDelUser } from '../../../../api/mdp/sys/user';
+	import { listUserInfosByRoleid } from '../../../../api/mdp/sys/userRole';
+	
+	export default {
+		props:['role'],
+		watch: {
+	      'visible':function(visible) { 
+	      	if(visible==true){
+	      		this.pageInfo.total=0;
+	      		this.pageInfo.currentPage=1;
+	      		this.getUsers();
+	      	}
+	      } 
+	    },	
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				users: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					currentPage:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[]//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				/**begin 自定义属性请在下面加 请加备注**/
+				
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.currentPage=1;
+				this.getUsers();
+			},
+			handleCurrentChange(currentPage) {
+				this.pageInfo.currentPage = currentPage;
+				this.getUsers();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getUsers();
+			},
+			searchUsers(){
+				 this.pageInfo.currentPage=1;
+				 this.pageInfo.total=0;
+				 this.getUsers();
+			},
+			//获取列表 User sys_user
+			getUsers() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					currentPage: this.pageInfo.currentPage,
+					total: this.pageInfo.total
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					params.orderFields=this.pageInfo.orderFields;
+					params.orderDirs=this.pageInfo.orderDirs;
+				}
+				if(this.filters.key!==""){
+					params.username="%"+this.filters.userKey+"%",
+					params.displayUserid="%"+this.filters.userKey+"%",
+					params.displayDeptid="%"+this.filters.userKey+"%",
+					params.deptName="%"+this.filters.userKey+"%"
+				} 
+				params.roleid=this.role.roleid;
+				this.listLoading = true;
+				listUserInfosByRoleid(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.pageInfo.total;
+						this.users = res.data.data;
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					this.$message({ message: '访问错误', type: 'error' });
+				});
+			},
+
+			//选择行user
+			selsChange: function (sels) {
+				this.sels = sels;
+			}, 
+			/**begin 自定义函数请在下面加**/
+			
+				
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: { 
+		    //在下面添加其它组件
+		},
+		mounted() {
+			this.getUsers();
+			
+			//加载下拉列表 如有需要去年注释
+			//let optionsParams={code:'all',fieldNames:['enabled']}
+			/**
+			selectCacheOptions(optionsParams).then(res=>{
+				this.options=res.data.data;
+			});
+			**/
+			//给下拉列表初始化默认值
+			//this.addForm.xxx=getDefaultValue(this.options.xxx,'1');
+			
+			/**在下面写其它函数***/
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/workflow/hi/comment/commentStep.vue b/src/views/mdp/workflow/hi/comment/commentStep.vue
new file mode 100644
index 0000000..ec6b921
--- /dev/null
+++ b/src/views/mdp/workflow/hi/comment/commentStep.vue
@@ -0,0 +1,162 @@
+<template>
+	<section>
+		<el-row style="max-height:400px;overflow-y:scroll;overflow-x:hidden;">
+			<!--工具条1-->  
+			<!--如果有更多工具条,放开此注释
+			<el-col :span="24" class="toolbar"  style="padding-bottom: 0px;">
+				<el-col :span="4">
+				</el-col>
+			</el-col>
+			-->
+			 
+			 
+			<div  style="border:1px dashed #000"> 	
+				  <div v-if="!comments || comments.length<=0" style="padding-left: 10px;">暂无信息</div>
+				  <el-steps :space="60"  direction="vertical">
+				    <el-step v-for="item in comments " :title="item.name"  >
+				    	<div slot="title"><el-col :span="24"> ><font v-if="screenWidth>500">任务:</font>{{item.name==''||item.name==null?'未知的节点名字':item.name}}  <font v-if="screenWidth>500">办理时间 :{{item.time}}</font><font v-if="screenWidth<500">{{formatTaskTime(item.time)}}</font></el-col> </div>
+				    	<div slot="description" style="color: #303133;"> 
+				    		<el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"><div>{{item.username?item.username:item.userid}}></div></el-col><el-col :xs="16" :sm="18" :md="20" :lg="21" :xl="23"><div>{{item.message}}</div></el-col>
+				    	</div>
+				    </el-step>
+				  </el-steps>
+				  </div> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '../../../../../common/js/util';//全局公共库
+	//import {getCompanyEmployees, selectCacheOptions,getDefaultValue,getCodeName } from '../../../../../api/common/code';//下拉框数据查询
+	import { addComment,listComment } from '../../../../../api/mdp/workflow/hi/comment';
+	import { listUser } from '@/api/mdp/sys/user';//下拉框数据查询
+	import { listDept } from '@/api/mdp/sys/dept';//下拉框数据查询
+	import moment from "moment";
+	export default {
+		props:['refresh','procInstId'],
+		watch: {
+	      'refresh':function(refresh) {  
+	    	  if(refresh==true){
+	    		  this.comments=[]
+		    	  this.$emit('get-comments',[])
+		      	 this.getComments(); 
+	    	  }
+	    	  
+	      },
+		},	
+		computed:{
+			screenWidth:function(){
+				return screen.width;
+			}
+		},
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				addFormRules: {
+					id: [
+						//{ required: true, message: 'id_', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 act_hi_comment
+				addForm: {
+					id:'',type:'',time:'',userId:'',taskId:'',procInstId:'',action:'',message:'',fullMsg:''
+				},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				comments:[]
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.$emit('cancel');
+			},
+			//新增提交Comment act_hi_comment 父组件监听@submit="afterAddSubmit"
+			addSubmit: function () {
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = Object.assign({}, this.addForm); 
+							addComment(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.$emit('submit');//  @submit="afterAddSubmit"
+								}
+								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			},
+			formatTaskTime(time){
+				return moment(time).format("DD日HH时");
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+			//获取列表 Comment act_hi_comment
+			getComments() {
+				if(!this.procInstId){
+					return;
+				}
+				let params = {procInstId:this.procInstId};
+				params.pageNum='1';
+				params.pageSize='50'; 
+				params.orderBy='c.time_ asc'
+				listComment(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						var commentsTeam = res.data.data; 
+						this.comments=commentsTeam
+						this.$emit('get-comments',this.comments)
+					}else{
+						
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+				}).catch(() => {
+					
+				});
+			},
+			 labelWidth:function(){
+				if (screen.width <=375){
+					return "5px"
+				}else  if (screen.width <= 500){
+						return "5px"
+				}else if (screen.width<=1024){
+						return "100px"
+				}else {
+						return "120px"
+				}
+			} ,
+			labelName:function(){
+				 if (screen.width <=375){
+					return ""
+				}else  if (screen.width <= 500){
+						return ""
+				}else if (screen.width<=1024){
+						return "流转信息"
+				}else {
+						return "流转信息"
+				}
+			} ,	
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'comment-edit':CommentEdit
+		},
+		mounted() { 
+				this.getComments();  
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+	  
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/workflow/re/procdef/ProcdefListForBizStart.vue b/src/views/mdp/workflow/re/procdef/ProcdefListForBizStart.vue
new file mode 100644
index 0000000..08f6d3f
--- /dev/null
+++ b/src/views/mdp/workflow/re/procdef/ProcdefListForBizStart.vue
@@ -0,0 +1,102 @@
+<template>
+	<section>
+		 <el-row>
+			 <procdef-list-for-simple-start ref="procdefListForStart"  :params="filters.params" @closeTab="closeTab"></procdef-list-for-simple-start>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import config from '@/common/config';//全局公共库  
+	
+	import ProcdefListForSimpleStart from '@/views/mdp/workflow/re/procdef/ProcdefListForSimpleStart';//全局公共库  
+	import { mapGetters } from 'vuex' 
+
+	export default {
+		name:'ProcdefListForBizStart',
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ]), 
+		},
+		data() {
+			return {
+				paramsStr:'',
+				filters: { 
+
+					params:{
+						mainTitle:'xxxxxxx',
+						mainContext:'xxxx',
+						bizUrl:'',//前端跳转  //自带参数，建议只带主键
+						bizKey:'company_regit',//用于选中流程模型并原样输出到restUrl
+						restUrl:'xxxxxxxx',//后端接口同步
+						formId:'',//form 表单编号
+						formDataIds:[],//form表单对应的数据
+						extVars:{ //不用提交给工作流的变量池 
+						},
+						flowVars:{//提交进流程实例变量的变量池,flowVars所有变量将post方式推送回restUrl指定的地址
+
+						}
+
+					}
+				}, 
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			 
+			  closeTab(){
+				  this.$store.dispatch('delVisitedViews', this.$route)
+				  this.$router.back(-1);
+			  }
+			
+		},//end methods
+		components: {  
+			//在下面添加其它组件
+			ProcdefListForSimpleStart
+		},
+		activated:function(){ 
+			
+			if(this.$route.query && this.$route.query.params){
+				let paramsJsonStr=this.$route.query.params;
+
+				this.paramsStr=paramsJsonStr;
+				let params= JSON.parse(decodeURIComponent(paramsJsonStr))
+				this.filters.params=params;
+
+				/** 传过来的参数格式
+				let extVars={formDataIds:[row.id],formId:row.formId}
+				let jsonExtVars=JSON.stringify(extVars); 
+				let params={ 
+						mainContext:'',
+						mainTitle:'',
+						bizUrl:process.env.BASE_API+config.getFormBasePath()+'/#/mdp/form/formData/FormDataMng?extVars='+jsonExtVars,
+						extVars:extVars
+				}
+				let jsonParmas=encodeURIComponent(JSON.stringify(params));//对方要 decodeURIComponent
+				this.$router.push({path:'/mdp/workflow/ru/execution/ExecutionMngForFormData',query:{params:jsonParmas}});
+				 */
+				 
+			} 
+		},
+		mounted() { 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+  
+.filters-show {
+	margin-left: 20px;
+	margin-top: 10px;
+	margin-bottom: 0px;
+}
+.filters-label { 
+	font-size: 14px;
+	color:black;
+	font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/workflow/re/procdef/ProcdefListForSimpleStart.vue b/src/views/mdp/workflow/re/procdef/ProcdefListForSimpleStart.vue
new file mode 100644
index 0000000..ff958f5
--- /dev/null
+++ b/src/views/mdp/workflow/re/procdef/ProcdefListForSimpleStart.vue
@@ -0,0 +1,322 @@
+<template>
+	<section>
+		<el-row v-if="flowStartVisible==false">
+		<sticky  :className="'sub-navbar draft'">  
+			<el-row>
+			<el-col :span="22">
+				<el-col :xs="8" :sm="8" :md="6" :lg="6" :xl="6">
+					<el-input v-model="filters.key"  style="width:100%;" placeholder="模糊查询"></el-input> 
+				</el-col> 
+				<el-col :xs="8" :sm="8" :md="6" :lg="6" :xl="6">
+					<el-button type="primary"   v-on:click="searchProcdefs">查询</el-button>  
+				</el-col>
+				 <el-tag type="info" v-if="this.procdefs.length==0">如果没有找到流程，请将业务编码【{{this.filters.params.bizKey}}】与流程进行关联</el-tag>
+			</el-col> 
+			</el-row>
+	    </sticky> 
+		<el-row class="app-container"> 
+			<el-col :xs="24" :sm="24" :md="21" :lg="21" :xl="21"> 
+				<!--列表 Procdef act_re_procdef-->
+				<el-table ref="procdefsTable" :data="procdefs"   highlight-current-row v-loading="listLoading" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
+					<el-table-column type="selection" width="40"></el-table-column>
+					<el-table-column type="index" width="40"></el-table-column> 
+					<el-table-column sortable prop="category" label="分类" min-width="80" show-overflow-tooltip></el-table-column>
+					<el-table-column sortable prop="name" label="流程名称" min-width="200"></el-table-column> 
+					<el-table-column sortable prop="tagNames" label="标签" min-width="150"  show-overflow-tooltip>
+						<template scope="scope">
+							<el-tag v-for="tagName in (scope.row.tagNames?scope.row.tagNames.split(','):[])" :key="tagName">{{tagName}}</el-tag>
+						</template>
+					</el-table-column>
+					<el-table-column sortable prop="description" label="描述" min-width="200" show-overflow-tooltip></el-table-column> 
+					<el-table-column sortable prop="version" label="版本" min-width="80" show-overflow-tooltip></el-table-column>
+					<el-table-column label="操作" :min-width="screenWidth>=500?200:80"  fixed="right">
+						<template scope="scope">
+							
+							<el-button v-show="isSelectModel"  @click="rowClick(scope.row,scope.$index)">选中</el-button>
+							<el-button type="primary" v-show="!isSelectModel"  @click="showFlowStart(scope.row,scope.$index)">发起</el-button>
+							<el-button   class="hidden-sm-and-down" @click="showDiagram( scope.row,scope.$index)">流程图</el-button>
+							
+						</template>
+					</el-table-column>
+				</el-table>
+				
+				<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;">
+				</el-pagination>
+			</el-col>
+			
+			<!--流程图界面-->
+			<el-dialog title="流程图" :visible.sync="diagramVisible"  width="80%"  :close-on-click-modal="false">
+				  
+				<el-image   :fit="'contain'" :src="diagramUrl">
+					<div slot="error" class="image-slot">
+						<i class="el-icon-picture-outline"></i>
+					</div>
+					<div slot="placeholder" class="image-slot">
+						正在全力加载中。。。。。。。。。。<i class="el-icon-loading"></i>
+					</div>
+				</el-image>  
+			</el-dialog>
+		</el-row>
+		</el-row>
+		<el-row v-else-if="flowStartVisible==true">
+			 <procinst-parames-start-set :procdef="addForm" :visible="flowStartVisible" :params="filters.params"    @cancel="startCancel"></procinst-parames-start-set>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	import config from '@/common/config';//全局公共库
+	//import { selectCacheOptions,getDefaultValue,getCodeName } from '../../../../../api/common/code';//下拉框数据查询
+	import { listProcdef } from '@/api/mdp/workflow/re/procdef';
+	import ProcinstParamesStartSet from "../../ru/procinstParames/ProcinstParamesStartSet"
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { mapGetters } from 'vuex'  
+	export default {
+		name:'ProcdefListForBizStart',
+		props:['params','isSelectModel'],
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ]),
+			screenWidth:function(){
+				return screen.width;
+			},
+		},
+		watch:{
+			params:function(params){
+				
+				this.filters.params=params;
+				this.searchProcdefs();
+			}
+		},
+		data() {
+			return {
+				filters: {
+					key: '',
+					procCategory:'', 
+					categoryTreeNodes:[], 
+					tags:[], 
+
+					params:{
+						mainTitle:'',
+						mainContext:'',
+						bizUrl:'',//前端跳转  //自带参数，建议只带主键
+						bizKey:'',//用于选中流程模型并原样输出到restUrl
+						restUrl:'',//后端接口同步
+						formId:'',//form 表单编号
+						formDataIds:[],//form表单对应的数据
+						extVars:{ //不用提交给工作流的变量池 
+						},
+						flowVars:{//提交进流程实例变量的变量池,flowVars所有变量将post方式推送回restUrl指定的地址
+
+						}
+
+					}
+				},
+				procdefs: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:[],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:[],//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+					count:true,
+				},
+				listLoading: false,//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 options.sex,options.project
+				
+				addFormVisible: false,//新增procdef界面是否显示
+				//新增procdef界面初始化数据
+				addForm: {
+					id:'',rev:'',category:'',name:'',key:'',version:'',deploymentId:'',resourceName:'',dgrmResourceName:'',description:'',hasStartFormKey:'',hasGraphicalNotation:'',suspensionState:'',tenantId:'',engineVersion:''
+				},
+				drawer:false,
+				 
+				/**begin 自定义属性请在下面加 请加备注**/
+				diagramVisible:false,//显示流程图
+				diagramUrl:'',//显示流程图的路径	
+				flowStartVisible:false,//发起流程	
+				categorys:[],
+				tagSelectVisible:false,
+				isBatchSetProcTags:false,
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			//获取代码对应的名称 用于数据反显 如 getCodeName(options.sex,'1');
+			getCodeName(options,codeValue){
+				if(!options)return codeValue;
+				let code=options.filter(i=>i.codeValue==codeValue);
+				if(code.length>0){
+					return code[0].codeName
+				}else{
+					return codeValue
+				} 
+			},
+			
+			dialogWidth:function(){
+				if(screen.width>500){
+					return "80%";
+				}else{
+					return "100%";
+				}
+			},
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize;
+				this.pageInfo.total=0;
+				this.pageInfo.count=true
+				this.pageInfo.pageNum=1;
+				this.getProcdefs();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getProcdefs();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getProcdefs();
+			},
+			searchProcdefs(){
+				 this.pageInfo.pageNum=1;
+				 this.pageInfo.total=0;
+				 this.pageInfo.count=true
+				 this.getProcdefs();
+			},  
+			 
+			//获取列表 Procdef act_re_procdef
+			getProcdefs() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,
+					count:this.pageInfo.count
+				};
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				}
+				if(this.filters.key!==""){
+					params.filtersKey='%'+this.filters.key+'%'
+				}
+				if(this.filters.category!==""){
+					params.category=this.filters.category
+				}
+				if(this.filters.params.formId!=""&& this.filters.params.formId!=null){
+					params.formId=this.filters.params.formId
+				} 
+				
+				if(this.filters.procCategory!='' && this.filters.procCategory!=null){
+					params.category=this.filters.procCategory
+				} 
+				
+				if(this.filters.categoryTreeNodes!=null && this.filters.categoryTreeNodes.length>0){
+					params.categoryIds=this.filters.categoryTreeNodes.map(i=>i.id)
+				}
+				
+				if(this.filters.tags!=null && this.filters.tags.length>0){
+					params.tagIds=this.filters.tags.map(i=>i.tagId)
+				}
+
+				if(this.filters.params!=null && this.filters.params.bizKey!=null && this.filters.params.bizKey!=''){
+					params.bizKey=this.filters.params.bizKey
+				}
+				params.tenantId=this.userInfo.branchId
+				params.includeContext="1";
+				params.suspensionState=1;
+				this.listLoading = true;
+				listProcdef(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						this.pageInfo.total = res.data.total 
+						this.pageInfo.count=false
+						if(res.data.data.length==1){
+							this.addForm=res.data.data[0] 
+							this.flowStartVisible=true;
+						}else if(res.data.data.length>1){ 
+							this.flowStartVisible=false;
+							this.$message.success("请选中一个流程")
+						}
+						this.procdefs = res.data.data; 
+					}else{
+						this.$message({ message: tips.msg, type: 'error' });
+					} 
+					this.listLoading = false;
+				}).catch(() => {
+					this.listLoading = false;
+					
+				});
+			},
+ 
+			//选择行procdef
+			selsChange: function (sels) {
+				this.sels = sels;
+			},  
+			 
+			rowClick: function(row, event, column){
+				this.$emit('row-click',row, event, column);//  @row-click="rowClick"
+			},
+			/**begin 自定义函数请在下面加**/
+
+			showDiagram: function ( row,index ) {
+				this.diagramVisible = true;
+				this.diagramUrl="/"+process.env.BASE_API+"/"+process.env.VERSION+"/"+config.getWorkflowBasePath()+"/mdp/workflow/re/procdef/diagram/"+row.id
+			},	
+			showFlowStart: function ( row,index ) {
+				this.addForm=row;
+				this.flowStartVisible=true;
+				
+				
+			},	
+			startCancel(){
+				this.$emit("closeTab");
+			} 
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: {  
+		    //在下面添加其它组件
+		    'procinst-parames-start-set':ProcinstParamesStartSet,
+			'sticky': Sticky, 
+		}, 
+		mounted() {
+			 
+			 if(this.params){
+				 this.filters.params=this.params; 
+				 this.searchProcdefs(); 
+			 }
+			  
+			 
+		}
+	}
+
+</script>
+
+<style scoped>
+
+  
+.filters-show {
+	margin-left: 20px;
+	margin-top: 10px;
+	margin-bottom: 0px;
+}
+.filters-label { 
+	font-size: 14px;
+	color:black;
+	font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/workflow/re/procdefParames/ActCandidateSet.vue b/src/views/mdp/workflow/re/procdefParames/ActCandidateSet.vue
new file mode 100644
index 0000000..855731a
--- /dev/null
+++ b/src/views/mdp/workflow/re/procdefParames/ActCandidateSet.vue
@@ -0,0 +1,334 @@
+<template>
+	<section>
+		<el-row> 
+			<el-row> 
+				<el-col :span="8" class="table-box"> 
+					<el-col :span="24"> 
+						<el-button    @click.native="showSelectCandidateUsers" :loading="addUsersLoading">加人员</el-button> 
+					</el-col>
+					<el-col :span="24">
+					<el-table
+							ref="candidateDeptsDataTable"
+							:data="candidateUsersData"
+							tooltip-effect="dark"
+							style="width: 100%"
+							v-loading="usersListLoading"
+							> 
+							<el-table-column
+								prop="username"
+								label="姓名"
+								min-width="120" show-overflow-tooltip>
+							</el-table-column> 
+							<el-table-column
+								prop="displayUserid"
+								label="登陆账号"
+								min-width="120"  show-overflow-tooltip>
+							</el-table-column> 
+							<el-table-column
+								prop=" "
+								label="操作"
+								width="120">
+								<template slot-scope="scope"> 
+									<el-button type="text" @click="delCandidateUsers([scope.row],scope.$index)">移除</el-button>
+								</template>
+							</el-table-column> 
+					</el-table>
+					</el-col>
+				</el-col>
+				<el-col :span="8">
+					<el-col :span="24"> 
+						<el-button    @click.native="showSelectCandidateDepts" :loading="addDeptsLoading">加部门</el-button> 
+					</el-col>
+					<el-col :span="24">
+					<el-table
+							ref="candidateDeptsDataTable"
+							:data="candidateDeptsData"
+							tooltip-effect="dark"
+							style="width: 100%"
+							v-loading="deptsListLoading"
+							>
+							<el-table-column
+								prop="deptName"
+								label="部门名称"
+								min-width="120" show-overflow-tooltip>
+							</el-table-column> 
+							<el-table-column
+								prop=" "
+								label="操作"
+								width="120">
+								<template slot-scope="scope"> 
+									<el-button type="text" @click="delCandidateDepts([scope.row],scope.$index)">移除</el-button>
+								</template>
+							</el-table-column> 
+					</el-table>
+					</el-col>
+				</el-col>
+				<el-col :span="8">
+					<el-col :span="24"> 
+						<el-button     @click.native="showSelectCandidatePosts" :loading="addPostsLoading">加岗位</el-button>
+						<el-button  type="primary"   @click.native="confirm" :loading="addLoading">确认提交</el-button>
+					</el-col>
+					<el-col :span="24">
+					<el-table
+							ref="candidatePostsDataTable"
+							:data="candidatePostsData"
+							tooltip-effect="dark"
+							style="width: 100%"
+							v-loading="postsListLoading"
+							>
+							<el-table-column
+								prop="postName"
+								label="岗位名称"
+								min-width="120" show-overflow-tooltip>
+							</el-table-column> 
+							<el-table-column 
+								label="操作"
+								width="120">
+								<template slot-scope="scope"> 
+									<el-button type="text" @click="delCandidatePosts([scope.row],scope.$index)">移除</el-button>
+								</template>
+							</el-table-column> 
+					</el-table>
+					</el-col>
+				</el-col>
+			</el-row>  
+			<el-dialog append-to-body
+				title="选择候选岗位"
+				:visible.sync="selectCandidatePostsVisible"
+				width="60%">
+					<post-select-common  :branchId="userInfo.branchId" @select="onSelectCandidatePosts"></post-select-common> 
+			</el-dialog> 
+			<el-dialog append-to-body
+				title="选择候选部门"
+				:visible.sync="selectCandidateDeptsVisible"
+				width="60%">
+					<dept-tree multiple show-checkbox ref="deptSelectTree" defaultExpandAll></dept-tree>
+					<span slot="footer" class="dialog-footer">
+						<el-button @click="selectCandidateDeptsVisible = false">取 消</el-button>
+						<el-button type="primary" @click="onSelectCandidateDepts">确 定</el-button>
+					</span>
+			</el-dialog> 
+			
+			<el-dialog append-to-body
+				title="选择候选人"
+				:visible.sync="selectCandidateUsersVisible"
+				width="60%"> 
+				<users-select  @confirm="onSelectCandidateUsers"></users-select> 
+			</el-dialog> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import seq from '@/common/js/sequence';//全局公共库
+	import util from '@/common/js/util';//全局公共库import 
+	import config from '@/common/config';//全局公共库import   
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { mapGetters } from 'vuex'
+	import { listCandidateUsers,listCandidateDepts,listCandidatePosts,addCandidate,delCandidate   } from '@/api/mdp/workflow/ru/task';
+	import DeptTree from '@/views/mdp/sys/dept/DeptTree'; 
+	import PostSelectCommon from '@/views/mdp/sys/post/PostSelectCommon'; 
+	import UsersSelect from '@/views/mdp/sys/user/UsersSelect';  
+	
+	import { listUserNames } from '@/api/mdp/sys/user';
+	
+	import {   listDept  } from '@/api/mdp/sys/dept'; 
+
+	
+	
+	import {   listPost  } from '@/api/mdp/sys/post/post'; 
+
+	export default {
+		name:'ActCandidateSet',
+	    computed: {
+		    ...mapGetters([
+		      'userInfo'
+			]),
+			screenWidth:function(){
+				return screen.width;
+			},
+		},
+		props:['actAssignee','visible'],
+		watch: {
+	       
+		  'actAssignee':function(actAssignee){
+			  if(actAssignee==null){
+				  return;
+			  }
+			 this.getCandidateUsersData();
+			 this.getCandidateDeptsData();
+			 this.getCandidatePostsData();
+		  },
+	      'visible':function(visible){
+			  if(visible==false){
+				  return;
+			  }
+			   
+	      }
+	    },	
+		data() { 
+				  
+			return {
+				addLoading:false,
+				addPostsLoading:false,
+				addDeptsLoading:false,
+				addUsersLoading:false,
+				usersListLoading:false,
+				deptsListLoading:false,
+				postsListLoading:false,
+				candidateUsersData:[],
+				candidateDeptsData:[],
+				candidatePostsData:[],
+				selectCandidateUsersVisible:false,
+				selectCandidateDeptsVisible:false,
+				selectCandidatePostsVisible:false,
+
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: { 
+			onSelectCandidateUsers:function(users){
+				this.selectCandidateUsersVisible=false;
+				users.forEach(e => {
+					if(!this.candidateUsersData.some(i=>e.userid==i.userid)){
+						this.candidateUsersData.push(e);
+					}
+				});
+			
+			},
+			onSelectCandidatePosts:function(posts){
+				this.selectCandidatePostsVisible=false; 
+				posts.forEach(e => {
+					if(!this.candidatePostsData.some(i=>e.id==i.id)){
+						this.candidatePostsData.push(e);
+					}
+				});
+				
+			},
+			onSelectCandidateDepts:function(){
+				this.selectCandidateDeptsVisible=false; 
+				var depts=this.$refs.deptSelectTree.$refs.deptTree.getCheckedNodes();
+				depts.forEach(e => {
+					if(!this.candidateDeptsData.some(i=>e.deptid==i.deptid)){
+						this.candidateDeptsData.push(e);
+					}
+				});
+				
+			},
+			delCandidateUsers:function(users){
+				 users.forEach(e => {
+					 var index = this.candidateUsersData.findIndex(i=>e.userid==i.userid);
+					 this.candidateUsersData.splice(index,1);
+				}); 
+			},
+			delCandidatePosts:function(posts){
+				posts.forEach(e => {
+					 var index = this.candidatePostsData.findIndex(i=>e.id==i.id);
+					 this.candidatePostsData.splice(index,1);
+				}); 
+			},
+			delCandidateDepts:function(depts){
+				 depts.forEach(e => {
+					 var index = this.candidateDeptsData.findIndex(i=>e.deptid==i.deptid);
+					 this.candidateDeptsData.splice(index,1);
+				});
+			},
+			showSelectCandidateUsers:function(){
+				this.selectCandidateUsersVisible=true;
+			},
+			showSelectCandidateDepts:function(){
+				this.selectCandidateDeptsVisible=true;
+			},
+			showSelectCandidatePosts:function(){
+				this.selectCandidatePostsVisible=true;
+			}, 
+			getCandidateUsersData(){
+				
+				if(!this.actAssignee.assignees){
+					return;
+				}
+				this.usersListLoading=true;
+				var userids=this.actAssignee.assignees.split(","); 
+				var params={userids:userids,branchId:this.userInfo.branchId};
+				listUserNames(params).then(res=>{
+					this.usersListLoading=false;
+					this.candidateUsersData=res.data.data;
+				});
+			}, 
+			getCandidateDeptsData(){
+				
+				if(!this.actAssignee.groupIds){
+					return;
+				}
+				this.deptsListLoading=true;
+				var deptids=this.actAssignee.groupIds.split(",").filter(i=>i.indexOf("_dept_">=0));
+ 				deptids=deptids.map(e=>e.substring(6));
+				var params={deptids:deptids,branchId:this.userInfo.branchId};
+				listDept(params).then(res=>{
+					this.deptsListLoading=false;
+					this.candidateDeptsData=res.data.data;
+				});
+				
+			}, 
+			getCandidatePostsData(){
+				
+				if(!this.actAssignee.groupIds){
+					return;
+				}
+				this.postsListLoading=true;
+				var postids=this.actAssignee.groupIds.split(",").filter(i=>i.indexOf("_post_">=0));
+ 				postids=postids.map(e=>e.substring(6));
+				var params={ids:postids,branchId:this.userInfo.branchId};
+				listPost(params).then(res=>{
+					this.postsListLoading=false;
+					this.candidatePostsData=res.data.data;
+				}); 
+			}, 
+			confirm:function(){
+				var actAssignee=Object.assign({},this.actAssignee);
+				actAssignee.assignees=this.candidateUsersData.map(i=>i.userid).join(",");
+				actAssignee.assigneesNames=this.candidateUsersData.map(i=>i.username).join(",");
+				actAssignee.groupIds=this.candidateDeptsData.map(i=>"_dept_"+i.deptid).concat(this.candidatePostsData.map(i=>"_post_"+i.id)).join(",");
+				actAssignee.candidate="1"
+				actAssignee.candidateType="complex"
+				this.$emit('confirm',actAssignee);
+			}
+			
+		},//end method
+		components: {   
+			'sticky': Sticky,
+			UsersSelect,PostSelectCommon,DeptTree
+		},
+		mounted() { 
+			 
+			 this.getCandidateUsersData();
+			 this.getCandidateDeptsData();
+			 this.getCandidatePostsData();
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+h1 {font-size:2.5em;} /* 40px/16=2.5em */
+h2 {font-size:1.875em;} /* 30px/16=1.875em */
+p {font-size:0.875em;} /* 14px/16=0.875em */
+.title {
+	text-align: center;
+	font: outline;
+	font-size:2.5em;
+	margin-top: 0.875em;
+}
+.sub-title {
+	text-align: center;
+	font: outline;
+	font-size:1.875em;
+	margin-top: 0.875em;
+	margin-bottom: 0.875em;
+}
+.table-box {
+	border:1px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/workflow/re/procdefParames/ActQxCodeSet.vue b/src/views/mdp/workflow/re/procdefParames/ActQxCodeSet.vue
new file mode 100644
index 0000000..2f14a1c
--- /dev/null
+++ b/src/views/mdp/workflow/re/procdefParames/ActQxCodeSet.vue
@@ -0,0 +1,219 @@
+<template>
+	<section>
+		<el-row class="app-container"> 
+			<el-form label-position="top" label-width="80px" :model="addForm" ref="addForm">
+				<el-form-item label="正文"> 
+					<el-checkbox v-model="qxCodeArr[0]" true-label="1" false-label="0">可看正文</el-checkbox>
+					<el-checkbox v-if="qxCodeArr[0]=='1'" v-model="qxCodeArr[1]" true-label="1" false-label="0">可修改正文</el-checkbox> 
+				</el-form-item>
+				<el-form-item label="附件"> 
+					<el-checkbox v-model="qxCodeArr[2]" true-label="1" false-label="0">可看附件</el-checkbox> 
+					<el-checkbox v-model="qxCodeArr[3]" true-label="1" false-label="0">可上传附件 </el-checkbox>
+					<el-checkbox v-if="qxCodeArr[2]=='1'" v-model="qxCodeArr[4]" true-label="1" false-label="0">可下载附件 </el-checkbox>
+				</el-form-item>
+				<el-form-item label="时间参数">
+					
+						<el-checkbox v-model="qxCodeArr[5]" true-label="1" false-label="0">可修改计划完成时间 </el-checkbox>
+				</el-form-item>
+				<el-form-item label="流程控制">
+					
+			
+					<el-checkbox v-model="qxCodeArr[6]" true-label="1" false-label="0"> 可驳回</el-checkbox>
+					
+					<el-checkbox v-model="qxCodeArr[7]" true-label="1" false-label="0">可转主办 </el-checkbox>
+
+					<el-checkbox v-model="qxCodeArr[8]" true-label="1" false-label="0">可转发起人 </el-checkbox>
+
+					<el-checkbox v-model="qxCodeArr[9]" true-label="1" false-label="0">可找人代办 </el-checkbox>
+
+					<el-checkbox v-model="qxCodeArr[10]" true-label="1" false-label="0">可委托办理 </el-checkbox> 
+
+				</el-form-item>
+				<el-form-item label="字段查看权限">
+					  <el-radio-group v-model="qxCodeArr[11]"><!-- 11 字段查看权限-->
+						<el-radio label="a1">所有可看</el-radio>
+						<el-radio label="a0">所有不可看</el-radio>
+						<el-radio label="1">部分可看</el-radio>
+					</el-radio-group>
+					<!-- 12 可看字段列表竖线分隔-->
+					  <el-radio-group v-model="qxCodeArr[13]" v-if="qxCodeArr[11]!='a0'"><!-- 13 字段修改权限-->
+						<el-radio v-if="qxCodeArr[11]=='a1'" label="a1">所有可改</el-radio>
+						<el-radio v-if="qxCodeArr[11]=='a1' || qxCodeArr[11]=='1' " label="a0">所有不可改</el-radio>
+						<el-radio v-if="qxCodeArr[11]=='a1' || qxCodeArr[11]=='1' " label="1">部分可改</el-radio>
+					</el-radio-group> 
+					<!-- 14 可更新字段列表竖线分隔 如 f1:1|f2:1|f3:0  冒号后的数字0代办不是必须，1代表必须 不配做代表不做处理-->
+
+					  <el-table v-if="qxCodeArr[11]=='1'"
+						ref="flowFormFields"
+						:data="flowFormFields"
+						tooltip-effect="dark"
+						style="width: 100%"
+						@selection-change="formFieldSelected">
+						<el-table-column
+							type="index"
+							width="40">
+						</el-table-column>
+						<el-table-column
+							prop="fieldTitle"
+							label="字段名"
+							min-width="120">
+							<template slot-scope="scope">{{ scope.row.fieldTitle}}</template>
+						</el-table-column>  
+						<el-table-column
+						prop="qx"
+						label="权限"
+						min-width="350">
+							<template slot-scope="scope">
+								<el-radio-group v-model="scope.row.qx"> 
+									<el-radio label="rw">可读可写（默认）</el-radio> 
+									<el-radio label="nr">不可读</el-radio>
+									<el-radio label="r">只读</el-radio> 
+									<el-radio label="frw">可读可写必填</el-radio> 
+								</el-radio-group> 
+							</template>
+						</el-table-column> 
+					</el-table>
+				</el-form-item>
+				<el-form-item label="推送通知">
+					
+					<el-checkbox v-model="qxCodeArr[15]" true-label="1" false-label="0"> 推送任务通知到IM</el-checkbox> 
+					<el-checkbox v-model="qxCodeArr[16]" true-label="1" false-label="0"> 推送任务通知到短信</el-checkbox> 
+				</el-form-item> 
+				
+					
+				<el-form-item v-if="qxType=='mainQx'" label="其它">
+					
+					<el-checkbox v-if="qxType=='mainQx'" v-model="qxCodeArr[18]" true-label="1" false-label="0"> 发起流程时可重设权限</el-checkbox> 
+					<el-checkbox v-if="qxType=='mainQx'" v-model="qxCodeArr[19]" true-label="1" false-label="0"> 控制子节点权限</el-checkbox>  
+				</el-form-item> 
+				
+				<el-form-item label="">
+					
+					<el-button @click.native="confirm">确认</el-button> 
+					<el-button  @click.native="handleCancel"> 取消</el-button> 
+				</el-form-item> 
+			</el-form> 
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库 
+	
+	import qxutil from '@/common/js/qxutil';//全局公共库 
+	import { mapGetters } from 'vuex'
+	
+	export default { 
+		name:'ActQxCodeSet',
+		computed: {
+		    ...mapGetters([
+		      'userInfo'
+		    ])
+		},
+		props:['qxCode','visible','formFields','qxType'],
+		watch: {
+	      'qxCode':function( qxCode ) {
+			   //this.initData();
+					
+	      },
+	      'visible':function(visible) { 
+	      	if(visible==false){
+			 this.qxCodeArr=[].concat(this.qxCodeArrDefault)
+			 this.flowFormFields=[];
+	      		//从新打开页面时某些数据需要重新加载，可以在这里添加
+	      	}else{
+				  this.initData();
+			  }
+		  } ,
+		  
+	      'formFields':function(formFields) {  
+			 //this.initData();
+	      } 
+	    },
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据  params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				addFormRules: {
+					id: [
+						//{ required: true, message: '主键不能为空', trigger: 'blur' }
+					]
+				}, 
+				sels:[],
+				addForm:{one:'',two:''},
+				//新增界面数据 mdp_re_procdef_parames
+				qxCodeArr:[],
+				qxCodeArrDefault:[
+					'1',// 索引 0  可看正文 1是 0 否
+					'1',// 索引 1  可修改正文 1是 0 否
+					'1',// 索引 2  可看附件 1是 0 否
+					'1',// 索引 3  可上传附件 1是 0 否
+					'1',// 索引 4  可下载附件 1是 0 否
+					'1',// 索引 5  可修改计划完成时间 1是 0 否
+					'1',// 索引 6  可驳回 1是 0 否
+					'1',// 索引 7  可转主办 1是 0 否
+					'1',// 索引 8  可转发起人 1是 0 否
+					'1',// 索引 9  可找人代办 1是 0 否
+					'1',// 索引 10  可委托办理 1是 0 否
+					'a1',// 索引 11  字段查看权限 a1全部可看 a0全部不可看 1部分可看
+					'1',// 索引 12  暂时不用，取值 1
+					'a1',// 索引 13  字段修改权限 a1全部可改 a0全部不可改 1部分可改
+					'a1',// 索引 14  权限字段列表竖线分隔 如 f1:r|f2:frw|f3:nr|f4:rw 分别为 f1 只读，f2 读写必填 f3 不可读 f4 可读可写  冒号后的r 代表可读 w代表可写 f代表必填，如frw代表必填且可读可写  全部不配做，则a1代表不配做，默认a1
+					'1',// 索引 15  推送任务通知到IM
+					'1',// 索引 16  推送任务通知到短信
+					'1', // 索引 17  暂时不用，取值 1 
+					'1',// 索引18 发起人是否可以重新调整权限 
+					'0',//索引19 是否控制流程节点权限
+					'1'//索引20 是否总流程权限 1代表流程权限 0代表流程节点权限
+					],
+				flowFormFields:'',
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: { 
+			// 取消按钮点击 父组件监听@cancel="qxCodeArrVisible=false" 监听
+			handleCancel:function(){ 
+				this.qxCodeArr=[].concat(this.qxCodeArrDefault)
+				this.flowFormFields=[]
+				this.$emit('cancel');
+			},
+			//新增提交ProcdefParames mdp_re_procdef_parames 父组件监听@submit="afterAddSubmit"
+			confirm: function () {
+				 
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							
+							console.log("flowFormFields-----------"+JSON.stringify(this.flowFormFields));
+							var qxCode= qxutil.flow.formatQxCode(this.qxCodeArr,this.flowFormFields,this.qxType);
+							console.log("qxCode-----------"+JSON.stringify(qxCode));
+							this.$emit('confirm',qxCode);
+						})
+			},
+			formFieldSelected:function(sels){
+				this.sels=sels;
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+			initData(){
+				
+			  this.qxCodeArr=qxutil.flow.parseQxCode(this.qxCode);
+			  console.log(this.qxCodeArr);
+			  this.flowFormFields=qxutil.flow.parseFormFieldsQx( this.qxCodeArr,this.formFields);
+			  
+			}
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'procdef-parames-edit':ProcdefParamesEdit
+		},
+		mounted() {
+				this.initData();
+		}
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/workflow/ru/procinstParames/ProcinstParamesStartSet.vue b/src/views/mdp/workflow/ru/procinstParames/ProcinstParamesStartSet.vue
new file mode 100644
index 0000000..e48cc61
--- /dev/null
+++ b/src/views/mdp/workflow/ru/procinstParames/ProcinstParamesStartSet.vue
@@ -0,0 +1,616 @@
+<template>
+	<section>
+		<el-row>
+			
+			<!--新增界面 ProcinstParames 流程实例参数设置表--> 
+			<el-col :span="24"> 
+				<el-form :model="addForm"  :label-width="labelWidth()" :rules="addFormRules" ref="addForm" >
+					<el-form-item label="流程标题" prop="mainTitle">
+						<el-col  :xs="24" :sm="24" :md="24" :lg="24" :xl="24" :span="10"> <el-input v-model="addForm.mainTitle" auto-complete="off"></el-input></el-col>
+					</el-form-item>  
+					<el-form-item label="标签" prop="tagNames"> 
+							<font  v-if="addForm.tagNames">
+							<el-tag v-for="tag in (addForm.tagNames.split(','))" :key="tag"
+								:type="'warning'"
+								:disable-transitions="false" >
+								{{tag }} 
+							</el-tag>
+							
+							</font>
+							{{addForm.tagNames?'':'还没有标签，去打一个呗--> '}}
+								<el-button   @click.native="tagSelectVisible=true" :loading="addLoading">打标签</el-button>  
+									<el-button  v-if="displayDiagram==false" @click="showDiagram()">查看流程图</el-button>
+								
+					</el-form-item> 
+					<el-form-item label="计划完成时间" prop="planFinishTime">  
+						<el-col   :span="10">
+							<el-date-picker style="width:100%;"
+								v-model="addForm.planFinishTime"
+								type="date" value-format="yyyy-MM-dd HH:mm:ss" 
+								:picker-options="pickerOptions"
+								placeholder="选择计划完成日期" >
+							</el-date-picker>
+						</el-col> <font style="margin-left:5px;">主办可以调整</font>
+					</el-form-item> 
+					<el-col :span="24">
+						<el-col :span="12">
+							<el-form-item label="发起部门" prop="deptid"> 
+									<el-select  style="width:99%;" v-model="addForm.deptid"  clearable filterable placeholder="请选择">
+										<el-option
+										v-for="item in myDepts"
+										:key="item.deptid"
+										:label="item.deptName"
+										:value="item.deptid">
+										</el-option>
+									</el-select>    
+							</el-form-item> 
+						</el-col>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="主办人" prop="sponsors" >   
+								<el-select   value-key="userid" style="width:99%"  v-model="sponsors" multiple placeholder="请选择">
+									<el-option
+									v-for="item in baseUserList"
+									:key="item.userid"
+									:label="item.username"
+									:value="item">
+									<span style="float: left">{{ item.username }}</span>
+									<span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+									</el-option>
+								</el-select> 
+						</el-form-item>
+					</el-col>
+					<el-col :span="12"> 
+						<el-form-item label="监控人" prop="monitors"> 
+									<el-select  value-key="userid" style="width:99%" v-model="monitors" multiple placeholder="请选择">
+										<el-option
+											v-for="item in baseUserList"
+											:key="item.userid"
+											:label="item.username"
+											:value="item">
+											<span style="float: left">{{ item.username }}</span>
+											<span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+										</el-option>
+									</el-select>  
+						</el-form-item> 
+					</el-col>
+				<div  v-if="addForm.isRefForm=='1' && addForm.formId!=null && addForm.formId!='' && addForm.formShowType=='table' "> 	
+						<form-data-mng-for-flow-table :formDataIds="filters.formDataIds" :qxCode="addForm.mainQx" :isFlowStart="true"   :formId="addForm.formId" :submitEvent="formDataSubmitEvent" @submit="startSubmit"><div></div></form-data-mng-for-flow-table> 
+				</div> 
+				<div  v-else-if="addForm.isRefForm=='1' && addForm.formId!=null && addForm.formId!='' && addForm.formShowType!='table' ">
+						<form-data-mng-for-flow-form :formDataIds="filters.formDataIds" :qxCode="addForm.mainQx" :isFlowStart="true"    :formId="addForm.formId" :submitEvent="formDataSubmitEvent" @submit="startSubmit"><div></div></form-data-mng-for-flow-form> 
+				</div>
+				<el-form-item label="流程正文" prop="mainContext" v-loading="listLoading">
+					<vue-editor  v-if="screenWidth>=500" :branch-id="userInfo.branchId" v-model="addForm.mainContext"></vue-editor> 
+				</el-form-item> 
+				<vue-editor  v-if="screenWidth<500" :branch-id="userInfo.branchId" v-model="addForm.mainContext"></vue-editor>  
+				<el-form-item label="流程附件" prop="attachment">
+					<el-button @click="showAttachment=!showAttachment">{{showAttachment==true?"隐藏附件":"显示附件"}}</el-button>
+					<el-col v-if="showAttachment" :span="24">
+						<el-col :xs="20" :sm="18" :md="16" :lg="14" :xl="12"><attachment-upload :branch-id="userInfo.branchId" :deptid="userInfo.deptid" :archive-id="addForm.id" :category-id="procdef.categoryId"></attachment-upload></el-col>
+						<el-col :xs="4" :sm="6" :md="8" :lg="10" :xl="12">
+							<el-popover 
+								placement="top"
+								width="600"
+								trigger="click"
+								v-model="modelFilesVisible"> 
+								<div style="text-align: right; margin: 0"> 
+										<attachment-upload :branch-id="userInfo.branchId" :deptid="userInfo.deptid" :archive-id="procdef.id" :category-id="procdef.categoryId"></attachment-upload>
+								</div> 
+								<el-button slot="reference"     class="hidden-sm-and-down"  v-on:click="modelFilesVisible=!modelFilesVisible">模板</el-button>
+							</el-popover>
+						</el-col>
+					</el-col>
+				</el-form-item>   
+				
+				<el-form-item  label="流程权限" prop="mainQx">
+					 <el-button @click="showMainQxDialog">点击查看/设置流程权限</el-button>
+				</el-form-item>
+				<el-form-item v-show="needAssignee!=''"  label="下一步执行人" prop="needAssignee"> 
+					<el-col :span="16">
+						 <el-select style="width:60%" value-key="userid"    v-model="nextAssigneeList" multiple   placeholder="请选择">
+					     <el-option
+					      v-for="item in baseUserList"
+					      :key="item.userid"
+					      :label="item.username"
+					      :value="item">
+					      <span style="float: left">{{ item.username }}</span>
+     					  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.shortName }}</span>
+					    </el-option>
+					  </el-select>
+					  <el-button   @click.native="userSelectVisible=true" :loading="addLoading">更多人员</el-button>  
+					</el-col>
+				</el-form-item> 
+				<el-form-item> 
+							<el-button @click.native="handleCancel">取消</el-button>  
+							<el-button type="primary" @click.native="startHandle" :loading="addLoading">发起流程</el-button>   
+				</el-form-item> 
+			</el-form> 
+			</el-col>
+			<el-dialog append-to-body
+				title="配置流程总体权限"
+				:visible.sync="mainQxVisible"
+				width="60%"> 
+				<act-qx-code-set :qxType="'mainQx'" :formFields="formFields" :visible="mainQxVisible" :qxCode="addForm.mainQx" @cancel="onMainQxCancel"   @confirm="onMainQxSelected"></act-qx-code-set> 
+			</el-dialog>
+			<el-dialog
+				title="流程图"
+				:visible.sync="displayDiagram"
+				width="80%" append-to-body	> 
+				<el-image   :fit="'contain'" :src="diagramUrl">
+					<div slot="error" class="image-slot">
+						<i class="el-icon-picture-outline"></i>
+					</div>
+					<div slot="placeholder" class="image-slot">
+						正在全力加载中。。。。。。。。。。<i class="el-icon-loading"></i>
+					</div>
+				</el-image> 
+				<span slot="footer" class="dialog-footer"> 
+					<el-button type="primary" @click="displayDiagram = false">关闭</el-button>
+				</span>
+			</el-dialog>
+			<el-dialog append-to-body
+				title="设置标签"
+				:visible.sync="tagSelectVisible"
+				width="60%"> 
+				<tag-mng :tagIds="addForm.tagIds==null?null:addForm.tagIds.split(',')"  :jump="true" @select-confirm="onTagSelected"></tag-mng> 
+			</el-dialog>
+			<el-dialog append-to-body
+				title="选择员工"
+				:visible.sync="userSelectVisible"
+				width="60%"> 
+				<users-select :select-userids="nextAssigneeList.map(i=>i.userid)"   @confirm="onUserSelected"></users-select> 
+			</el-dialog>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	import seq from '@/common/js/sequence';//全局公共库
+	import util from '@/common/js/util';//全局公共库import 
+	import config from '@/common/config';//全局公共库import   
+	import { listUserNames } from '@/api/mdp/sys/user'; 
+	import { startProc } from '@/api/mdp/workflow/ru/execution'; 
+	import AttachmentUpload from '@/views/mdp/arc/archiveAttachment/AttachmentUpload'; 
+	import  FormDataMngForFlowForm from '@/views/mdp/form/formData/FormDataMngForFlowForm';//新增界面
+	
+	import  FormDataMngForFlowTable from '@/views/mdp/form/formData/FormDataMngForFlowTable';//新增界面
+	import VueEditor from '@/components/VueEditor/Index';
+	import Sticky from '@/components/Sticky' // 粘性header组件
+	import { mapGetters } from 'vuex'
+	
+	import TagMng from '@/views/mdp/arc/tag/TagMng';  
+	import UsersSelect from '@/views/mdp/sys/user/UsersSelect'; 
+	import ActQxCodeSet from '@/views/mdp/workflow/re/procdefParames/ActQxCodeSet';  
+
+	export default {
+		name:'ProcinstParamesStartSet',
+	    computed: {
+		    ...mapGetters([
+		      'userInfo','myDepts'
+			]),
+			
+			screenWidth:function(){
+				return screen.width;
+			},
+		},
+		props:['visible','procdef','params'],//如果是事先录入了表单数据，则请将表单数据编号输入，否则不需要,如果是外部链接发起流程，传入params参数
+		watch: {
+			'visible':function(visible){
+				this.modelFilesVisible=false;
+				if(visible==true){
+					if(!this.procdef){
+						return;
+					} 
+					this.initByProcdef();
+					this.needAssignee=''
+					this.needAssigneeNum=-1;
+					this.needAssigneeMsg=''
+					this.nextAssigneeList=[]
+					this.initByParams();
+					this.initBaseUserList();
+				}
+			}, 
+			'nextAssigneeList':function(nextAssigneeList){
+				this.$refs.addForm.validateField('needAssignee');
+			}
+	    },	
+		data() {
+	        var validateNeedAssignee = (rule, value, callback) => {
+				if(this.needAssignee=='need-mulit-assignee' && this.nextAssigneeList.length<this.needAssigneeNum){//need-mulit-assignee 需要一个或者多个 need-single-assignee 只需要一个
+					 callback(new Error(this.needAssigneeMsg)); 
+				}else if(this.needAssignee=='need-single-assignee' ){
+					if(this.nextAssigneeList.length<=0 ){ 
+						 callback(new Error(this.needAssigneeMsg)); 
+					}else if(this.nextAssigneeList.length>1 ){ 
+						callback(new Error('只允许指定一个执行人')); 
+					} 
+				} 
+	              callback(); 
+	          };
+			return {
+				filters:{
+					params:{
+						mainTitle:'',
+						mainContext:'',
+						bizUrl:'',//前端跳转  //自带参数，建议只带主键
+						bizKey:'company_regit',//用于选中流程模型并原样输出到restUrl
+						restUrl:'',//后端接口同步
+						formId:'',//form 表单编号
+						formDataIds:[],//form表单对应的数据
+						extVars:{ //不用提交给工作流的变量池 
+						},
+						flowVars:{//提交进流程实例变量的变量池,flowVars所有变量将post方式推送回restUrl指定的地址
+
+						}
+
+					}
+				},
+				pickerOptions: {
+					disabledDate(time) {
+						return time.getTime() < Date.now();
+					},
+					shortcuts: [{
+						text: '今天',
+						onClick(picker) {
+						picker.$emit('pick', new Date());
+						}
+					}, {
+						text: '明天',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() + 3600 * 1000 * 24);
+						picker.$emit('pick', date);
+						}
+					}, {
+						text: '后天',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() + 3600 * 1000 * 24 *  2);
+						picker.$emit('pick', date);
+						}
+					}, {
+						text: '一周后',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() + 3600 * 1000 * 24 * 7);
+						picker.$emit('pick', date);
+						}
+					}, {
+						text: '两周后',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() + 3600 * 1000 * 24 * 7 * 2);
+						picker.$emit('pick', date);
+						}
+					}, {
+						text: '三周后',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() + 3600 * 1000 * 24 * 7 * 3);
+						picker.$emit('pick', date);
+						}
+					}, {
+						text: '一个月后',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() + 3600 * 1000 * 24 *  30);
+						picker.$emit('pick', date);
+						}
+					}, {
+						text: '两个月后',
+						onClick(picker) {
+						const date = new Date();
+						date.setTime(date.getTime() + 3600 * 1000 * 24  * 60);
+						picker.$emit('pick', date);
+						}
+					}]
+					},
+				options:{},//下拉选择框的所有静态数据
+				addLoading: false,
+				listLoading:false,
+				addFormRules: {
+					mainTitle: [
+						{ required: true, message: '流程标题不能为空', trigger: 'blur' }
+					],
+					needAssignee: [
+						{ validator: validateNeedAssignee, trigger: 'blur'  }
+					],
+					deptid: [
+						{  required: true, message: '发起部门不能为空', trigger: 'blur' }
+					]
+				},
+				//新增界面数据 流程实例参数设置表
+				addForm: {
+					id:seq.sn(),isRefForm:'',monitors:'',sponsors:'',procInstId:'',formId:'',formDataId:'',procDefId:'',userid:'',startDate:util.formatDate.format(new Date(),'yyyy-MM-dd hh:mm:ss'),planFinishTime:'',mainQx:'',isTemplate:'',mainContext:'',mainTitle:'',deptid:'',categoryId:''
+				},
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				procdefParamesForm: {
+					id:'',isRefForm:'',monitors:'',sponsors:'',formId:'',procDefId:'',userid:'',lastDate:'',mainContext:'',mainTitle:'',categoryId:'',formShowType:''
+				},
+				sponsors:[],//
+				monitors:[],//  
+				formDataSubmitEvent:false,
+				needAssignee:'',//
+				needAssigneeMsg:'',//
+				needAssigneeNum:-1,
+				nextAssigneeList: [],
+		        activeTab:'flowinfoTab',
+				diagramUrl:'', 
+				displayDiagram:false,
+				modelFilesVisible:false,
+				baseUserList:[], 
+				userSelectVisible:false,
+				tagSelectVisible:false,
+				mainQxVisible:false,
+				formFields:[],
+				showAttachment:false,
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			// 取消按钮点击 父组件监听@cancel="addFormVisible=false" 监听
+			handleCancel:function(){
+				this.modelFilesVisible=false;
+				this.listLoading=false;
+				this.addLoading=false;
+				this.$emit('cancel');
+			},
+			//新增提交ProcinstParames 流程实例参数设置表 父组件监听@submit="afterAddSubmit"
+			startSubmit: function (formDatas) { 
+
+				this.$refs.addForm.validate((valid) => {
+					if (valid) {
+						this.$confirm('确认提交吗？', '提示', {}).then(() => {
+							this.addLoading = true; 
+							let params = {procinstParames:this.addForm,formDatas:formDatas}; 
+							if(this.params){
+								params.extVars=this.params.extVars
+								params.flowVars=this.params.flowVars
+							}
+							
+							params.procinstParames.startDeptName=this.myDepts.filter(d=>d.deptid==this.addForm.deptid)[0].deptName;
+							params.procinstParames.startUsername=this.userInfo.username
+							params.procinstParames.userid=this.userInfo.userid
+							params.procinstParames.monitors=this.monitors.map(i=>i.userid).join(",");
+							params.procinstParames.sponsors=this.sponsors.map(i=>i.userid).join(",");
+							params.nextAssigneeList=this.nextAssigneeList.map(i=>i.userid);
+							params.tipscode=this.needAssignee
+							console.log(params);
+							startProc(params).then((res) => {
+								this.addLoading = false; 
+								var tips=res.data.tips;
+								if(tips.isOk){
+									this.$refs['addForm'].resetFields();
+									this.needAssigneeNum=-1;
+									this.needAssignee='';
+									this.needAssigneeMsg='';
+									this.$emit('submit');//  @submit="afterAddSubmit"
+									this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+									this.handleCancel();
+								}else if(tips.tipscode=='need-mulit-assignee'){//need-mulit-assignee 需要一个或者多个 need-single-assignee 只需要一个
+									this.needAssignee=tips.tipscode
+									this.needAssigneeMsg=tips.msg
+									this.needAssigneeNum=tips.needAssigneeNum;
+									this.$refs.addForm.validateField('needAssignee');
+								}else if(tips.tipscode=='need-single-assignee'){
+									this.needAssignee=tips.tipscode
+									this.needAssigneeMsg=tips.msg
+									this.needAssigneeNum=1;
+									this.$refs.addForm.validateField('needAssignee');
+								}else{
+									this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+								}
+								
+							}).catch(() => {
+								this.addLoading = false;
+							});
+						});
+					}
+				});
+			},
+			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
+			//获取列表 ProcdefParames 流程定义参数设置表
+			getProcdefParamess() {
+				 
+				//不需要再查后端
+				
+			},
+			handleUploadChange(){
+			},
+			
+			onUserSelected: function(users){  
+				users.forEach(u=>{
+					if(!this.baseUserList.some(i=>i.userid==u.userid)){
+						this.baseUserList.push(u);
+					} 
+					this.userSelectVisible=false; 
+					this.nextAssigneeList=users;
+					
+				})
+			},
+			initBaseUserList(){
+				var that=this;
+				var sponsors=[];
+				var monitors=[];
+				var currentUserid=this.userInfo.userid;
+				var currentUsername=this.userInfo.username;
+				if(that.addForm.sponsors==null||that.addForm.sponsors==''){
+					sponsors=[{userid:currentUserid,username:currentUsername}]
+				}else{
+					sponsors=that.addForm.sponsors.split(',').map(i=>{return {userid:i,username:i==currentUserid?currentUsername:i}});
+				} 
+				//console.log("monitors-----------"+this.addForm.monitors);
+				//console.log("sponsors-----------"+this.addForm.sponsors);
+				//console.log("userInfo.userid-----------"+this.userInfo.userid);
+				if(that.addForm.monitors==null || that.addForm.monitors==''){
+					monitors=[{userid:currentUserid,username:currentUsername}]
+				}else{
+					monitors=that.addForm.monitors.split(',').map(i=>{return {userid:i,username:i==currentUserid?currentUsername:i}});
+				}  
+				var userids=[].concat(sponsors.map(u=>u.userid)).concat(monitors.map(u=>u.userid));
+				var baseUserList=sponsors.concat(monitors.filter(m=>!sponsors.some(s=>s.userid==m.userid)))
+				var baseUserListNoIncludeMe=baseUserList.filter(i=>i.userid!=currentUserid);
+
+				if(baseUserListNoIncludeMe.length<=0){
+					that.monitors=monitors
+					that.sponsors=sponsors
+					that.baseUserList=baseUserList 
+					return;
+				}else{
+					listUserNames({userids:baseUserList.map(i=>i.userid),branchId:that.userInfo.branchId}).then(res=>{
+						if(res.data.tips.isOk){
+							baseUserList=res.data.data 
+							baseUserList.forEach(u=>{
+								monitors.forEach((m,index)=>{
+									if(m.userid==u.userid){
+										 m.username=u.username
+									}
+								});
+								sponsors.forEach((m,index)=>{
+									if(m.userid==u.userid){
+										 m.username=u.username
+									}
+								});
+							})
+							that.monitors=monitors
+							that.sponsors=sponsors
+							that.baseUserList=baseUserList
+						}
+					});
+				}
+				
+
+				
+			},
+			showDiagram(){
+				this.diagramUrl=config.getBaseDomainUrl()+config.getWorkflowBasePath()+"/mdp/workflow/re/procdef/diagram/"+this.procdef.id;
+				this.displayDiagram=true;
+			},
+			
+			startHandle(){ 
+				var date=new Date();
+				if(!this.monitors || this.monitors.length==0){
+					this.$message.error("监控人不能为空");
+					return;
+				}
+				
+				if(!this.sponsors || this.sponsors.length==0){
+					this.$message.error("主办人不能为空");
+					return;
+				}
+				this.formDataSubmitEvent=date.getTime(); 
+				if(this.addForm.formId==''||this.addForm.formId==null || this.addForm.isRefForm!='1'){
+					this.startSubmit([])
+				}
+			},
+			
+			 labelWidth:function(){
+				if (screen.width <=375){
+					return "80px"
+				}else  if (screen.width <= 500){
+						return "80px"
+				}else if (screen.width<=1024){
+						return "100px"
+				}else {
+						return "120px"
+				}
+			} ,
+			onTagSelected:function(tags){
+				this.tagSelectVisible=false;
+				console.log("tags"+JSON.stringify(tags));
+				this.addForm.tagIds=tags.map(t=>t.tagId).join(",");  
+				this.addForm.tagNames=tags.map(t=>t.tagName).join(",");  
+
+			}, 
+			
+			onMainQxSelected:function(qxCode){
+				this.mainQxVisible=false;
+				this.addForm.mainQx=qxCode;
+			},
+			
+			onMainQxCancel:function(){
+				this.mainQxVisible=false; 
+			},
+			showMainQxDialog:function(){
+				this.mainQxVisible=true; 
+			},
+			
+			onFormFieldsLoad:function(formFields){
+				this.formFields=formFields;
+			},
+			initByParams(){
+				
+				if(this.params){
+					this.filters.params=this.params;
+					if( this.params.formId && this.params.formDataIds){ 
+						this.addForm.formId=this.params.formId
+						this.filters.formDataIds=[].concat(this.params.formDataIds) 
+					}  
+					if(this.params.mainTitle!='' && this.params.mainTitle!=null){
+						this.addForm.mainTitle=this.params.mainTitle
+					}
+					if(this.params.mainContext!='' && this.params.mainContext!=null){
+						this.addForm.mainContext=this.params.mainContext
+					}
+					if(this.params.bizUrl!='' && this.params.bizUrl!=null ){
+						this.addForm.mainContext=this.addForm.mainContext+'<p><a href='+this.params.bizUrl+' target="_blank">'+'点击查看业务数据'+'</a></p>'
+					} 
+					
+					if(this.params.restUrl!='' && this.params.restUrl!=null){
+						this.addForm.restUrl=this.params.restUrl
+					} 
+					if(this.params.bizKey!='' && this.params.bizKey!=null){
+						this.addForm.bizKey=this.params.bizKey
+					} 
+				}
+			},
+			initByProcdef(){
+				//this.addForm=Object.assign(this.addForm, this.procdef);
+				this.addForm.id=seq.sn();
+				this.addForm.procDefId=this.procdef.id; 
+				this.addForm.modelKey=this.procdef.key;
+				this.addForm.mainTitle=(this.procdef.mainTitle!=null && this.procdef.mainTitle!='')?this.procdef.mainTitle:this.procdef.name;
+				this.addForm.mainContext=this.procdef.mainContext;
+				this.addForm.deptid=this.userInfo.deptid;
+				this.addForm.userid=this.userInfo.userid;
+				this.addForm.branchId=this.userInfo.branchId;   
+				this.addForm.formId=this.procdef.formId;    
+				this.addForm.isRefForm=this.procdef.isRefForm;   
+				this.addForm.monitors=(this.procdef.monitors!=null && this.procdef.monitors!='')?this.procdef.monitors:this.userInfo.userid;
+				this.addForm.sponsors=(this.procdef.sponsors!=null && this.procdef.sponsors!='')?this.procdef.sponsors:this.userInfo.userid; 
+				var planFinishTime = new Date(); 
+				planFinishTime.setTime(planFinishTime.getTime() + 3600 * 1000 * 24 * 7);
+				this.addForm.planFinishTime=util.formatDate.format(planFinishTime,'yyyy-MM-dd hh:mm:ss')
+				this.addForm.tagIds=this.procdef.tagIds;
+				this.addForm.tagNames=this.procdef.tagNames;
+				this.addForm.mainQx=this.procdef.mainQx;
+			}
+			/**end 在上面加自定义方法**/
+			
+		},//end method
+		components: {  
+		    //在下面添加其它组件 'procinst-parames-edit':ProcinstParamesEdit
+			'form-data-mng-for-flow-form':FormDataMngForFlowForm,
+			FormDataMngForFlowTable,
+		    'vue-editor':VueEditor,
+		    'attachment-upload':AttachmentUpload,
+		    'sticky': Sticky,UsersSelect,TagMng,ActQxCodeSet
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.initByProcdef();//先procdef
+				this.initByParams();//再 params 以 如果有相同数据以params为准
+				
+				this.initBaseUserList();
+        	}); 
+			/**在下面写其它函数***/
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/mdp/workflow/ru/procinstParames/ProcinstParamesStartSetRoute.vue b/src/views/mdp/workflow/ru/procinstParames/ProcinstParamesStartSetRoute.vue
new file mode 100644
index 0000000..344202a
--- /dev/null
+++ b/src/views/mdp/workflow/ru/procinstParames/ProcinstParamesStartSetRoute.vue
@@ -0,0 +1,66 @@
+<template>
+	<section>
+		<el-row class="execution-set">
+		<procinst-parames-start-set :procdef="procdef" :visible="flowStartVisible" :params="filters.params"    @cancel="handleCancel" @submit="afterEditSubmit"></procinst-parames-start-set>
+		</el-row>
+	</section>
+</template>
+
+<script>
+	 
+	import  ProcinstParamesStartSet from './ProcinstParamesStartSet';//
+	
+	export default {
+		name:'ProcinstParamesStartSetRoute',
+		data() {
+			return {
+				filters: {
+					key: '', 
+					params:null,
+				},
+				 procdef:{},
+				 flowStartVisible:false,
+				/**begin 自定义属性请在下面加 请加备注**/
+					
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			 afterEditSubmit:function(){
+				  this.$router.back(-1)
+				 this.$store.dispatch('delVisitedViews', {path:'/mdp/workflow/ru/procinstParames/ProcinstParamesStartSetRoute',name:'ProcinstParamesStartSetRoute'})
+				
+			 },
+			 handleCancel:function(){
+				 this.$router.back(-1)
+				this.$store.dispatch('delVisitedViews', {path:'/mdp/workflow/ru/procinstParames/ProcinstParamesStartSetRoute',name:'ProcinstParamesStartSetRoute'})
+			 	
+			 }
+			
+		},//end methods
+		components: { 
+		   ProcinstParamesStartSet
+		    //在下面添加其它组件
+		},
+		mounted() {
+			console.log("this.$route.params-------------------"+JSON.stringify(this.$route.params));
+			if(this.$route.params){
+				this.flowStartVisible=true;
+				 this.procdef=this.$route.params.procdef
+				 if(this.$route.params.params){
+					 this.filters.params=this.$route.params.params
+				 }
+			}
+			
+			 
+		}
+	}
+
+</script>
+
+<style scoped>
+	.execution-set {
+		margin-left: 20px;
+		margin-top:20px;
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/permission/index.vue b/src/views/permission/index.vue
new file mode 100644
index 0000000..9056a07
--- /dev/null
+++ b/src/views/permission/index.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="app-container">
+    <div style="margin-bottom:15px;">{{$t('permission.roles')}}： {{roles}}</div>
+    {{$t('permission.switchRoles')}}：
+    <el-radio-group v-model="switchRoles">
+      <el-radio-button label="editor"></el-radio-button>
+    </el-radio-group>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+
+export default{
+  name: 'permission',
+  data() {
+    return {
+      switchRoles: ''
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'roles'
+    ])
+  },
+  watch: {
+    switchRoles(val) {
+      this.$store.dispatch('ChangeRoles', val).then(() => {
+        this.$router.push({ path: '/permission/index?' + +new Date() })
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/svg-icons/generateIconsView.js b/src/views/svg-icons/generateIconsView.js
new file mode 100644
index 0000000..a3458b2
--- /dev/null
+++ b/src/views/svg-icons/generateIconsView.js
@@ -0,0 +1,10 @@
+const data = {
+  state: {
+    iconsMap: []
+  },
+  generate(iconsMap) {
+    this.state.iconsMap = iconsMap
+  }
+}
+
+export default data
diff --git a/src/views/svg-icons/index.vue b/src/views/svg-icons/index.vue
new file mode 100644
index 0000000..0b95a87
--- /dev/null
+++ b/src/views/svg-icons/index.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="icons-container">
+    <p class="warn-content">
+      <a href="https://panjiachen.github.io/vue-element-admin-site/#/icon" target="_blank">Add and use
+      </a>
+    </p>
+    <div class="icons-wrapper">
+      <div v-for="item of iconsMap" :key="item" @click="handleClipboard(generateIconCode(item),$event)">
+        <el-tooltip placement="top">
+          <div slot="content">
+            {{generateIconCode(item)}}
+          </div>
+          <div class="icon-item">
+            <svg-icon class-name="disabled" :icon-class="item" />
+            <span>{{item}}</span>
+          </div>
+        </el-tooltip>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import icons from './generateIconsView'
+import clipboard from '@/utils/clipboard'
+
+export default {
+  name: 'icons',
+  data() {
+    return {
+      iconsMap: []
+    }
+  },
+  mounted() {
+    const iconsMap = icons.state.iconsMap.map((i) => {
+      return i.default.id.split('-')[1]
+    })
+    this.iconsMap = iconsMap
+  },
+  methods: {
+    generateIconCode(symbol) {
+      return `<svg-icon icon-class="${symbol}" />`
+    },
+    handleClipboard(text, event) {
+      clipboard(text, event)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.icons-container {
+  margin: 10px 20px 0;
+  overflow: hidden;
+  .icons-wrapper {
+    margin: 0 auto;
+  }
+  .icon-item {
+    margin: 20px;
+    height: 110px;
+    text-align: center;
+    width: 110px;
+    float: left;
+    font-size: 30px;
+    color: #24292e;
+    cursor: pointer;
+  }
+  span {
+    display: block;
+    font-size: 24px;
+    margin-top: 10px;
+  }
+  .disabled{
+    pointer-events: none;
+  }
+}
+</style>
diff --git a/src/views/theme/index.vue b/src/views/theme/index.vue
new file mode 100644
index 0000000..ca6e1e5
--- /dev/null
+++ b/src/views/theme/index.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="app-container">
+    <el-card class="box-card">
+      <div slot="header">
+        <a class='link-type link-title' target="_blank" href='https://panjiachen.github.io/vue-element-admin-site/#/theme'>
+        {{$t('theme.documentation')}}
+        </a>
+      </div>
+      <div class="box-item">
+        <span class="field-label">{{$t('theme.change')}} : </span>
+        <el-switch v-model="theme"></el-switch>
+        <code style="margin-top:15px;">{{$t('theme.tips')}}</code>
+      </div>
+    </el-card>
+
+    <div class="block">
+      <el-button type="primary">Primary</el-button>
+      <el-button type="success">Success</el-button>
+      <el-button type="info">Info</el-button>
+      <el-button type="warning">Warning</el-button>
+      <el-button type="danger">Danger</el-button>
+    </div>
+
+    <div class="block">
+      <el-button type="primary" icon="el-icon-edit"></el-button>
+      <el-button type="primary" icon="el-icon-share"></el-button>
+      <el-button type="primary" icon="el-icon-delete"></el-button>
+      <el-button type="primary" icon="el-icon-search">Search</el-button>
+      <el-button type="primary">
+        Upload
+        <i class="el-icon-upload el-icon-right"></i>
+      </el-button>
+    </div>
+
+    <div class="block">
+      <el-tag class='tag-item' v-for="tag in tags" :type="tag.type" :key='tag.type'>
+        {{tag.name}}
+      </el-tag>
+    </div>
+
+    <div class="block">
+      <el-radio-group v-model="radio">
+        <el-radio :label="3">Option A</el-radio>
+        <el-radio :label="6">Option B</el-radio>
+        <el-radio :label="9">Option C</el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="block">
+      <el-slider v-model="slideValue"></el-slider>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { toggleClass } from '@/utils'
+import '@/assets/custom-theme/index.css' // the theme changed version element-ui css
+
+export default {
+  name: 'theme',
+  data() {
+    return {
+      theme: false,
+      tags: [
+        { name: 'Tag One', type: '' },
+        { name: 'Tag Two', type: 'info' },
+        { name: 'Tag Three', type: 'success' },
+        { name: 'Tag Four', type: 'warning' },
+        { name: 'Tag Five', type: 'danger' }
+      ],
+      slideValue: 50,
+      radio: 3
+    }
+  },
+  watch: {
+    theme() {
+      toggleClass(document.body, 'custom-theme')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.field-label{
+  vertical-align: middle;
+}
+.box-card {
+  width: 400px;
+  margin: 20px auto;
+}
+
+.block {
+  padding: 30px 24px;
+}
+
+.tag-item {
+  margin-right: 15px;
+}
+</style>
diff --git a/src/views/zip/index.vue b/src/views/zip/index.vue
new file mode 100644
index 0000000..54320a8
--- /dev/null
+++ b/src/views/zip/index.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="app-container">
+    <!-- $t is vue-i18n global function to translate lang -->
+    <el-input style='width:300px;' :placeholder="$t('zip.placeholder')" prefix-icon="el-icon-document" v-model="filename"></el-input>
+    <el-button style='margin-bottom:20px;' type="primary" icon="document" @click="handleDownload" :loading="downloadLoading">{{$t('zip.export')}} zip</el-button>
+    <el-table :data="list" v-loading.body="listLoading" element-loading-text="拼命加载中" border fit highlight-current-row>
+      <el-table-column align="center" label='ID' width="95">
+        <template slot-scope="scope">
+          {{scope.$index}}
+        </template>
+      </el-table-column>
+      <el-table-column label="Title">
+        <template slot-scope="scope">
+          {{scope.row.title}}
+        </template>
+      </el-table-column>
+      <el-table-column label="Author" width="95" align="center">
+        <template slot-scope="scope">
+          <el-tag>{{scope.row.author}}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="Readings" width="115" align="center">
+        <template slot-scope="scope">
+          {{scope.row.pageviews}}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="Date" width="220">
+        <template slot-scope="scope">
+          <i class="el-icon-time"></i>
+          <span>{{scope.row.display_time}}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { fetchList } from '@/api/article'
+
+export default {
+  name: 'exportZip',
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      downloadLoading: false,
+      filename: ''
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      fetchList().then(response => {
+        this.list = response.data.items
+        this.listLoading = false
+      })
+    },
+    handleDownload() {
+      this.downloadLoading = true
+      import('@/vendor/Export2Zip').then(zip => {
+        const tHeader = ['Id', 'Title', 'Author', 'Readings', 'Date']
+        const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
+        const list = this.list
+        const data = this.formatJson(filterVal, list)
+        zip.export_txt_to_zip(tHeader, data, this.filename, this.filename)
+        this.downloadLoading = false
+      })
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    }
+  }
+}
+</script>
diff --git a/src/vuex/actions.js b/src/vuex/actions.js
new file mode 100644
index 0000000..f0eba26
--- /dev/null
+++ b/src/vuex/actions.js
@@ -0,0 +1,7 @@
+//test
+export const increment = ({commit}) => {
+    commit('INCREMENT')
+}
+export const decrement = ({commit}) => {
+    commit('DECREMENT')
+}
diff --git a/src/vuex/getters.js b/src/vuex/getters.js
new file mode 100644
index 0000000..6941d3c
--- /dev/null
+++ b/src/vuex/getters.js
@@ -0,0 +1,4 @@
+//test
+export const getCount = state => {
+    return state.count
+}
diff --git a/src/vuex/store.js b/src/vuex/store.js
new file mode 100644
index 0000000..a5ed0db
--- /dev/null
+++ b/src/vuex/store.js
@@ -0,0 +1,29 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import * as actions from './actions'
+import * as getters from './getters'
+
+Vue.use(Vuex)
+
+// 应用初始状态
+const state = {
+    count: 10
+}
+
+// 定义所需的 mutations
+const mutations = {
+    INCREMENT(state) {
+        state.count++
+    },
+    DECREMENT(state) {
+        state.count--
+    }
+}
+
+// 创建 store 实例
+export default new Vuex.Store({
+    actions,
+    getters,
+    state,
+    mutations
+})
\ No newline at end of file