初始化

.editorconfig

@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

.env.development

@@ -0,0 +1,7 @@
+# just a flag
+ENV = 'development'
+
+# base api  http://192.168.11.17:8800/hanghui-warehouse
+VUE_APP_BASE_API = 'http://192.168.77.20:14220/back-management'
+# VUE_APP_BASE_API = 'https://noise.hz-hanghui.com:8088/hanghui-warehouse'
+

.env.production

@@ -0,0 +1,6 @@
+# just a flag
+ENV = 'production'
+
+# base api
+VUE_APP_BASE_API = '..'
+

.env.staging

@@ -0,0 +1,8 @@
+NODE_ENV = production
+
+# just a flag
+ENV = 'staging'
+
+# base api
+VUE_APP_BASE_API = '/stage-api'
+

.eslintignore

@@ -0,0 +1,4 @@
+build/*.js
+src/assets
+public
+dist

.eslintrc.js

@@ -0,0 +1,198 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint',
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: ['plugin:vue/recommended', 'eslint:recommended'],
+
+  // add your custom rules here
+  //it is base on https://github.com/vuejs/eslint-config-vue
+  rules: {
+    "vue/max-attributes-per-line": [2, {
+      "singleline": 10,
+      "multiline": {
+        "max": 1,
+        "allowFirstLine": false
+      }
+    }],
+    "vue/singleline-html-element-content-newline": "off",
+    "vue/multiline-html-element-content-newline":"off",
+    "vue/name-property-casing": ["error", "PascalCase"],
+    "vue/no-v-html": "off",
+    'accessor-pairs': 2,
+    'arrow-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'block-spacing': [2, 'always'],
+    'brace-style': [2, '1tbs', {
+      'allowSingleLine': true
+    }],
+    'camelcase': [0, {
+      'properties': 'always'
+    }],
+    'comma-dangle': [2, 'never'],
+    'comma-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'comma-style': [2, 'last'],
+    'constructor-super': 2,
+    'curly': [2, 'multi-line'],
+    'dot-location': [2, 'property'],
+    'eol-last': 2,
+    'eqeqeq': ["error", "always", {"null": "ignore"}],
+    'generator-star-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'handle-callback-err': [2, '^(err|error)$'],
+    'indent': [2, 2, {
+      'SwitchCase': 1
+    }],
+    'jsx-quotes': [2, 'prefer-single'],
+    'key-spacing': [2, {
+      'beforeColon': false,
+      'afterColon': true
+    }],
+    'keyword-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'new-cap': [2, {
+      'newIsCap': true,
+      'capIsNew': false
+    }],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-console': 'off',
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 0,
+    'no-delete-var': 2,
+    'no-dupe-args': 2,
+    'no-dupe-class-members': 2,
+    'no-dupe-keys': 2,
+    'no-duplicate-case': 2,
+    'no-empty-character-class': 2,
+    'no-empty-pattern': 2,
+    'no-eval': 2,
+    'no-ex-assign': 2,
+    'no-extend-native': 2,
+    'no-extra-bind': 2,
+    'no-extra-boolean-cast': 2,
+    'no-extra-parens': [2, 'functions'],
+    'no-fallthrough': 2,
+    'no-floating-decimal': 2,
+    'no-func-assign': 2,
+    'no-implied-eval': 2,
+    'no-inner-declarations': [2, 'functions'],
+    'no-invalid-regexp': 2,
+    'no-irregular-whitespace': 2,
+    'no-iterator': 2,
+    'no-label-var': 2,
+    'no-labels': [2, {
+      'allowLoop': false,
+      'allowSwitch': false
+    }],
+    'no-lone-blocks': 2,
+    'no-mixed-spaces-and-tabs': 2,
+    'no-multi-spaces': 2,
+    'no-multi-str': 2,
+    'no-multiple-empty-lines': [2, {
+      'max': 1
+    }],
+    'no-native-reassign': 2,
+    'no-negated-in-lhs': 2,
+    'no-new-object': 2,
+    'no-new-require': 2,
+    'no-new-symbol': 2,
+    'no-new-wrappers': 2,
+    'no-obj-calls': 2,
+    'no-octal': 2,
+    'no-octal-escape': 2,
+    'no-path-concat': 2,
+    'no-proto': 2,
+    'no-redeclare': 2,
+    'no-regex-spaces': 2,
+    'no-return-assign': [2, 'except-parens'],
+    'no-self-assign': 2,
+    'no-self-compare': 2,
+    'no-sequences': 2,
+    'no-shadow-restricted-names': 2,
+    'no-spaced-func': 2,
+    'no-sparse-arrays': 2,
+    'no-this-before-super': 2,
+    'no-throw-literal': 2,
+    'no-trailing-spaces': 2,
+    'no-undef': 2,
+    'no-undef-init': 2,
+    'no-unexpected-multiline': 2,
+    'no-unmodified-loop-condition': 2,
+    'no-unneeded-ternary': [2, {
+      'defaultAssignment': false
+    }],
+    'no-unreachable': 2,
+    'no-unsafe-finally': 2,
+    'no-unused-vars': [2, {
+      'vars': 'all',
+      'args': 'none'
+    }],
+    'no-useless-call': 2,
+    'no-useless-computed-key': 2,
+    'no-useless-constructor': 2,
+    'no-useless-escape': 0,
+    'no-whitespace-before-property': 2,
+    'no-with': 2,
+    'one-var': [2, {
+      'initialized': 'never'
+    }],
+    'operator-linebreak': [2, 'after', {
+      'overrides': {
+        '?': 'before',
+        ':': 'before'
+      }
+    }],
+    'padded-blocks': [2, 'never'],
+    'quotes': [2, 'single', {
+      'avoidEscape': true,
+      'allowTemplateLiterals': true
+    }],
+    'semi': [2, 'never'],
+    'semi-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'space-before-blocks': [2, 'always'],
+    'space-before-function-paren': [2, 'never'],
+    'space-in-parens': [2, 'never'],
+    'space-infix-ops': 2,
+    'space-unary-ops': [2, {
+      'words': true,
+      'nonwords': false
+    }],
+    'spaced-comment': [2, 'always', {
+      'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
+    }],
+    'template-curly-spacing': [2, 'never'],
+    'use-isnan': 2,
+    'valid-typeof': 2,
+    'wrap-iife': [2, 'any'],
+    'yield-star-spacing': [2, 'both'],
+    'yoda': [2, 'never'],
+    'prefer-const': 2,
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'object-curly-spacing': [2, 'always', {
+      objectsInObjects: false
+    }],
+    'array-bracket-spacing': [2, 'never']
+  }
+}

.gitignore

@@ -0,0 +1,17 @@
+.DS_Store
+node_modules/
+dist/
+back/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+tests/**/coverage/
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.travis.yml

@@ -0,0 +1,5 @@
+language: node_js
+node_js: 10
+script: npm run test
+notifications:
+  email: false

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-present PanJiaChen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README-zh.md

@@ -0,0 +1,107 @@
+# vue-admin-template
+
+> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
+
+[线上地址](http://panjiachen.github.io/vue-admin-template)
+
+[国内访问](https://panjiachen.gitee.io/vue-admin-template)
+
+目前版本为 `v4.0+` 基于 `vue-cli` 进行构建，若你想使用旧版本，可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0)，它不依赖 `vue-cli`。
+
+## Extra
+
+如果你想要根据用户角色来动态生成侧边栏和 router，你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+## GitAds
+
+[<img src="https://images.gitads.io/PanJiaChen/vue-admin-template" alt="GitAds" />](https://tracking.gitads.io/?repo=PanJiaChen/vue-admin-template)
+
+
+## 相关项目
+
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+
+写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:
+
+- [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
+- [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
+- [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
+- [手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
+- [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
+
+## Build Setup
+
+```bash
+# 克隆项目
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# 进入项目目录
+cd vue-admin-template
+
+# 安装依赖
+npm install
+
+# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+
+# 启动服务
+npm run dev
+```
+
+浏览器访问 [http://localhost:9528](http://localhost:9528)
+
+## 发布
+
+```bash
+# 构建测试环境
+npm run build:stage
+
+# 构建生产环境
+npm run build:prod
+```
+
+## 其它
+
+```bash
+# 预览发布环境效果
+npm run preview
+
+# 预览发布环境效果 + 静态资源分析
+npm run preview -- --report
+
+# 代码格式检查
+npm run lint
+
+# 代码格式检查并自动修复
+npm run lint -- --fix
+```
+
+更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)
+
+## 购买贴纸
+
+你也可以通过 购买[官方授权的贴纸](https://smallsticker.com/product/vue-element-admin) 的方式来支持 vue-element-admin - 每售出一张贴纸，我们将获得 2 元的捐赠。
+
+## Demo
+
+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen

README.md

@@ -0,0 +1,96 @@
+# vue-admin-template
+
+English | [简体中文](./README-zh.md)
+
+> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
+
+**Live demo:** http://panjiachen.github.io/vue-admin-template
+
+
+**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`**
+
+
+## GitAds
+
+[<img src="https://images.gitads.io/vue-admin-template" alt="GitAds" />](https://tracking.gitads.io/?repo=vue-admin-template)
+
+
+## Build Setup
+
+```bash
+# clone the project
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# enter the project directory
+cd vue-admin-template
+
+# install dependency
+npm install
+
+# develop
+npm run dev
+```
+
+This will automatically open http://localhost:9528
+
+## Build
+
+```bash
+# build for test environment
+npm run build:stage
+
+# build for production environment
+npm run build:prod
+```
+
+## Advanced
+
+```bash
+# preview the release environment effect
+npm run preview
+
+# preview the release environment effect + static resource analysis
+npm run preview -- --report
+
+# code format check
+npm run lint
+
+# code format check and auto fix
+npm run lint -- --fix
+```
+
+Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
+
+## Demo
+
+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
+
+## Extra
+
+If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
+
+## Related Project
+
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen

babel.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  presets: [
+    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
+    '@vue/cli-plugin-babel/preset'
+  ],
+  'env': {
+    'development': {
+      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
+      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
+      // https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html
+      'plugins': ['dynamic-import-node']
+    }
+  }
+}

build/index.js

@@ -0,0 +1,35 @@
+const { run } = require('runjs')
+const chalk = require('chalk')
+const config = require('../vue.config.js')
+const rawArgv = process.argv.slice(2)
+const args = rawArgv.join(' ')
+
+if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
+  const report = rawArgv.includes('--report')
+
+  run(`vue-cli-service build ${args}`)
+
+  const port = 9526
+  const publicPath = config.publicPath
+
+  var connect = require('connect')
+  var serveStatic = require('serve-static')
+  const app = connect()
+
+  app.use(
+    publicPath,
+    serveStatic('./dist', {
+      index: ['index.html', '/']
+    })
+  )
+
+  app.listen(port, function () {
+    console.log(chalk.green(`> Preview at  http://localhost:${port}${publicPath}`))
+    if (report) {
+      console.log(chalk.green(`> Report at  http://localhost:${port}${publicPath}report.html`))
+    }
+
+  })
+} else {
+  run(`vue-cli-service build ${args}`)
+}

jest.config.js

@@ -0,0 +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/'
+}

jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}

mock/index.js

@@ -0,0 +1,57 @@
+const Mock = require('mockjs')
+const { param2Obj } = require('./utils')
+
+const user = require('./user')
+const table = require('./table')
+
+const mocks = [
+  ...user,
+  ...table
+]
+
+// for front mock
+// please use it cautiously, it will redefine XMLHttpRequest,
+// which will cause many of your third-party libraries to be invalidated(like progress event).
+function mockXHR() {
+  // mock patch
+  // https://github.com/nuysoft/Mock/issues/300
+  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
+  Mock.XHR.prototype.send = function() {
+    if (this.custom.xhr) {
+      this.custom.xhr.withCredentials = this.withCredentials || false
+
+      if (this.responseType) {
+        this.custom.xhr.responseType = this.responseType
+      }
+    }
+    this.proxy_send(...arguments)
+  }
+
+  function XHR2ExpressReqWrap(respond) {
+    return function(options) {
+      let result = null
+      if (respond instanceof Function) {
+        const { body, type, url } = options
+        // https://expressjs.com/en/4x/api.html#req
+        result = respond({
+          method: type,
+          body: JSON.parse(body),
+          query: param2Obj(url)
+        })
+      } else {
+        result = respond
+      }
+      return Mock.mock(result)
+    }
+  }
+
+  for (const i of mocks) {
+    Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
+  }
+}
+
+module.exports = {
+  mocks,
+  mockXHR
+}
+

mock/mock-server.js

@@ -0,0 +1,81 @@
+const chokidar = require('chokidar')
+const bodyParser = require('body-parser')
+const chalk = require('chalk')
+const path = require('path')
+const Mock = require('mockjs')
+
+const mockDir = path.join(process.cwd(), 'mock')
+
+function registerRoutes(app) {
+  let mockLastIndex
+  const { mocks } = require('./index.js')
+  const mocksForServer = mocks.map(route => {
+    return responseFake(route.url, route.type, route.response)
+  })
+  for (const mock of mocksForServer) {
+    app[mock.type](mock.url, mock.response)
+    mockLastIndex = app._router.stack.length
+  }
+  const mockRoutesLength = Object.keys(mocksForServer).length
+  return {
+    mockRoutesLength: mockRoutesLength,
+    mockStartIndex: mockLastIndex - mockRoutesLength
+  }
+}
+
+function unregisterRoutes() {
+  Object.keys(require.cache).forEach(i => {
+    if (i.includes(mockDir)) {
+      delete require.cache[require.resolve(i)]
+    }
+  })
+}
+
+// for mock server
+const responseFake = (url, type, respond) => {
+  return {
+    url: new RegExp(`${process.env.VUE_APP_BASE_API}${url}`),
+    type: type || 'get',
+    response(req, res) {
+      console.log('request invoke:' + req.path)
+      res.json(Mock.mock(respond instanceof Function ? respond(req, res) : respond))
+    }
+  }
+}
+
+module.exports = app => {
+  // parse app.body
+  // https://expressjs.com/en/4x/api.html#req.body
+  app.use(bodyParser.json())
+  app.use(bodyParser.urlencoded({
+    extended: true
+  }))
+
+  const mockRoutes = registerRoutes(app)
+  var mockRoutesLength = mockRoutes.mockRoutesLength
+  var mockStartIndex = mockRoutes.mockStartIndex
+
+  // watch files, hot reload mock server
+  chokidar.watch(mockDir, {
+    ignored: /mock-server/,
+    ignoreInitial: true
+  }).on('all', (event, path) => {
+    if (event === 'change' || event === 'add') {
+      try {
+        // remove mock routes stack
+        app._router.stack.splice(mockStartIndex, mockRoutesLength)
+
+        // clear routes cache
+        unregisterRoutes()
+
+        const mockRoutes = registerRoutes(app)
+        mockRoutesLength = mockRoutes.mockRoutesLength
+        mockStartIndex = mockRoutes.mockStartIndex
+
+        console.log(chalk.magentaBright(`\n > Mock Server hot reload success! changed  ${path}`))
+      } catch (error) {
+        console.log(chalk.redBright(error))
+      }
+    }
+  })
+}

mock/table.js

@@ -0,0 +1,29 @@
+const Mock = require('mockjs')
+
+const data = Mock.mock({
+  'items|30': [{
+    id: '@id',
+    title: '@sentence(10, 20)',
+    'status|1': ['published', 'draft', 'deleted'],
+    author: 'name',
+    display_time: '@datetime',
+    pageviews: '@integer(300, 5000)'
+  }]
+})
+
+module.exports = [
+  {
+    url: '/vue-admin-template/table/list',
+    type: 'get',
+    response: config => {
+      const items = data.items
+      return {
+        code: 20000,
+        data: {
+          total: items.length,
+          items: items
+        }
+      }
+    }
+  }
+]

mock/user.js

@@ -0,0 +1,84 @@
+
+const tokens = {
+  admin: {
+    token: 'admin-token'
+  },
+  editor: {
+    token: 'editor-token'
+  }
+}
+
+const users = {
+  'admin-token': {
+    roles: ['admin'],
+    introduction: 'I am a super administrator',
+    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+    name: 'Super Admin'
+  },
+  'editor-token': {
+    roles: ['editor'],
+    introduction: 'I am an editor',
+    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+    name: 'Normal Editor'
+  }
+}
+
+module.exports = [
+  // user login
+  {
+    url: '/vue-admin-template/user/login',
+    type: 'post',
+    response: config => {
+      const { username } = config.body
+      const token = tokens[username]
+
+      // mock error
+      if (!token) {
+        return {
+          code: 60204,
+          message: 'Account and password are incorrect.'
+        }
+      }
+
+      return {
+        code: 20000,
+        data: token
+      }
+    }
+  },
+
+  // get user info
+  {
+    url: '/vue-admin-template/user/info\.*',
+    type: 'get',
+    response: config => {
+      const { token } = config.query
+      const info = users[token]
+
+      // mock error
+      if (!info) {
+        return {
+          code: 50008,
+          message: 'Login failed, unable to get user details.'
+        }
+      }
+
+      return {
+        code: 20000,
+        data: info
+      }
+    }
+  },
+
+  // user logout
+  {
+    url: '/vue-admin-template/user/logout',
+    type: 'post',
+    response: _ => {
+      return {
+        code: 20000,
+        data: 'success'
+      }
+    }
+  }
+]

mock/utils.js

@@ -0,0 +1,25 @@
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+function param2Obj(url) {
+  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+  if (!search) {
+    return {}
+  }
+  const obj = {}
+  const searchArr = search.split('&')
+  searchArr.forEach(v => {
+    const index = v.indexOf('=')
+    if (index !== -1) {
+      const name = v.substring(0, index)
+      const val = v.substring(index + 1, v.length)
+      obj[name] = val
+    }
+  })
+  return obj
+}
+
+module.exports = {
+  param2Obj
+}

package.json

@@ -0,0 +1,73 @@
+{
+  "name": "vue-admin-template",
+  "version": "4.4.0",
+  "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
+  "author": "Pan <panfree23@gmail.com>",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "build:stage": "vue-cli-service build --mode staging",
+    "preview": "node build/index.js --preview",
+    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
+    "lint": "eslint --ext .js,.vue src",
+    "test:unit": "jest --clearCache && vue-cli-service test:unit",
+    "test:ci": "npm run lint && npm run test:unit"
+  },
+  "dependencies": {
+    "axios": "0.18.1",
+    "core-js": "3.6.5",
+    "echarts": "^5.5.1",
+    "element-china-area-data": "^5.0.2",
+    "element-ui": "2.15.7",
+    "file-saver": "^2.0.5",
+    "js-cookie": "2.2.0",
+    "lodash": "^4.17.21",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "path-to-regexp": "2.4.0",
+    "qrcode": "^1.5.3",
+    "screenfull": "^4.2.0",
+    "vue": "2.6.10",
+    "vue-draggable-resizable": "^2.3.0",
+    "vue-draggable-resizable-gorkys": "^2.4.8",
+    "vue-router": "3.0.6",
+    "vuedraggable": "^2.24.3",
+    "vuex": "3.1.0",
+    "xlsx": "^0.18.3"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "4.4.4",
+    "@vue/cli-plugin-eslint": "4.4.4",
+    "@vue/cli-plugin-unit-jest": "4.4.4",
+    "@vue/cli-service": "4.4.4",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "autoprefixer": "9.5.1",
+    "babel-eslint": "10.1.0",
+    "babel-jest": "23.6.0",
+    "babel-plugin-dynamic-import-node": "2.3.3",
+    "chalk": "2.4.2",
+    "connect": "3.6.6",
+    "eslint": "6.7.2",
+    "eslint-plugin-vue": "6.2.2",
+    "html-webpack-plugin": "3.2.0",
+    "mockjs": "1.0.1-beta3",
+    "runjs": "4.3.2",
+    "sass": "1.26.8",
+    "sass-loader": "8.0.2",
+    "script-ext-html-webpack-plugin": "2.1.3",
+    "script-loader": "^0.7.2",
+    "serve-static": "1.13.2",
+    "svg-sprite-loader": "4.1.3",
+    "svgo": "1.2.2",
+    "vue-template-compiler": "2.6.10"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ],
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "license": "MIT"
+}

postcss.config.js

@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  'plugins': {
+    // to edit target browsers: use "browserslist" field in package.json
+    'autoprefixer': {}
+  }
+}

public/config.js

@@ -0,0 +1,4 @@
+window.g = {
+  ApiUrl: "https://noise.hz-hanghui.com:8088/hanghui-warehouse",
+  // ApiUrl: "http://hd3z9z.natappfree.cc/back-management", //本地
+};

public/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
+    />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <title><%= webpackConfig.name %></title>
+    <script src="./config.js"></script>
+  </head>
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but <%= webpackConfig.name %> doesn't work properly without
+        JavaScript enabled. Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

src/App.vue

@@ -0,0 +1,11 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>

src/api/carWarning.js

@@ -0,0 +1,164 @@
+import request from "@/utils/request";
+
+// 车辆类型
+export function getwarningCargrade() {
+  return request({
+    url: "/admin/warning/car/grade",
+    method: "get",
+  });
+}
+// 车辆预警类型
+export function getCarwarningHitType() {
+  return request({
+    url: "/admin/warning/car/warningHitType",
+    method: "get",
+  });
+}
+//布控单位列表--添加时用
+export function getwarningPersonOneselfBelowList() {
+  return request({
+    url: "/admin/warning/person/oneselfBelowList",
+    method: "get",
+  });
+}
+//创建单位列表
+export function getwarningPersonCreateList() {
+  return request({
+    url: "/admin/warning/person/createList",
+    method: "get",
+  });
+}
+// 布控单位列表--搜索
+export function getwarningPersonLogAdminList() {
+  return request({
+    url: "/admin/warning/person/logAdminList",
+    method: "get",
+  });
+}
+
+// 车辆预警记录分页列表
+export function getwarningCarLogPageList(data) {
+  return request({
+    url: "/admin/warning/car/carLogPageList",
+    method: "post",
+    data,
+  });
+}
+
+//=========================================================
+// 车辆布控名单-分页列表
+export function getwarningCarPageList(data) {
+  return request({
+    url: "/admin/warning/car/carPageList",
+    method: "post",
+    data,
+  });
+}
+// 删除布控名单
+export function getwarningCarDelete(warningCarId) {
+  return request({
+    url: `/admin/warning/car/carDelete/${warningCarId}`,
+    method: "delete",
+  });
+}
+// 批量删除布控名单
+export function getcarBatchDelete(data) {
+  return request({
+    url: "/admin/warning/car/carBatchDelete",
+    method: "delete",
+    params: {
+      warningGrade: data.warningGrade,
+      carNumber: data.carNumber,
+      carType: data.carType,
+      controlAdminId: data.controlAdminId,
+      controlStartStartTime: data.controlStartStartTime,
+      controlStartEndTime: data.controlStartEndTime,
+      createAdminId: data.createAdminId,
+      manageName: data.manageName,
+      managePhone: data.managePhone,
+      taskName: data.taskName,
+      taskStatus: data.taskStatus,
+    },
+  });
+}
+
+//=========================================================
+// 人员布控名单审核分页列表
+export function getwarningCarReviewPageList(data) {
+  return request({
+    url: "/admin/warning/car/pageList",
+    method: "post",
+    data,
+  });
+}
+// 添加布控审核
+export function getwarningCarInsert(data) {
+  return request({
+    url: "/admin/warning/car/insert",
+    method: "post",
+    data,
+  });
+}
+// 编辑布控审核
+export function getwarningCarRectify(data) {
+  return request({
+    url: "/admin/warning/car/rectify",
+    method: "post",
+    data,
+  });
+}
+// 人员名单-分页列表
+export function getwarningCarCheckPageList(data) {
+  return request({
+    url: "/admin/warning/car/carCheckPageList",
+    method: "post",
+    data,
+  });
+}
+// 审核详情步骤列表
+export function getwarninCarStepList(data) {
+  return request({
+    url: "/admin/warning/car/stepList",
+    method: "post",
+    data,
+  });
+}
+// 布控审核
+export function getwarninCarCheck(data) {
+  return request({
+    url: "/admin/warning/car/check",
+    method: "post",
+    data,
+  });
+}
+
+//=========================================================
+// 车辆违章预警项
+export function getCarViolationTerm() {
+  return request({
+    url: "/admin/warning/car/carViolationTerm",
+    method: "get",
+  });
+}
+// 车辆年检预警项
+export function getCarYearCheckTerm() {
+  return request({
+    url: "/admin/warning/car/carYearCheckTerm",
+    method: "get",
+  });
+}
+// 人员属性预警配置修改
+export function getwarningConfigUpdate(data) {
+  return request({
+    url: "/admin/warning/car/configUpdate",
+    method: "post",
+    data,
+  });
+}
+// 人员属性预警配置
+export function getwarningConfig() {
+  return request({
+    url: "/admin/warning/car/config",
+    method: "get",
+  });
+}

src/api/inventory.js

@@ -0,0 +1,159 @@
+import request from '@/utils/request'
+// 删除自定义字段
+// export function deletePut(dataDictionaryId) {
+//   return request({
+//     url: '/admin/dataDictionary/delete',
+//     method: 'get',
+//     params: { dataDictionaryId }
+//   })
+// }
+// 入库
+export function add(data) {
+  return request({
+    url: '/admin/product/add',
+    method: 'post',
+    data
+  })
+}
+// 出库
+export function out(data) {
+  return request({
+    url: '/admin/productOut/out',
+    method: 'post',
+    data
+  })
+}
+
+// 入库记录列表分页
+export function getPageListForLog(data) {
+  return request({
+    url: '/admin/product/getPageListForLog',
+    method: 'post',
+    data
+  })
+}
+// 入库记录列表分页
+export function getProductLogModelList(productLogId) {
+  return request({
+    url: '/admin/product/getProductLogModelList',
+    method: 'get',
+    params:{
+      productLogId
+    }
+  })
+}
+
+// 查看详情
+export function getDetail(data) {
+  return request({
+    url: '/admin/product/getDetail',
+    method: 'post',
+    data
+  })
+}
+// 库存列表分页
+export function getPageList(data) {
+  return request({
+    url: '/admin/product/getPageList',
+    method: 'post',
+    data
+  })
+}
+// 修改
+// export function update(data) {
+//   return request({
+//     url: '/admin/product/update',
+//     method: 'post',
+//     data
+//   })
+// }
+// 出库列表分页
+export function getOutboundPageList(data) {
+  return request({
+    url: '/admin/productOut/getPageList',
+    method: 'post',
+    data
+  })
+}
+// 批量入库Excel
+export function addExcel(data) {
+  return request({
+    url: '/admin/product/addExcel',
+    method: 'post',
+    data
+  })
+}
+// 查看型号是否存在
+export function getProductBySn(params) {
+  return request({
+    url: '/admin/product/getProductBySn',
+    method: 'get',
+    params
+  })
+}
+// 查看型号是否可以出库
+export function getproductOutBySn(params) {
+  return request({
+    url: '/admin/productOut/getProductBySn',
+    method: 'get',
+    params
+  })
+}
+
+// 通过出库记录Id获取设备列表
+export function getProductLessVOByProductOutId(params) {
+  return request({
+    url: '/admin/productOut/getProductLessVOByProductOutId',
+    method: 'get',
+    params
+  })
+}
+// 库存管理列表分页(一级)
+export function productOne(data) {
+  return request({
+    url: '/admin/productManage/getPageList',
+    method: 'post',
+    data
+  })
+}
+// 库存管理列表分页(二级)
+export function productTwo(data) {
+  return request({
+    url: '/admin/productManage/getPageListTwo',
+    method: 'post',
+    data
+  })
+}
+// 库存管理列表分页(三级)
+export function getPageListThree(data) {
+  return request({
+    url: '/admin/productManage/getPageListThree',
+    method: 'post',
+    data
+  })
+}
+
+// 出库列表分页(后台)
+export function getPageListBehind(data) {
+  return request({
+    url: '/admin/productOut/getPageListBehind',
+    method: 'post',
+    data
+  })
+}
+// 出库列表导出(Excel)
+export function getPageListExcel(data) {
+  return request({
+    url: '/admin/productOut/getPageListExcel',
+    method: 'post',
+    data
+  })
+}
+// 删除库存
+export function deleteProductById(id) {
+  return request({
+    url: '/admin/product/deleteProductById',
+    method: 'get',
+    params:{id}
+  })
+}

src/api/personnelFiles.js

@@ -0,0 +1,91 @@
+import request from "@/utils/request";
+
+// 人员档案-分页列表
+export function getPersonPageList(data) {
+  return request({
+    url: "/admin/person/pageList",
+    method: "post",
+    data,
+  });
+}
+//驾驶证信息-分页列表
+export function getPersonDrivePageList(data) {
+  return request({
+    url: "/admin/person/drivePageList",
+    method: "post",
+    data,
+  });
+}
+//护照-分页列表
+export function getPersonPassportPageList(data) {
+  return request({
+    url: "/admin/person/passportPageList",
+    method: "post",
+    data,
+  });
+}
+//车辆-分页列表
+export function getPersonCarPageList(data) {
+  return request({
+    url: "/admin/person/carPageList",
+    method: "post",
+    data,
+  });
+}
+// 行为-分页列表
+export function getPeronBehaviorPageList(data) {
+  return request({
+    url: "/admin/person/behaviorPageList",
+    method: "post",
+    data,
+  });
+}
+//布控-分页列表
+export function getPersonControlPageList(data) {
+  return request({
+    url: "/admin/person/controlPageList",
+    method: "post",
+    data,
+  });
+}
+//七类重点-分页列表
+export function getPersonCategoriesPageList(data) {
+  return request({
+    url: "/admin/person/categoriesPageList",
+    method: "post",
+    data,
+  });
+}
+//警情处理-分页列表
+export function getPersonPoliceEventPageList(data) {
+  return request({
+    url: "/admin/person/policeEventPageList",
+    method: "post",
+    data,
+  });
+}
+//车辆违章-分页列表
+export function getPersonCarViolationsPageList(data) {
+  return request({
+    url: "/admin/person/carViolationsPageList",
+    method: "post",
+    data,
+  });
+}
+//驾驶证累积记分-分页列表
+export function getPersonCarHandlePageList(data) {
+  return request({
+    url: "/admin/person/carHandlePageList",
+    method: "post",
+    data,
+  });
+}
+
+// 单图片上传接口
+export function getPersonCarHandlePaeList(data) {
+  return request({
+    url: "/upload/pictureLocal",
+    method: "post",
+    data,
+  });
+}

src/api/personnelWarning.js

@@ -0,0 +1,163 @@
+import request from "@/utils/request";
+
+//预警等级
+export function getwarningPersonGrade() {
+  return request({
+    url: "/admin/warning/person/grade",
+    method: "get",
+  });
+}
+//人员命中预警
+export function getwarningPersonWarningHitType() {
+  return request({
+    url: "/admin/warning/person/warningHitType",
+    method: "get",
+  });
+}
+//布控单位列表--添加时用
+export function getwarningPersonOneselfBelowList() {
+  return request({
+    url: "/admin/warning/person/oneselfBelowList",
+    method: "get",
+  });
+}
+//创建单位列表
+export function getwarningPersonCreateList() {
+  return request({
+    url: "/admin/warning/person/createList",
+    method: "get",
+  });
+}
+// 布控单位列表--搜索
+export function getwarningPersonLogAdminList() {
+  return request({
+    url: "/admin/warning/person/logAdminList",
+    method: "get",
+  });
+}
+// 人员预警记录分页列表
+export function getwarningPersonPersonLogPageList(data) {
+  return request({
+    url: "/admin/warning/person/personLogPageList",
+    method: "post",
+    data,
+  });
+}
+
+// 预警来源
+export function getwarningPersonWarningSource() {
+  return request({
+    url: "/admin/warning/person/warningSource",
+    method: "get",
+  });
+}
+
+//=========================================================
+// 人员布控名单-分页列表
+export function getwarningPersonPageList(data) {
+  return request({
+    url: "/admin/warning/person/personPageList",
+    method: "post",
+    data,
+  });
+}
+// 删除布控名单
+export function getwarningPersonDelete(warningPersonId) {
+  return request({
+    url: `/admin/warning/person/personDelete/${warningPersonId}`,
+    method: "delete",
+  });
+}
+// 批量删除布控名单
+export function getpersonBatchDelete(data) {
+  return request({
+    url: "/admin/warning/person/personBatchDelete",
+    method: "delete",
+    params: {
+      controlAdminId: data.controlAdminId,
+      warningGrade: data.warningGrade,
+      name: data.name,
+      idNumber: data.idNumber,
+      warningType: data.warningType,
+      taskName: data.taskName,
+      controlStartStartTime: data.controlStartStartTime,
+      controlStartEndTime: data.controlStartEndTime,
+      taskStatus: data.taskStatus,
+      manageName: data.manageName,
+      managePhone: data.managePhone,
+    },
+  });
+}
+//=========================================================
+// 人员布控名单审核分页列表
+export function getwarningPersonReviewPageList(data) {
+  return request({
+    url: "/admin/warning/person/pageList",
+    method: "post",
+    data,
+  });
+}
+// 添加布控审核
+export function getwarningPersonInsert(data) {
+  return request({
+    url: "/admin/warning/person/insert",
+    method: "post",
+    data,
+  });
+}
+// 编辑布控审核
+export function getwarningPersonRectify(data) {
+  return request({
+    url: "/admin/warning/person/rectify",
+    method: "post",
+    data,
+  });
+}
+// 人员名单-分页列表
+export function getwarningPersonCheckPageList(data) {
+  return request({
+    url: "/admin/warning/person/personCheckPageList",
+    method: "post",
+    data,
+  });
+}
+// 审核详情步骤列表
+export function getwarninPersonStepList(data) {
+  return request({
+    url: "/admin/warning/person/stepList",
+    method: "post",
+    data,
+  });
+}
+// 布控审核
+export function getwarninPersonCheck(data) {
+  return request({
+    url: "/admin/warning/person/check",
+    method: "post",
+    data,
+  });
+}
+
+//=========================================================
+// 七类重点预警项
+export function getsevenWarningTerm() {
+  return request({
+    url: "/admin/warning/person/sevenWarningTerm",
+    method: "get",
+  });
+}
+// 人员属性预警配置修改
+export function getwarningConfigUpdate(data) {
+  return request({
+    url: "/admin/warning/person/configUpdate",
+    method: "post",
+    data,
+  });
+}
+// 人员属性预警配置
+export function getwarningConfig() {
+  return request({
+    url: "/admin/warning/person/config",
+    method: "get",
+  });
+}

src/api/personnleCarActive.js

@@ -0,0 +1,134 @@
+import request from "@/utils/request";
+
+// 人员闸口-分页列表
+export function getLogGatePageList(data) {
+  return request({
+    url: "/admin/log/gatePageList",
+    method: "post",
+    data,
+  });
+}
+//人员闸口-设备通行地点列表
+export function getLogGateSnAddressList(data) {
+  return request({
+    url: "/admin/log/gateSnAddressList",
+    method: "get",
+  });
+}
+// 人员闸口-SN列表
+export function getLogGateSnList(data) {
+  return request({
+    url: "/admin/log/gateSnList",
+    method: "get",
+  });
+}
+// 人员闸口-导出
+export function getLogGateExcel(data) {
+  return request({
+    url: "/admin/log/gateExcel",
+    method: "post",
+    responseType: "blob",
+    data,
+  });
+}
+
+// 人员摄像头-分页列表
+export function getLogCameraPageList(data) {
+  return request({
+    url: "/admin/log/cameraPageList",
+    method: "post",
+    data,
+  });
+}
+
+// 人员摄像头-导出
+export function getLogCameraExcel(data) {
+  return request({
+    url: "/admin/log/cameraExcel",
+    method: "post",
+    responseType: "blob",
+    data,
+  });
+}
+// 人员进出港-分页列表
+export function getLogPortPageList(data) {
+  return request({
+    url: "/admin/log/portPageList",
+    method: "post",
+    data,
+  });
+}
+// 人员进出港-状态
+export function getLogPortStatus() {
+  return request({
+    url: "/admin/log/portStatus",
+    method: "get",
+  });
+}
+
+//人员进出港-航空公司列表
+export function getLogPortAirlineCompanyList(data) {
+  return request({
+    url: "/admin/log/portAirlineCompanyList",
+    method: "get",
+  });
+}
+// 人员进出港-出发地目的地列表
+export function getLogPortAddressList(data) {
+  return request({
+    url: "/admin/log/portAddressList",
+    method: "get",
+  });
+}
+
+// 人员进出港-导出
+export function getLogPortExcel(data) {
+  return request({
+    url: "/admin/log/portExcel",
+    method: "post",
+    responseType: "blob",
+    data,
+  });
+}
+// 车辆卡口-分页列表
+export function getLogCarCapturePageList(data) {
+  return request({
+    url: "/admin/log/carCapturePageList",
+    method: "post",
+    data,
+  });
+}
+
+//车辆卡口-设备通行地点列表
+export function getLogCarSnAddressList(data) {
+  return request({
+    url: "/admin/log/carSnAddressList",
+    method: "get",
+  });
+}
+// 车辆卡口-SN列表
+export function getLogCarSnList(data) {
+  return request({
+    url: "/admin/log/carSnList",
+    method: "get",
+  });
+}
+// 车辆卡口-车辆轨迹
+export function getLogCarTrajectoryPageList(data) {
+  return request({
+    url: "/admin/log/carTrajectoryPageList",
+    method: "post",
+    data,
+  });
+}
+
+
+// 车辆卡口-导出
+export function getLogCarCaptureExcel(data) {
+  return request({
+    url: "/admin/log/carCaptureExcel",
+    method: "post",
+    responseType: "blob",
+    data,
+  });
+}

src/api/putStorage.js

@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+// 删除自定义字段
+export function deletePut(dataDictionaryId) {
+  return request({
+    url: '/admin/dataDictionary/delete',
+    method: 'get',
+    params: { dataDictionaryId }
+  })
+}
+// 编辑自定义字段（增加修改）
+export function edit(data) {
+  return request({
+    url: '/admin/dataDictionary/edit',
+    method: 'post',
+    data
+  })
+}
+
+// 自定义字段列表
+export function getList(data) {
+  return request({
+    url: '/admin/dataDictionary/getList',
+    method: 'post',
+    data
+  })
+}
+// 获取一级列表
+export function getOneList(data) {
+  return request({
+    url: '/admin/dataDictionary/getOneList',
+    method: 'post',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded'
+    },
+    data
+  })
+}
+
+// 获取二级或三级列表
+export function getTwoOrThreeList(params) {
+  return request({
+    url: '/admin/dataDictionary/getTwoOrThreeList',
+    headers:{
+      'Content-Type':'application/x-www-form-urlencoded'
+    },
+    method: 'get',
+    params
+  })
+}
+
+

src/api/supplierAndPurchaser.js

@@ -0,0 +1,66 @@
+import request from '@/utils/request'
+// 删除供应商
+export function deleteSupplier(supplierId) {
+  return request({
+    url: '/admin/supplier/delete',
+    method: 'get',
+    params:{supplierId}
+  })
+}
+// 编辑供应商（增加修改）
+export function editSupplierId(data) {
+  return request({
+    url: '/admin/supplier/edit',
+    method: 'post',
+    data
+  })
+}
+// 供应商列表(id 和 supplierName)
+export function getList(data) {
+  return request({
+    url: '/admin/supplier/getList',
+    method: 'post',
+    data
+  })
+}
+// 供应商列表分页
+export function getPageList(data) {
+  return request({
+    url: '/admin/supplier/getPageList',
+    method: 'post',
+    data
+  })
+}
+// -----------------购买方---------------------
+// 删除购买方
+export function deletePurchaser(receivingId) {
+  return request({
+    url: '/admin/receiving/delete',
+    method: 'get',
+    params:{receivingId}
+  })
+}
+// 编辑购买方（增加修改）
+export function editPurchaser(data) {
+  return request({
+    url: '/admin/receiving/edit',
+    method: 'post',
+    data
+  })
+}
+// 购买方列表(id 和 receivingName)
+export function getPurchaserList(data) {
+  return request({
+    url: '/admin/receiving/getList',
+    method: 'post',
+    data
+  })
+}
+// 购买方列表分页
+export function getPurchaserPage(data) {
+  return request({
+    url: '/admin/receiving/getPageList',
+    method: 'post',
+    data
+  })
+}

src/api/user.js

@@ -0,0 +1,128 @@
+import request from "@/utils/request";
+// 后台管理登录/auth
+export function login(params) {
+  return request({
+    url: "/admin/auth/doLogin",
+    method: "get",
+    params,
+  });
+}
+// 后台管理退出登录
+export function logout(params) {
+  return request({
+    url: "/admin/auth/doLogout",
+    method: "get",
+    params,
+  });
+}
+// 获取管理员信息
+export function getInfo() {
+  return request({
+    url: "/admin/auth/doGetInfo",
+    method: "get",
+  });
+}
+//获取管理员下级账号列表
+export function getbelowList() {
+  return request({
+    url: "/admin/belowList",
+    method: "get",
+  });
+}
+// 获取管理员列表
+export function doGetAdmins(data) {
+  return request({
+    url: "/admin/doGetAdmins",
+    method: "post",
+    data,
+  });
+}
+//可管理数据类型（分页）
+export function getManagementDataTypeList() {
+  return request({
+    url: "/admin/managementDataTypeList",
+    method: "get",
+  });
+}
+//账号级别（新增-修改使用）
+export function getadminTypeList() {
+  return request({
+    url: "/admin/adminTypeList",
+    method: "get",
+  });
+}
+//上级单位（新增-修改使用）
+export function getadminList(data) {
+  return request({
+    url: "/admin/adminList",
+    method: "post",
+    data,
+  });
+}
+// 添加-编辑管理员
+export function doEditAdmin(data) {
+  return request({
+    url: "/admin/doEditAdmin",
+    method: "post",
+    data,
+  });
+}
+
+// 管理员修改自己的信息
+export function updateAdmin(data) {
+  return request({
+    url: "/admin/passwordUpdate",
+    method: "post",
+    data,
+  });
+}
+// 删除
+export function doDeleteAdmin(adminId) {
+  return request({
+    url: `/admin/doDeleteAdmin/${adminId}`,
+    method: "delete",
+  });
+}
+
+// 获得省份列表
+export function getProvince() {
+  return request({
+    url: "/admin/areaCode/getProvince",
+    method: "get",
+    params: {},
+  });
+}
+
+// 获得城市列表
+export function getCity(code) {
+  return request({
+    url: "/admin/areaCode/getCity",
+    method: "get",
+    params: code,
+  });
+}
+
+// 获得区县列表
+export function getArea(code) {
+  return request({
+    url: "/admin/areaCode/getArea",
+    method: "get",
+    params: code,
+  });
+}
+
+// 获取街道列表
+export function getStreet(data) {
+  return request({
+    url: "/admin/areaCode/getStreet",
+    method: "get",
+    params: areaCodeId,
+  });
+}
+// 组织架构
+export function getOrganizationa() {
+  return request({
+    url: "/admin/organizationalStructure",
+    method: "get",
+  });
+}

src/components/BatchUpload/index.vue

@@ -0,0 +1,104 @@
+<template>
+  <a href="javascript:;" class="file">
+    <slot></slot>
+    {{ file && file.name ? file.name : "选择文件" }}
+    <input
+      ref="referenceUpload"
+      id="fileSelect"
+      type="file"
+      accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
+      runat="server"
+      @change="upload"
+    />
+  </a>
+</template>
+
+<script>
+import * as XLSX from "xlsx";
+export default {
+  name: "BatchUpload",
+  data() {
+    return {
+      file: null,
+    };
+  },
+  methods: {
+    upload(e) {
+      // 若出现files赋值未知错误值或照片长度不对则return
+      if (!e.target.files || e.target.files.length < 1) {
+        return;
+      }
+      this.file = e.target.files[0];
+      this.getJsonList(this.file);
+    },
+    doUpload(photoList) {
+      this.$emit("getFileList", photoList);
+      this.$refs.referenceUpload.value = null;
+    },
+    // 处理excel文件的内容
+    getJsonList(file) {
+      const reader = new FileReader();
+      const photoList = {
+        correct: [],
+        incorrect: [],
+      };
+      reader.readAsBinaryString(file);
+      reader.onload = (e) => {
+        // 获取传递的表格
+        const binaryString = e.target.result;
+        // 以二进制流方式读取到整份的excel 表格对象
+        const workbook = XLSX.read(binaryString, {
+          type: "binary",
+          sheetRows: 0,
+          codepage: 936,
+        });
+        let data = [];
+        // 遍历每张表读取
+        for (const sheet in workbook.Sheets) {
+          data = data.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
+        }
+        photoList["correct"] = data;
+        this.doUpload(photoList);
+      };
+    },
+    clearFile() {
+      this.file = null;
+    },
+  },
+};
+</script>
+
+<style scoped>
+/*批量导入按钮*/
+.file {
+  position: relative;
+  background: #d0eeff;
+  border: 1px solid #99d3f5;
+  border-radius: 4px;
+  padding: 10px 20px;
+  box-sizing: border-box;
+  overflow: hidden;
+  color: #1e88c7;
+  text-decoration: none;
+  text-indent: 0;
+}
+.file input {
+  position: absolute;
+  font-size: 14px;
+  width: 100%;
+  height: 40px;
+  left: 0;
+  top: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+.file:hover {
+  background: #aadffd;
+  border-color: #78c3f3;
+  color: #004974;
+  text-decoration: none;
+}
+.el-button {
+  margin-left: 20px;
+}
+</style>

src/components/Breadcrumb/index.vue

@@ -0,0 +1,78 @@
+<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">{{ item.meta.title }}</span>
+        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+import pathToRegexp from 'path-to-regexp'
+
+export default {
+  data() {
+    return {
+      levelList: null
+    }
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb()
+    }
+  },
+  created() {
+    this.getBreadcrumb()
+  },
+  methods: {
+    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>

src/components/Hamburger/index.vue

@@ -0,0 +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: {
+    isActive: {
+      type: Boolean,
+      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>

src/components/Pagination/index.vue

@@ -0,0 +1,101 @@
+<template>
+  <div :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"
+    />
+  </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;
+}
+.pagination-container.hidden {
+  display: none;
+}
+</style>

src/components/Screenfull/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <div>
+    <svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" @click="click" />
+  </div>
+</template>
+
+<script>
+  import screenfull from 'screenfull'
+
+  export default {
+    name: 'Screenfull',
+    data() {
+      return {
+        isFullscreen: false
+      }
+    },
+    mounted() {
+      this.init()
+    },
+    beforeDestroy() {
+      this.destroy()
+    },
+    methods: {
+      click() {
+        if (!screenfull.enabled) {
+          this.$message({
+            message: 'you browser can not work',
+            type: 'warning'
+          })
+          return false
+        }
+        screenfull.toggle()
+      },
+      change() {
+        this.isFullscreen = screenfull.isFullscreen
+      },
+      init() {
+        if (screenfull.enabled) {
+          screenfull.on('change', this.change)
+        }
+      },
+      destroy() {
+        if (screenfull.enabled) {
+          screenfull.off('change', this.change)
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .screenfull-svg {
+    display: inline-block;
+    cursor: pointer;
+    fill: #5a5e66;;
+    width: 20px;
+    height: 20px;
+    vertical-align: 10px;
+  }
+</style>

src/components/SvgIcon/index.vue

@@ -0,0 +1,62 @@
+<template>
+  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
+  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
+    <use :xlink:href="iconName" />
+  </svg>
+</template>
+
+<script>
+// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
+import { isExternal } from '@/utils/validate'
+
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    isExternal() {
+      return isExternal(this.iconClass)
+    },
+    iconName() {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    },
+    styleExternalIcon() {
+      return {
+        mask: `url(${this.iconClass}) no-repeat 50% 50%`,
+        '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+
+.svg-external-icon {
+  background-color: currentColor;
+  mask-size: cover!important;
+  display: inline-block;
+}
+</style>