功能点完善

4 years ago · 1dd5924d42
356 changed files with 86715 additions and 84650 deletions
--- a/.editorconfig
+++ b/.editorconfig
@ -1,14 +1,14 @@
-# https://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
+# https://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
--- a/.env.boot
+++ b/.env.boot
@ -1,19 +1,19 @@
-NODE_ENV = production
-
-# just a flag
-ENV = 'boot'
-
-
-VUE_APP_PROJECT_NAME = 'cereshop'
-
-
-# 是否启用验证码
-VUE_APP_IS_CAPTCHA = true
-# 客户端秘钥
-VUE_APP_CLIENT_ID=ceres_admin_web
-VUE_APP_CLIENT_SECRET=ceres_admin_web
-
-
-# base api
-VUE_APP_BASE_API = '/api'
-
+NODE_ENV = production
+
+# just a flag
+ENV = 'boot'
+
+
+VUE_APP_PROJECT_NAME = 'cereshop'
+
+
+# 是否启用验证码
+VUE_APP_IS_CAPTCHA = true
+# 客户端秘钥
+VUE_APP_CLIENT_ID=ceres_admin_web
+VUE_APP_CLIENT_SECRET=ceres_admin_web
+
+
+# base api
+VUE_APP_BASE_API = '/api'
+
--- a/.env.development
+++ b/.env.development
@ -1,14 +1,14 @@
-# just a flag
-ENV = 'development'
-VUE_APP_PROJECT_NAME = 'cereshop-admin-web'
-
-# 请求服务配置
-VUE_APP_DEV_REQUEST_DOMAIN_PREFIX = 'http://192.168.10.236:8764'
-
-# 是否启用验证码
-VUE_APP_IS_CAPTCHA = true
-
-# 客户端秘钥
-VUE_APP_CLIENT_ID=ceres_admin_web
-VUE_APP_CLIENT_SECRET=ceres_admin_web
-VUE_CLI_BABEL_TRANSPILE_MODULES = true
+# just a flag
+ENV = 'development'
+VUE_APP_PROJECT_NAME = 'cereshop-admin-web'
+
+# 请求服务配置
+VUE_APP_DEV_REQUEST_DOMAIN_PREFIX = 'http://192.168.10.130:8764'
+
+# 是否启用验证码
+VUE_APP_IS_CAPTCHA = true
+
+# 客户端秘钥
+VUE_APP_CLIENT_ID=ceres_admin_web
+VUE_APP_CLIENT_SECRET=ceres_admin_web
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
--- a/.env.production
+++ b/.env.production
@ -1,16 +1,16 @@
-# just a flag
-ENV = 'production'
-
-VUE_APP_PROJECT_NAME = 'admin-web'
-
-# 请求域名前缀， 该变量仅仅生产环境需要设置
-
-VUE_APP_DEV_REQUEST_DOMAIN_PREFIX = 'https://pos.admin.api.lotus-wallet.com'
-# base api
-VUE_APP_BASE_API = '/api'
-
-# 是否启用验证码
-VUE_APP_IS_CAPTCHA = true
-# 客户端秘钥
-VUE_APP_CLIENT_ID=ceres_admin_web
-VUE_APP_CLIENT_SECRET=ceres_admin_web
+# just a flag
+ENV = 'production'
+
+VUE_APP_PROJECT_NAME = 'admin-web'
+
+# 请求域名前缀， 该变量仅仅生产环境需要设置
+
+VUE_APP_DEV_REQUEST_DOMAIN_PREFIX = 'https://pos.admin.api.lotus-wallet.com'
+# base api
+VUE_APP_BASE_API = '/api'
+
+# 是否启用验证码
+VUE_APP_IS_CAPTCHA = true
+# 客户端秘钥
+VUE_APP_CLIENT_ID=ceres_admin_web
+VUE_APP_CLIENT_SECRET=ceres_admin_web
--- a/.env.staging
+++ b/.env.staging
@ -1,8 +1,8 @@
-NODE_ENV = production
-
-# just a flag
-ENV = 'staging'
-
-# base api
-VUE_APP_BASE_API = '/stage-api'
-
+NODE_ENV = production
+
+# just a flag
+ENV = 'staging'
+
+# base api
+VUE_APP_BASE_API = '/stage-api'
+
--- a/.eslintignore
+++ b/.eslintignore
@ -1,4 +1,4 @@
-build/*.js
-src/assets
-public
-dist
+build/*.js
+src/assets
+public
+dist
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,15 +1,15 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  // extends: ["plugin:vue/essential", "@vue/prettier"],//这里面的@vue/prettier去掉
-  extends: ["plugin:vue/essential"],
-  rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
-  },
-  parserOptions: {
-    // parser: "babel-eslint"
-  }
-};
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  // extends: ["plugin:vue/essential", "@vue/prettier"],//这里面的@vue/prettier去掉
+  extends: ["plugin:vue/essential"],
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
+  },
+  parserOptions: {
+    // parser: "babel-eslint"
+  }
+};
--- a/.gitignore
+++ b/.gitignore
@ -1,26 +1,26 @@
-.DS_Store
-node_modules/
-dist/
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-**/*.log
-.history/
-
-tests/**/coverage/
-tests/e2e/reports
-selenium-debug.log
-
-# Editor directories and files
-.idea
-*.iml
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.local
-# admin-web
-build
-
-
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+**/*.log
+.history/
+
+tests/**/coverage/
+tests/e2e/reports
+selenium-debug.log
+
+# Editor directories and files
+.idea
+*.iml
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.local
+# admin-web
+build
+
+
--- a/.prettierrc
+++ b/.prettierrc
@ -1,6 +1,6 @@
-{
-  "eslintIntegration": true,
-  "stylelintIntegration": true,
-  "singleQuote": true,
-  "semi": false
-}
+{
+  "eslintIntegration": true,
+  "stylelintIntegration": true,
+  "singleQuote": true,
+  "semi": false
+}
--- a/.travis.yml
+++ b/.travis.yml
@ -1,5 +1,5 @@
-language: node_js
-node_js: 10
-script: npm run test
-notifications:
-  email: false
+language: node_js
+node_js: 10
+script: npm run test
+notifications:
+  email: false
--- a/admin-web/static/css/chunk-libs.b1ad2d16.css
+++ b/admin-web/static/css/chunk-libs.b1ad2d16.css
--- a/admin-web/static/js/chunk-3fbd7f8c.82f05a5a.js
+++ b/admin-web/static/js/chunk-3fbd7f8c.82f05a5a.js
--- a/admin-web/static/js/chunk-454045ca.026f25c6.js
+++ b/admin-web/static/js/chunk-454045ca.026f25c6.js
--- a/admin-web/static/js/chunk-libs.e51f8593.js
+++ b/admin-web/static/js/chunk-libs.e51f8593.js
--- a/babel.config.js
+++ b/babel.config.js
@ -1,5 +1,5 @@
-module.exports = {
-  presets: [
-    '@vue/app'
-  ]
-}
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}
--- a/jest.config.js
+++ b/jest.config.js
@ -1,24 +1,24 @@
-module.exports = {
-  moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
-  transform: {
-    '^.+\\.vue$': 'vue-jest',
-    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
-      'jest-transform-stub',
-    '^.+\\.jsx?$': 'babel-jest'
-  },
-  moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1'
-  },
-  snapshotSerializers: ['jest-serializer-vue'],
-  testMatch: [
-    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
-  ],
-  collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
-  coverageDirectory: '<rootDir>/tests/unit/coverage',
-  // 'collectCoverage': true,
-  'coverageReporters': [
-    'lcov',
-    'text-summary'
-  ],
-  testURL: 'http://localhost/'
-}
+module.exports = {
+  moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
+      'jest-transform-stub',
+    '^.+\\.jsx?$': 'babel-jest'
+  },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: ['jest-serializer-vue'],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
+  coverageDirectory: '<rootDir>/tests/unit/coverage',
+  // 'collectCoverage': true,
+  'coverageReporters': [
+    'lcov',
+    'text-summary'
+  ],
+  testURL: 'http://localhost/'
+}
--- a/nodestatic.json
+++ b/nodestatic.json
@ -1,3 +1,3 @@
-{
-	"path": "admin-web"
+{
+	"path": "admin-web"
 }
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,127 +1,127 @@
-{
-  "name": "cereshop",
-  "version": "1.0.0",
-  "description": "cereshop",
-  "author": "cereshop",
-  "license": "Apache 2.0",
-  "scripts": {
-    "dev": "vue-cli-service serve --open",
-    "build": "vue-cli-service build",
-    "build:prod": "vue-cli-service build",
-    "build:boot": "vue-cli-service build --mode boot",
-    "build:docker": "vue-cli-service build --mode docker",
-    "build:stage": "vue-cli-service build --mode staging",
-    "preview": "node build/index.js --preview",
-    "lint": "eslint --ext .js,.vue src",
-    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
-    "new": "plop"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "src/**/*.{js,vue}": [
-      "eslint --fix",
-      "git add"
-    ]
-  },
-  "keywords": [
-    "vue",
-    "admin",
-    "dashboard",
-    "element-ui",
-    "management-system"
-  ],
-  "repository": {
-    "type": "git",
-    "url": ""
-  },
-  "bugs": {
-    "url": ""
-  },
-  "dependencies": {
-    "@riophae/vue-treeselect": "^0.4.0",
-    "acorn": "^6.4.1",
-    "axios": "^0.20.0",
-    "clipboard": "^2.0.6",
-    "codemirror": "^5.57.0",
-    "core-js": "^3.6.5",
-    "css-loader": "^4.2.2",
-    "dragula": "^3.7.2",
-    "driver.js": "^0.9.8",
-    "dropzone": "^5.7.2",
-    "echarts": "^4.2.1",
-    "element-ui": "^2.13.2",
-    "file-saver": "^2.0.2",
-    "fuse.js": "^6.4.1",
-    "jsonlint": "1.6.3",
-    "jszip": "^3.5.0",
-    "less": "^3.12.2",
-    "less-loader": "^7.0.0",
-    "normalize.css": "^8.0.1",
-    "nprogress": "0.2.0",
-    "path-to-regexp": "^6.1.0",
-    "screenfull": "^5.0.2",
-    "showdown": "^1.9.1",
-    "sortablejs": "^1.10.2",
-    "tui-editor": "^1.4.10",
-    "v-viewer": "^1.5.1",
-    "vue": "^2.6.12",
-    "vue-count-to": "^1.0.13",
-    "vue-i18n": "^8.21.0",
-    "vue-loader": "^15.9.2",
-    "vue-photo-preview": "^1.1.3",
-    "vue-quill-editor": "^3.0.6",
-    "vue-router": "^3.4.6",
-    "vue-splitpane": "^1.0.6",
-    "vuedraggable": "^2.24.1",
-    "vuex": "^3.5.1",
-    "webpack": "^4.44.1",
-    "xlsx": "^0.16.6"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.11.4",
-    "@babel/register": "^7.10.5",
-    "@vue/cli-plugin-babel": "^4.5.4",
-    "@vue/cli-plugin-eslint": "^4.5.4",
-    "@vue/cli-plugin-unit-jest": "^4.5.4",
-    "@vue/cli-service": "^4.5.4",
-    "@vue/test-utils": "^1.0.4",
-    "autoprefixer": "^9.5.1",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.3.0",
-    "babel-plugin-syntax-dynamic-import": "^6.18.0",
-    "babel-preset-env": "^1.7.0",
-    "chalk": "^4.1.0",
-    "chokidar": "^3.4.2",
-    "connect": "^3.7.0",
-    "eslint": "^7.7.0",
-    "eslint-plugin-vue": "^6.2.2",
-    "html-webpack-plugin": "^4.3.0",
-    "husky": "^4.2.5",
-    "lint-staged": "^10.2.13",
-    "mockjs": "^1.1.0",
-    "node-sass": "^4.13.1",
-    "plop": "^2.7.4",
-    "runjs": "^4.3.2",
-    "sass-loader": "^10.0.1",
-    "script-ext-html-webpack-plugin": "^2.1.4",
-    "script-loader": "0.7.2",
-    "serve-static": "^1.13.2",
-    "svg-sprite-loader": "^5.0.0",
-    "svgo": "^1.3.2",
-    "vue-template-compiler": "^2.6.12"
-  },
-  "engines": {
-    "node": ">=8.9",
-    "npm": ">= 3.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions"
-  ]
-}
+{
+  "name": "cereshop",
+  "version": "1.0.0",
+  "description": "cereshop",
+  "author": "cereshop",
+  "license": "Apache 2.0",
+  "scripts": {
+    "dev": "vue-cli-service serve --open",
+    "build": "vue-cli-service build",
+    "build:prod": "vue-cli-service build",
+    "build:boot": "vue-cli-service build --mode boot",
+    "build:docker": "vue-cli-service build --mode docker",
+    "build:stage": "vue-cli-service build --mode staging",
+    "preview": "node build/index.js --preview",
+    "lint": "eslint --ext .js,.vue src",
+    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
+    "new": "plop"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "src/**/*.{js,vue}": [
+      "eslint --fix",
+      "git add"
+    ]
+  },
+  "keywords": [
+    "vue",
+    "admin",
+    "dashboard",
+    "element-ui",
+    "management-system"
+  ],
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "bugs": {
+    "url": ""
+  },
+  "dependencies": {
+    "@riophae/vue-treeselect": "^0.4.0",
+    "acorn": "^6.4.1",
+    "axios": "^0.20.0",
+    "clipboard": "^2.0.6",
+    "codemirror": "^5.57.0",
+    "core-js": "^3.6.5",
+    "css-loader": "^4.2.2",
+    "dragula": "^3.7.2",
+    "driver.js": "^0.9.8",
+    "dropzone": "^5.7.2",
+    "echarts": "^4.2.1",
+    "element-ui": "^2.13.2",
+    "file-saver": "^2.0.2",
+    "fuse.js": "^6.4.1",
+    "jsonlint": "1.6.3",
+    "jszip": "^3.5.0",
+    "less": "^3.12.2",
+    "less-loader": "^7.0.0",
+    "normalize.css": "^8.0.1",
+    "nprogress": "0.2.0",
+    "path-to-regexp": "^6.1.0",
+    "screenfull": "^5.0.2",
+    "showdown": "^1.9.1",
+    "sortablejs": "^1.10.2",
+    "tui-editor": "^1.4.10",
+    "v-viewer": "^1.5.1",
+    "vue": "^2.6.12",
+    "vue-count-to": "^1.0.13",
+    "vue-i18n": "^8.21.0",
+    "vue-loader": "^15.9.2",
+    "vue-photo-preview": "^1.1.3",
+    "vue-quill-editor": "^3.0.6",
+    "vue-router": "^3.4.6",
+    "vue-splitpane": "^1.0.6",
+    "vuedraggable": "^2.24.1",
+    "vuex": "^3.5.1",
+    "webpack": "^4.44.1",
+    "xlsx": "^0.16.6"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.11.4",
+    "@babel/register": "^7.10.5",
+    "@vue/cli-plugin-babel": "^4.5.4",
+    "@vue/cli-plugin-eslint": "^4.5.4",
+    "@vue/cli-plugin-unit-jest": "^4.5.4",
+    "@vue/cli-service": "^4.5.4",
+    "@vue/test-utils": "^1.0.4",
+    "autoprefixer": "^9.5.1",
+    "babel-cli": "^6.26.0",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^26.3.0",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-preset-env": "^1.7.0",
+    "chalk": "^4.1.0",
+    "chokidar": "^3.4.2",
+    "connect": "^3.7.0",
+    "eslint": "^7.7.0",
+    "eslint-plugin-vue": "^6.2.2",
+    "html-webpack-plugin": "^4.3.0",
+    "husky": "^4.2.5",
+    "lint-staged": "^10.2.13",
+    "mockjs": "^1.1.0",
+    "node-sass": "^4.13.1",
+    "plop": "^2.7.4",
+    "runjs": "^4.3.2",
+    "sass-loader": "^10.0.1",
+    "script-ext-html-webpack-plugin": "^2.1.4",
+    "script-loader": "0.7.2",
+    "serve-static": "^1.13.2",
+    "svg-sprite-loader": "^5.0.0",
+    "svgo": "^1.3.2",
+    "vue-template-compiler": "^2.6.12"
+  },
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ]
+}
--- a/plopfile.js
+++ b/plopfile.js
@ -1,7 +1,7 @@
-const viewGenerator = require('./plop-templates/view/prompt')
-const componentGenerator = require('./plop-templates/component/prompt')
-
-module.exports = function(plop) {
-  plop.setGenerator('view', viewGenerator)
-  plop.setGenerator('component', componentGenerator)
-}
+const viewGenerator = require('./plop-templates/view/prompt')
+const componentGenerator = require('./plop-templates/component/prompt')
+
+module.exports = function(plop) {
+  plop.setGenerator('view', viewGenerator)
+  plop.setGenerator('component', componentGenerator)
+}
--- a/postcss.config.js
+++ b/postcss.config.js
@ -1,5 +1,5 @@
-module.exports = {
-  plugins: {
-    autoprefixer: {}
-  }
-}
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}
--- a/public/index.html
+++ b/public/index.html
@ -1,15 +1,15 @@
-<!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">
-    <link rel="icon" href="<%= BASE_URL %>logo.ico">
-    <title>回乡POS平台端</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>
+<!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">
+    <link rel="icon" href="<%= BASE_URL %>logo.ico">
+    <title>回乡POS平台端</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
--- a/src/App.vue
+++ b/src/App.vue
@ -1,32 +1,32 @@
-<template>
-  <div id="app">
-    <router-view v-if="isRouterAlive" />
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'App',
-  provide() {
-    return {
-      reload: this.reload,
-    }
-  },
-  data() {
-    return {
-      isRouterAlive: true,
-    }
-  },
-  methods: {
-    reload() {
-      this.isRouterAlive = false
-      this.$nextTick(function () {
-        this.isRouterAlive = true
-      })
-    },
-  },
-  created() {
-    // TODO 每次刷新页面会加载这个方法？是否能在这里判断 必须要缓存的Token ，用户信息等
-  },
-}
-</script>
+<template>
+  <div id="app">
+    <router-view v-if="isRouterAlive" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App',
+  provide() {
+    return {
+      reload: this.reload,
+    }
+  },
+  data() {
+    return {
+      isRouterAlive: true,
+    }
+  },
+  methods: {
+    reload() {
+      this.isRouterAlive = false
+      this.$nextTick(function () {
+        this.isRouterAlive = true
+      })
+    },
+  },
+  created() {
+    // TODO 每次刷新页面会加载这个方法？是否能在这里判断 必须要缓存的Token ，用户信息等
+  },
+}
+</script>
--- a/src/api/ActivityTweets.js
+++ b/src/api/ActivityTweets.js
@ -0,0 +1,58 @@
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/information/list`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/information`
+  },
+  save: {
+    method: 'POST',
+    url: `/information`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/information`
+  },
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  // query (data, custom = {}) {
+  //   return axiosApi({
+  //     ...apiList.query,
+  //     data,
+  //     custom
+  //   })
+  // },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+}
--- a/src/api/AfterSale.js
+++ b/src/api/AfterSale.js
@ -1,22 +1,22 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getList: `/order/findReturnInterventionList`,
-  getInfo: `/order/getReturnInterventionDetail`
-}
-export default {
-  // 售后平台介入列表
-  getList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getList,
-      data
-    })
-  },
-  getInfo(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.getInfo}/${id}`
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getList: `/order/findReturnInterventionList`,
+  getInfo: `/order/getReturnInterventionDetail`
+}
+export default {
+  // 售后平台介入列表
+  getList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getList,
+      data
+    })
+  },
+  getInfo(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.getInfo}/${id}`
+    })
+  }
+}
--- a/src/api/Applet.js
+++ b/src/api/Applet.js
@ -1,36 +1,36 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getPlatformTemplate: `/cmsTemplate/getPlatformTemplate`,
-  updateTemplate: '/cmsTemplate/updateTemplate',
-  getCmsTemplate: '/cmsTemplate/',
-  getStorePage: '/store/findStoreListForPlatform'
-}
-export default {
-  getStorePage(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getStorePage,
-      data
-    })
-  },
-  getCmsTemplate(id) {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.getCmsTemplate + id
-    })
-  },
-  getPlatformTemplate() {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.getPlatformTemplate
-    })
-  },
-  updateTemplate(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.updateTemplate,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getPlatformTemplate: `/cmsTemplate/getPlatformTemplate`,
+  updateTemplate: '/cmsTemplate/updateTemplate',
+  getCmsTemplate: '/cmsTemplate/',
+  getStorePage: '/store/findStoreListForPlatform'
+}
+export default {
+  getStorePage(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getStorePage,
+      data
+    })
+  },
+  getCmsTemplate(id) {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.getCmsTemplate + id
+    })
+  },
+  getPlatformTemplate() {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.getPlatformTemplate
+    })
+  },
+  updateTemplate(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.updateTemplate,
+      data
+    })
+  }
+}
--- a/src/api/Application.js
+++ b/src/api/Application.js
@ -1,78 +1,78 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/application/page`
-  },
-  update: {
-    method: 'PUT',
-    url: `/application`
-  },
-  save: {
-    method: 'POST',
-    url: `/application`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/application`
-  },
-  preview: {
-    method: 'POST',
-    url: `/application/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/application/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/application/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/application/page`
+  },
+  update: {
+    method: 'PUT',
+    url: `/application`
+  },
+  save: {
+    method: 'POST',
+    url: `/application`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/application`
+  },
+  preview: {
+    method: 'POST',
+    url: `/application/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/application/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/application/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/Apply.js
+++ b/src/api/Apply.js
@ -1,37 +1,37 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getList: `/tenantApply/page`,
-  auditApply: `/tenantApply/audit`,
-  deleteApply: `/tenantApply/remove`,
-  applyInfo: `/tenantApply`
-}
-export default {
-  getList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getList,
-      data
-    })
-  },
-  auditApply(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.auditApply,
-      data
-    })
-  },
-  deleteApply(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.deleteApply,
-      data
-    })
-  },
-  applyInfo(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.applyInfo}/${id}`
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getList: `/tenantApply/page`,
+  auditApply: `/tenantApply/audit`,
+  deleteApply: `/tenantApply/remove`,
+  applyInfo: `/tenantApply`
+}
+export default {
+  getList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getList,
+      data
+    })
+  },
+  auditApply(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.auditApply,
+      data
+    })
+  },
+  deleteApply(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.deleteApply,
+      data
+    })
+  },
+  applyInfo(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.applyInfo}/${id}`
+    })
+  }
+}
--- a/src/api/Area.js
+++ b/src/api/Area.js
@ -1,74 +1,74 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/area/page`
-  },
-  update: {
-    method: 'PUT',
-    url: `/area`
-  },
-  save: {
-    method: 'POST',
-    url: `/area`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/area`
-  },
-  query: {
-    method: 'POST',
-    url: `/area/query`
-  },
-  tree: {
-    method: 'GET',
-    url: `/area/tree`
-  }
-}
-
-export default {
-  page(data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  tree(data) {
-    return axiosApi({
-      ...apiList.tree,
-      data
-    })
-  },
-  query(data) {
-    return axiosApi({
-      ...apiList.query,
-      data
-    })
-  },
-  save(data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update(data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete(data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  check(code, id) {
-    return axiosApi({
-      method: 'GET',
-      url: `/area/check/` + code,
-      data: { id: id }
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/area/page`
+  },
+  update: {
+    method: 'PUT',
+    url: `/area`
+  },
+  save: {
+    method: 'POST',
+    url: `/area`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/area`
+  },
+  query: {
+    method: 'POST',
+    url: `/area/query`
+  },
+  tree: {
+    method: 'GET',
+    url: `/area/tree`
+  }
+}
+
+export default {
+  page(data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  tree(data) {
+    return axiosApi({
+      ...apiList.tree,
+      data
+    })
+  },
+  query(data) {
+    return axiosApi({
+      ...apiList.query,
+      data
+    })
+  },
+  save(data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update(data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete(data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  check(code, id) {
+    return axiosApi({
+      method: 'GET',
+      url: `/area/check/` + code,
+      data: { id: id }
+    })
+  }
+}
--- a/src/api/Attachment.js
+++ b/src/api/Attachment.js
@ -1,68 +1,68 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/attachment/page`
-  },
-  upload: {
-    method: 'POST',
-    url: `/attachment/upload`
-  },
-  download: {
-    method: 'GET',
-    url: `/attachment/download`
-  },
-  downloadBiz: {
-    method: 'GET',
-    url: `/attachment/download/biz`
-  },
-  downloadUrl: {
-    method: 'GET',
-    url: `/attachment/download/url`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/attachment`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  upload (data) {
-    return axiosApi({
-      ...apiList.upload,
-      data
-    })
-  },
-  download (data) {
-    return axiosApi({
-      ...apiList.download,
-      responseType: "blob",
-      data
-    })
-  },
-  downloadBiz (data) {
-    return axiosApi({
-      ...apiList.downloadBiz,
-      data
-    })
-  },
-  downloadUrl (data) {
-    return axiosApi({
-      ...apiList.downloadUrl,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/attachment/page`
+  },
+  upload: {
+    method: 'POST',
+    url: `/attachment/upload`
+  },
+  download: {
+    method: 'GET',
+    url: `/attachment/download`
+  },
+  downloadBiz: {
+    method: 'GET',
+    url: `/attachment/download/biz`
+  },
+  downloadUrl: {
+    method: 'GET',
+    url: `/attachment/download/url`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/attachment`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  upload (data) {
+    return axiosApi({
+      ...apiList.upload,
+      data
+    })
+  },
+  download (data) {
+    return axiosApi({
+      ...apiList.download,
+      responseType: "blob",
+      data
+    })
+  },
+  downloadBiz (data) {
+    return axiosApi({
+      ...apiList.downloadBiz,
+      data
+    })
+  },
+  downloadUrl (data) {
+    return axiosApi({
+      ...apiList.downloadUrl,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  }
+}
--- a/src/api/AxiosApi.js
+++ b/src/api/AxiosApi.js
@ -1,137 +1,137 @@
-import axios from 'axios'
-import { Message, MessageBox } from 'element-ui'
-import db from '@/utils/localstorage'
-import { Base64 } from 'js-base64'
-
-// 请求添加条件，如token
-axios.interceptors.request.use(
-  config => {
-    const isToken =
-      config.headers['X-isToken'] === false ? config.headers['X-isToken'] : true
-    const token = db.get('TOKEN', '')
-    if (token && isToken) {
-      config.headers.token = 'Bearer ' + token
-    }
-    // config.headers.tenant = 1166;
-    // config.headers.tenant = db.get('TENANT', '')
-    const clientId = process.env.VUE_APP_CLIENT_ID
-    const clientSecret = process.env.VUE_APP_CLIENT_SECRET
-
-    config.headers['Authorization'] = `Basic ${Base64.encode(
-      `${clientId}:${clientSecret}`
-    )}`
-    return config
-  },
-  error => {
-    return Promise.reject(error)
-  }
-)
-
-// 接口返回处理
-axios.interceptors.response.use(
-  response => {
-    return response
-  },
-  error => {
-    return Promise.reject(error)
-  }
-)
-
-function handleError(error, reject) {
-  if (error.code === 'ECONNABORTED') {
-    Message({
-      message: '请求超时'
-    })
-  } else if (error.response && error.response.data) {
-    Message({
-      message: error.response.data
-    })
-  } else if (error.message) {
-    Message({
-      message: error.message
-    })
-  }
-  reject(error)
-}
-
-function handleSuccess(res, resolve) {
-  if (res.data.isError) {
-    // 未登录
-    if (
-      res.data.code === 40000 ||
-      res.data.code === 40001 ||
-      res.data.code === 40002 ||
-      res.data.code === 40003 ||
-      res.data.code === 40005 ||
-      res.data.code === 40006 ||
-      res.data.code === 40008
-    ) {
-      MessageBox.alert(res.data.msg, '提醒', {
-        confirmButtonText: '确定',
-        callback: () => {
-          window.location.hash = '/login'
-        }
-      })
-    } else {
-      Message.error(res.data.msg)
-    }
-  }
-  resolve(res)
-}
-
-// http请求
-const httpServer = opts => {
-  // 公共参数
-  const publicParams = {
-    ts: Date.now()
-  }
-
-  // http默认配置
-  const method = opts.method.toUpperCase()
-  // baseURL
-  // 开发环境： /api                 // 开发环境在 vue.config.js 中有 devServer.proxy 代理
-  // 生产环境： http://IP:PORT/api   // 生产环境中 代理失效， 故需要配置绝对路径
-  const httpDefaultOpts = {
-    method,
-    url: `${process.env.VUE_APP_DEV_REQUEST_DOMAIN_PREFIX}${opts.url}`,
-    responseType: opts.responseType || '',
-    timeout: 20000
-  }
-  const dataRequest = ['PUT', 'POST', 'PATCH']
-  if (dataRequest.includes(method)) {
-    httpDefaultOpts.data = opts.data || {}
-  } else {
-    httpDefaultOpts.params = {
-      ...publicParams,
-      ...(opts.data || {})
-    }
-  }
-
-  // formData转换
-  if (opts.formData) {
-    httpDefaultOpts.transformRequest = [
-      data => {
-        const formData = new FormData()
-        if (data) {
-          Object.entries(data).forEach(item => {
-            formData.append(item[0], item[1])
-          })
-        }
-        return formData
-      }
-    ]
-  }
-
-  const promise = new Promise((resolve, reject) => {
-    axios(httpDefaultOpts)
-      .then(response => {
-        handleSuccess(response, resolve)
-      })
-      .catch(error => {
-        handleError(error, reject)
-      })
-  })
-  return promise
-}
-
-export default httpServer
+import axios from 'axios'
+import { Message, MessageBox } from 'element-ui'
+import db from '@/utils/localstorage'
+import { Base64 } from 'js-base64'
+
+// 请求添加条件，如token
+axios.interceptors.request.use(
+  config => {
+    const isToken =
+      config.headers['X-isToken'] === false ? config.headers['X-isToken'] : true
+    const token = db.get('TOKEN', '')
+    if (token && isToken) {
+      config.headers.token = 'Bearer ' + token
+    }
+    // config.headers.tenant = 1166;
+    // config.headers.tenant = db.get('TENANT', '')
+    const clientId = process.env.VUE_APP_CLIENT_ID
+    const clientSecret = process.env.VUE_APP_CLIENT_SECRET
+
+    config.headers['Authorization'] = `Basic ${Base64.encode(
+      `${clientId}:${clientSecret}`
+    )}`
+    return config
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+// 接口返回处理
+axios.interceptors.response.use(
+  response => {
+    return response
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+function handleError(error, reject) {
+  if (error.code === 'ECONNABORTED') {
+    Message({
+      message: '请求超时'
+    })
+  } else if (error.response && error.response.data) {
+    Message({
+      message: error.response.data
+    })
+  } else if (error.message) {
+    Message({
+      message: error.message
+    })
+  }
+  reject(error)
+}
+
+function handleSuccess(res, resolve) {
+  if (res.data.isError) {
+    // 未登录
+    if (
+      res.data.code === 40000 ||
+      res.data.code === 40001 ||
+      res.data.code === 40002 ||
+      res.data.code === 40003 ||
+      res.data.code === 40005 ||
+      res.data.code === 40006 ||
+      res.data.code === 40008
+    ) {
+      MessageBox.alert(res.data.msg, '提醒', {
+        confirmButtonText: '确定',
+        callback: () => {
+          window.location.hash = '/login'
+        }
+      })
+    } else {
+      Message.error(res.data.msg)
+    }
+  }
+  resolve(res)
+}
+
+// http请求
+const httpServer = opts => {
+  console.log(opts,"opts")
+  // 公共参数
+  const publicParams = {
+    ts: Date.now()
+  }
+
+  // http默认配置
+  const method = opts.method.toUpperCase()
+  // baseURL
+  // 开发环境： /api                 // 开发环境在 vue.config.js 中有 devServer.proxy 代理
+  // 生产环境： http://IP:PORT/api   // 生产环境中 代理失效， 故需要配置绝对路径
+  const httpDefaultOpts = {
+    method,
+    url: `${process.env.VUE_APP_DEV_REQUEST_DOMAIN_PREFIX}${opts.url}`,
+    responseType: opts.responseType || '',
+    timeout: 20000
+  }
+  const dataRequest = ['PUT', 'POST', 'PATCH']
+  if (dataRequest.includes(method)) {
+    httpDefaultOpts.data = opts.data || {}
+  } else {
+    httpDefaultOpts.params = {
+      ...publicParams,
+      ...(opts.data || {})
+    }
+  }
+
+  // formData转换
+  if (opts.formData) {
+    httpDefaultOpts.transformRequest = [
+      data => {
+        const formData = new FormData()
+        if (data) {
+          Object.entries(data).forEach(item => {
+            formData.append(item[0], item[1])
+          })
+        }
+        return formData
+      }
+    ]
+  }
+
+  const promise = new Promise((resolve, reject) => {
+    axios(httpDefaultOpts)
+      .then(response => {
+        handleSuccess(response, resolve)
+      })
+      .catch(error => {
+        handleError(error, reject)
+      })
+  })
+  return promise
+}
+export default httpServer
--- a/src/api/Brand.js
+++ b/src/api/Brand.js
@ -0,0 +1,96 @@
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/brand/page`,
+  },
+  query: {
+    method: 'POST',
+    url: `/brand/query`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/brand`
+  },
+  save: {
+    method: 'POST',
+    url: `/brand`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/brand`
+  },
+  export: {
+    method: 'POST',
+    url: `/brand/export`
+  },
+  preview: {
+    method: 'POST',
+    url: `/brand/preview`
+  },
+  import: {
+    method: 'POST',
+    url: `/brand/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  query (data, custom = {}) {
+    return axiosApi({
+      ...apiList.query,
+      data,
+      custom
+    })
+  },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+  export (data, custom = {}) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data,
+      custom
+    })
+  },
+  preview (data, custom = {}) {
+    return axiosApi({
+      ...apiList.preview,
+      data,
+      custom
+    })
+  },
+  import (data, custom = {}) {
+    return axiosApi({
+      ...apiList.import,
+      data,
+      custom
+    })
+  }
+}
--- a/src/api/Classification.js
+++ b/src/api/Classification.js
@ -1,54 +1,54 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  productCategory: `/productCategory/findPageCategory`,
-  addCategory: `/productCategory/addCategory`,
-  uploadCategory: `/productCategory/updateCategory`,
-  deletCategory: '/productCategory/delCategory',
-  queryOneCategory: `/productCategory/queryOneCategory`,
-  queryChildCategory: '/productCategory/queryChildCategory'
-}
-export default {
-  deletCategory(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.deletCategory,
-      data
-    })
-  },
-  queryChildCategory(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.queryChildCategory,
-      data
-    })
-  },
-  queryOneCategory(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.queryOneCategory,
-      data
-    })
-  },
-  getProductCategory(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.productCategory,
-      data
-    })
-  },
-  addCategory(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.addCategory,
-      data
-    })
-  },
-  uploadCategory(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.uploadCategory,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  productCategory: `/productCategory/findPageCategory`,
+  addCategory: `/productCategory/addCategory`,
+  uploadCategory: `/productCategory/updateCategory`,
+  deletCategory: '/productCategory/delCategory',
+  queryOneCategory: `/productCategory/queryOneCategory`,
+  queryChildCategory: '/productCategory/queryChildCategory'
+}
+export default {
+  deletCategory(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.deletCategory,
+      data
+    })
+  },
+  queryChildCategory(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.queryChildCategory,
+      data
+    })
+  },
+  queryOneCategory(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.queryOneCategory,
+      data
+    })
+  },
+  getProductCategory(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.productCategory,
+      data
+    })
+  },
+  addCategory(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.addCategory,
+      data
+    })
+  },
+  uploadCategory(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.uploadCategory,
+      data
+    })
+  }
+}
--- a/src/api/Comment.js
+++ b/src/api/Comment.js
@ -1,116 +1,116 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getList: `/comment/findCommentList`,
-  handleComment: `/comment/handleComment`,
-  getSensitiveKeywordList: `/comment/findSensitiveKeywordList`,
-  setSensitiveKeyword: `/comment/updateSensitiveKeywordSetting`,
-  addSensitiveKeyword: `/comment/addSensitiveKeyword`,
-  editSensitiveKeyword: `/comment/updateSensitiveKeyword`,
-  deleteSensitiveKeyword: `/comment/deleteSensitiveKeyword`,
-  getCommentKeywordList: `/comment/findCommentKeywordList`,
-  setCommentKeywordList: `/comment/updateCommentKeywordSetting`,
-  addCommentKeyword: `/comment/addCommentKeyword`,
-  editCommentKeyword: `/comment/updateCommentKeyword`,
-  deleteCommentKeyword: `/comment/deleteCommentKeyword`
-}
-export default {
-  // 敏感词列表
-  getList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getList,
-      data
-    })
-  },
-  // 操作评论
-  handleComment(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.handleComment,
-      data
-    })
-  },
-  // 查询敏感词列表
-  getSensitiveKeywordList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getSensitiveKeywordList,
-      data
-    })
-  },
-  // 敏感词配置
-  setSensitiveKeyword(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.setSensitiveKeyword,
-      data
-    })
-  },
-  // 新增敏感词
-  addSensitiveKeyword(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.addSensitiveKeyword,
-      data
-    })
-  },
-  // 修改敏感词
-  editSensitiveKeyword(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.editSensitiveKeyword,
-      data
-    })
-  },
-  // 删除敏感词
-  deleteSensitiveKeyword(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.deleteSensitiveKeyword,
-      data
-    })
-  },
-
-  // 查询关键词列表
-  getCommentKeywordList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getCommentKeywordList,
-      data
-    })
-  },
-  // 关键词配置
-  setCommentKeywordList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.setCommentKeywordList,
-      data
-    })
-  },
-  // 新增关键词
-  addCommentKeyword(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.addCommentKeyword,
-      data
-    })
-  },
-  // 修改关键词
-  editCommentKeyword(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.editCommentKeyword,
-      data
-    })
-  },
-  // 删除关键词
-  deleteCommentKeyword(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.deleteCommentKeyword,
-      data
-    })
-  }
-
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getList: `/comment/findCommentList`,
+  handleComment: `/comment/handleComment`,
+  getSensitiveKeywordList: `/comment/findSensitiveKeywordList`,
+  setSensitiveKeyword: `/comment/updateSensitiveKeywordSetting`,
+  addSensitiveKeyword: `/comment/addSensitiveKeyword`,
+  editSensitiveKeyword: `/comment/updateSensitiveKeyword`,
+  deleteSensitiveKeyword: `/comment/deleteSensitiveKeyword`,
+  getCommentKeywordList: `/comment/findCommentKeywordList`,
+  setCommentKeywordList: `/comment/updateCommentKeywordSetting`,
+  addCommentKeyword: `/comment/addCommentKeyword`,
+  editCommentKeyword: `/comment/updateCommentKeyword`,
+  deleteCommentKeyword: `/comment/deleteCommentKeyword`
+}
+export default {
+  // 敏感词列表
+  getList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getList,
+      data
+    })
+  },
+  // 操作评论
+  handleComment(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.handleComment,
+      data
+    })
+  },
+  // 查询敏感词列表
+  getSensitiveKeywordList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getSensitiveKeywordList,
+      data
+    })
+  },
+  // 敏感词配置
+  setSensitiveKeyword(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.setSensitiveKeyword,
+      data
+    })
+  },
+  // 新增敏感词
+  addSensitiveKeyword(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.addSensitiveKeyword,
+      data
+    })
+  },
+  // 修改敏感词
+  editSensitiveKeyword(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.editSensitiveKeyword,
+      data
+    })
+  },
+  // 删除敏感词
+  deleteSensitiveKeyword(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.deleteSensitiveKeyword,
+      data
+    })
+  },
+
+  // 查询关键词列表
+  getCommentKeywordList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getCommentKeywordList,
+      data
+    })
+  },
+  // 关键词配置
+  setCommentKeywordList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.setCommentKeywordList,
+      data
+    })
+  },
+  // 新增关键词
+  addCommentKeyword(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.addCommentKeyword,
+      data
+    })
+  },
+  // 修改关键词
+  editCommentKeyword(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.editCommentKeyword,
+      data
+    })
+  },
+  // 删除关键词
+  deleteCommentKeyword(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.deleteCommentKeyword,
+      data
+    })
+  }
+
+}
--- a/src/api/Common.js
+++ b/src/api/Common.js
@ -1,19 +1,19 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  // 获取当前系统的所有枚举
-  enums: {
-    method: 'GET',
-    url: `/enums`
-  }
-}
-
-export default {
-  uploadFile: `${process.env.VUE_APP_DEV_REQUEST_DOMAIN_PREFIX}/attachment/upload`,
-  enums (data) {
-    return axiosApi({
-      ...apiList.enums,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  // 获取当前系统的所有枚举
+  enums: {
+    method: 'GET',
+    url: `/enums`
+  }
+}
+
+export default {
+  uploadFile: `${process.env.VUE_APP_DEV_REQUEST_DOMAIN_PREFIX}/attachment/upload`,
+  enums (data) {
+    return axiosApi({
+      ...apiList.enums,
+      data
+    })
+  }
+}
--- a/src/api/Custom.js
+++ b/src/api/Custom.js
@ -1,37 +1,37 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  cmsTemplatePage: `/cmsTemplate/page`,
-  addTemplate: '/cmsTemplate',
-  deleteTemplate: '/cmsTemplate'
-}
-export default {
-  cmsTemplatePage(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.cmsTemplatePage,
-      data
-    })
-  },
-  addTemplate(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.addTemplate,
-      data
-    })
-  },
-  deleteTemplate(data) {
-    return axiosApi({
-      method: 'DELETE',
-      url: apiList.deleteTemplate,
-      data
-    })
-  },
-  updateTemplate(data) {
-    return axiosApi({
-      method: 'PUT',
-      url: apiList.deleteTemplate,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  cmsTemplatePage: `/cmsTemplate/page`,
+  addTemplate: '/cmsTemplate',
+  deleteTemplate: '/cmsTemplate'
+}
+export default {
+  cmsTemplatePage(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.cmsTemplatePage,
+      data
+    })
+  },
+  addTemplate(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.addTemplate,
+      data
+    })
+  },
+  deleteTemplate(data) {
+    return axiosApi({
+      method: 'DELETE',
+      url: apiList.deleteTemplate,
+      data
+    })
+  },
+  updateTemplate(data) {
+    return axiosApi({
+      method: 'PUT',
+      url: apiList.deleteTemplate,
+      data
+    })
+  }
+}
--- a/src/api/Dashboard.js
+++ b/src/api/Dashboard.js
@ -1,15 +1,15 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getVisitList: `/dashboard/visit`
-}
-
-export default {
-  getVisitList (data) {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.getVisitList,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getVisitList: `/dashboard/visit`
+}
+
+export default {
+  getVisitList (data) {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.getVisitList,
+      data
+    })
+  }
+}
--- a/src/api/Dictionary.js
+++ b/src/api/Dictionary.js
@ -1,47 +1,47 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/dictionary/page`
-  },
-  update: {
-    method: 'PUT',
-    url: `/dictionary`
-  },
-  save: {
-    method: 'POST',
-    url: `/dictionary`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/dictionary`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/dictionary/page`
+  },
+  update: {
+    method: 'PUT',
+    url: `/dictionary`
+  },
+  save: {
+    method: 'POST',
+    url: `/dictionary`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/dictionary`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  }
+}
--- a/src/api/DictionaryItem.js
+++ b/src/api/DictionaryItem.js
@ -1,88 +1,88 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/dictionaryItem/page`
-  },
-  update: {
-    method: 'PUT',
-    url: `/dictionaryItem`
-  },
-  save: {
-    method: 'POST',
-    url: `/dictionaryItem`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/dictionaryItem`
-  },
-  list: {
-    method: 'GET',
-    url: `/dictionaryItem/codes`
-  },
-  preview: {
-    method: 'POST',
-    url: `/dictionaryItem/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/dictionaryItem/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/dictionaryItem/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  list (data) {
-    return axiosApi({
-      ...apiList.list,
-      data
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/dictionaryItem/page`
+  },
+  update: {
+    method: 'PUT',
+    url: `/dictionaryItem`
+  },
+  save: {
+    method: 'POST',
+    url: `/dictionaryItem`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/dictionaryItem`
+  },
+  list: {
+    method: 'GET',
+    url: `/dictionaryItem/codes`
+  },
+  preview: {
+    method: 'POST',
+    url: `/dictionaryItem/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/dictionaryItem/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/dictionaryItem/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  list (data) {
+    return axiosApi({
+      ...apiList.list,
+      data
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/Finance.js
+++ b/src/api/Finance.js
@ -1,66 +1,66 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getCashList: `/cashOutDetail/page/audit`,
-  getDetail: '/cashOutDetail/audit/',
-  audiCash: '/cashOutDetail/audit',
-  getDepositList: `/depositJournal/page`, // 保证金列表
-  getDepositSum: `/depositJournal/summary`, // 保证金总金额
-  getDayList: `/journalDetail/platform-finance-page`,
-  getSummary: `/journalDetail/platform-finance-summary`
-}
-export default {
-  // 提现审核列表
-  getCashList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getCashList,
-      data
-    })
-  },
-  // 查询提现审核
-  getDetail(id) {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.getDetail + id
-    })
-  },
-  // 提现审核
-  audiCash(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.audiCash,
-      data
-    })
-  },
-  // 保证金列表
-  getDepositList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getDepositList,
-      data
-    })
-  },
-  // 保证金总金额
-  getDepositSum() {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getDepositSum
-    })
-  },
-  // 平台流水列表
-  getDayList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getDayList,
-      data
-    })
-  },
-  // 平台财务统计
-  getSummary() {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getSummary
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getCashList: `/cashOutDetail/page/audit`,
+  getDetail: '/cashOutDetail/audit/',
+  audiCash: '/cashOutDetail/audit',
+  getDepositList: `/depositJournal/page`, // 保证金列表
+  getDepositSum: `/depositJournal/summary`, // 保证金总金额
+  getDayList: `/journalDetail/platform-finance-page`,
+  getSummary: `/journalDetail/platform-finance-summary`
+}
+export default {
+  // 提现审核列表
+  getCashList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getCashList,
+      data
+    })
+  },
+  // 查询提现审核
+  getDetail(id) {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.getDetail + id
+    })
+  },
+  // 提现审核
+  audiCash(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.audiCash,
+      data
+    })
+  },
+  // 保证金列表
+  getDepositList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getDepositList,
+      data
+    })
+  },
+  // 保证金总金额
+  getDepositSum() {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getDepositSum
+    })
+  },
+  // 平台流水列表
+  getDayList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getDayList,
+      data
+    })
+  },
+  // 平台财务统计
+  getSummary() {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getSummary
+    })
+  }
+}
--- a/src/api/GlobalUser.js
+++ b/src/api/GlobalUser.js
@ -1,89 +1,89 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    url: `/globalUser/page`,
-    method: 'POST'
-  },
-  save: {
-    method: 'POST',
-    url: `/globalUser`
-  },
-  update: {
-    method: 'PUT',
-    url: `/globalUser`
-  },
-  remove: {
-    method: 'DELETE',
-    url: `/globalUser/delete`
-  },
-  check: {
-    method: 'GET',
-    url: `/globalUser/check`
-  },
-  preview: {
-    method: 'POST',
-    url: `/globalUser/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/globalUser/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/globalUser/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data: data || {}
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data: data || {}
-    })
-  },
-  remove (data) {
-    return axiosApi({
-      ...apiList.remove,
-      data: data || {}
-    })
-  },
-  check (data) {
-    return axiosApi({
-      ...apiList.check,
-      formData: true,
-      data: data || {}
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    url: `/globalUser/page`,
+    method: 'POST'
+  },
+  save: {
+    method: 'POST',
+    url: `/globalUser`
+  },
+  update: {
+    method: 'PUT',
+    url: `/globalUser`
+  },
+  remove: {
+    method: 'DELETE',
+    url: `/globalUser/delete`
+  },
+  check: {
+    method: 'GET',
+    url: `/globalUser/check`
+  },
+  preview: {
+    method: 'POST',
+    url: `/globalUser/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/globalUser/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/globalUser/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data: data || {}
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data: data || {}
+    })
+  },
+  remove (data) {
+    return axiosApi({
+      ...apiList.remove,
+      data: data || {}
+    })
+  },
+  check (data) {
+    return axiosApi({
+      ...apiList.check,
+      formData: true,
+      data: data || {}
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/Goods.js
+++ b/src/api/Goods.js
@ -1,84 +1,84 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getGroupList: `/productGroup/page`,
-  productGroup: `/productGroup`,
-  deleteGroup: `/productGroup/delProductCategory`,
-  getProductList: `/product/findAdminProductList`,
-  findCategoryList: '/productCategory/findCategoryListByDepth/',
-  saveProduct: '/product/save',
-  findAdminProductList: '/platformProduct/findAdminProductList',
-  findGoods: '/platformProduct/findProductListByCategoryOrProductIdList',
-  queryAllCategory: '/productCategory/queryAllCategory'
-}
-
-export default {
-  queryAllCategory() {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.queryAllCategory
-    })
-  },
-  findGoods(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.findGoods,
-      data
-    })
-  },
-  findAdminProductList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.findAdminProductList,
-      data
-    })
-  },
-  saveProduct(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.saveProduct,
-      data
-    })
-  },
-  findCategoryList(depth) {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.findCategoryList + depth
-    })
-  },
-  getProductList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getProductList,
-      data
-    })
-  },
-  getGroupList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getGroupList,
-      data
-    })
-  },
-  addGroup(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.productGroup,
-      data
-    })
-  },
-  eidtGroup(data) {
-    return axiosApi({
-      method: 'PUT',
-      url: apiList.productGroup,
-      data
-    })
-  },
-  deleteGroup(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.deleteGroup,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getGroupList: `/productGroup/page`,
+  productGroup: `/productGroup`,
+  deleteGroup: `/productGroup/delProductCategory`,
+  getProductList: `/product/findAdminProductList`,
+  findCategoryList: '/productCategory/findCategoryListByDepth/',
+  saveProduct: '/product/save',
+  findAdminProductList: '/platformProduct/findAdminProductList',
+  findGoods: '/platformProduct/findProductListByCategoryOrProductIdList',
+  queryAllCategory: '/productCategory/queryAllCategory'
+}
+
+export default {
+  queryAllCategory() {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.queryAllCategory
+    })
+  },
+  findGoods(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.findGoods,
+      data
+    })
+  },
+  findAdminProductList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.findAdminProductList,
+      data
+    })
+  },
+  saveProduct(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.saveProduct,
+      data
+    })
+  },
+  findCategoryList(depth) {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.findCategoryList + depth
+    })
+  },
+  getProductList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getProductList,
+      data
+    })
+  },
+  getGroupList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getGroupList,
+      data
+    })
+  },
+  addGroup(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.productGroup,
+      data
+    })
+  },
+  eidtGroup(data) {
+    return axiosApi({
+      method: 'PUT',
+      url: apiList.productGroup,
+      data
+    })
+  },
+  deleteGroup(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.deleteGroup,
+      data
+    })
+  }
+}
--- a/src/api/InformationApi.js
+++ b/src/api/InformationApi.js
@ -1,96 +1,96 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/store/information/page`,
-  },
-  query: {
-    method: 'POST',
-    url: `/store/information/query`,
-  },
-  update: {
-    method: 'PUT',
-    url: `/store/information`
-  },
-  save: {
-    method: 'POST',
-    url: `/store/information`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/store/information`
-  },
-  export: {
-    method: 'POST',
-    url: `/store/information/export`
-  },
-  preview: {
-    method: 'POST',
-    url: `/store/information/preview`
-  },
-  import: {
-    method: 'POST',
-    url: `/store/information/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  query (data, custom = {}) {
-    return axiosApi({
-      ...apiList.query,
-      data,
-      custom
-    })
-  },
-  save (data, custom = {}) {
-    return axiosApi({
-      ...apiList.save,
-      data,
-      custom
-    })
-  },
-  update (data, custom = {}) {
-    return axiosApi({
-      ...apiList.update,
-      data,
-      custom
-    })
-  },
-  delete (data, custom = {}) {
-    return axiosApi({
-      ...apiList.delete,
-      data,
-      custom
-    })
-  },
-  export (data, custom = {}) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data,
-      custom
-    })
-  },
-  preview (data, custom = {}) {
-    return axiosApi({
-      ...apiList.preview,
-      data,
-      custom
-    })
-  },
-  import (data, custom = {}) {
-    return axiosApi({
-      ...apiList.import,
-      data,
-      custom
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/store/information/page`,
+  },
+  query: {
+    method: 'POST',
+    url: `/store/information/query`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/store/information`
+  },
+  save: {
+    method: 'POST',
+    url: `/store/information`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/store/information`
+  },
+  export: {
+    method: 'POST',
+    url: `/store/information/export`
+  },
+  preview: {
+    method: 'POST',
+    url: `/store/information/preview`
+  },
+  import: {
+    method: 'POST',
+    url: `/store/information/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  query (data, custom = {}) {
+    return axiosApi({
+      ...apiList.query,
+      data,
+      custom
+    })
+  },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+  export (data, custom = {}) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data,
+      custom
+    })
+  },
+  preview (data, custom = {}) {
+    return axiosApi({
+      ...apiList.preview,
+      data,
+      custom
+    })
+  },
+  import (data, custom = {}) {
+    return axiosApi({
+      ...apiList.import,
+      data,
+      custom
+    })
+  }
+}
--- a/src/api/Label.js
+++ b/src/api/Label.js
@ -1,67 +1,67 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getLabelList: `/memberTag/page`,
-  addLabel: `/memberTag`,
-  queryTag: `/memberTag/queryTag/`,
-  deleteTag: `/memberTag`,
-  editTag: `/memberTag`,
-  exportTag: `/memberTag/export`,
-  getTagInfo: `/memberTag/`
-}
-export default {
-  // 标签列表
-  getLabelList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getLabelList,
-      data
-    })
-  },
-  // 新建标签
-  addLabel(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.addLabel,
-      data
-    })
-  },
-  // 查询客户标签
-  queryTag(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.queryTag}${id}`
-    })
-  },
-  // 删除标签
-  deleteTag(data) {
-    return axiosApi({
-      method: 'DELETE',
-      url: apiList.deleteTag,
-      data
-    })
-  },
-  // 修改标签
-  editTag(data) {
-    return axiosApi({
-      method: 'PUT',
-      url: apiList.editTag,
-      data
-    })
-  },
-  // 导出标签
-  exportTag(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.exportTag,
-      data
-    })
-  },
-  // 查询标签详情
-  getTagInfo(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.getTagInfo}${id}`
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getLabelList: `/memberTag/page`,
+  addLabel: `/memberTag`,
+  queryTag: `/memberTag/queryTag/`,
+  deleteTag: `/memberTag`,
+  editTag: `/memberTag`,
+  exportTag: `/memberTag/export`,
+  getTagInfo: `/memberTag/`
+}
+export default {
+  // 标签列表
+  getLabelList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getLabelList,
+      data
+    })
+  },
+  // 新建标签
+  addLabel(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.addLabel,
+      data
+    })
+  },
+  // 查询客户标签
+  queryTag(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.queryTag}${id}`
+    })
+  },
+  // 删除标签
+  deleteTag(data) {
+    return axiosApi({
+      method: 'DELETE',
+      url: apiList.deleteTag,
+      data
+    })
+  },
+  // 修改标签
+  editTag(data) {
+    return axiosApi({
+      method: 'PUT',
+      url: apiList.editTag,
+      data
+    })
+  },
+  // 导出标签
+  exportTag(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.exportTag,
+      data
+    })
+  },
+  // 查询标签详情
+  getTagInfo(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.getTagInfo}${id}`
+    })
+  }
+}
--- a/src/api/Login.js
+++ b/src/api/Login.js
@ -1,34 +1,34 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  captcha: `/anno/captcha`,
-  login: `/anno/admin/login`,
-  router: `/menu/admin/router`
-}
-
-export default {
-  getCaptcha (randomId) {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.captcha + `?key=${randomId}`,
-      responseType: 'arraybuffer',
-      meta: {
-        "X-isToken": false
-      }
-    })
-  },
-  login (data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.login,
-      data
-    })
-  },
-  getRouter (data) {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.router,
-      data: data || {}
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  captcha: `/anno/captcha`,
+  login: `/anno/admin/login`,
+  router: `/menu/admin/router`
+}
+
+export default {
+  getCaptcha (randomId) {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.captcha + `?key=${randomId}`,
+      responseType: 'arraybuffer',
+      meta: {
+        "X-isToken": false
+      }
+    })
+  },
+  login (data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.login,
+      data
+    })
+  },
+  getRouter (data) {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.router,
+      data: data || {}
+    })
+  }
+}
--- a/src/api/LoginLog.js
+++ b/src/api/LoginLog.js
@ -1,58 +1,58 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/loginLog/page`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/loginLog`
-  },
-  clear: {
-    method: 'DELETE',
-    url: `/loginLog/clear`
-  },
-  preview: {
-    method: 'POST',
-    url: `/loginLog/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/loginLog/export`
-  }
-}
-
-export default {
-  page(data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  delete(data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  clear(data) {
-    return axiosApi({
-      ...apiList.clear,
-      data
-    })
-  },
-  preview(data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export(data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/loginLog/page`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/loginLog`
+  },
+  clear: {
+    method: 'DELETE',
+    url: `/loginLog/clear`
+  },
+  preview: {
+    method: 'POST',
+    url: `/loginLog/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/loginLog/export`
+  }
+}
+
+export default {
+  page(data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  delete(data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  clear(data) {
+    return axiosApi({
+      ...apiList.clear,
+      data
+    })
+  },
+  preview(data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export(data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  }
+}
--- a/src/api/Management.js
+++ b/src/api/Management.js
@ -1,36 +1,36 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getTenants: `/tenant/page`,
-  addTenant: `/tenant`,
-  editTenant: `/tenant`
-}
-export default {
-  getAllTenant(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getTenants,
-      data
-    })
-  },
-  addTenant(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.addTenant,
-      data
-    })
-  },
-  editTenant(data) {
-    return axiosApi({
-      method: 'PUT',
-      url: apiList.editTenant,
-      data
-    })
-  },
-  fixRole(tenantCode) {
-    return axiosApi({
-      method: 'GET',
-      url: `/resource/fixRole/${tenantCode}`
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getTenants: `/tenant/page`,
+  addTenant: `/tenant`,
+  editTenant: `/tenant`
+}
+export default {
+  getAllTenant(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getTenants,
+      data
+    })
+  },
+  addTenant(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.addTenant,
+      data
+    })
+  },
+  editTenant(data) {
+    return axiosApi({
+      method: 'PUT',
+      url: apiList.editTenant,
+      data
+    })
+  },
+  fixRole(tenantCode) {
+    return axiosApi({
+      method: 'GET',
+      url: `/resource/fixRole/${tenantCode}`
+    })
+  }
+}
--- a/src/api/Marketing.js
+++ b/src/api/Marketing.js
@ -1,115 +1,115 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  addPromotion: `/promotion/addPromotion`,
-  getList: `/promotion/findAdminPromotionList`,
-  getDetails: `/promotion/query`,
-  delPromotion: `/promotion/delete`,
-  updatePromotion: `/promotion/updatePromotion`,
-  finishPromotion: `/promotion/end`,
-  applyShop: `/promotionApplyInfo/page`, // 参入店铺
-  auditLog: `/promotionAuditLog/query`,
-  getGoodList: `/product/findAdminProductListByIds`,
-  auditPromotion: `/promotionApplyInfo/auditPromotion`,
-  closeApplyInfo: `/promotionApplyInfo/closeApplyInfo`,
-  getDetail: `/promotionStat/detail`,
-  findTenantStatDetail: `/promotionStat/findTenantStatDetail`
-}
-export default {
-  addPromotion(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.addPromotion,
-      data
-    })
-  },
-  getList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getList,
-      data
-    })
-  },
-  getDetails(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.getDetails}/${id}`
-    })
-  },
-  delPromotion(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.delPromotion,
-      data
-    })
-  },
-  updatePromotion(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.updatePromotion,
-      data
-    })
-  },
-  finishPromotion(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.finishPromotion,
-      data
-    })
-  },
-  // 参与店铺
-  applyShop(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.applyShop,
-      data
-    })
-  },
-  // 审核记录
-  auditLog(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.auditLog,
-      data
-    })
-  },
-  // 查看商品
-  getGoodList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getGoodList,
-      data
-    })
-  },
-  // 报名审核
-  auditPromotion(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.auditPromotion,
-      data
-    })
-  },
-  // 清退报名
-  closeApplyInfo(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.closeApplyInfo,
-      data
-    })
-  },
-  /** 活动数据 */
-  getDetail(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.getDetail}/${id}`
-    })
-  },
-  // 商家数据明细
-  findTenantStatDetail(data) {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.findTenantStatDetail,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  addPromotion: `/promotion/addPromotion`,
+  getList: `/promotion/findAdminPromotionList`,
+  getDetails: `/promotion/query`,
+  delPromotion: `/promotion/delete`,
+  updatePromotion: `/promotion/updatePromotion`,
+  finishPromotion: `/promotion/end`,
+  applyShop: `/promotionApplyInfo/page`, // 参入店铺
+  auditLog: `/promotionAuditLog/query`,
+  getGoodList: `/product/findAdminProductListByIds`,
+  auditPromotion: `/promotionApplyInfo/auditPromotion`,
+  closeApplyInfo: `/promotionApplyInfo/closeApplyInfo`,
+  getDetail: `/promotionStat/detail`,
+  findTenantStatDetail: `/promotionStat/findTenantStatDetail`
+}
+export default {
+  addPromotion(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.addPromotion,
+      data
+    })
+  },
+  getList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getList,
+      data
+    })
+  },
+  getDetails(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.getDetails}/${id}`
+    })
+  },
+  delPromotion(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.delPromotion,
+      data
+    })
+  },
+  updatePromotion(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.updatePromotion,
+      data
+    })
+  },
+  finishPromotion(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.finishPromotion,
+      data
+    })
+  },
+  // 参与店铺
+  applyShop(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.applyShop,
+      data
+    })
+  },
+  // 审核记录
+  auditLog(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.auditLog,
+      data
+    })
+  },
+  // 查看商品
+  getGoodList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getGoodList,
+      data
+    })
+  },
+  // 报名审核
+  auditPromotion(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.auditPromotion,
+      data
+    })
+  },
+  // 清退报名
+  closeApplyInfo(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.closeApplyInfo,
+      data
+    })
+  },
+  /** 活动数据 */
+  getDetail(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.getDetail}/${id}`
+    })
+  },
+  // 商家数据明细
+  findTenantStatDetail(data) {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.findTenantStatDetail,
+      data
+    })
+  }
+}
--- a/src/api/Member.js
+++ b/src/api/Member.js
@ -1,95 +1,95 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getMemberList: `/member/adminPage`,
-  addTag: `/member/addTag`,
-  forbiddenMember: `/member/forbidden`,
-  getMemberInfo: `/member/query/`,
-  getMemberAddress: `/memberAddress/page`,
-  getOrderList: `/order/findAdminOrderList`,
-  getCustomData: `/order/getOrderStatisticsByMid/`, 
-  getCommentList: `/comment/findCommentList`, 
-  getMemberBillDetials: `/member/getMemberBillDetials`,
-  editMemberBill: `/member/editMemberBill`
-
-}
-export default {
-    // 平台会员余额修改
-    editMemberBill(data) {
-      return axiosApi({
-        method: 'POST',
-        url: apiList.editMemberBill,
-        data
-      })
-    },
-   // 平台会员余额明细
-   getMemberBillDetials(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getMemberBillDetials,
-      data
-    })
-  },
-  // 客户管理列表
-  getMemberList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getMemberList,
-      data
-    })
-  },
-  // 打标签
-  addTag(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.addTag,
-      data
-    })
-  },
-  // 加黑名单
-  forbiddenMember(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.forbiddenMember,
-      data
-    })
-  },
-  // 客户详情
-  getMemberInfo(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.getMemberInfo}${id}`
-    })
-  },
-  // 客户消费数据
-  getCustomData(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.getCustomData}${id}`
-    })
-  },
-  // 会员订单
-  getOrderList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getOrderList,
-      data
-    })
-  },
-  // 客户评价列表
-  getCommentList(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getCommentList,
-      data
-    })
-  },
-  // 会员收货地址
-  getMemberAddress(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.getMemberAddress,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getMemberList: `/member/adminPage`,
+  addTag: `/member/addTag`,
+  forbiddenMember: `/member/forbidden`,
+  getMemberInfo: `/member/query/`,
+  getMemberAddress: `/memberAddress/page`,
+  getOrderList: `/order/findAdminOrderList`,
+  getCustomData: `/order/getOrderStatisticsByMid/`, 
+  getCommentList: `/comment/findCommentList`, 
+  getMemberBillDetials: `/member/getMemberBillDetials`,
+  editMemberBill: `/member/editMemberBill`
+
+}
+export default {
+    // 平台会员余额修改
+    editMemberBill(data) {
+      return axiosApi({
+        method: 'POST',
+        url: apiList.editMemberBill,
+        data
+      })
+    },
+   // 平台会员余额明细
+   getMemberBillDetials(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getMemberBillDetials,
+      data
+    })
+  },
+  // 客户管理列表
+  getMemberList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getMemberList,
+      data
+    })
+  },
+  // 打标签
+  addTag(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.addTag,
+      data
+    })
+  },
+  // 加黑名单
+  forbiddenMember(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.forbiddenMember,
+      data
+    })
+  },
+  // 客户详情
+  getMemberInfo(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.getMemberInfo}${id}`
+    })
+  },
+  // 客户消费数据
+  getCustomData(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.getCustomData}${id}`
+    })
+  },
+  // 会员订单
+  getOrderList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getOrderList,
+      data
+    })
+  },
+  // 客户评价列表
+  getCommentList(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getCommentList,
+      data
+    })
+  },
+  // 会员收货地址
+  getMemberAddress(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.getMemberAddress,
+      data
+    })
+  }
+}
--- a/src/api/Menu.js
+++ b/src/api/Menu.js
@ -1,39 +1,39 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  getPlatformMenu: `/menu/tree`,
-  getAllMerchanMenu: `/menu/getAllTenantMenu`,
-  getSpecialMerchantMenu: `/menu/getSpecifiedTenantMenu`,
-  saveMenu: `/menu/syncMenu`
-}
-export default {
-  // 平台所有菜单
-  getPlatformMenu() {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.getPlatformMenu
-    })
-  },
-  // 查询所有商家菜单
-  getAllMerchanMenu() {
-    return axiosApi({
-      method: 'GET',
-      url: apiList.getAllMerchanMenu
-    })
-  },
-  // 查询指定商家菜单
-  getSpecialMerchantMenu(id) {
-    return axiosApi({
-      method: 'GET',
-      url: `${apiList.getSpecialMerchantMenu}/${id}`
-    })
-  },
-  // 同步菜单
-  saveMenu(data) {
-    return axiosApi({
-      method: 'POST',
-      url: apiList.saveMenu,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  getPlatformMenu: `/menu/tree`,
+  getAllMerchanMenu: `/menu/getAllTenantMenu`,
+  getSpecialMerchantMenu: `/menu/getSpecifiedTenantMenu`,
+  saveMenu: `/menu/syncMenu`
+}
+export default {
+  // 平台所有菜单
+  getPlatformMenu() {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.getPlatformMenu
+    })
+  },
+  // 查询所有商家菜单
+  getAllMerchanMenu() {
+    return axiosApi({
+      method: 'GET',
+      url: apiList.getAllMerchanMenu
+    })
+  },
+  // 查询指定商家菜单
+  getSpecialMerchantMenu(id) {
+    return axiosApi({
+      method: 'GET',
+      url: `${apiList.getSpecialMerchantMenu}/${id}`
+    })
+  },
+  // 同步菜单
+  saveMenu(data) {
+    return axiosApi({
+      method: 'POST',
+      url: apiList.saveMenu,
+      data
+    })
+  }
+}
--- a/src/api/Menus.js
+++ b/src/api/Menus.js
@ -1,47 +1,47 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  allTree: {
-    method: 'GET',
-    url: `/menu/tree`
-  },
-  save: {
-    method: 'POST',
-    url: `/menu`
-  },
-  update: {
-    method: 'PUT',
-    url: `/menu`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/menu`
-  }
-}
-
-export default {
-  allTree (data) {
-    return axiosApi({
-      ...apiList.allTree,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  allTree: {
+    method: 'GET',
+    url: `/menu/tree`
+  },
+  save: {
+    method: 'POST',
+    url: `/menu`
+  },
+  update: {
+    method: 'PUT',
+    url: `/menu`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/menu`
+  }
+}
+
+export default {
+  allTree (data) {
+    return axiosApi({
+      ...apiList.allTree,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  }
+}
--- a/src/api/Msgs.js
+++ b/src/api/Msgs.js
@ -1,85 +1,85 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    url: `/msgsCenterInfo/page`,
-    method: 'POST'
-  },
-  mark: {
-    url: `/msgsCenterInfo/mark`,
-    method: 'GET'
-  },
-  save: {
-    url: `/msgsCenterInfo`,
-    method: 'POST'
-  },
-  delete: {
-    url: `/msgsCenterInfo`,
-    method: 'DELETE'
-  },
-  preview: {
-    method: 'POST',
-    url: `/msgsCenterInfo/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/msgsCenterInfo/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/msgsCenterInfo/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  mark (data) {
-    return axiosApi({
-      ...apiList.mark,
-      data
-    })
-  },
-  get (id) {
-    return axiosApi({
-      url: `/msgsCenterInfo/${id}`,
-      method: 'GET'
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    url: `/msgsCenterInfo/page`,
+    method: 'POST'
+  },
+  mark: {
+    url: `/msgsCenterInfo/mark`,
+    method: 'GET'
+  },
+  save: {
+    url: `/msgsCenterInfo`,
+    method: 'POST'
+  },
+  delete: {
+    url: `/msgsCenterInfo`,
+    method: 'DELETE'
+  },
+  preview: {
+    method: 'POST',
+    url: `/msgsCenterInfo/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/msgsCenterInfo/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/msgsCenterInfo/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  mark (data) {
+    return axiosApi({
+      ...apiList.mark,
+      data
+    })
+  },
+  get (id) {
+    return axiosApi({
+      url: `/msgsCenterInfo/${id}`,
+      method: 'GET'
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/OptLog.js
+++ b/src/api/OptLog.js
@ -1,68 +1,68 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/optLog/page`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/optLog`
-  },
-  clear: {
-    method: 'DELETE',
-    url: `/optLog/clear`
-  },
-  preview: {
-    method: 'POST',
-    url: `/optLog/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/optLog/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/optLog/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  clear (data) {
-    return axiosApi({
-      ...apiList.clear,
-      data
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/optLog/page`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/optLog`
+  },
+  clear: {
+    method: 'DELETE',
+    url: `/optLog/clear`
+  },
+  preview: {
+    method: 'POST',
+    url: `/optLog/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/optLog/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/optLog/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  clear (data) {
+    return axiosApi({
+      ...apiList.clear,
+      data
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/Org.js
+++ b/src/api/Org.js
@ -1,78 +1,78 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  allTree: {
-    method: 'GET',
-    url: `/org/tree`
-  },
-  save: {
-    method: 'POST',
-    url: `/org`
-  },
-  update: {
-    method: 'PUT',
-    url: `/org`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/org`
-  },
-  preview: {
-    method: 'POST',
-    url: `/org/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/org/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/org/import`
-  }
-}
-
-export default {
-  allTree (data) {
-    return axiosApi({
-      ...apiList.allTree,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  allTree: {
+    method: 'GET',
+    url: `/org/tree`
+  },
+  save: {
+    method: 'POST',
+    url: `/org`
+  },
+  update: {
+    method: 'PUT',
+    url: `/org`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/org`
+  },
+  preview: {
+    method: 'POST',
+    url: `/org/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/org/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/org/import`
+  }
+}
+
+export default {
+  allTree (data) {
+    return axiosApi({
+      ...apiList.allTree,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/Parameter.js
+++ b/src/api/Parameter.js
@ -1,79 +1,79 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/parameter/page`
-  },
-  update: {
-    method: 'PUT',
-    url: `/parameter`
-  },
-  save: {
-    method: 'POST',
-    url: `/parameter`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/parameter`
-  },
-  preview: {
-    method: 'POST',
-    url: `/parameter/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/parameter/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/parameter/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/parameter/page`
+  },
+  update: {
+    method: 'PUT',
+    url: `/parameter`
+  },
+  save: {
+    method: 'POST',
+    url: `/parameter`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/parameter`
+  },
+  preview: {
+    method: 'POST',
+    url: `/parameter/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/parameter/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/parameter/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/Resource.js
+++ b/src/api/Resource.js
@ -1,47 +1,47 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/resource/page`
-  },
-  save: {
-    method: 'POST',
-    url: `/resource`
-  },
-  update: {
-    method: 'PUT',
-    url: `/resource`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/resource`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/resource/page`
+  },
+  save: {
+    method: 'POST',
+    url: `/resource`
+  },
+  update: {
+    method: 'PUT',
+    url: `/resource`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/resource`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  }
+}
--- a/src/api/Role.js
+++ b/src/api/Role.js
@ -1,129 +1,129 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    url: `/role/page`,
-    method: 'POST'
-  },
-  save: {
-    url: `/role`,
-    method: 'POST'
-  },
-  update: {
-    url: `/role`,
-    method: 'PUT'
-  },
-  delete: {
-    url: `/role`,
-    method: 'DELETE'
-  },
-  saveUserRole: {
-    url: `/role/user`,
-    method: 'POST'
-  },
-  saveRoleAuthority: {
-    url: `/role/authority`,
-    method: 'POST'
-  },
-  preview: {
-    method: 'POST',
-    url: `/user/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/user/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/role/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      // formData: true,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  get (id) {
-    return axiosApi({
-      url: `/role/${id}`,
-      method: 'GET'
-    })
-  },
-  getDetails (id) {
-    return axiosApi({
-      url: `/role/details/${id}`,
-      method: 'GET'
-    })
-  },
-  check (code) {
-    return axiosApi({
-      url: `/role/check/${code}`,
-      method: 'GET'
-    })
-  },
-  saveUserRole (data) {
-    return axiosApi({
-      ...apiList.saveUserRole,
-      data
-    })
-  },
-  findUserIdByRoleId (roleId) {
-    return axiosApi({
-      url: `/role/user/${roleId}`,
-      method: 'GET'
-    })
-  },
-  findAuthorityIdByRoleId (roleId) {
-    return axiosApi({
-      url: `/role/authority/${roleId}`,
-      method: 'GET'
-    })
-  },
-  saveRoleAuthority (data) {
-    return axiosApi({
-      ...apiList.saveRoleAuthority,
-      data
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    url: `/role/page`,
+    method: 'POST'
+  },
+  save: {
+    url: `/role`,
+    method: 'POST'
+  },
+  update: {
+    url: `/role`,
+    method: 'PUT'
+  },
+  delete: {
+    url: `/role`,
+    method: 'DELETE'
+  },
+  saveUserRole: {
+    url: `/role/user`,
+    method: 'POST'
+  },
+  saveRoleAuthority: {
+    url: `/role/authority`,
+    method: 'POST'
+  },
+  preview: {
+    method: 'POST',
+    url: `/user/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/user/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/role/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      // formData: true,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  get (id) {
+    return axiosApi({
+      url: `/role/${id}`,
+      method: 'GET'
+    })
+  },
+  getDetails (id) {
+    return axiosApi({
+      url: `/role/details/${id}`,
+      method: 'GET'
+    })
+  },
+  check (code) {
+    return axiosApi({
+      url: `/role/check/${code}`,
+      method: 'GET'
+    })
+  },
+  saveUserRole (data) {
+    return axiosApi({
+      ...apiList.saveUserRole,
+      data
+    })
+  },
+  findUserIdByRoleId (roleId) {
+    return axiosApi({
+      url: `/role/user/${roleId}`,
+      method: 'GET'
+    })
+  },
+  findAuthorityIdByRoleId (roleId) {
+    return axiosApi({
+      url: `/role/authority/${roleId}`,
+      method: 'GET'
+    })
+  },
+  saveRoleAuthority (data) {
+    return axiosApi({
+      ...apiList.saveRoleAuthority,
+      data
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/SmsSendStatus.js
+++ b/src/api/SmsSendStatus.js
@ -1,17 +1,17 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    url: `/smsSendStatus/page`,
-    method: 'POST'
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    url: `/smsSendStatus/page`,
+    method: 'POST'
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  }
+}
--- a/src/api/SmsTask.js
+++ b/src/api/SmsTask.js
@ -1,84 +1,84 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    url: `/smsTask/page`,
-    method: 'POST'
-  },
-  save: {
-    url: `/smsTask`,
-    method: 'POST'
-  },
-  update: {
-    url: `/smsTask`,
-    method: 'PUT'
-  },
-  delete: {
-    url: `/smsTask`,
-    method: 'DELETE'
-  },
-  preview: {
-    method: 'POST',
-    url: `/smsTask/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/smsTask/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/smsTask/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  get (id) {
-    return axiosApi({
-      url: `/smsTask/${id}`,
-      method: 'GET'
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    url: `/smsTask/page`,
+    method: 'POST'
+  },
+  save: {
+    url: `/smsTask`,
+    method: 'POST'
+  },
+  update: {
+    url: `/smsTask`,
+    method: 'PUT'
+  },
+  delete: {
+    url: `/smsTask`,
+    method: 'DELETE'
+  },
+  preview: {
+    method: 'POST',
+    url: `/smsTask/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/smsTask/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/smsTask/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  get (id) {
+    return axiosApi({
+      url: `/smsTask/${id}`,
+      method: 'GET'
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/SmsTemplate.js
+++ b/src/api/SmsTemplate.js
@ -1,89 +1,89 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    url: `/smsTemplate/page`,
-    method: 'POST'
-  },
-  save: {
-    url: `/smsTemplate`,
-    method: 'POST'
-  },
-  update: {
-    url: `/smsTemplate`,
-    method: 'PUT'
-  },
-  delete: {
-    url: `/smsTemplate`,
-    method: 'DELETE'
-  },
-  check: {
-    url: `/smsTemplate/check`,
-    method: 'GET'
-  },
-  preview: {
-    method: 'POST',
-    url: `/smsTemplate/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/smsTemplate/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/smsTemplate/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  check (customCode) {
-    const data = { customCode: customCode }
-    return axiosApi({
-      ...apiList.check,
-      data
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    url: `/smsTemplate/page`,
+    method: 'POST'
+  },
+  save: {
+    url: `/smsTemplate`,
+    method: 'POST'
+  },
+  update: {
+    url: `/smsTemplate`,
+    method: 'PUT'
+  },
+  delete: {
+    url: `/smsTemplate`,
+    method: 'DELETE'
+  },
+  check: {
+    url: `/smsTemplate/check`,
+    method: 'GET'
+  },
+  preview: {
+    method: 'POST',
+    url: `/smsTemplate/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/smsTemplate/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/smsTemplate/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  check (customCode) {
+    const data = { customCode: customCode }
+    return axiosApi({
+      ...apiList.check,
+      data
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/Station.js
+++ b/src/api/Station.js
@ -1,78 +1,78 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    url: `/station/page`,
-    method: 'POST'
-  },
-  save: {
-    url: `/station`,
-    method: 'POST'
-  },
-  update: {
-    url: `/station`,
-    method: 'PUT'
-  },
-  delete: {
-    url: `/station`,
-    method: 'DELETE'
-  },
-  preview: {
-    method: 'POST',
-    url: `/station/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/station/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/station/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    url: `/station/page`,
+    method: 'POST'
+  },
+  save: {
+    url: `/station`,
+    method: 'POST'
+  },
+  update: {
+    url: `/station`,
+    method: 'PUT'
+  },
+  delete: {
+    url: `/station`,
+    method: 'DELETE'
+  },
+  preview: {
+    method: 'POST',
+    url: `/station/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/station/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/station/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/SystemApi.js
+++ b/src/api/SystemApi.js
@ -1,84 +1,84 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/systemApi/page`
-  },
-  update: {
-    method: 'PUT',
-    url: `/systemApi`
-  },
-  save: {
-    method: 'POST',
-    url: `/systemApi`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/systemApi`
-  },
-  preview: {
-    method: 'POST',
-    url: `/systemApi/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/systemApi/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/systemApi/import`
-  }
-}
-
-export default {
-  page(data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  scan(serviceId) {
-    return axiosApi({
-      method: 'GET',
-      url: `/${serviceId}/systemApiScan`
-    })
-  },
-  save(data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update(data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  delete(data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  preview(data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export(data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import(data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/systemApi/page`
+  },
+  update: {
+    method: 'PUT',
+    url: `/systemApi`
+  },
+  save: {
+    method: 'POST',
+    url: `/systemApi`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/systemApi`
+  },
+  preview: {
+    method: 'POST',
+    url: `/systemApi/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/systemApi/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/systemApi/import`
+  }
+}
+
+export default {
+  page(data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  scan(serviceId) {
+    return axiosApi({
+      method: 'GET',
+      url: `/${serviceId}/systemApiScan`
+    })
+  },
+  save(data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update(data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  delete(data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  preview(data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export(data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import(data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/Tenant
+++ b/src/api/Tenant
@ -1,57 +1,57 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/tenant/page`
-  },
-  update: {
-    method: 'PUT',
-    url: `/tenant`
-  },
-  save: {
-    method: 'POST',
-    url: `/tenant`
-  },
-  saveInit: {
-    method: 'POST',
-    url: `/tenant/init`
-  },
-  remove: {
-    method: 'DELETE',
-    url: `/tenant/remove`
-  }
-}
-
-export default {
-  page(data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save(data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  saveInit(data) {
-    return axiosApi({
-      ...apiList.saveInit,
-      data
-    })
-  },
-  update(data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  remove(data) {
-    return axiosApi({
-      ...apiList.remove,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/tenant/page`
+  },
+  update: {
+    method: 'PUT',
+    url: `/tenant`
+  },
+  save: {
+    method: 'POST',
+    url: `/tenant`
+  },
+  saveInit: {
+    method: 'POST',
+    url: `/tenant/init`
+  },
+  remove: {
+    method: 'DELETE',
+    url: `/tenant/remove`
+  }
+}
+
+export default {
+  page(data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save(data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  saveInit(data) {
+    return axiosApi({
+      ...apiList.saveInit,
+      data
+    })
+  },
+  update(data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  remove(data) {
+    return axiosApi({
+      ...apiList.remove,
+      data
+    })
+  }
+}
--- a/src/api/Tenant.js
+++ b/src/api/Tenant.js
@ -1,105 +1,105 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/tenant/page`
-  },
-  update: {
-    method: 'PUT',
-    url: `/tenant`
-  },
-  save: {
-    method: 'POST',
-    url: `/tenant`
-  },
-  saveInit: {
-    method: 'POST',
-    url: `/tenant/init`
-  },
-  remove: {
-    method: 'DELETE',
-    url: `/tenant`
-  },
-  list: {
-    method: 'POST',
-    url: `/tenant/query`
-  },
-  preview: {
-    method: 'POST',
-    url: `/tenant/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/tenant/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/tenant/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  // 同步创建租户，防止在切换回默认数据源时，执行其他方法
-  async saveInit (data) {
-    return axiosApi({
-      ...apiList.saveInit,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  remove (data) {
-    return axiosApi({
-      ...apiList.remove,
-      data
-    })
-  },
-  list (data) {
-    return axiosApi({
-      ...apiList.list,
-      data
-    })
-  },
-  check (code) {
-    return axiosApi({
-      method: 'GET',
-      url: `/tenant/check/${code}`
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/tenant/page`
+  },
+  update: {
+    method: 'PUT',
+    url: `/tenant`
+  },
+  save: {
+    method: 'POST',
+    url: `/tenant`
+  },
+  saveInit: {
+    method: 'POST',
+    url: `/tenant/init`
+  },
+  remove: {
+    method: 'DELETE',
+    url: `/tenant`
+  },
+  list: {
+    method: 'POST',
+    url: `/tenant/query`
+  },
+  preview: {
+    method: 'POST',
+    url: `/tenant/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/tenant/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/tenant/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  // 同步创建租户，防止在切换回默认数据源时，执行其他方法
+  async saveInit (data) {
+    return axiosApi({
+      ...apiList.saveInit,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  remove (data) {
+    return axiosApi({
+      ...apiList.remove,
+      data
+    })
+  },
+  list (data) {
+    return axiosApi({
+      ...apiList.list,
+      data
+    })
+  },
+  check (code) {
+    return axiosApi({
+      method: 'GET',
+      url: `/tenant/check/${code}`
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/User.js
+++ b/src/api/User.js
@ -1,135 +1,135 @@
-import axiosApi from './AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/user/page`
-  },
-  save: {
-    method: 'POST',
-    url: `/user`
-  },
-  update: {
-    method: 'PUT',
-    url: `/user`
-  },
-  updateBaseInfo: {
-    method: 'PUT',
-    url: `/user/base`
-  },
-  avatar: {
-    method: 'PUT',
-    url: `/user/avatar`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/user`
-  },
-  reset: {
-    method: 'GET',
-    url: `/user/reset`
-  },
-  updatePassword: {
-    method: 'PUT',
-    url: `/user/password`
-  },
-  reload: {
-    method: 'POST',
-    url: `/user/reload`
-  },
-  preview: {
-    method: 'POST',
-    url: `/user/preview`
-  },
-  export: {
-    method: 'POST',
-    url: `/user/export`
-  },
-  import: {
-    method: 'POST',
-    url: `/user/import`
-  }
-}
-
-export default {
-  page (data) {
-    return axiosApi({
-      ...apiList.page,
-      data
-    })
-  },
-  save (data) {
-    return axiosApi({
-      ...apiList.save,
-      data
-    })
-  },
-  update (data) {
-    return axiosApi({
-      ...apiList.update,
-      data
-    })
-  },
-  updateBaseInfo (data) {
-    return axiosApi({
-      ...apiList.updateBaseInfo,
-      data
-    })
-  },
-  updatePassword (data) {
-    return axiosApi({
-      ...apiList.updatePassword,
-      data
-    })
-  },
-  delete (data) {
-    return axiosApi({
-      ...apiList.delete,
-      data
-    })
-  },
-  get (id) {
-    return axiosApi({
-      method: 'GET',
-      url: `/user/${id}`
-    })
-  },
-  reset (data) {
-    return axiosApi({
-      ...apiList.reset,
-      data
-    })
-  },
-  avatar (data) {
-    return axiosApi({
-      ...apiList.avatar,
-      data
-    })
-  },
-  reload (userId) {
-    return axiosApi({
-      ...apiList.reload,
-      formData: true,
-      data: { userId: userId }
-    })
-  },
-  preview (data) {
-    return axiosApi({
-      ...apiList.preview,
-      data
-    })
-  },
-  export (data) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data
-    })
-  },
-  import (data) {
-    return axiosApi({
-      ...apiList.import,
-      data
-    })
-  }
-}
+import axiosApi from './AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/user/page`
+  },
+  save: {
+    method: 'POST',
+    url: `/user`
+  },
+  update: {
+    method: 'PUT',
+    url: `/user`
+  },
+  updateBaseInfo: {
+    method: 'PUT',
+    url: `/user/base`
+  },
+  avatar: {
+    method: 'PUT',
+    url: `/user/avatar`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/user`
+  },
+  reset: {
+    method: 'GET',
+    url: `/user/reset`
+  },
+  updatePassword: {
+    method: 'PUT',
+    url: `/user/password`
+  },
+  reload: {
+    method: 'POST',
+    url: `/user/reload`
+  },
+  preview: {
+    method: 'POST',
+    url: `/user/preview`
+  },
+  export: {
+    method: 'POST',
+    url: `/user/export`
+  },
+  import: {
+    method: 'POST',
+    url: `/user/import`
+  }
+}
+
+export default {
+  page (data) {
+    return axiosApi({
+      ...apiList.page,
+      data
+    })
+  },
+  save (data) {
+    return axiosApi({
+      ...apiList.save,
+      data
+    })
+  },
+  update (data) {
+    return axiosApi({
+      ...apiList.update,
+      data
+    })
+  },
+  updateBaseInfo (data) {
+    return axiosApi({
+      ...apiList.updateBaseInfo,
+      data
+    })
+  },
+  updatePassword (data) {
+    return axiosApi({
+      ...apiList.updatePassword,
+      data
+    })
+  },
+  delete (data) {
+    return axiosApi({
+      ...apiList.delete,
+      data
+    })
+  },
+  get (id) {
+    return axiosApi({
+      method: 'GET',
+      url: `/user/${id}`
+    })
+  },
+  reset (data) {
+    return axiosApi({
+      ...apiList.reset,
+      data
+    })
+  },
+  avatar (data) {
+    return axiosApi({
+      ...apiList.avatar,
+      data
+    })
+  },
+  reload (userId) {
+    return axiosApi({
+      ...apiList.reload,
+      formData: true,
+      data: { userId: userId }
+    })
+  },
+  preview (data) {
+    return axiosApi({
+      ...apiList.preview,
+      data
+    })
+  },
+  export (data) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data
+    })
+  },
+  import (data) {
+    return axiosApi({
+      ...apiList.import,
+      data
+    })
+  }
+}
--- a/src/api/creditGoods/CreditGoods.js
+++ b/src/api/creditGoods/CreditGoods.js
@ -1,97 +1,97 @@
-import axiosApi from '../AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/creditGoods/list`,
-    // url: `/creditGoods/page`,
-  },
-  query: {
-    method: 'POST',
-    url: `/creditGoods/query`,
-  },
-  update: {
-    method: 'PUT',
-    url: `/creditGoods`
-  },
-  save: {
-    method: 'POST',
-    url: `/creditGoods`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/creditGoods`
-  },
-  export: {
-    method: 'POST',
-    url: `/creditGoods/export`
-  },
-  preview: {
-    method: 'POST',
-    url: `/creditGoods/preview`
-  },
-  import: {
-    method: 'POST',
-    url: `/creditGoods/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  query (data, custom = {}) {
-    return axiosApi({
-      ...apiList.query,
-      data,
-      custom
-    })
-  },
-  save (data, custom = {}) {
-    return axiosApi({
-      ...apiList.save,
-      data,
-      custom
-    })
-  },
-  update (data, custom = {}) {
-    return axiosApi({
-      ...apiList.update,
-      data,
-      custom
-    })
-  },
-  delete (data, custom = {}) {
-    return axiosApi({
-      ...apiList.delete,
-      data,
-      custom
-    })
-  },
-  export (data, custom = {}) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data,
-      custom
-    })
-  },
-  preview (data, custom = {}) {
-    return axiosApi({
-      ...apiList.preview,
-      data,
-      custom
-    })
-  },
-  import (data, custom = {}) {
-    return axiosApi({
-      ...apiList.import,
-      data,
-      custom
-    })
-  }
-}
+import axiosApi from '../AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/creditGoods/list`,
+    // url: `/creditGoods/page`,
+  },
+  query: {
+    method: 'POST',
+    url: `/creditGoods/query`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/creditGoods`
+  },
+  save: {
+    method: 'POST',
+    url: `/creditGoods`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/creditGoods`
+  },
+  export: {
+    method: 'POST',
+    url: `/creditGoods/export`
+  },
+  preview: {
+    method: 'POST',
+    url: `/creditGoods/preview`
+  },
+  import: {
+    method: 'POST',
+    url: `/creditGoods/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  query (data, custom = {}) {
+    return axiosApi({
+      ...apiList.query,
+      data,
+      custom
+    })
+  },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+  export (data, custom = {}) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data,
+      custom
+    })
+  },
+  preview (data, custom = {}) {
+    return axiosApi({
+      ...apiList.preview,
+      data,
+      custom
+    })
+  },
+  import (data, custom = {}) {
+    return axiosApi({
+      ...apiList.import,
+      data,
+      custom
+    })
+  }
+}
--- a/src/api/creditGoods/CreditGoodsCategory.js
+++ b/src/api/creditGoods/CreditGoodsCategory.js
@ -1,96 +1,96 @@
-import axiosApi from '../AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/creditGoodsCategory/page`,
-  },
-  query: {
-    method: 'POST',
-    url: `/creditGoodsCategory/query`,
-  },
-  update: {
-    method: 'PUT',
-    url: `/creditGoodsCategory`
-  },
-  save: {
-    method: 'POST',
-    url: `/creditGoodsCategory`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/creditGoodsCategory`
-  },
-  export: {
-    method: 'POST',
-    url: `/creditGoodsCategory/export`
-  },
-  preview: {
-    method: 'POST',
-    url: `/creditGoodsCategory/preview`
-  },
-  import: {
-    method: 'POST',
-    url: `/creditGoodsCategory/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  query (data, custom = {}) {
-    return axiosApi({
-      ...apiList.query,
-      data,
-      custom
-    })
-  },
-  save (data, custom = {}) {
-    return axiosApi({
-      ...apiList.save,
-      data,
-      custom
-    })
-  },
-  update (data, custom = {}) {
-    return axiosApi({
-      ...apiList.update,
-      data,
-      custom
-    })
-  },
-  delete (data, custom = {}) {
-    return axiosApi({
-      ...apiList.delete,
-      data,
-      custom
-    })
-  },
-  export (data, custom = {}) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data,
-      custom
-    })
-  },
-  preview (data, custom = {}) {
-    return axiosApi({
-      ...apiList.preview,
-      data,
-      custom
-    })
-  },
-  import (data, custom = {}) {
-    return axiosApi({
-      ...apiList.import,
-      data,
-      custom
-    })
-  }
-}
+import axiosApi from '../AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/creditGoodsCategory/page`,
+  },
+  query: {
+    method: 'POST',
+    url: `/creditGoodsCategory/query`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/creditGoodsCategory`
+  },
+  save: {
+    method: 'POST',
+    url: `/creditGoodsCategory`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/creditGoodsCategory`
+  },
+  export: {
+    method: 'POST',
+    url: `/creditGoodsCategory/export`
+  },
+  preview: {
+    method: 'POST',
+    url: `/creditGoodsCategory/preview`
+  },
+  import: {
+    method: 'POST',
+    url: `/creditGoodsCategory/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  query (data, custom = {}) {
+    return axiosApi({
+      ...apiList.query,
+      data,
+      custom
+    })
+  },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+  export (data, custom = {}) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data,
+      custom
+    })
+  },
+  preview (data, custom = {}) {
+    return axiosApi({
+      ...apiList.preview,
+      data,
+      custom
+    })
+  },
+  import (data, custom = {}) {
+    return axiosApi({
+      ...apiList.import,
+      data,
+      custom
+    })
+  }
+}
--- a/src/api/creditGoods/CreditGoodsImg.js
+++ b/src/api/creditGoods/CreditGoodsImg.js
@ -1,96 +1,96 @@
-import axiosApi from '../AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/store/creditGoodsImg/page`,
-  },
-  query: {
-    method: 'POST',
-    url: `/store/creditGoodsImg/query`,
-  },
-  update: {
-    method: 'PUT',
-    url: `/store/creditGoodsImg`
-  },
-  save: {
-    method: 'POST',
-    url: `/store/creditGoodsImg`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/store/creditGoodsImg`
-  },
-  export: {
-    method: 'POST',
-    url: `/store/creditGoodsImg/export`
-  },
-  preview: {
-    method: 'POST',
-    url: `/store/creditGoodsImg/preview`
-  },
-  import: {
-    method: 'POST',
-    url: `/store/creditGoodsImg/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  query (data, custom = {}) {
-    return axiosApi({
-      ...apiList.query,
-      data,
-      custom
-    })
-  },
-  save (data, custom = {}) {
-    return axiosApi({
-      ...apiList.save,
-      data,
-      custom
-    })
-  },
-  update (data, custom = {}) {
-    return axiosApi({
-      ...apiList.update,
-      data,
-      custom
-    })
-  },
-  delete (data, custom = {}) {
-    return axiosApi({
-      ...apiList.delete,
-      data,
-      custom
-    })
-  },
-  export (data, custom = {}) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data,
-      custom
-    })
-  },
-  preview (data, custom = {}) {
-    return axiosApi({
-      ...apiList.preview,
-      data,
-      custom
-    })
-  },
-  import (data, custom = {}) {
-    return axiosApi({
-      ...apiList.import,
-      data,
-      custom
-    })
-  }
-}
+import axiosApi from '../AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/creditGoodsImg/page`,
+  },
+  query: {
+    method: 'POST',
+    url: `/creditGoodsImg/query`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/creditGoodsImg`
+  },
+  save: {
+    method: 'POST',
+    url: `/creditGoodsImg`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/creditGoodsImg`
+  },
+  export: {
+    method: 'POST',
+    url: `/creditGoodsImg/export`
+  },
+  preview: {
+    method: 'POST',
+    url: `/creditGoodsImg/preview`
+  },
+  import: {
+    method: 'POST',
+    url: `/creditGoodsImg/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  query (data, custom = {}) {
+    return axiosApi({
+      ...apiList.query,
+      data,
+      custom
+    })
+  },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+  export (data, custom = {}) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data,
+      custom
+    })
+  },
+  preview (data, custom = {}) {
+    return axiosApi({
+      ...apiList.preview,
+      data,
+      custom
+    })
+  },
+  import (data, custom = {}) {
+    return axiosApi({
+      ...apiList.import,
+      data,
+      custom
+    })
+  }
+}
--- a/src/api/creditGoods/CreditOrder.js
+++ b/src/api/creditGoods/CreditOrder.js
@ -1,97 +1,97 @@
-import axiosApi from '../AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/creditOrder/list`,
-    // url: `/creditOrder/page`,
-  },
-  query: {
-    method: 'POST',
-    url: `/creditOrder/query`,
-  },
-  update: {
-    method: 'PUT',
-    url: `/creditOrder`
-  },
-  save: {
-    method: 'POST',
-    url: `/creditOrder`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/creditOrder`
-  },
-  export: {
-    method: 'POST',
-    url: `/creditOrder/export`
-  },
-  preview: {
-    method: 'POST',
-    url: `/creditOrder/preview`
-  },
-  import: {
-    method: 'POST',
-    url: `/creditOrder/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  query (data, custom = {}) {
-    return axiosApi({
-      ...apiList.query,
-      data,
-      custom
-    })
-  },
-  save (data, custom = {}) {
-    return axiosApi({
-      ...apiList.save,
-      data,
-      custom
-    })
-  },
-  update (data, custom = {}) {
-    return axiosApi({
-      ...apiList.update,
-      data,
-      custom
-    })
-  },
-  delete (data, custom = {}) {
-    return axiosApi({
-      ...apiList.delete,
-      data,
-      custom
-    })
-  },
-  export (data, custom = {}) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data,
-      custom
-    })
-  },
-  preview (data, custom = {}) {
-    return axiosApi({
-      ...apiList.preview,
-      data,
-      custom
-    })
-  },
-  import (data, custom = {}) {
-    return axiosApi({
-      ...apiList.import,
-      data,
-      custom
-    })
-  }
-}
+import axiosApi from '../AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/creditOrder/list`,
+    // url: `/creditOrder/page`,
+  },
+  query: {
+    method: 'POST',
+    url: `/creditOrder/query`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/creditOrder`
+  },
+  save: {
+    method: 'POST',
+    url: `/creditOrder`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/creditOrder`
+  },
+  export: {
+    method: 'POST',
+    url: `/creditOrder/export`
+  },
+  preview: {
+    method: 'POST',
+    url: `/creditOrder/preview`
+  },
+  import: {
+    method: 'POST',
+    url: `/creditOrder/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  query (data, custom = {}) {
+    return axiosApi({
+      ...apiList.query,
+      data,
+      custom
+    })
+  },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+  export (data, custom = {}) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data,
+      custom
+    })
+  },
+  preview (data, custom = {}) {
+    return axiosApi({
+      ...apiList.preview,
+      data,
+      custom
+    })
+  },
+  import (data, custom = {}) {
+    return axiosApi({
+      ...apiList.import,
+      data,
+      custom
+    })
+  }
+}
--- a/src/api/creditGoods/CreditOrderDelivery.js
+++ b/src/api/creditGoods/CreditOrderDelivery.js
@ -1,96 +1,96 @@
-import axiosApi from '../AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/store/creditOrderDelivery/page`,
-  },
-  query: {
-    method: 'POST',
-    url: `/store/creditOrderDelivery/query`,
-  },
-  update: {
-    method: 'PUT',
-    url: `/store/creditOrderDelivery`
-  },
-  save: {
-    method: 'POST',
-    url: `/store/creditOrderDelivery`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/store/creditOrderDelivery`
-  },
-  export: {
-    method: 'POST',
-    url: `/store/creditOrderDelivery/export`
-  },
-  preview: {
-    method: 'POST',
-    url: `/store/creditOrderDelivery/preview`
-  },
-  import: {
-    method: 'POST',
-    url: `/store/creditOrderDelivery/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  query (data, custom = {}) {
-    return axiosApi({
-      ...apiList.query,
-      data,
-      custom
-    })
-  },
-  save (data, custom = {}) {
-    return axiosApi({
-      ...apiList.save,
-      data,
-      custom
-    })
-  },
-  update (data, custom = {}) {
-    return axiosApi({
-      ...apiList.update,
-      data,
-      custom
-    })
-  },
-  delete (data, custom = {}) {
-    return axiosApi({
-      ...apiList.delete,
-      data,
-      custom
-    })
-  },
-  export (data, custom = {}) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data,
-      custom
-    })
-  },
-  preview (data, custom = {}) {
-    return axiosApi({
-      ...apiList.preview,
-      data,
-      custom
-    })
-  },
-  import (data, custom = {}) {
-    return axiosApi({
-      ...apiList.import,
-      data,
-      custom
-    })
-  }
-}
+import axiosApi from '../AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/store/creditOrderDelivery/page`,
+  },
+  query: {
+    method: 'POST',
+    url: `/store/creditOrderDelivery/query`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/store/creditOrderDelivery`
+  },
+  save: {
+    method: 'POST',
+    url: `/store/creditOrderDelivery`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/store/creditOrderDelivery`
+  },
+  export: {
+    method: 'POST',
+    url: `/store/creditOrderDelivery/export`
+  },
+  preview: {
+    method: 'POST',
+    url: `/store/creditOrderDelivery/preview`
+  },
+  import: {
+    method: 'POST',
+    url: `/store/creditOrderDelivery/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  query (data, custom = {}) {
+    return axiosApi({
+      ...apiList.query,
+      data,
+      custom
+    })
+  },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+  export (data, custom = {}) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data,
+      custom
+    })
+  },
+  preview (data, custom = {}) {
+    return axiosApi({
+      ...apiList.preview,
+      data,
+      custom
+    })
+  },
+  import (data, custom = {}) {
+    return axiosApi({
+      ...apiList.import,
+      data,
+      custom
+    })
+  }
+}
--- a/src/api/creditGoods/CreditOrderDetail.js
+++ b/src/api/creditGoods/CreditOrderDetail.js
@ -1,96 +1,96 @@
-import axiosApi from '../AxiosApi.js'
-
-const apiList = {
-  page: {
-    method: 'POST',
-    url: `/store/creditOrderDetail/page`,
-  },
-  query: {
-    method: 'POST',
-    url: `/store/creditOrderDetail/query`,
-  },
-  update: {
-    method: 'PUT',
-    url: `/store/creditOrderDetail`
-  },
-  save: {
-    method: 'POST',
-    url: `/store/creditOrderDetail`
-  },
-  delete: {
-    method: 'DELETE',
-    url: `/store/creditOrderDetail`
-  },
-  export: {
-    method: 'POST',
-    url: `/store/creditOrderDetail/export`
-  },
-  preview: {
-    method: 'POST',
-    url: `/store/creditOrderDetail/preview`
-  },
-  import: {
-    method: 'POST',
-    url: `/store/creditOrderDetail/import`
-  }
-}
-
-export default {
-  page (data, custom = {}) {
-    return axiosApi({
-      ...apiList.page,
-      data,
-      custom
-    })
-  },
-  query (data, custom = {}) {
-    return axiosApi({
-      ...apiList.query,
-      data,
-      custom
-    })
-  },
-  save (data, custom = {}) {
-    return axiosApi({
-      ...apiList.save,
-      data,
-      custom
-    })
-  },
-  update (data, custom = {}) {
-    return axiosApi({
-      ...apiList.update,
-      data,
-      custom
-    })
-  },
-  delete (data, custom = {}) {
-    return axiosApi({
-      ...apiList.delete,
-      data,
-      custom
-    })
-  },
-  export (data, custom = {}) {
-    return axiosApi({
-      ...apiList.export,
-      responseType: "blob",
-      data,
-      custom
-    })
-  },
-  preview (data, custom = {}) {
-    return axiosApi({
-      ...apiList.preview,
-      data,
-      custom
-    })
-  },
-  import (data, custom = {}) {
-    return axiosApi({
-      ...apiList.import,
-      data,
-      custom
-    })
-  }
-}
+import axiosApi from '../AxiosApi.js'
+
+const apiList = {
+  page: {
+    method: 'POST',
+    url: `/store/creditOrderDetail/page`,
+  },
+  query: {
+    method: 'POST',
+    url: `/store/creditOrderDetail/query`,
+  },
+  update: {
+    method: 'PUT',
+    url: `/store/creditOrderDetail`
+  },
+  save: {
+    method: 'POST',
+    url: `/store/creditOrderDetail`
+  },
+  delete: {
+    method: 'DELETE',
+    url: `/store/creditOrderDetail`
+  },
+  export: {
+    method: 'POST',
+    url: `/store/creditOrderDetail/export`
+  },
+  preview: {
+    method: 'POST',
+    url: `/store/creditOrderDetail/preview`
+  },
+  import: {
+    method: 'POST',
+    url: `/store/creditOrderDetail/import`
+  }
+}
+
+export default {
+  page (data, custom = {}) {
+    return axiosApi({
+      ...apiList.page,
+      data,
+      custom
+    })
+  },
+  query (data, custom = {}) {
+    return axiosApi({
+      ...apiList.query,
+      data,
+      custom
+    })
+  },
+  save (data, custom = {}) {
+    return axiosApi({
+      ...apiList.save,
+      data,
+      custom
+    })
+  },
+  update (data, custom = {}) {
+    return axiosApi({
+      ...apiList.update,
+      data,
+      custom
+    })
+  },
+  delete (data, custom = {}) {
+    return axiosApi({
+      ...apiList.delete,
+      data,
+      custom
+    })
+  },
+  export (data, custom = {}) {
+    return axiosApi({
+      ...apiList.export,
+      responseType: "blob",
+      data,
+      custom
+    })
+  },
+  preview (data, custom = {}) {
+    return axiosApi({
+      ...apiList.preview,
+      data,
+      custom
+    })
+  },
+  import (data, custom = {}) {
+    return axiosApi({
+      ...apiList.import,
+      data,
+      custom
+    })
+  }
+}
--- a/src/components/BackToTop/index.vue
+++ b/src/components/BackToTop/index.vue
@ -1,111 +1,111 @@
-<template>
-  <transition :name="transitionName">
-    <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop">
-      <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"><path d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z" /></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,
-      isMoving: false
-    }
-  },
-  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() {
-      if (this.isMoving) return
-      const start = window.pageYOffset
-      let i = 0
-      this.isMoving = true
-      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)
-          this.isMoving = false
-        } 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>
+<template>
+  <transition :name="transitionName">
+    <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop">
+      <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"><path d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z" /></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,
+      isMoving: false
+    }
+  },
+  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() {
+      if (this.isMoving) return
+      const start = window.pageYOffset
+      let i = 0
+      this.isMoving = true
+      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)
+          this.isMoving = false
+        } 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>
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@ -1,85 +1,85 @@
-<template>
-  <el-breadcrumb class="app-breadcrumb" separator="/">
-    <transition-group name="breadcrumb">
-      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
-        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{
-          generateTitle(item.meta.title) }}</span>
-        <a v-else @click.prevent="handleLink(item)">{{ generateTitle(item.meta.title) }}</a>
-      </el-breadcrumb-item>
-    </transition-group>
-  </el-breadcrumb>
-</template>
-
-<script>
-import { generateTitle } from '@/utils/i18n'
-import pathToRegexp from 'path-to-regexp'
-
-export default {
-  data() {
-    return {
-      levelList: null
-    }
-  },
-  watch: {
-    $route(route) {
-      // if you go to the redirect page, do not update the breadcrumbs
-      if (route.path.startsWith('/redirect/')) {
-        return
-      }
-      this.getBreadcrumb()
-    }
-  },
-  created() {
-    this.getBreadcrumb()
-  },
-  methods: {
-    generateTitle,
-    getBreadcrumb() {
-      // only show routes with meta.title
-      let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
-      const first = matched[0]
-
-      if (!this.isDashboard(first)) {
-        matched = [{ path: '/dashboard', meta: { title: 'dashboard' }}].concat(matched)
-      }
-
-      this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
-    },
-    isDashboard(route) {
-      const name = route && route.name
-      if (!name) {
-        return false
-      }
-      return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
-    },
-    pathCompile(path) {
-      // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
-      const { params } = this.$route
-      var toPath = pathToRegexp.compile(path)
-      return toPath(params)
-    },
-    handleLink(item) {
-      const { redirect, path } = item
-      if (redirect) {
-        this.$router.push(redirect)
-        return
-      }
-      this.$router.push(this.pathCompile(path))
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.app-breadcrumb.el-breadcrumb {
-  display: inline-block;
-  font-size: 14px;
-  line-height: 50px;
-  margin-left: 8px;
-
-  .no-redirect {
-    color: #97a8be;
-    cursor: text;
-  }
-}
-</style>
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
+        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{
+          generateTitle(item.meta.title) }}</span>
+        <a v-else @click.prevent="handleLink(item)">{{ generateTitle(item.meta.title) }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+import { generateTitle } from '@/utils/i18n'
+import pathToRegexp from 'path-to-regexp'
+
+export default {
+  data() {
+    return {
+      levelList: null
+    }
+  },
+  watch: {
+    $route(route) {
+      // if you go to the redirect page, do not update the breadcrumbs
+      if (route.path.startsWith('/redirect/')) {
+        return
+      }
+      this.getBreadcrumb()
+    }
+  },
+  created() {
+    this.getBreadcrumb()
+  },
+  methods: {
+    generateTitle,
+    getBreadcrumb() {
+      // only show routes with meta.title
+      let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
+      const first = matched[0]
+
+      if (!this.isDashboard(first)) {
+        matched = [{ path: '/dashboard', meta: { title: 'dashboard' }}].concat(matched)
+      }
+
+      this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
+    },
+    isDashboard(route) {
+      const name = route && route.name
+      if (!name) {
+        return false
+      }
+      return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
+    },
+    pathCompile(path) {
+      // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
+      const { params } = this.$route
+      var toPath = pathToRegexp.compile(path)
+      return toPath(params)
+    },
+    handleLink(item) {
+      const { redirect, path } = item
+      if (redirect) {
+        this.$router.push(redirect)
+        return
+      }
+      this.$router.push(this.pathCompile(path))
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-breadcrumb.el-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 50px;
+  margin-left: 8px;
+
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+}
+</style>
--- a/src/components/Charts/Keyboard.vue
+++ b/src/components/Charts/Keyboard.vue
@ -1,155 +1,155 @@
-<template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
-</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',
-        grid: {
-          left: '5%',
-          right: '5%'
-        },
-        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>
+<template>
+  <div :id="id" :class="className" :style="{height:height,width:width}" />
+</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',
+        grid: {
+          left: '5%',
+          right: '5%'
+        },
+        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>
--- a/src/components/Charts/LineMarker.vue
+++ b/src/components/Charts/LineMarker.vue
@ -1,227 +1,227 @@
-<template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
-</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: '2%',
-          right: '2%',
-          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>
+<template>
+  <div :id="id" :class="className" :style="{height:height,width:width}" />
+</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: '2%',
+          right: '2%',
+          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>
--- a/src/components/Charts/MixChart.vue
+++ b/src/components/Charts/MixChart.vue
@ -1,271 +1,271 @@
-<template>
-  <div :id="id" :class="className" :style="{height:height,width:width}" />
-</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: {
-          left: '5%',
-          right: '5%',
-          borderWidth: 0,
-          top: 150,
-          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>
+<template>
+  <div :id="id" :class="className" :style="{height:height,width:width}" />
+</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: {
+          left: '5%',
+          right: '5%',
+          borderWidth: 0,
+          top: 150,
+          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>
--- a/src/components/Charts/mixins/resize.js
+++ b/src/components/Charts/mixins/resize.js
@ -1,34 +1,34 @@
-import { debounce } from '@/utils'
-
-export default {
-  data() {
-    return {
-      $_sidebarElm: null
-    }
-  },
-  mounted() {
-    this.__resizeHandler = debounce(() => {
-      if (this.chart) {
-        this.chart.resize()
-      }
-    }, 100)
-    window.addEventListener('resize', this.__resizeHandler)
-
-    this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
-    this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', this.__resizeHandler)
-
-    this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
-  },
-  methods: {
-    // use $_ for mixins properties
-    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
-    $_sidebarResizeHandler(e) {
-      if (e.propertyName === 'width') {
-        this.__resizeHandler()
-      }
-    }
-  }
-}
+import { debounce } from '@/utils'
+
+export default {
+  data() {
+    return {
+      $_sidebarElm: null
+    }
+  },
+  mounted() {
+    this.__resizeHandler = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    window.addEventListener('resize', this.__resizeHandler)
+
+    this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+    this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.__resizeHandler)
+
+    this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_sidebarResizeHandler(e) {
+      if (e.propertyName === 'width') {
+        this.__resizeHandler()
+      }
+    }
+  }
+}
--- a/src/components/DndList/index.vue
+++ b/src/components/DndList/index.vue
@ -1,166 +1,166 @@
-<template>
-  <div class="dndList">
-    <div :style="{width:width1}" class="dndList-list">
-      <h3>{{ list1Title }}</h3>
-      <draggable :set-data="setData" :list="list1" group="article" class="dragArea">
-        <div v-for="element in list1" :key="element.id" class="list-complete-item">
-          <div class="list-complete-item-handle">
-            {{ element.id }}[{{ 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" />
-            </span>
-          </div>
-        </div>
-      </draggable>
-    </div>
-    <div :style="{width:width2}" class="dndList-list">
-      <h3>{{ list2Title }}</h3>
-      <draggable :list="list2" group="article" class="dragArea">
-        <div v-for="element in list2" :key="element.id" class="list-complete-item">
-          <div class="list-complete-item-handle2" @click="pushEle(element)">
-            {{ element.id }} [{{ element.author }}] {{ element.title }}
-          </div>
-        </div>
-      </draggable>
-    </div>
-  </div>
-</template>
-
-<script>
-import draggable from 'vuedraggable'
-
-export default {
-  name: 'DndList',
-  components: { draggable },
-  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) {
-      for (const item of this.list2) {
-        if (item.id === ele.id) {
-          const index = this.list2.indexOf(item)
-          this.list2.splice(index, 1)
-          break
-        }
-      }
-      if (this.isNotInList1(ele)) {
-        this.list1.push(ele)
-      }
-    },
-    setData(dataTransfer) {
-      // to avoid Firefox bug
-      // Detail see : https://github.com/RubaXa/Sortable/issues/1012
-      dataTransfer.setData('Text', '')
-    }
-  }
-}
-</script>
-
-<style 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>
+<template>
+  <div class="dndList">
+    <div :style="{width:width1}" class="dndList-list">
+      <h3>{{ list1Title }}</h3>
+      <draggable :set-data="setData" :list="list1" group="article" class="dragArea">
+        <div v-for="element in list1" :key="element.id" class="list-complete-item">
+          <div class="list-complete-item-handle">
+            {{ element.id }}[{{ 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" />
+            </span>
+          </div>
+        </div>
+      </draggable>
+    </div>
+    <div :style="{width:width2}" class="dndList-list">
+      <h3>{{ list2Title }}</h3>
+      <draggable :list="list2" group="article" class="dragArea">
+        <div v-for="element in list2" :key="element.id" class="list-complete-item">
+          <div class="list-complete-item-handle2" @click="pushEle(element)">
+            {{ element.id }} [{{ element.author }}] {{ element.title }}
+          </div>
+        </div>
+      </draggable>
+    </div>
+  </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+
+export default {
+  name: 'DndList',
+  components: { draggable },
+  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) {
+      for (const item of this.list2) {
+        if (item.id === ele.id) {
+          const index = this.list2.indexOf(item)
+          this.list2.splice(index, 1)
+          break
+        }
+      }
+      if (this.isNotInList1(ele)) {
+        this.list1.push(ele)
+      }
+    },
+    setData(dataTransfer) {
+      // to avoid Firefox bug
+      // Detail see : https://github.com/RubaXa/Sortable/issues/1012
+      dataTransfer.setData('Text', '')
+    }
+  }
+}
+</script>
+
+<style 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>
--- a/src/components/DragSelect/index.vue
+++ b/src/components/DragSelect/index.vue
@ -1,61 +1,61 @@
-<template>
-  <el-select ref="dragSelect" v-model="selectVal" v-bind="$attrs" class="drag-select" multiple v-on="$listeners">
-    <slot />
-  </el-select>
-</template>
-
-<script>
-import Sortable from 'sortablejs'
-
-export default {
-  name: 'DragSelect',
-  props: {
-    value: {
-      type: Array,
-      required: true
-    }
-  },
-  computed: {
-    selectVal: {
-      get() {
-        return [...this.value]
-      },
-      set(val) {
-        this.$emit('input', [...val])
-      }
-    }
-  },
-  mounted() {
-    this.setSort()
-  },
-  methods: {
-    setSort() {
-      const el = this.$refs.dragSelect.$el.querySelectorAll('.el-select__tags > span')[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.value.splice(evt.oldIndex, 1)[0]
-          this.value.splice(evt.newIndex, 0, targetRow)
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-.drag-select >>> .sortable-ghost {
-  opacity: .8;
-  color: #fff!important;
-  background: #42b983!important;
-}
-
-.drag-select >>> .el-tag {
-  cursor: pointer;
-}
-</style>
+<template>
+  <el-select ref="dragSelect" v-model="selectVal" v-bind="$attrs" class="drag-select" multiple v-on="$listeners">
+    <slot />
+  </el-select>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+
+export default {
+  name: 'DragSelect',
+  props: {
+    value: {
+      type: Array,
+      required: true
+    }
+  },
+  computed: {
+    selectVal: {
+      get() {
+        return [...this.value]
+      },
+      set(val) {
+        this.$emit('input', [...val])
+      }
+    }
+  },
+  mounted() {
+    this.setSort()
+  },
+  methods: {
+    setSort() {
+      const el = this.$refs.dragSelect.$el.querySelectorAll('.el-select__tags > span')[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.value.splice(evt.oldIndex, 1)[0]
+          this.value.splice(evt.newIndex, 0, targetRow)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.drag-select >>> .sortable-ghost {
+  opacity: .8;
+  color: #fff!important;
+  background: #42b983!important;
+}
+
+.drag-select >>> .el-tag {
+  cursor: pointer;
+}
+</style>
--- a/src/components/Dropzone/index.vue
+++ b/src/components/Dropzone/index.vue
@ -1,297 +1,297 @@
-<template>
-  <div :id="id" :ref="id" :action="url" class="dropzone">
-    <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 {
-  props: {
-    id: {
-      type: String,
-      required: true
-    },
-    url: {
-      type: String,
-      required: true
-    },
-    clickable: {
-      type: Boolean,
-      default: true
-    },
-    defaultMsg: {
-      type: String,
-      default: '上传图片'
-    },
-    acceptedFiles: {
-      type: String,
-      default: ''
-    },
-    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: '',
-      type: [String, Array]
-    },
-    couldPaste: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      dropzone: '',
-      initOnce: true
-    }
-  },
-  watch: {
-    defaultImg(val) {
-      if (val.length === 0) {
-        this.initOnce = false
-        return
-      }
-      if (!this.initOnce) return
-      this.initImages(val)
-      this.initOnce = false
-    }
-  },
-  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)
-    })
-  },
-  destroyed() {
-    document.removeEventListener('paste', this.pasteImg)
-    this.dropzone.destroy()
-  },
-  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')
-      }
-    }
-
-  }
-}
-</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;
-        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>
+<template>
+  <div :id="id" :ref="id" :action="url" class="dropzone">
+    <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 {
+  props: {
+    id: {
+      type: String,
+      required: true
+    },
+    url: {
+      type: String,
+      required: true
+    },
+    clickable: {
+      type: Boolean,
+      default: true
+    },
+    defaultMsg: {
+      type: String,
+      default: '上传图片'
+    },
+    acceptedFiles: {
+      type: String,
+      default: ''
+    },
+    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: '',
+      type: [String, Array]
+    },
+    couldPaste: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      dropzone: '',
+      initOnce: true
+    }
+  },
+  watch: {
+    defaultImg(val) {
+      if (val.length === 0) {
+        this.initOnce = false
+        return
+      }
+      if (!this.initOnce) return
+      this.initImages(val)
+      this.initOnce = false
+    }
+  },
+  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)
+    })
+  },
+  destroyed() {
+    document.removeEventListener('paste', this.pasteImg)
+    this.dropzone.destroy()
+  },
+  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')
+      }
+    }
+
+  }
+}
+</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;
+        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>
--- a/src/components/Hamburger/index.vue
+++ b/src/components/Hamburger/index.vue
@ -1,44 +1,44 @@
-<template>
-  <div style="padding: 0 15px;" @click="toggleClick">
-    <svg
-      :class="{'is-active':isActive}"
-      class="hamburger"
-      viewBox="0 0 1024 1024"
-      xmlns="http://www.w3.org/2000/svg"
-      width="64"
-      height="64"
-    >
-      <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
-    </svg>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Hamburger',
-  props: {
-    // eslint-disable-next-line vue/require-prop-types
-    isActive: {
-      default: false
-    }
-  },
-  methods: {
-    toggleClick() {
-      this.$emit('toggleClick')
-    }
-  }
-}
-</script>
-
-<style scoped>
-.hamburger {
-  display: inline-block;
-  vertical-align: middle;
-  width: 20px;
-  height: 20px;
-}
-
-.hamburger.is-active {
-  transform: rotate(180deg);
-}
-</style>
+<template>
+  <div style="padding: 0 15px;" @click="toggleClick">
+    <svg
+      :class="{'is-active':isActive}"
+      class="hamburger"
+      viewBox="0 0 1024 1024"
+      xmlns="http://www.w3.org/2000/svg"
+      width="64"
+      height="64"
+    >
+      <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Hamburger',
+  props: {
+    // eslint-disable-next-line vue/require-prop-types
+    isActive: {
+      default: false
+    }
+  },
+  methods: {
+    toggleClick() {
+      this.$emit('toggleClick')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hamburger {
+  display: inline-block;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+}
+
+.hamburger.is-active {
+  transform: rotate(180deg);
+}
+</style>
--- a/src/components/HeaderSearch/index.vue
+++ b/src/components/HeaderSearch/index.vue
@ -1,190 +1,190 @@
-<template>
-  <div :class="{'show':show}" class="header-search">
-    <svg-icon class-name="search-icon" icon-class="magnifying-glass" style="margin-top: 3px" @click.stop="click" />
-    <el-select
-      ref="headerSearchSelect"
-      v-model="search"
-      :remote-method="querySearch"
-      filterable
-      default-first-option
-      remote
-      :placeholder="$t('table.search')"
-      class="header-search-select"
-      @change="change"
-    >
-      <el-option v-for="item in options" :key="item.path" :value="item" :label="item.title.join(' > ')" />
-    </el-select>
-  </div>
-</template>
-
-<script>
-// fuse is a lightweight fuzzy-search module
-// make search results more in line with expectations
-import Fuse from 'fuse.js'
-import path from 'path'
-import i18n from '@/lang'
-
-export default {
-  name: 'HeaderSearch',
-  data() {
-    return {
-      search: '',
-      options: [],
-      searchPool: [],
-      show: false,
-      fuse: undefined
-    }
-  },
-  computed: {
-    routes() {
-      return this.$store.state.account.routes
-    },
-    lang() {
-      return this.$store.state.setting.language
-    }
-  },
-  watch: {
-    lang() {
-      this.searchPool = this.generateRoutes(this.routes)
-    },
-    routes() {
-      this.searchPool = this.generateRoutes(this.routes)
-    },
-    searchPool(list) {
-      this.initFuse(list)
-    },
-    show(value) {
-      if (value) {
-        document.body.addEventListener('click', this.close)
-      } else {
-        document.body.removeEventListener('click', this.close)
-      }
-    }
-  },
-  mounted() {
-    this.searchPool = this.generateRoutes(this.routes)
-  },
-  methods: {
-    click() {
-      this.show = !this.show
-      if (this.show) {
-        this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.focus()
-      }
-    },
-    close() {
-      this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.blur()
-      this.options = []
-      this.show = false
-    },
-    change(val) {
-      this.$router.push(val.path)
-      this.search = ''
-      this.options = []
-      this.$nextTick(() => {
-        this.show = false
-      })
-    },
-    initFuse(list) {
-      this.fuse = new Fuse(list, {
-        shouldSort: true,
-        threshold: 0.4,
-        location: 0,
-        distance: 100,
-        maxPatternLength: 32,
-        minMatchCharLength: 1,
-        keys: [{
-          name: 'title',
-          weight: 0.7
-        }, {
-          name: 'path',
-          weight: 0.3
-        }]
-      })
-    },
-    // Filter out the routes that can be displayed in the sidebar
-    // And generate the internationalized title
-    generateRoutes(routes, basePath = '/', prefixTitle = []) {
-      let res = []
-
-      for (const router of routes) {
-        // skip hidden router
-        if (router.hidden) { continue }
-
-        const data = {
-          path: path.resolve(basePath, router.path),
-          title: [...prefixTitle]
-        }
-
-        if (router.meta && router.meta.title) {
-          // generate internationalized title
-          const i18ntitle = i18n.t(`${router.meta.title}`)
-
-          data.title = [...data.title, i18ntitle]
-
-          if (router.redirect !== 'noRedirect') {
-            // only push the routes with title
-            // special case: need to exclude parent router without redirect
-            res.push(data)
-          }
-        }
-
-        // recursive child routes
-        if (router.children) {
-          const tempRoutes = this.generateRoutes(router.children, data.path, data.title)
-          if (tempRoutes.length >= 1) {
-            res = [...res, ...tempRoutes]
-          }
-        }
-      }
-      return res
-    },
-    querySearch(query) {
-      if (query !== '') {
-        this.options = this.fuse.search(query)
-      } else {
-        this.options = []
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.header-search {
-  font-size: 0 !important;
-
-  .search-icon {
-    cursor: pointer;
-    font-size: 18px;
-    vertical-align: middle;
-  }
-
-  .header-search-select {
-    font-size: 18px;
-    transition: width 0.2s;
-    width: 0;
-    overflow: hidden;
-    background: transparent;
-    border-radius: 0;
-    display: inline-block;
-    vertical-align: middle;
-
-    /deep/ .el-input__inner {
-      border-radius: 0;
-      border: 0;
-      padding-left: 0;
-      padding-right: 0;
-      box-shadow: none !important;
-      border-bottom: 1px solid #d9d9d9;
-      vertical-align: middle;
-    }
-  }
-
-  &.show {
-    .header-search-select {
-      width: 210px;
-      margin-left: 10px;
-    }
-  }
-}
-</style>
+<template>
+  <div :class="{'show':show}" class="header-search">
+    <svg-icon class-name="search-icon" icon-class="magnifying-glass" style="margin-top: 3px" @click.stop="click" />
+    <el-select
+      ref="headerSearchSelect"
+      v-model="search"
+      :remote-method="querySearch"
+      filterable
+      default-first-option
+      remote
+      :placeholder="$t('table.search')"
+      class="header-search-select"
+      @change="change"
+    >
+      <el-option v-for="item in options" :key="item.path" :value="item" :label="item.title.join(' > ')" />
+    </el-select>
+  </div>
+</template>
+
+<script>
+// fuse is a lightweight fuzzy-search module
+// make search results more in line with expectations
+import Fuse from 'fuse.js'
+import path from 'path'
+import i18n from '@/lang'
+
+export default {
+  name: 'HeaderSearch',
+  data() {
+    return {
+      search: '',
+      options: [],
+      searchPool: [],
+      show: false,
+      fuse: undefined
+    }
+  },
+  computed: {
+    routes() {
+      return this.$store.state.account.routes
+    },
+    lang() {
+      return this.$store.state.setting.language
+    }
+  },
+  watch: {
+    lang() {
+      this.searchPool = this.generateRoutes(this.routes)
+    },
+    routes() {
+      this.searchPool = this.generateRoutes(this.routes)
+    },
+    searchPool(list) {
+      this.initFuse(list)
+    },
+    show(value) {
+      if (value) {
+        document.body.addEventListener('click', this.close)
+      } else {
+        document.body.removeEventListener('click', this.close)
+      }
+    }
+  },
+  mounted() {
+    this.searchPool = this.generateRoutes(this.routes)
+  },
+  methods: {
+    click() {
+      this.show = !this.show
+      if (this.show) {
+        this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.focus()
+      }
+    },
+    close() {
+      this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.blur()
+      this.options = []
+      this.show = false
+    },
+    change(val) {
+      this.$router.push(val.path)
+      this.search = ''
+      this.options = []
+      this.$nextTick(() => {
+        this.show = false
+      })
+    },
+    initFuse(list) {
+      this.fuse = new Fuse(list, {
+        shouldSort: true,
+        threshold: 0.4,
+        location: 0,
+        distance: 100,
+        maxPatternLength: 32,
+        minMatchCharLength: 1,
+        keys: [{
+          name: 'title',
+          weight: 0.7
+        }, {
+          name: 'path',
+          weight: 0.3
+        }]
+      })
+    },
+    // Filter out the routes that can be displayed in the sidebar
+    // And generate the internationalized title
+    generateRoutes(routes, basePath = '/', prefixTitle = []) {
+      let res = []
+
+      for (const router of routes) {
+        // skip hidden router
+        if (router.hidden) { continue }
+
+        const data = {
+          path: path.resolve(basePath, router.path),
+          title: [...prefixTitle]
+        }
+
+        if (router.meta && router.meta.title) {
+          // generate internationalized title
+          const i18ntitle = i18n.t(`${router.meta.title}`)
+
+          data.title = [...data.title, i18ntitle]
+
+          if (router.redirect !== 'noRedirect') {
+            // only push the routes with title
+            // special case: need to exclude parent router without redirect
+            res.push(data)
+          }
+        }
+
+        // recursive child routes
+        if (router.children) {
+          const tempRoutes = this.generateRoutes(router.children, data.path, data.title)
+          if (tempRoutes.length >= 1) {
+            res = [...res, ...tempRoutes]
+          }
+        }
+      }
+      return res
+    },
+    querySearch(query) {
+      if (query !== '') {
+        this.options = this.fuse.search(query)
+      } else {
+        this.options = []
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.header-search {
+  font-size: 0 !important;
+
+  .search-icon {
+    cursor: pointer;
+    font-size: 18px;
+    vertical-align: middle;
+  }
+
+  .header-search-select {
+    font-size: 18px;
+    transition: width 0.2s;
+    width: 0;
+    overflow: hidden;
+    background: transparent;
+    border-radius: 0;
+    display: inline-block;
+    vertical-align: middle;
+
+    /deep/ .el-input__inner {
+      border-radius: 0;
+      border: 0;
+      padding-left: 0;
+      padding-right: 0;
+      box-shadow: none !important;
+      border-bottom: 1px solid #d9d9d9;
+      vertical-align: middle;
+    }
+  }
+
+  &.show {
+    .header-search-select {
+      width: 210px;
+      margin-left: 10px;
+    }
+  }
+}
+</style>
--- a/src/components/ImageCropper/index.vue
+++ b/src/components/ImageCropper/index.vue
--- a/src/components/ImageCropper/utils/data2blob.js
+++ b/src/components/ImageCropper/utils/data2blob.js
@ -1,19 +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
-  })
-}
+/**
+ * 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
+  })
+}
--- a/src/components/ImageCropper/utils/effectRipple.js
+++ b/src/components/ImageCropper/utils/effectRipple.js
@ -1,39 +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
-  }
-}
+/**
+ * 点击波纹效果
+ *
+ * @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
+  }
+}
--- a/src/components/ImageCropper/utils/language.js
+++ b/src/components/ImageCropper/utils/language.js
@ -1,232 +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: '画像が小さすぎます。最小サイズ: '
-    }
-  }
-}
+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: '画像が小さすぎます。最小サイズ: '
+    }
+  }
+}
--- a/src/components/ImageCropper/utils/mimes.js
+++ b/src/components/ImageCropper/utils/mimes.js
@ -1,7 +1,7 @@
-export default {
-  'jpg': 'image/jpeg',
-  'png': 'image/png',
-  'gif': 'image/gif',
-  'svg': 'image/svg+xml',
-  'psd': 'image/photoshop'
-}
+export default {
+  'jpg': 'image/jpeg',
+  'png': 'image/png',
+  'gif': 'image/gif',
+  'svg': 'image/svg+xml',
+  'psd': 'image/photoshop'
+}
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@ -1,67 +1,67 @@
-<template>
-  <div class="upload-widget">
-    <el-upload
-      :headers="headers"
-      :data="dataObj"
-      :multiple="false"
-      :show-file-list="false"
-      :file-list="item"
-      :on-success="handleImageSuccess"
-      class="upload-uploader"
-      :action="action"
-    >
-      <img v-if="src" class="upload-images" :src="src" />
-      <div
-        v-else
-        slot="trigger"
-        class="upload-btn"
-      >
-        <i class="el-icon-upload"></i>
-        <span class="upload-title">选择图片</span>
-      </div>
-    </el-upload>
-  </div>
-</template>
-<script>
-import db from '@/utils/localstorage'
-import { Upload } from 'element-ui'
-export default {
-  components: {
-    'el-upload': Upload
-  },
-  props: {
-    item: {
-      type: Array,
-      default() {
-        return []
-      }
-    },
-    src: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      headers: {
-        Authorization: ''
-      },
-      action: `${process.env.VUE_APP_DEV_REQUEST_DOMAIN_PREFIX}/file/upload`,
-      dataObj: {
-        folderId: 1
-      }
-    }
-  },
-  created() {
-    this.headers.token = 'Bearer ' + db.get('TOKEN', '')
-    this.headers.tenant = 'MDAwMA=='
-  },
-  methods: {
-    handleImageSuccess(response, file, fileList) {
-      ((response, file, fileList) => {
-        this.$emit('success', response, file, fileList )
-      })(response, file, fileList )
-    }
-  }
-}
-</script>
+<template>
+  <div class="upload-widget">
+    <el-upload
+      :headers="headers"
+      :data="dataObj"
+      :multiple="false"
+      :show-file-list="false"
+      :file-list="item"
+      :on-success="handleImageSuccess"
+      class="upload-uploader"
+      :action="action"
+    >
+      <img v-if="src" class="upload-images" :src="src" />
+      <div
+        v-else
+        slot="trigger"
+        class="upload-btn"
+      >
+        <i class="el-icon-upload"></i>
+        <span class="upload-title">选择图片</span>
+      </div>
+    </el-upload>
+  </div>
+</template>
+<script>
+import db from '@/utils/localstorage'
+import { Upload } from 'element-ui'
+export default {
+  components: {
+    'el-upload': Upload
+  },
+  props: {
+    item: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    src: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      headers: {
+        Authorization: ''
+      },
+      action: `${process.env.VUE_APP_DEV_REQUEST_DOMAIN_PREFIX}/file/upload`,
+      dataObj: {
+        folderId: 1
+      }
+    }
+  },
+  created() {
+    this.headers.token = 'Bearer ' + db.get('TOKEN', '')
+    this.headers.tenant = 'MDAwMA=='
+  },
+  methods: {
+    handleImageSuccess(response, file, fileList) {
+      ((response, file, fileList) => {
+        this.$emit('success', response, file, fileList )
+      })(response, file, fileList )
+    }
+  }
+}
+</script>
--- a/src/components/JsonEditor/index.vue
+++ b/src/components/JsonEditor/index.vue
@ -1,72 +1,72 @@
-<template>
-  <div class="json-editor">
-    <textarea ref="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',
-  /* eslint-disable vue/require-prop-types */
-  props: ['value'],
-  data() {
-    return {
-      jsonEditor: false
-    }
-  },
-  watch: {
-    value(value) {
-      const editorValue = this.jsonEditor.getValue()
-      if (value !== editorValue) {
-        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>
+<template>
+  <div class="json-editor">
+    <textarea ref="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',
+  /* eslint-disable vue/require-prop-types */
+  props: ['value'],
+  data() {
+    return {
+      jsonEditor: false
+    }
+  },
+  watch: {
+    value(value) {
+      const editorValue = this.jsonEditor.getValue()
+      if (value !== editorValue) {
+        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>
--- a/src/components/Kanban/index.vue
+++ b/src/components/Kanban/index.vue
@ -1,99 +1,99 @@
-<template>
-  <div class="board-column">
-    <div class="board-column-header">
-      {{ headerText }}
-    </div>
-    <draggable
-      :list="list"
-      v-bind="$attrs"
-      class="board-column-content"
-      :set-data="setData"
-    >
-      <div v-for="element in list" :key="element.id" class="board-item">
-        {{ element.name }} {{ element.id }}
-      </div>
-    </draggable>
-  </div>
-</template>
-
-<script>
-import draggable from 'vuedraggable'
-
-export default {
-  name: 'DragKanbanDemo',
-  components: {
-    draggable
-  },
-  props: {
-    headerText: {
-      type: String,
-      default: 'Header'
-    },
-    options: {
-      type: Object,
-      default() {
-        return {}
-      }
-    },
-    list: {
-      type: Array,
-      default() {
-        return []
-      }
-    }
-  },
-  methods: {
-    setData(dataTransfer) {
-      // to avoid Firefox bug
-      // Detail see : https://github.com/RubaXa/Sortable/issues/1012
-      dataTransfer.setData('Text', '')
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.board-column {
-  min-width: 300px;
-  min-height: 100px;
-  height: auto;
-  overflow: hidden;
-  background: #f0f0f0;
-  border-radius: 3px;
-
-  .board-column-header {
-    height: 50px;
-    line-height: 50px;
-    overflow: hidden;
-    padding: 0 20px;
-    text-align: center;
-    background: #333;
-    color: #fff;
-    border-radius: 3px 3px 0 0;
-  }
-
-  .board-column-content {
-    height: auto;
-    overflow: hidden;
-    border: 10px solid transparent;
-    min-height: 60px;
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: column;
-    align-items: center;
-
-    .board-item {
-      cursor: pointer;
-      width: 100%;
-      height: 64px;
-      margin: 5px 0;
-      background-color: #fff;
-      text-align: left;
-      line-height: 54px;
-      padding: 5px 10px;
-      box-sizing: border-box;
-      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
-    }
-  }
-}
-</style>
-
+<template>
+  <div class="board-column">
+    <div class="board-column-header">
+      {{ headerText }}
+    </div>
+    <draggable
+      :list="list"
+      v-bind="$attrs"
+      class="board-column-content"
+      :set-data="setData"
+    >
+      <div v-for="element in list" :key="element.id" class="board-item">
+        {{ element.name }} {{ element.id }}
+      </div>
+    </draggable>
+  </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+
+export default {
+  name: 'DragKanbanDemo',
+  components: {
+    draggable
+  },
+  props: {
+    headerText: {
+      type: String,
+      default: 'Header'
+    },
+    options: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  methods: {
+    setData(dataTransfer) {
+      // to avoid Firefox bug
+      // Detail see : https://github.com/RubaXa/Sortable/issues/1012
+      dataTransfer.setData('Text', '')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.board-column {
+  min-width: 300px;
+  min-height: 100px;
+  height: auto;
+  overflow: hidden;
+  background: #f0f0f0;
+  border-radius: 3px;
+
+  .board-column-header {
+    height: 50px;
+    line-height: 50px;
+    overflow: hidden;
+    padding: 0 20px;
+    text-align: center;
+    background: #333;
+    color: #fff;
+    border-radius: 3px 3px 0 0;
+  }
+
+  .board-column-content {
+    height: auto;
+    overflow: hidden;
+    border: 10px solid transparent;
+    min-height: 60px;
+    display: flex;
+    justify-content: flex-start;
+    flex-direction: column;
+    align-items: center;
+
+    .board-item {
+      cursor: pointer;
+      width: 100%;
+      height: 64px;
+      margin: 5px 0;
+      background-color: #fff;
+      text-align: left;
+      line-height: 54px;
+      padding: 5px 10px;
+      box-sizing: border-box;
+      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
+    }
+  }
+}
+</style>
+
--- a/src/components/LangSelect/index.vue
+++ b/src/components/LangSelect/index.vue
@ -1,35 +1,35 @@
-<template>
-  <el-dropdown trigger="click" class="international" @command="handleSetLanguage">
-    <div>
-      <svg-icon class-name="international-icon" icon-class="language" style="color: #a8a9a9;" />
-    </div>
-    <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item :disabled="language==='zh'" command="zh">
-        中文
-      </el-dropdown-item>
-      <el-dropdown-item :disabled="language==='en'" command="en">
-        English
-      </el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-</template>
-
-<script>
-export default {
-  computed: {
-    language() {
-      return this.$store.state.setting.language
-    }
-  },
-  methods: {
-    handleSetLanguage(lang) {
-      this.$i18n.locale = lang
-      this.$store.commit('setting/setLanguage', lang)
-      this.$message({
-        message: this.$t('tips.switchLanguageSuccess'),
-        type: 'success'
-      })
-    }
-  }
-}
-</script>
+<template>
+  <el-dropdown trigger="click" class="international" @command="handleSetLanguage">
+    <div>
+      <svg-icon class-name="international-icon" icon-class="language" style="color: #a8a9a9;" />
+    </div>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item :disabled="language==='zh'" command="zh">
+        中文
+      </el-dropdown-item>
+      <el-dropdown-item :disabled="language==='en'" command="en">
+        English
+      </el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script>
+export default {
+  computed: {
+    language() {
+      return this.$store.state.setting.language
+    }
+  },
+  methods: {
+    handleSetLanguage(lang) {
+      this.$i18n.locale = lang
+      this.$store.commit('setting/setLanguage', lang)
+      this.$message({
+        message: this.$t('tips.switchLanguageSuccess'),
+        type: 'success'
+      })
+    }
+  }
+}
+</script>
--- a/src/components/MDinput/index.vue
+++ b/src/components/MDinput/index.vue
@ -1,360 +1,360 @@
-<template>
-  <div :class="computedClasses" class="material-input__component">
-    <div :class="{iconClass:icon}">
-      <i v-if="icon" :class="['el-icon-' + icon]" class="el-input__icon material-input__icon" />
-      <input
-        v-if="type === 'email'"
-        v-model="currentValue"
-        :name="name"
-        :placeholder="fillPlaceHolder"
-        :readonly="readonly"
-        :disabled="disabled"
-        :autocomplete="autoComplete"
-        :required="required"
-        type="email"
-        class="material-input"
-        @focus="handleMdFocus"
-        @blur="handleMdBlur"
-        @input="handleModelInput"
-      >
-      <input
-        v-if="type === 'url'"
-        v-model="currentValue"
-        :name="name"
-        :placeholder="fillPlaceHolder"
-        :readonly="readonly"
-        :disabled="disabled"
-        :autocomplete="autoComplete"
-        :required="required"
-        type="url"
-        class="material-input"
-        @focus="handleMdFocus"
-        @blur="handleMdBlur"
-        @input="handleModelInput"
-      >
-      <input
-        v-if="type === 'number'"
-        v-model="currentValue"
-        :name="name"
-        :placeholder="fillPlaceHolder"
-        :step="step"
-        :readonly="readonly"
-        :disabled="disabled"
-        :autocomplete="autoComplete"
-        :max="max"
-        :min="min"
-        :minlength="minlength"
-        :maxlength="maxlength"
-        :required="required"
-        type="number"
-        class="material-input"
-        @focus="handleMdFocus"
-        @blur="handleMdBlur"
-        @input="handleModelInput"
-      >
-      <input
-        v-if="type === 'password'"
-        v-model="currentValue"
-        :name="name"
-        :placeholder="fillPlaceHolder"
-        :readonly="readonly"
-        :disabled="disabled"
-        :autocomplete="autoComplete"
-        :max="max"
-        :min="min"
-        :required="required"
-        type="password"
-        class="material-input"
-        @focus="handleMdFocus"
-        @blur="handleMdBlur"
-        @input="handleModelInput"
-      >
-      <input
-        v-if="type === 'tel'"
-        v-model="currentValue"
-        :name="name"
-        :placeholder="fillPlaceHolder"
-        :readonly="readonly"
-        :disabled="disabled"
-        :autocomplete="autoComplete"
-        :required="required"
-        type="tel"
-        class="material-input"
-        @focus="handleMdFocus"
-        @blur="handleMdBlur"
-        @input="handleModelInput"
-      >
-      <input
-        v-if="type === 'text'"
-        v-model="currentValue"
-        :name="name"
-        :placeholder="fillPlaceHolder"
-        :readonly="readonly"
-        :disabled="disabled"
-        :autocomplete="autoComplete"
-        :minlength="minlength"
-        :maxlength="maxlength"
-        :required="required"
-        type="text"
-        class="material-input"
-        @focus="handleMdFocus"
-        @blur="handleMdBlur"
-        @input="handleModelInput"
-      >
-      <span class="material-input-bar" />
-      <label class="material-label">
-        <slot />
-      </label>
-    </div>
-  </div>
-</template>
-
-<script>
-// source:https://github.com/wemake-services/vue-material-input/blob/master/src/components/MaterialInput.vue
-
-export default {
-  name: 'MdInput',
-  props: {
-    /* eslint-disable */
-    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
-    }
-  },
-  data() {
-    return {
-      currentValue: this.value,
-      focus: false,
-      fillPlaceHolder: null
-    }
-  },
-  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
-    }
-  },
-  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 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>
+<template>
+  <div :class="computedClasses" class="material-input__component">
+    <div :class="{iconClass:icon}">
+      <i v-if="icon" :class="['el-icon-' + icon]" class="el-input__icon material-input__icon" />
+      <input
+        v-if="type === 'email'"
+        v-model="currentValue"
+        :name="name"
+        :placeholder="fillPlaceHolder"
+        :readonly="readonly"
+        :disabled="disabled"
+        :autocomplete="autoComplete"
+        :required="required"
+        type="email"
+        class="material-input"
+        @focus="handleMdFocus"
+        @blur="handleMdBlur"
+        @input="handleModelInput"
+      >
+      <input
+        v-if="type === 'url'"
+        v-model="currentValue"
+        :name="name"
+        :placeholder="fillPlaceHolder"
+        :readonly="readonly"
+        :disabled="disabled"
+        :autocomplete="autoComplete"
+        :required="required"
+        type="url"
+        class="material-input"
+        @focus="handleMdFocus"
+        @blur="handleMdBlur"
+        @input="handleModelInput"
+      >
+      <input
+        v-if="type === 'number'"
+        v-model="currentValue"
+        :name="name"
+        :placeholder="fillPlaceHolder"
+        :step="step"
+        :readonly="readonly"
+        :disabled="disabled"
+        :autocomplete="autoComplete"
+        :max="max"
+        :min="min"
+        :minlength="minlength"
+        :maxlength="maxlength"
+        :required="required"
+        type="number"
+        class="material-input"
+        @focus="handleMdFocus"
+        @blur="handleMdBlur"
+        @input="handleModelInput"
+      >
+      <input
+        v-if="type === 'password'"
+        v-model="currentValue"
+        :name="name"
+        :placeholder="fillPlaceHolder"
+        :readonly="readonly"
+        :disabled="disabled"
+        :autocomplete="autoComplete"
+        :max="max"
+        :min="min"
+        :required="required"
+        type="password"
+        class="material-input"
+        @focus="handleMdFocus"
+        @blur="handleMdBlur"
+        @input="handleModelInput"
+      >
+      <input
+        v-if="type === 'tel'"
+        v-model="currentValue"
+        :name="name"
+        :placeholder="fillPlaceHolder"
+        :readonly="readonly"
+        :disabled="disabled"
+        :autocomplete="autoComplete"
+        :required="required"
+        type="tel"
+        class="material-input"
+        @focus="handleMdFocus"
+        @blur="handleMdBlur"
+        @input="handleModelInput"
+      >
+      <input
+        v-if="type === 'text'"
+        v-model="currentValue"
+        :name="name"
+        :placeholder="fillPlaceHolder"
+        :readonly="readonly"
+        :disabled="disabled"
+        :autocomplete="autoComplete"
+        :minlength="minlength"
+        :maxlength="maxlength"
+        :required="required"
+        type="text"
+        class="material-input"
+        @focus="handleMdFocus"
+        @blur="handleMdBlur"
+        @input="handleModelInput"
+      >
+      <span class="material-input-bar" />
+      <label class="material-label">
+        <slot />
+      </label>
+    </div>
+  </div>
+</template>
+
+<script>
+// source:https://github.com/wemake-services/vue-material-input/blob/master/src/components/MaterialInput.vue
+
+export default {
+  name: 'MdInput',
+  props: {
+    /* eslint-disable */
+    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
+    }
+  },
+  data() {
+    return {
+      currentValue: this.value,
+      focus: false,
+      fillPlaceHolder: null
+    }
+  },
+  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
+    }
+  },
+  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 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>
--- a/src/components/Management/AddDialog.vue
+++ b/src/components/Management/AddDialog.vue
@ -1,306 +1,306 @@
-<template>
-  <div class="add-dialog-component">
-    <Form ref="addForm" label-width="150px" :rules="rules" :model="formParams">
-      <Tabs v-model="activeName">
-        <tab-pane label="授权信息" name="authorize">
-          <form-item label="店铺名称" prop="name">
-            <Input
-              v-model="formParams.name"
-              size="medium"
-              placeholder="请输入店铺名称"
-              maxlength="30"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="店铺负责人" prop="duty">
-            <Input
-              v-model="formParams.duty"
-              size="medium"
-              placeholder="请输入店铺负责人"
-              maxlength="50"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="联系电话">
-            <Input
-              v-model="formParams.contactTel"
-              size="medium"
-              placeholder="请输入联系电话"
-              maxlength="50"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="联系地址">
-            <Input
-              v-model="formParams.address"
-              size="medium"
-              placeholder="请输入联系地址"
-              maxlength="50"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="生效日期" prop="startTime">
-            <date-picker
-              v-model="formParams.startTime"
-              size="medium"
-              type="date"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              placeholder="请输入生效日期"
-            />
-          </form-item>
-          <form-item label="生效时限(年)" prop="expireLimitYear">
-            <Input
-              v-model="formParams.expireLimitYear"
-              size="medium"
-              placeholder="请输入生效时限"
-              maxlength="4"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="合同状态">
-            <Select v-model="formParams.status.code" size="mini">
-              <Option label="有效" value="NORMAL" />
-              <Option label="无效" value="FORBIDDEN" />
-            </Select>
-          </form-item>
-
-          <form-item label="收单类型">
-            <Select v-model="formParams.posType.code" size="mini">
-              <Option label="普通餐饮" value="NORMALSTORE" />
-              <Option label="快消奶茶" value="FASTSTORE" />
-              <Option label="零售店" value="RETAILSTORE" />
-            </Select>
-          </form-item>
-
-          <form-item size="large">
-            <Button type="primary" @click="next">下一步</Button>
-            <Button @click="close">取消</Button>
-          </form-item>
-        </tab-pane>
-        <tab-pane label="账户信息" name="account">
-          <form-item label="账号" prop="mobile">
-            <Input
-              v-model="formParams.mobile"
-              size="medium"
-              placeholder="账号"
-              maxlength="11"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="密码" prop="password">
-            <Input
-              v-model="formParams.password"
-              size="medium"
-              type="password"
-              placeholder="请输入密码"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="确认密码" prop="confirmPassword">
-            <Input
-              v-model="formParams.confirmPassword"
-              size="medium"
-              type="password"
-              placeholder="请再次输入密码"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item size="large">
-            <Button type="primary" :loading="addLoading" @click="onSubmit">保存</Button>
-            <Button @click="close">取消</Button>
-          </form-item>
-        </tab-pane>
-      </Tabs>
-    </Form>
-  </div>
-</template>
-<script>
-import Management from '@/api/Management.js'
-import { Tabs, TabPane, Form, FormItem, Input, Button, Select, Option, DatePicker } from 'element-ui'
-export default {
-  components: {
-    Tabs,
-    TabPane,
-    Form,
-    FormItem,
-    Input,
-    Button,
-    Select,
-    Option,
-    DatePicker
-  },
-  props: {
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    const checkPhone = (rule, value, callback) => {
-      if (!value) {
-        return callback(new Error('手机号不能为空'))
-      } else {
-        const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
-        console.log(reg.test(value))
-        if (reg.test(value)) {
-          callback()
-        } else {
-          return callback(new Error('请输入正确的手机号'))
-        }
-      }
-    }
-    const checkPassword = (rule, value, callback) => {
-      if (!value) {
-        return callback(new Error('密码不能为空'))
-      } else {
-        const reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/
-        console.log(reg.test(value))
-        if (reg.test(value)) {
-          callback()
-        } else {
-          return callback(new Error('中英文混合6-20位，区分大小写'))
-        }
-      }
-    }
-    const checkConfirmPassword = (rule, value, callback) => {
-      if (!value) {
-        return callback(new Error('确认密码不能为空'))
-      } else if (value !== this.formParams.password) {
-        callback(new Error('两次输入密码不一致!'))
-      }
-      callback()
-    }
-    const isEmpty = (rule, value, callback) => {
-      if (!value) {
-        this.activeName = 'authorize'
-        return callback(new Error('手机号不能为空'))
-      }
-      callback()
-    }
-    return {
-      activeName: 'authorize',
-      formParams: {
-        posType: {
-          code: 'NORMALSTORE'
-        },
-        status: {
-          code: 'NORMAL'
-        }
-      },
-      addLoading: false,
-      rules: {
-        name: [
-          { required: true, validator: isEmpty, message: '请输入店铺名称', trigger: ['blur', 'change'] }
-        ],
-        startTime: [
-          { type: 'date', required: true, validator: isEmpty, message: '请输入生效日期', trigger: ['blur', 'change'] }
-        ],
-        expireLimitYear: [
-          { required: true, validator: isEmpty, message: '请输入生效日期', trigger: ['blur', 'change'] }
-        ],
-        mobile: [
-          { required: true, validator: checkPhone, message: '请输入11位数手机号', trigger: ['blur', 'change'] }
-        ],
-        password: [
-          { required: true, validator: checkPassword, message: '中英文混合6-20位，区分大小写', trigger: ['blur', 'change'] },
-          { min: 6, max: 20, message: '长度在 6 到 20 个字符', trigger: 'blur' }
-        ],
-        confirmPassword: [
-          { required: true, message: '确认密码不能为空', trigger: ['blur', 'change'] },
-          { required: true, validator: checkConfirmPassword, trigger: ['blur'] }
-        ]
-      }
-    }
-  },
-  methods: {
-    open() {
-      this.resetForm()
-    },
-    close() {
-      this.$emit('close')
-    },
-    next() {
-      this.activeName = 'account'
-    },
-    onSubmit() {
-      console.log(this.formParams)
-      const addForm = this.$refs.addForm
-      addForm.validate((valid) => {
-        if (valid) {
-          this.addManagement()
-        } else {
-          return false
-        }
-      })
-    },
-    resetForm() {
-      this.$emit('close')
-      this.activeName = 'authorize'
-      this.$refs.addForm && this.$refs.addForm.resetFields()
-    },
-    async addManagement() {
-      const vm = this
-      vm.addLoading = true
-      Management.addTenant(vm.formParams).then((res) => {
-        vm.addLoading = false
-        // const resData = res.data
-        vm.addLoading = false
-        // if (resData.code === 0) {
-        vm.resetForm()
-        vm.$message({
-          message: '创建成功！',
-          type: 'success'
-        })
-        // }
-      })
-    }
-  }
-}
-</script>
-<style lang="less">
-  .add-dialog-component {
-    .tree-box {
-      .el-tree-node__content {
-        margin-bottom: 15px;
-        height: auto;
-      }
-    }
-  }
-</style>
-<style lang="less" scoped>
-  .add-dialog-component {
-    padding: 15px 20px;
-    max-height: 80vh;
-    overflow: auto;
-
-    .tree-box {
-      margin: 15px 0;
-
-      .custom-tree-node {
-        display: flex;
-        width: 100%;
-        text-align: left;
-
-        .content {
-          flex: 1;
-
-        }
-
-        .setting-box {
-        }
-      }
-    }
-
-    .add-btn-wrap {
-      text-align: center;
-    }
-  }
-</style>
+<template>
+  <div class="add-dialog-component">
+    <Form ref="addForm" label-width="150px" :rules="rules" :model="formParams">
+      <Tabs v-model="activeName">
+        <tab-pane label="授权信息" name="authorize">
+          <form-item label="店铺名称" prop="name">
+            <Input
+              v-model="formParams.name"
+              size="medium"
+              placeholder="请输入店铺名称"
+              maxlength="30"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="店铺负责人" prop="duty">
+            <Input
+              v-model="formParams.duty"
+              size="medium"
+              placeholder="请输入店铺负责人"
+              maxlength="50"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="联系电话">
+            <Input
+              v-model="formParams.contactTel"
+              size="medium"
+              placeholder="请输入联系电话"
+              maxlength="50"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="联系地址">
+            <Input
+              v-model="formParams.address"
+              size="medium"
+              placeholder="请输入联系地址"
+              maxlength="50"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="生效日期" prop="startTime">
+            <date-picker
+              v-model="formParams.startTime"
+              size="medium"
+              type="date"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              placeholder="请输入生效日期"
+            />
+          </form-item>
+          <form-item label="生效时限(年)" prop="expireLimitYear">
+            <Input
+              v-model="formParams.expireLimitYear"
+              size="medium"
+              placeholder="请输入生效时限"
+              maxlength="4"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="合同状态">
+            <Select v-model="formParams.status.code" size="mini">
+              <Option label="有效" value="NORMAL" />
+              <Option label="无效" value="FORBIDDEN" />
+            </Select>
+          </form-item>
+
+          <form-item label="收单类型">
+            <Select v-model="formParams.posType.code" size="mini">
+              <Option label="普通餐饮" value="NORMALSTORE" />
+              <Option label="快消奶茶" value="FASTSTORE" />
+              <Option label="零售店" value="RETAILSTORE" />
+            </Select>
+          </form-item>
+
+          <form-item size="large">
+            <Button type="primary" @click="next">下一步</Button>
+            <Button @click="close">取消</Button>
+          </form-item>
+        </tab-pane>
+        <tab-pane label="账户信息" name="account">
+          <form-item label="账号" prop="mobile">
+            <Input
+              v-model="formParams.mobile"
+              size="medium"
+              placeholder="账号"
+              maxlength="11"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="密码" prop="password">
+            <Input
+              v-model="formParams.password"
+              size="medium"
+              type="password"
+              placeholder="请输入密码"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="确认密码" prop="confirmPassword">
+            <Input
+              v-model="formParams.confirmPassword"
+              size="medium"
+              type="password"
+              placeholder="请再次输入密码"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item size="large">
+            <Button type="primary" :loading="addLoading" @click="onSubmit">保存</Button>
+            <Button @click="close">取消</Button>
+          </form-item>
+        </tab-pane>
+      </Tabs>
+    </Form>
+  </div>
+</template>
+<script>
+import Management from '@/api/Management.js'
+import { Tabs, TabPane, Form, FormItem, Input, Button, Select, Option, DatePicker } from 'element-ui'
+export default {
+  components: {
+    Tabs,
+    TabPane,
+    Form,
+    FormItem,
+    Input,
+    Button,
+    Select,
+    Option,
+    DatePicker
+  },
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    const checkPhone = (rule, value, callback) => {
+      if (!value) {
+        return callback(new Error('手机号不能为空'))
+      } else {
+        const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
+        console.log(reg.test(value))
+        if (reg.test(value)) {
+          callback()
+        } else {
+          return callback(new Error('请输入正确的手机号'))
+        }
+      }
+    }
+    const checkPassword = (rule, value, callback) => {
+      if (!value) {
+        return callback(new Error('密码不能为空'))
+      } else {
+        const reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/
+        console.log(reg.test(value))
+        if (reg.test(value)) {
+          callback()
+        } else {
+          return callback(new Error('中英文混合6-20位，区分大小写'))
+        }
+      }
+    }
+    const checkConfirmPassword = (rule, value, callback) => {
+      if (!value) {
+        return callback(new Error('确认密码不能为空'))
+      } else if (value !== this.formParams.password) {
+        callback(new Error('两次输入密码不一致!'))
+      }
+      callback()
+    }
+    const isEmpty = (rule, value, callback) => {
+      if (!value) {
+        this.activeName = 'authorize'
+        return callback(new Error('手机号不能为空'))
+      }
+      callback()
+    }
+    return {
+      activeName: 'authorize',
+      formParams: {
+        posType: {
+          code: 'NORMALSTORE'
+        },
+        status: {
+          code: 'NORMAL'
+        }
+      },
+      addLoading: false,
+      rules: {
+        name: [
+          { required: true, validator: isEmpty, message: '请输入店铺名称', trigger: ['blur', 'change'] }
+        ],
+        startTime: [
+          { type: 'date', required: true, validator: isEmpty, message: '请输入生效日期', trigger: ['blur', 'change'] }
+        ],
+        expireLimitYear: [
+          { required: true, validator: isEmpty, message: '请输入生效日期', trigger: ['blur', 'change'] }
+        ],
+        mobile: [
+          { required: true, validator: checkPhone, message: '请输入11位数手机号', trigger: ['blur', 'change'] }
+        ],
+        password: [
+          { required: true, validator: checkPassword, message: '中英文混合6-20位，区分大小写', trigger: ['blur', 'change'] },
+          { min: 6, max: 20, message: '长度在 6 到 20 个字符', trigger: 'blur' }
+        ],
+        confirmPassword: [
+          { required: true, message: '确认密码不能为空', trigger: ['blur', 'change'] },
+          { required: true, validator: checkConfirmPassword, trigger: ['blur'] }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.resetForm()
+    },
+    close() {
+      this.$emit('close')
+    },
+    next() {
+      this.activeName = 'account'
+    },
+    onSubmit() {
+      console.log(this.formParams)
+      const addForm = this.$refs.addForm
+      addForm.validate((valid) => {
+        if (valid) {
+          this.addManagement()
+        } else {
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$emit('close')
+      this.activeName = 'authorize'
+      this.$refs.addForm && this.$refs.addForm.resetFields()
+    },
+    async addManagement() {
+      const vm = this
+      vm.addLoading = true
+      Management.addTenant(vm.formParams).then((res) => {
+        vm.addLoading = false
+        // const resData = res.data
+        vm.addLoading = false
+        // if (resData.code === 0) {
+        vm.resetForm()
+        vm.$message({
+          message: '创建成功！',
+          type: 'success'
+        })
+        // }
+      })
+    }
+  }
+}
+</script>
+<style lang="less">
+  .add-dialog-component {
+    .tree-box {
+      .el-tree-node__content {
+        margin-bottom: 15px;
+        height: auto;
+      }
+    }
+  }
+</style>
+<style lang="less" scoped>
+  .add-dialog-component {
+    padding: 15px 20px;
+    max-height: 80vh;
+    overflow: auto;
+
+    .tree-box {
+      margin: 15px 0;
+
+      .custom-tree-node {
+        display: flex;
+        width: 100%;
+        text-align: left;
+
+        .content {
+          flex: 1;
+
+        }
+
+        .setting-box {
+        }
+      }
+    }
+
+    .add-btn-wrap {
+      text-align: center;
+    }
+  }
+</style>
--- a/src/components/Management/Container.vue
+++ b/src/components/Management/Container.vue
@ -1,208 +1,212 @@
-<template>
-  <div class="management-container-component">
-    <Table :data="dataList.records" style="width: 100%" border>
-      <table-column prop="name" label="店铺名称" />
-      <table-column prop="code" label="店铺编码" />
-      <table-column prop="posType.desc" label="店铺类型" width="180" />
-      <table-column prop="duty" label="负责人" width="180" />
-      <table-column prop="contactTel" label="联系电话" width="180" />
-      <table-column label="合同状态" width="180">
-        <template slot-scope="scope">
-          {{ scope.row.status.code | state }}
-        </template>
-      </table-column>
-      <table-column prop="createTime" label="创建时间" width="180" />
-      <table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            type="text"
-            size="small"
-            @click.native.prevent="checkRow(scope.row, true)"
-          >
-            查看
-          </el-button>
-          <el-button
-            type="text"
-            size="small"
-            @click.native.prevent="checkRow(scope.row, false)"
-          >
-            编辑
-          </el-button>
-          <el-button
-            type="text"
-            size="small"
-            @click.native.prevent="prohibit(scope.row)"
-          >
-            {{ scope.row.status.code | prohibitTips }}
-          </el-button>
-          <el-button
-            type="text"
-            size="small"
-            @click.native.prevent="fixRole(scope.row)"
-          >
-            权限恢复
-          </el-button>
-        </template>
-      </table-column>
-    </Table>
-    <pagination
-      v-show="dataList.total > 0"
-      :limit.sync="form.size"
-      :page.sync="form.current"
-      :total="Number(dataList.total)"
-      @pagination="fetch"
-    />
-    <Dialog
-      :center="true"
-      :title="checkData.check ?'查看商家': '修改商家'"
-      :visible.sync="checkVisible"
-      :fullscreen="!true"
-      :before-close="closeCheckDialog"
-      class="check-dialog"
-      width="55%"
-    >
-      <checkDialog v-if="checkVisible" :data-map="checkData" @close="closeCheckDialog" />
-    </Dialog>
-  </div>
-</template>
-<script>
-import Management from '@/api/Management.js'
-import { Table, TableColumn, Dialog } from 'element-ui'
-import Pagination from '@/components/Pagination'
-import checkDialog from '@/components/Management/checkDialog'
-export default {
-  components: { Table, TableColumn, Dialog, checkDialog, Pagination },
-  filters: {
-    state(code) {
-      const stateMap = {
-        NORMAL: '有效',
-        FORBIDDEN: '无效'
-      }
-      return stateMap[code]
-    },
-    prohibitTips(code) {
-      const stateMap = {
-        NORMAL: '禁用',
-        FORBIDDEN: '启用'
-      }
-      return stateMap[code]
-    }
-  },
-  props: {
-    dataList: {
-      type: Object,
-      default() {
-        return {}
-      }
-    }
-  },
-  data() {
-    return {
-      checkVisible: false,
-      checkData: {
-        status: {}
-      },
-      form: {
-        current: 1,
-        size: 10
-      }
-    }
-  },
-  methods: {
-    fetch() {
-      this.$emit('fetch', this.form)
-    },
-    checkRow(item, v) {
-      item.check = v
-      this.checkVisible = true
-      this.checkData = item
-      console.log(this.checkData, 11)
-    },
-    closeCheckDialog() {
-      this.checkVisible = false
-      this.checkData = {}
-    },
-    prohibit(item) {
-      const code = item.status.code
-      const stateMap = {
-        NORMAL: '禁用',
-        FORBIDDEN: '启用'
-      }
-      console.log((item))
-      this.$confirm(`是否${stateMap[code]}?`, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.prohibitPut(item)
-      })
-    },
-    fixRole(item) {
-      Management.fixRole(item.code).then(res => {
-        this.$message({
-          message: '权限修复完成',
-          type: 'success',
-          center: true
-        });
-      });
-    },
-    async prohibitPut(item) {
-      const code = item.status.code
-      const id = item.id
-      const stateMap = {
-        NORMAL: '禁用',
-        FORBIDDEN: '启用'
-      }
-      const prohibitMap = {
-        NORMAL: 'FORBIDDEN',
-        FORBIDDEN: 'NORMAL'
-      }
-      const res = await Management.editTenant({
-        id,
-        status: {
-          code: prohibitMap[code]
-        }
-      })
-      const resData = res.data
-      if (resData.code === 0) {
-        item.status.code = prohibitMap[code]
-        this.$message({
-          type: 'success',
-          message: `${stateMap[code]}成功!`
-        })
-      } else {
-        this.$message({
-          type: 'error',
-          message: `${stateMap[code]}失败!`
-        })
-      }
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.management-container-component {
-  padding: 0 20px;
-}
-
-/deep/ .el-table {
-  th {
-      background: #EEF3FF;
-      color:#333333;
-      font-size:16px;
-      font-weight: 400;
-      border-color: #E0E5EB;
-      text-align: center;
-  }
-  td {
-    font-size: 14px;
-    text-align: center;
-    color: #666666;
-  }
-
-  .cell {
-      text-align: center;
-      white-space: pre-line;/*保留换行符*/
-  }
-}
-</style>
+<template>
+  <div class="management-container-component">
+    <Table :data="dataList.records" style="width: 100%" border>
+      <table-column prop="name" label="店铺名称" />
+      <table-column prop="code" label="店铺编码" />
+      <!-- <table-column prop="posType.desc" label="店铺类型" width="180" /> -->
+      <table-column prop="duty" label="负责人" width="180" />
+      <table-column prop="contactTel" label="联系电话" width="180" />
+      <table-column label="合同状态" width="180">
+        <template slot-scope="scope">
+          {{ scope.row.status.code | state }}
+        </template>
+      </table-column>
+      <table-column prop="createTime" label="创建时间" width="180" />
+      <table-column label="操作">
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click.native.prevent="checkRow(scope.row, true)"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click.native.prevent="checkRow(scope.row, false)"
+          >
+            编辑
+          </el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click.native.prevent="prohibit(scope.row)"
+          >
+            {{ scope.row.status.code | prohibitTips }}
+          </el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click.native.prevent="fixRole(scope.row)"
+          >
+            权限恢复
+          </el-button>
+        </template>
+      </table-column>
+    </Table>
+    <pagination
+      v-show="dataList.total > 0"
+      :limit.sync="form.size"
+      :page.sync="form.current"
+      :total="Number(dataList.total)"
+      @pagination="fetch"
+    />
+    <Dialog
+      :center="true"
+      :title="checkData.check ?'查看商家': '修改商家'"
+      :visible.sync="checkVisible"
+      :fullscreen="!true"
+      :before-close="closeCheckDialog"
+      class="check-dialog"
+      width="55%"
+    >
+      <checkDialog ref="checkDialog" v-if="checkVisible" :dataMap="list" @close="closeCheckDialog" />
+    </Dialog>
+  </div>
+</template>
+<script>
+import Management from '@/api/Management.js'
+import { Table, TableColumn, Dialog } from 'element-ui'
+import Pagination from '@/components/Pagination'
+import checkDialog from '@/components/Management/checkDialog'
+export default {
+  components: { Table, TableColumn, Dialog, checkDialog, Pagination },
+  filters: {
+    state(code) {
+      const stateMap = {
+        NORMAL: '有效',
+        FORBIDDEN: '无效'
+      }
+      return stateMap[code]
+    },
+    prohibitTips(code) {
+      const stateMap = {
+        NORMAL: '禁用',
+        FORBIDDEN: '启用'
+      }
+      return stateMap[code]
+    }
+  },
+  props: {
+    dataList: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      checkVisible: false,
+      checkData: {
+        status: {},
+        defaultPay: false
+      },
+      form: {
+        current: 1,
+        size: 10
+      },
+      list: {}
+    }
+  },
+  methods: {
+    fetch() {
+      this.$emit('fetch', this.form)
+    },
+    checkRow(item, v) {
+      item.check = v
+      this.checkVisible = true
+      this.checkData = item
+      this.list = item 
+      console.log(this.checkData, 11)
+    },
+    closeCheckDialog() {
+      this.checkVisible = false
+      this.checkData = {}
+      console.log(this.$refs.checkDialog.dataMap,"dataMap")
+    },
+    prohibit(item) {
+      const code = item.status.code
+      const stateMap = {
+        NORMAL: '禁用',
+        FORBIDDEN: '启用'
+      }
+      console.log((item))
+      this.$confirm(`是否${stateMap[code]}?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.prohibitPut(item)
+      })
+    },
+    fixRole(item) {
+      Management.fixRole(item.code).then(res => {
+        this.$message({
+          message: '权限修复完成',
+          type: 'success',
+          center: true
+        });
+      });
+    },
+    async prohibitPut(item) {
+      const code = item.status.code
+      const id = item.id
+      const stateMap = {
+        NORMAL: '禁用',
+        FORBIDDEN: '启用'
+      }
+      const prohibitMap = {
+        NORMAL: 'FORBIDDEN',
+        FORBIDDEN: 'NORMAL'
+      }
+      const res = await Management.editTenant({
+        id,
+        status: {
+          code: prohibitMap[code]
+        }
+      })
+      const resData = res.data
+      if (resData.code === 0) {
+        item.status.code = prohibitMap[code]
+        this.$message({
+          type: 'success',
+          message: `${stateMap[code]}成功!`
+        })
+      } else {
+        this.$message({
+          type: 'error',
+          message: `${stateMap[code]}失败!`
+        })
+      }
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.management-container-component {
+  padding: 0 20px;
+}
+
+/deep/ .el-table {
+  th {
+      background: #EEF3FF;
+      color:#333333;
+      font-size:16px;
+      font-weight: 400;
+      border-color: #E0E5EB;
+      text-align: center;
+  }
+  td {
+    font-size: 14px;
+    text-align: center;
+    color: #666666;
+  }
+
+  .cell {
+      text-align: center;
+      white-space: pre-line;/*保留换行符*/
+  }
+}
+</style>
--- a/src/components/Management/SearchBar.vue
+++ b/src/components/Management/SearchBar.vue
@ -1,82 +1,82 @@
-<template>
-  <div class="search-bar-component">
-    <Form :inline="true" :model="formParams">
-      <form-item label="店铺名称">
-        <Input v-model="formParams.name" size="mini" placeholder="店铺名称" />
-      </form-item>
-      <form-item label="店铺编码">
-        <Input v-model="formParams.code" size="mini" placeholder="店铺编码" />
-      </form-item>
-      <form-item label="负责人">
-        <Input v-model="formParams.duty" size="mini" placeholder="负责人" />
-      </form-item>
-      <form-item label="合同状态">
-        <Select v-model="formParams.status.code" size="mini">
-          <Option label="全部" value="NORMAL" />
-          <Option label="有效" value="NORMAL" />
-          <Option label="无效" value="FORBIDDEN" />
-        </Select>
-      </form-item>
-      <form-item>
-        <Button type="primary" size="mini" @click="query">查询</Button>
-        <Button plain size="mini" @click="reset">重置</Button>
-        <Button type="success" size="mini" @click="addManagement">新建商家</Button>
-      </form-item>
-    </Form>
-  </div>
-</template>
-<script>
-import { Form, FormItem, Input, Select, Option, Button } from 'element-ui'
-export default {
-  components: {
-    Form,
-    FormItem,
-    Input,
-    Select,
-    Option,
-    Button
-  },
-  data() {
-    return {
-      formParams: {
-        name: '',
-        code: '',
-        duty: '',
-        status: {
-          code: ''
-        }
-      }
-    }
-  },
-  methods: {
-    query() {
-      this.$emit('query', this.formParams)
-    },
-    addManagement() {
-      this.$emit('addManagement')
-    },
-    reset() {
-      this.formParams = {
-        name: '',
-        code: '',
-        duty: '',
-        status: {
-          code: ''
-        }
-      }
-    }
-  }
-}
-</script>
-<style lang="less">
-.search-bar-component {
-  .el-form-item {
-    margin-bottom: 8px;
-  }
-}
-</style>
-<style lang="less" scoped>
-.search-bar-component {
-  padding: 15px 20px;
-}
-</style>
+<template>
+  <div class="search-bar-component">
+    <Form :inline="true" :model="formParams">
+      <form-item label="店铺名称">
+        <Input v-model="formParams.name" size="mini" placeholder="店铺名称" />
+      </form-item>
+      <form-item label="店铺编码">
+        <Input v-model="formParams.code" size="mini" placeholder="店铺编码" />
+      </form-item>
+      <form-item label="负责人">
+        <Input v-model="formParams.duty" size="mini" placeholder="负责人" />
+      </form-item>
+      <form-item label="合同状态">
+        <Select v-model="formParams.status.code" size="mini">
+          <Option label="全部" value="NORMAL" />
+          <Option label="有效" value="NORMAL" />
+          <Option label="无效" value="FORBIDDEN" />
+        </Select>
+      </form-item>
+      <form-item>
+        <Button type="primary" size="mini" @click="query">查询</Button>
+        <Button plain size="mini" @click="reset">重置</Button>
+        <Button type="success" size="mini" @click="addManagement">新建商家</Button>
+      </form-item>
+    </Form>
+  </div>
+</template>
+<script>
+import { Form, FormItem, Input, Select, Option, Button } from 'element-ui'
+export default {
+  components: {
+    Form,
+    FormItem,
+    Input,
+    Select,
+    Option,
+    Button
+  },
+  data() {
+    return {
+      formParams: {
+        name: '',
+        code: '',
+        duty: '',
+        status: {
+          code: ''
+        }
+      }
+    }
+  },
+  methods: {
+    query() {
+      this.$emit('query', this.formParams)
+    },
+    addManagement() {
+      this.$emit('addManagement')
+    },
+    reset() {
+      this.formParams = {
+        name: '',
+        code: '',
+        duty: '',
+        status: {
+          code: ''
+        }
+      }
+    }
+  }
+}
+</script>
+<style lang="less">
+.search-bar-component {
+  .el-form-item {
+    margin-bottom: 8px;
+  }
+}
+</style>
+<style lang="less" scoped>
+.search-bar-component {
+  padding: 15px 20px;
+}
+</style>
--- a/src/components/Management/checkDialog.vue
+++ b/src/components/Management/checkDialog.vue
@ -1,185 +1,191 @@
-<template>
-  <div class="add-dialog-component">
-    <Form ref="addForm" label-width="150px" :model="dataMap">
-      <Tabs v-model="activeName">
-        <tab-pane label="授权信息" name="authorize">
-          <form-item label="店铺名称" prop="name">
-            <Input
-              v-model="dataMap.name"
-              :disabled="dataMap.check"
-              size="medium"
-              maxlength="30"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="店铺负责人" prop="duty">
-            <Input
-              v-model="dataMap.duty"
-              :disabled="dataMap.check"
-              size="medium"
-              maxlength="50"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="联系电话">
-            <Input
-              v-model="dataMap.contactTel"
-              :disabled="dataMap.check"
-              size="medium"
-              maxlength="50"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="联系地址">
-            <Input
-              v-model="dataMap.address"
-              :disabled="dataMap.check"
-              size="medium"
-              maxlength="50"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="生效日期" prop="startTime">
-            <date-picker
-              v-model="dataMap.startTime"
-              :disabled="dataMap.check"
-              size="medium"
-              type="date"
-              value-format="yyyy-MM-dd HH:mm:ss"
-            />
-          </form-item>
-          <form-item label="生效时限(年)" prop="expireLimitYear">
-            <Input
-              v-model="dataMap.expireLimitYear"
-              :disabled="dataMap.check"
-              size="medium"
-              maxlength="4"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-          <form-item label="合同状态">
-            <Select v-model="dataMap.status.code" disabled size="mini">
-              <Option label="有效" value="NORMAL" />
-              <Option label="无效" value="FORBIDDEN" />
-            </Select>
-          </form-item>
-          <form-item label="账号" prop="mobile">
-            <Input
-              v-model="dataMap.account"
-              :disabled="dataMap.check"
-              size="medium"
-              maxlength="11"
-              show-word-limit
-              clearable
-            />
-          </form-item>
-
-          <form-item label="收单类型">
-            <Select v-model="dataMap.posType.code" size="mini">
-              <Option label="普通餐饮" value="NORMALSTORE" />
-              <Option label="快消餐饮" value="FASTSTORE" />
-              <Option label="零售店" value="RETAILSTORE" />
-            </Select>
-          </form-item>
-
-          <form-item size="large">
-            <Button v-if="!dataMap.check" type="primary" @click="sumbit">确定</Button>
-          </form-item>
-        </tab-pane>
-      </Tabs>
-    </Form>
-  </div>
-</template>
-<script>
-import { Tabs, TabPane, Form, FormItem, Input, Button, Select, Option, DatePicker } from 'element-ui'
-import Management from '@/api/Management'
-export default {
-  components: {
-    Tabs,
-    TabPane,
-    Form,
-    FormItem,
-    Input,
-    Button,
-    Select,
-    Option,
-    DatePicker
-  },
-  props: {
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    },
-    dataMap: {
-      type: Object,
-      default() {
-        return {}
-      }
-    }
-  },
-  data() {
-    return {
-      activeName: 'authorize'
-    }
-  },
-  created() {},
-  methods: {
-    close() {
-      this.$emit('close')
-    },
-    sumbit() {
-      const _ = this
-      Management.editTenant(this.dataMap).then(res => {
-        if (res.data.code === 0) {
-          _.$message.success('修改成功')
-          _.close()
-        }
-      })
-    }
-  }
-}
-</script>
-<style lang="less">
-  .add-dialog-component {
-    .tree-box {
-      .el-tree-node__content {
-        margin-bottom: 15px;
-        height: auto;
-      }
-    }
-  }
-</style>
-<style lang="less" scoped>
-  .add-dialog-component {
-    padding: 15px 20px;
-    max-height: 80vh;
-    overflow: auto;
-
-    .tree-box {
-      margin: 15px 0;
-
-      .custom-tree-node {
-        display: flex;
-        width: 100%;
-        text-align: left;
-
-        .content {
-          flex: 1;
-
-        }
-
-        .setting-box {
-        }
-      }
-    }
-
-    .add-btn-wrap {
-      text-align: center;
-    }
-  }
-</style>
+<template>
+  <div class="add-dialog-component">
+    <Form ref="addForm" label-width="150px" :model="dataMap">
+      <Tabs v-model="activeName">
+        <tab-pane label="授权信息" name="authorize">
+          <form-item label="店铺名称" prop="name">
+            <Input
+              v-model="dataMap.name"
+              :disabled="dataMap.check"
+              size="medium"
+              maxlength="30"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="店铺负责人" prop="duty">
+            <Input
+              v-model="dataMap.duty"
+              :disabled="dataMap.check"
+              size="medium"
+              maxlength="50"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="联系电话">
+            <Input
+              v-model="dataMap.contactTel"
+              :disabled="dataMap.check"
+              size="medium"
+              maxlength="50"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="联系地址">
+            <Input
+              v-model="dataMap.address"
+              :disabled="dataMap.check"
+              size="medium"
+              maxlength="50"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <form-item label="生效日期" prop="startTime">
+            <date-picker
+              v-model="dataMap.startTime"
+              :disabled="dataMap.check"
+              size="medium"
+              type="date"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            />
+          </form-item>
+          <form-item label="生效时限(年)" prop="expireLimitYear">
+            <Input
+              v-model="dataMap.expireLimitYear"
+              :disabled="dataMap.check"
+              size="medium"
+              maxlength="4"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+          <!-- <form-item label="合同状态">
+            <Select v-model="dataMap.status.code" disabled size="mini">
+              <Option label="有效" value="NORMAL" />
+              <Option label="无效" value="FORBIDDEN" />
+            </Select>
+          </form-item> -->
+          <form-item label="是否使用平台收款" prop="mobile">
+            <el-radio-group size="small" v-model="dataMap.defaultPay">
+              <el-radio-button :label="true">{{ $t('common.yes') }}</el-radio-button>
+              <el-radio-button :label="false">{{ $t('common.no') }}</el-radio-button>
+            </el-radio-group>
+          </form-item>
+          <form-item label="账号" prop="mobile">
+            <Input
+              v-model="dataMap.account"
+              :disabled="dataMap.check"
+              size="medium"
+              maxlength="11"
+              show-word-limit
+              clearable
+            />
+          </form-item>
+
+          <!-- <form-item label="收单类型">
+            <Select v-model="dataMap.posType.code" size="mini">
+              <Option label="普通餐饮" value="NORMALSTORE" />
+              <Option label="快消餐饮" value="FASTSTORE" />
+              <Option label="零售店" value="RETAILSTORE" />
+            </Select>
+          </form-item> -->
+
+          <form-item size="large">
+            <Button v-if="!dataMap.check" type="primary" @click="sumbit">确定</Button>
+          </form-item>
+        </tab-pane>
+      </Tabs>
+    </Form>
+  </div>
+</template>
+<script>
+import { Tabs, TabPane, Form, FormItem, Input, Button, Select, Option, DatePicker } from 'element-ui'
+import Management from '@/api/Management'
+export default {
+  components: {
+    Tabs,
+    TabPane,
+    Form,
+    FormItem,
+    Input,
+    Button,
+    // Select,
+    // Option,
+    DatePicker
+  },
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    },
+    dataMap: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      activeName: 'authorize'
+    }
+  },
+  created() {},
+  methods: {
+    close() {
+      this.$emit('close')
+    },
+    sumbit() {
+      const _ = this
+      Management.editTenant(this.dataMap).then(res => {
+        if (res.data.code === 0) {
+          _.$message.success('修改成功')
+          _.close()
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="less">
+  .add-dialog-component {
+    .tree-box {
+      .el-tree-node__content {
+        margin-bottom: 15px;
+        height: auto;
+      }
+    }
+  }
+</style>
+<style lang="less" scoped>
+  .add-dialog-component {
+    padding: 15px 20px;
+    max-height: 80vh;
+    overflow: auto;
+
+    .tree-box {
+      margin: 15px 0;
+
+      .custom-tree-node {
+        display: flex;
+        width: 100%;
+        text-align: left;
+
+        .content {
+          flex: 1;
+
+        }
+
+        .setting-box {
+        }
+      }
+    }
+
+    .add-btn-wrap {
+      text-align: center;
+    }
+  }
+</style>
--- a/src/components/MarkdownEditor/default-options.js
+++ b/src/components/MarkdownEditor/default-options.js
@ -1,31 +1,31 @@
-// doc: https://nhnent.github.io/tui.editor/api/latest/ToastUIEditor.html#ToastUIEditor
-export default {
-  minHeight: '200px',
-  previewStyle: 'vertical',
-  useCommandShortcut: true,
-  useDefaultHTMLSanitizer: true,
-  usageStatistics: false,
-  hideModeSwitch: false,
-  toolbarItems: [
-    'heading',
-    'bold',
-    'italic',
-    'strike',
-    'divider',
-    'hr',
-    'quote',
-    'divider',
-    'ul',
-    'ol',
-    'task',
-    'indent',
-    'outdent',
-    'divider',
-    'table',
-    'image',
-    'link',
-    'divider',
-    'code',
-    'codeblock'
-  ]
-}
+// doc: https://nhnent.github.io/tui.editor/api/latest/ToastUIEditor.html#ToastUIEditor
+export default {
+  minHeight: '200px',
+  previewStyle: 'vertical',
+  useCommandShortcut: true,
+  useDefaultHTMLSanitizer: true,
+  usageStatistics: false,
+  hideModeSwitch: false,
+  toolbarItems: [
+    'heading',
+    'bold',
+    'italic',
+    'strike',
+    'divider',
+    'hr',
+    'quote',
+    'divider',
+    'ul',
+    'ol',
+    'task',
+    'indent',
+    'outdent',
+    'divider',
+    'table',
+    'image',
+    'link',
+    'divider',
+    'code',
+    'codeblock'
+  ]
+}
--- a/src/components/MarkdownEditor/index.vue
+++ b/src/components/MarkdownEditor/index.vue
@ -1,118 +1,118 @@
-<template>
-  <div :id="id" />
-</template>
-
-<script>
-// deps for editor
-import 'codemirror/lib/codemirror.css' // codemirror
-import 'tui-editor/dist/tui-editor.css' // editor ui
-import 'tui-editor/dist/tui-editor-contents.css' // editor content
-
-import Editor from 'tui-editor'
-import defaultOptions from './default-options'
-
-export default {
-  name: 'MarddownEditor',
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    id: {
-      type: String,
-      required: false,
-      default() {
-        return 'markdown-editor-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '')
-      }
-    },
-    options: {
-      type: Object,
-      default() {
-        return defaultOptions
-      }
-    },
-    mode: {
-      type: String,
-      default: 'markdown'
-    },
-    height: {
-      type: String,
-      required: false,
-      default: '300px'
-    },
-    language: {
-      type: String,
-      required: false,
-      default: 'en_US' // https://github.com/nhnent/tui.editor/tree/master/src/js/langs
-    }
-  },
-  data() {
-    return {
-      editor: null
-    }
-  },
-  computed: {
-    editorOptions() {
-      const options = Object.assign({}, defaultOptions, this.options)
-      options.initialEditType = this.mode
-      options.height = this.height
-      options.language = this.language
-      return options
-    }
-  },
-  watch: {
-    value(newValue, preValue) {
-      if (newValue !== preValue && newValue !== this.editor.getValue()) {
-        this.editor.setValue(newValue)
-      }
-    },
-    language(val) {
-      this.destroyEditor()
-      this.initEditor()
-    },
-    height(newValue) {
-      this.editor.height(newValue)
-    },
-    mode(newValue) {
-      this.editor.changeMode(newValue)
-    }
-  },
-  mounted() {
-    this.initEditor()
-  },
-  destroyed() {
-    this.destroyEditor()
-  },
-  methods: {
-    initEditor() {
-      this.editor = new Editor({
-        el: document.getElementById(this.id),
-        ...this.editorOptions
-      })
-      if (this.value) {
-        this.editor.setValue(this.value)
-      }
-      this.editor.on('change', () => {
-        this.$emit('input', this.editor.getValue())
-      })
-    },
-    destroyEditor() {
-      if (!this.editor) return
-      this.editor.off('change')
-      this.editor.remove()
-    },
-    setValue(value) {
-      this.editor.setValue(value)
-    },
-    getValue() {
-      return this.editor.getValue()
-    },
-    setHtml(value) {
-      this.editor.setHtml(value)
-    },
-    getHtml() {
-      return this.editor.getHtml()
-    }
-  }
-}
-</script>
+<template>
+  <div :id="id" />
+</template>
+
+<script>
+// deps for editor
+import 'codemirror/lib/codemirror.css' // codemirror
+import 'tui-editor/dist/tui-editor.css' // editor ui
+import 'tui-editor/dist/tui-editor-contents.css' // editor content
+
+import Editor from 'tui-editor'
+import defaultOptions from './default-options'
+
+export default {
+  name: 'MarddownEditor',
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    id: {
+      type: String,
+      required: false,
+      default() {
+        return 'markdown-editor-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '')
+      }
+    },
+    options: {
+      type: Object,
+      default() {
+        return defaultOptions
+      }
+    },
+    mode: {
+      type: String,
+      default: 'markdown'
+    },
+    height: {
+      type: String,
+      required: false,
+      default: '300px'
+    },
+    language: {
+      type: String,
+      required: false,
+      default: 'en_US' // https://github.com/nhnent/tui.editor/tree/master/src/js/langs
+    }
+  },
+  data() {
+    return {
+      editor: null
+    }
+  },
+  computed: {
+    editorOptions() {
+      const options = Object.assign({}, defaultOptions, this.options)
+      options.initialEditType = this.mode
+      options.height = this.height
+      options.language = this.language
+      return options
+    }
+  },
+  watch: {
+    value(newValue, preValue) {
+      if (newValue !== preValue && newValue !== this.editor.getValue()) {
+        this.editor.setValue(newValue)
+      }
+    },
+    language(val) {
+      this.destroyEditor()
+      this.initEditor()
+    },
+    height(newValue) {
+      this.editor.height(newValue)
+    },
+    mode(newValue) {
+      this.editor.changeMode(newValue)
+    }
+  },
+  mounted() {
+    this.initEditor()
+  },
+  destroyed() {
+    this.destroyEditor()
+  },
+  methods: {
+    initEditor() {
+      this.editor = new Editor({
+        el: document.getElementById(this.id),
+        ...this.editorOptions
+      })
+      if (this.value) {
+        this.editor.setValue(this.value)
+      }
+      this.editor.on('change', () => {
+        this.$emit('input', this.editor.getValue())
+      })
+    },
+    destroyEditor() {
+      if (!this.editor) return
+      this.editor.off('change')
+      this.editor.remove()
+    },
+    setValue(value) {
+      this.editor.setValue(value)
+    },
+    getValue() {
+      return this.editor.getValue()
+    },
+    setHtml(value) {
+      this.editor.setHtml(value)
+    },
+    getHtml() {
+      return this.editor.getHtml()
+    }
+  }
+}
+</script>
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@ -1,103 +1,103 @@
-<template>
-  <div style="display:block" :class="{'hidden':hidden}" class="pagination-container">
-    <el-pagination
-      :background="background"
-      :current-page.sync="currentPage"
-      :page-size.sync="pageSize"
-      :layout="layout"
-      :page-sizes="pageSizes"
-      :total="total"
-      v-bind="$attrs"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-     style="display:block"
-    />
-  </div>
-</template>
-
-<script>
-import { scrollTo } from '@/utils/scroll-to'
-
-export default {
-  name: 'Pagination',
-  props: {
-    total: {
-      required: true,
-      type: Number
-    },
-    page: {
-      type: Number,
-      default: 1
-    },
-    limit: {
-      type: Number,
-      default: 20
-    },
-    pageSizes: {
-      type: Array,
-      default() {
-        return [5, 10, 20, 30, 50]
-      }
-    },
-    layout: {
-      type: String,
-      default: 'total, sizes, prev, pager, next, jumper'
-    },
-    background: {
-      type: Boolean,
-      default: true
-    },
-    autoScroll: {
-      type: Boolean,
-      default: true
-    },
-    hidden: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    currentPage: {
-      get() {
-        return this.page
-      },
-      set(val) {
-        this.$emit('update:page', val)
-      }
-    },
-    pageSize: {
-      get() {
-        return this.limit
-      },
-      set(val) {
-        this.$emit('update:limit', val)
-      }
-    }
-  },
-  methods: {
-    handleSizeChange(val) {
-      this.$emit('pagination', { page: this.currentPage, limit: val })
-      if (this.autoScroll) {
-        scrollTo(0, 800)
-      }
-    },
-    handleCurrentChange(val) {
-      this.$emit('pagination', { page: val, limit: this.pageSize })
-      if (this.autoScroll) {
-        scrollTo(0, 800)
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.pagination-container {
-  background: #fff;
-  padding: 32px 16px 16px 0;
-  margin-top: 0;
-}
-.pagination-container.hidden {
-  display: none;
-}
-</style>
+<template>
+  <div style="display:block" :class="{'hidden':hidden}" class="pagination-container">
+    <el-pagination
+      :background="background"
+      :current-page.sync="currentPage"
+      :page-size.sync="pageSize"
+      :layout="layout"
+      :page-sizes="pageSizes"
+      :total="total"
+      v-bind="$attrs"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+     style="display:block"
+    />
+  </div>
+</template>
+
+<script>
+import { scrollTo } from '@/utils/scroll-to'
+
+export default {
+  name: 'Pagination',
+  props: {
+    total: {
+      required: true,
+      type: Number
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    limit: {
+      type: Number,
+      default: 20
+    },
+    pageSizes: {
+      type: Array,
+      default() {
+        return [5, 10, 20, 30, 50]
+      }
+    },
+    layout: {
+      type: String,
+      default: 'total, sizes, prev, pager, next, jumper'
+    },
+    background: {
+      type: Boolean,
+      default: true
+    },
+    autoScroll: {
+      type: Boolean,
+      default: true
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    currentPage: {
+      get() {
+        return this.page
+      },
+      set(val) {
+        this.$emit('update:page', val)
+      }
+    },
+    pageSize: {
+      get() {
+        return this.limit
+      },
+      set(val) {
+        this.$emit('update:limit', val)
+      }
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      this.$emit('pagination', { page: this.currentPage, limit: val })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    },
+    handleCurrentChange(val) {
+      this.$emit('pagination', { page: val, limit: this.pageSize })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.pagination-container {
+  background: #fff;
+  padding: 32px 16px 16px 0;
+  margin-top: 0;
+}
+.pagination-container.hidden {
+  display: none;
+}
+</style>
--- a/src/components/PanThumb/index.vue
+++ b/src/components/PanThumb/index.vue
@ -1,140 +1,140 @@
-<template>
-  <div :style="{zIndex:zIndex,height:height,width:width}" class="pan-item">
-    <div class="pan-info">
-      <div class="pan-info-roles-container">
-        <slot />
-      </div>
-    </div>
-    <img :src="image" class="pan-thumb">
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'PanThumb',
-  props: {
-    image: {
-      type: String,
-      required: true
-    },
-    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>
+<template>
+  <div :style="{zIndex:zIndex,height:height,width:width}" class="pan-item">
+    <div class="pan-info">
+      <div class="pan-info-roles-container">
+        <slot />
+      </div>
+    </div>
+    <img :src="image" class="pan-thumb">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PanThumb',
+  props: {
+    image: {
+      type: String,
+      required: true
+    },
+    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>
--- a/Show More
+++ b/Show More