内蒙银铅矿人员管理平台，从塘栖平台后台管理copy的一套，第一次提交

.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,6 @@
+# just a flag
+ENV = 'development'
+
+# base api
+# VUE_APP_BASE_API = 'http://192.168.11.9:9100/yx-fyzd'
+VUE_APP_BASE_API = 'https://tx.hz-hanghui.com:8088/yx-fyzd'

.env.production

@@ -0,0 +1,6 @@
+# just a flag
+ENV = 'production'
+
+# base api
+VUE_APP_BASE_API = 'https://tx.hz-hanghui.com:8088/yx-fyzd'
+

.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,19 @@
+.DS_Store
+node_modules/
+back/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+tests/**/coverage/
+back.zip
+back.rar
+
+# 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,57 @@
+# TXbackstage
+
+> 塘栖后台管理
+
+# 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)
+
+## 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
+```

README.md

@@ -1,3 +1,55 @@
 # innerMongoliaSilverLeadMine-platform
 
-内蒙银铅矿人员管理平台，从塘栖平台后台管理copy的一套。
+内蒙银铅矿人员管理平台，从塘栖平台后台管理copy的一套。
+
+# vue-admin-template
+> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
+
+[线上地址](http://panjiachen.github.io/vue-admin-template)
+
+## 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
+```

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']
+    }
+  }
+}

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,70 @@
+{
+  "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",
+    "crypto-js": "^4.1.1",
+    "echarts": "^5.2.2",
+    "element-ui": "^2.15.6",
+    "file-saver": "^2.0.5",
+    "js-cookie": "2.2.0",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "path-to-regexp": "2.4.0",
+    "pinyin-pro": "^3.11.0",
+    "qrcodejs2": "0.0.2",
+    "screenfull": "^4.2.0",
+    "vue": "2.6.10",
+    "vue-router": "3.0.6",
+    "vue-seamless-scroll": "^1.1.23",
+    "vuex": "3.1.0",
+    "xlsx": "^0.18.5"
+  },
+  "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",
+    "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,6 @@
+window.g = {
+  // ApiUrl: 'https://test.hz-hanghui.com:18890/yx-fyzd', //测试
+  ApiUrl: 'https://tx.hz-hanghui.com:8088/yx-fyzd', //线上
+  // ApiUrl: 'http://192.168.77.224:9100/yx-fyzd', //塘栖本地
+  wsPath: 'wss://test.hz-hanghui.com:18890/websocket?token=',
+}

public/index.html

@@ -0,0 +1,19 @@
+<!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/area.js

@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+// 获取区域列表分页
+export function getAreaPageList(data) {
+  return request({
+    url: '/admin/third/platform/page',
+    method: 'post',
+    data
+  })
+}
+
+// 获取区域列表
+export function getAreaList(data) {
+  return request({
+    url: '/admin/third/platform/list',
+    method: 'post',
+    data
+  })
+}
+
+// 添加/编辑区域
+export function addOrUpdate(data) {
+  return request({
+    url: '/admin/third/platform/create',
+    method: 'post',
+    data
+  })
+}
+
+// 删除指定区域
+export function deleteArea(areaId) {
+  return request({
+    url: `admin/third/platform/zone/delete/${areaId}`,
+    method: 'get'
+  })
+}
+
+// 删除指定区域的设备
+export function deleteDeviceOfArea(areaId, deviceId) {
+  return request({
+    url: `admin/third/platform/zone/sn/delete/${areaId}/${deviceId}`,
+    method: 'get'
+  })
+}
+// 获取设备列表
+export function platformSnList(data) {
+  return request({
+    url: '/admin/third/platform/sn/list',
+    method: 'post',
+    data
+  })
+}

src/api/exam.js

@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+// 考试人员-删除
+export function examUserWhitelistDel(examUserWhitelistId) {
+  return request({
+    url: '/admin/examUserWhitelist/delete',
+    method: 'get',
+    params: { examUserWhitelistId }
+  })
+}
+// 考试人员-分页
+export function examUserWhitelist(data) {
+  return request({
+    url: '/admin/examUserWhitelist/getPageList',
+    method: 'post',
+    data: data
+  })
+}
+// 考试人员-新增
+export function examUserWhitelistInsert(data) {
+  return request({
+    url: '/admin/examUserWhitelist/insert',
+    method: 'post',
+    data: data
+  })
+}
+// 考试人员-批量导入
+export function uploadExcel(data) {
+  return request({
+    url: '/admin/examUserWhitelist/uploadExcel',
+    method: 'post',
+    data,
+  })
+}
+// 考试人员-导出
+export function excelOut(data) {
+  return request({
+    url: '/admin/examUserWhitelist/excelOut',
+    method: 'post',
+    responseType: 'blob',
+    data: data
+  })
+}
+
+// 考试人员-一键删除
+export function examUserWhitelistDeleteAll(params) {
+  return request({
+    url: '/admin/examUserWhitelist/deleteAll',
+    method: 'get',
+    params
+  })
+}

src/api/exception_model.js

@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+// 黄牛列表分页
+export function getPageList(params) {
+  return request({
+    url: '/admin/userCattle/getPageList',
+    method: 'post',
+    data: params
+  })
+}
+// 获取通行的详情列表
+export function getFaceLogList(params) {
+  return request({
+    url: '/admin/userCattle/getFaceLogList',
+    method: 'post',
+    data: params
+  })
+}
+// 添加黑名单
+export function addBlack(id) {
+  return request({
+    url: '/admin/userCattle/addBlack',
+    method: 'get',
+    params: {
+      userCattleId: id
+    }
+  })
+}
+// 黄牛黑名单列表分页
+export function getCattlePageList(params) {
+  return request({
+    url: '/admin/userBlackList/getCattlePageList',
+    method: 'post',
+    data: params
+  })
+}
+// 删除黄牛黑名单
+export function deleteCattle(id) {
+  return request({
+    url: '/admin/userBlackList/deleteCattle',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}

src/api/floor.js

@@ -0,0 +1,18 @@
+import request from "@/utils/request";
+
+// 获取楼层对应关系配置列表
+export function floorList() {
+  return request({
+    url: "/admin/fkj/floor/config/list",
+    method: "post",
+  });
+}
+
+// 添加楼层对应关系配置
+export function floorAdd(data) {
+  return request({
+    url: "/admin/fkj/floor/config/add",
+    method: "post",
+    data,
+  });
+}

src/api/merchants.js

@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+// 商户号列表分页
+export function getPageList(data) {
+  return request({
+    url: '/admin/bussinessNumber/getPageList',
+    method: 'post',
+    data
+  })
+}
+// 商户号列表分页
+export function edit(data) {
+  return request({
+    url: '/admin/bussinessNumber/edit',
+    method: 'post',
+    data
+  })
+}
+// 删除商户号
+export function deleteMerchants(bussinessNumberId) {
+  return request({
+    url: '/admin/bussinessNumber/delete',
+    method: 'get',
+    params:{
+      bussinessNumberId
+    }
+  })
+}
+// 商户号批量导入
+export function uploadBussinessNumberExcel(data) {
+  return request({
+    url: '/admin/bussinessNumber/uploadBussinessNumberExcel',
+    method: 'post',
+    data
+  })
+}

src/api/monitor_management.js

@@ -0,0 +1,75 @@
+import request from '@/utils/request'
+// 布控人员的批量导入
+export function userControlEarlyWarningListExcel(data) {
+  return request({
+    url: '/admin/userControlEarlyWarningList/userControlEarlyWarningListExcel',
+    method: 'post',
+    data
+  })
+}
+// 布控人员列表分页
+export function getPageList(data) {
+  return request({
+    url: '/admin/userControlEarlyWarningList/getPageList',
+    method: 'post',
+    data
+  })
+}
+// 新增或修改布控
+export function addOrUpdate(data) {
+  return request({
+    url: '/admin/userControlEarlyWarningList/addOrUpdate',
+    method: 'post',
+    data
+  })
+}
+// 删除布控人员
+export function deleteWarning(controlEarlyWarningId) {
+  return request({
+    url: '/admin/userControlEarlyWarningList/delete',
+    method: 'get',
+    params:{
+      controlEarlyWarningId
+    }
+  })
+}
+
+
+
+
+// 查询预警列表-分页
+export function getListLogPageInfo(data) {
+  return request({
+    url: '/admin/controlEarlyWarningListLog/getListLogPageInfo',
+    method: 'post',
+    data
+  })
+}
+// 预警信息
+export function getListLog(data) {
+  return request({
+    url: '/admin/controlEarlyWarningListLog/getListLog',
+    method: 'get',
+    params:data
+  })
+}
+
+// 预警确认
+export function earlyWarningConfirm(id) {
+  return request({
+    url: '/admin/controlEarlyWarningListLog/earlyWarningConfirm',
+    method: 'get',
+    params:{
+      id
+    }
+  })
+}
+// 导出Excel
+export function getListLogExcel(data) {
+  return request({
+    url: '/admin/controlEarlyWarningListLog/getListLogExcel',
+    method: 'post',
+    responseType: 'blob',
+    data
+  })
+}

src/api/old_api_pengwenbing.js

@@ -0,0 +1,286 @@
+import request from '@/utils/request'
+
+export function doGetFaceDevices(params) {
+  return request({
+    url: '/admin/face/doGetFaceDevices',
+    method: 'post',
+    data: params
+  })
+}
+
+export function doEditFaceDevices(params) {
+  return request({
+    url: '/admin/face/doEditFaceDevices',
+    method: 'post',
+    data: params
+  })
+}
+
+export function doDeleteDevice(params) {
+  return request({
+    url: '/admin/face/doDeleteDevice/' + params,
+    method: 'delete'
+  })
+}
+
+export function doAuthFaceDevice(params) {
+  return request({
+    url: '/admin/face/doAuthFaceDevice/' + params,
+    method: 'get'
+  })
+}
+
+export function doStopFaceDevice(params) {
+  return request({
+    url: '/admin/face/doStopFaceDevice/' + params,
+    method: 'get'
+  })
+}
+
+export function doGetFacePass(params) {
+  return request({
+    url: '/admin/face/doGetFacePass',
+    method: 'post',
+    data: params
+  })
+}
+
+export function doGetFaceServerLog(params) {
+  return request({
+    url: '/admin/face/doGetFaceServerLog',
+    method: 'post',
+    data: params
+  })
+}
+
+export function doGetUsers(params) {
+  return request({
+    url: '/admin/face/doGetUsers',
+    method: 'post',
+    data: params
+  })
+}
+
+export function downloadFaceLog(data) {
+  return request({
+    url: '/admin/face/doGetFaceServerLogExcel',
+    method: 'post',
+    data: data
+  })
+}
+
+// 查询详情
+export function getDetails(data) {
+  return request({
+    url: '/admin/face/getDetails',
+    method: 'post',
+    data: data
+  })
+}
+
+/***********************************zyh_加入-设备列表*************************************************/
+
+// 获取设备编号
+export function getFaceDeviceList() {
+  return request({
+    url: '/admin/face/getFaceDeviceList',
+    method: 'post',
+    data: {}
+  })
+}
+
+// 全量下发
+export function issueAll(data) {
+  return request({
+    url: '/admin/userWhitelis/addSnIssued',
+    method: 'get',
+    params: data
+  })
+}
+
+// 重新下发
+export function reIssue(id) {
+  return request({
+    url: '/admin/userWhitelis/addSingle',
+    method: 'get',
+    params: {
+      id: id
+    }
+  })
+}
+
+// 重新启动
+export function restart(sn) {
+  return request({
+    url: '/admin/face/doReboot',
+    method: 'get',
+    params: {
+      sn: sn
+    }
+  })
+}
+
+/***********************************zyh_加入_logo管理*************************************************/
+
+// 获得logo
+export function getLogo() {
+  return request({
+    url: '/admin/face/getLogo',
+    method: 'get',
+    params: {}
+  })
+}
+
+// 上传logo
+export function uploadImage(data) {
+  return request({
+    url: '/upload/picture',
+    method: 'post',
+    headers: {
+      "Content-Type": "multipart/form-data",
+    },
+    data
+  })
+}
+
+// 下发logo
+export function issuedAll(data) {
+  return request({
+    url: '/admin/face/issuedAll',
+    method: 'get',
+    params: data
+  })
+}
+
+/***********************************zyh_加入_系统设置_查询详情配置*************************************************/
+
+// 获取查询详情配置列表
+export function getCheckContentList(data) {
+  return request({
+    url: '/admin/sysInquire/getList',
+    method: 'post',
+    data: data
+  })
+}
+
+// 添加or修改
+export function addOrUpdateCheckContent(data) {
+  return request({
+    url: '/admin/sysInquire/addOrUpdate',
+    method: 'post',
+    data: data
+  })
+}
+
+
+// 删除
+export function deleteCheckContent(id) {
+  return request({
+    url: '/admin/sysInquire/delete',
+    method: 'DELETE',
+    params: {
+      id: id
+    }
+  })
+}
+
+/***********************************zyh_加入_系统设置_第三方设备设置*************************************************/
+
+// 获取第三方设备名称列表
+export function getMachineCompanyList(data) {
+  return request({
+    url: '/admin/thirdParty/getPageList',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取第三方设备名称列表-搜索
+export function getMachineCompanyListSearch() {
+  return request({
+    url: '/admin/thirdParty/getList',
+    method: 'post',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
+    data: {}
+  })
+}
+
+// 获取第三方设备名称列表-搜索
+export function getFaceLogStatusEnumSearch() {
+  return request({
+    url: '/admin/face/getFaceLogStatusEnum',
+    method: 'get',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
+    data: {}
+  })
+}
+
+// 添加or修改
+export function addOrUpdateMachineCompany(data) {
+  return request({
+    url: '/admin/thirdParty/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+
+// 删除
+export function deleteMachineCompany(thirdPartyId) {
+  return request({
+    url: '/admin/thirdParty/delete',
+    method: 'get',
+    params: {
+      thirdPartyId: thirdPartyId
+    }
+  })
+}
+
+
+/***********************************zyh_加入_系统设置_第三方设备设置*************************************************/
+
+// 获取第三方设备名称列表
+export function getMachineTypeList(data) {
+  return request({
+    url: '/admin/deviceType/getPageList',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取第三方设备名称列表-搜索
+export function getMachineTypeListSearch() {
+  return request({
+    url: '/admin/deviceType/getList',
+    method: 'post',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
+    data: {}
+  })
+}
+
+// 添加or修改
+export function addOrUpdateMachineType(data) {
+  return request({
+    url: '/admin/deviceType/addOrEdit',
+    method: 'post',
+    data: data
+  })
+}
+
+
+// 删除
+export function deleteMachineType(faceDeviceTypeId) {
+  return request({
+    url: '/admin/deviceType/deleteType',
+    method: 'get',
+    params: {
+      faceDeviceTypeId: faceDeviceTypeId
+    }
+  })
+}

src/api/ordinary_user.js

@@ -0,0 +1,363 @@
+import request from "@/utils/request";
+
+/******************************** 改-常客管理 ********************************/
+// 获得白名单列表
+export function getPageList(data) {
+  return request({
+    url: "/admin/userWhitelis/getPageList",
+    method: "post",
+    data,
+  });
+}
+
+// 添加白名单
+export function insert(data) {
+  return request({
+    url: "/admin/userWhitelis/insert",
+    method: "post",
+    data,
+  });
+}
+
+// 删除白名单
+export function delete_user(id) {
+  return request({
+    url: "/admin/userWhitelis/delete",
+    method: "get",
+    params: {
+      UserWhitelistId: id,
+    },
+  });
+}
+
+// 删除所有人员
+export function deleteAll() {
+  return request({
+    url: "/admin/userWhitelis/deleteAll",
+    method: "get",
+    params: {},
+  });
+}
+
+// 编辑白名单
+export function update(data) {
+  return request({
+    url: "/admin/userWhitelis/update",
+    method: "post",
+    data,
+  });
+}
+
+// 批量导入
+export function uploadUserWhitelistExcel(data) {
+  return request({
+    url: "/admin/userWhitelis/uploadUserWhitelistExcel",
+    method: "post",
+    headers: {
+      "Content-Type": "multipart/form-data",
+    },
+    data,
+  });
+}
+// 上传图片
+export function pictureLocal(data) {
+  return request({
+    url: "/upload/pictureLocal",
+    method: "post",
+    data,
+  });
+}
+
+/******************************** 改-访客管理 ********************************/
+// 获得访客列表
+export function getPageListVisitor(data) {
+  return request({
+    url: "/admin/userVisitorList/getPageList",
+    method: "post",
+    data,
+  });
+}
+
+// 访客添加到常客
+export function addWhiteList(id) {
+  return request({
+    url: "/admin/userVisitorList/addWhite",
+    method: "get",
+    params: { id },
+  });
+}
+// 访客批量添加到常客
+export function addWhiteAll(data) {
+  return request({
+    url: "/admin/userVisitorList/addWhiteAll",
+    method: "post",
+    data,
+  });
+}
+
+// 访客添加到黑名单
+export function addBlackList(id) {
+  return request({
+    url: "/admin/userVisitorList/addBlack",
+    method: "get",
+    params: { id },
+  });
+}
+
+/******************************** 改-黑名单管理 ********************************/
+// 获得常客列表
+export function getPageListBlack(data) {
+  return request({
+    url: "/admin/userBlackList/getPageList",
+    method: "post",
+    data,
+  });
+}
+
+// 移除黑名单
+export function removeBlack(id) {
+  return request({
+    url: "/admin/userBlackList/delete",
+    method: "get",
+    params: {
+      id: id,
+    },
+  });
+}
+
+/******************************** 编辑账号资料 ********************************/
+// 编辑账号资料
+export function doEditSelf(data) {
+  return request({
+    url: "/admin/auth/updateAdmin",
+    method: "post",
+    data,
+  });
+}
+
+/******************************** 账号管理 ********************************/
+// 批量导入
+export function uploadAdminInfoExcel(data) {
+  return request({
+    url: "/admin/auth/uploadAdminInfoExcel",
+    method: "post",
+    headers: {
+      "Content-Type": "multipart/form-data",
+    },
+    data,
+  });
+}
+
+/******************************** 数据大屏 ********************************/
+
+// 通行信息
+export function getAdminData() {
+  return request({
+    url: "admin/dataShow/getAdminData",
+    method: "post",
+    data: {},
+  });
+}
+
+// 进出人员数据
+export function getInOutData(data) {
+  return request({
+    url: "inOutStatistics/data",
+    method: "post",
+    data,
+  });
+}
+
+// 设备数量
+export function getDeviceNumber() {
+  return request({
+    url: "/admin/dataShow/getDeviceNumber",
+    method: "post",
+    data: {},
+  });
+}
+// -----------------预约场景-------------------------
+
+// 删除预约信息
+export function appointmentDelete(placeDetailId) {
+  return request({
+    url: `/admin/place/appointmentDelete`,
+    method: "get",
+    params: { placeDetailId },
+  });
+}
+// 预约信息保存
+export function appointmentSave(data) {
+  return request({
+    url: "/admin/place/appointmentSave",
+    method: "post",
+    data,
+  });
+}
+// 修改状态预约信息
+export function appointmentUpdate(data) {
+  return request({
+    url: "/admin/place/appointmentUpdate",
+    method: "post",
+    data,
+  });
+}
+
+// 查询
+export function getplace() {
+  return request({
+    url: "/admin/place/query",
+    method: "get",
+    params: {},
+  });
+}
+// 基础信息保存
+export function placeSave(data) {
+  return request({
+    url: "/admin/place/save",
+    method: "post",
+    data,
+  });
+}
+// 预约列表
+// 查询
+export function appointmentPerson(data) {
+  return request({
+    url: "/admin/appointmentPerson/getPageList",
+    method: "post",
+    data,
+  });
+}
+// 详情
+export function detail(id) {
+  return request({
+    url: `/admin/appointmentPerson/detail/${id}`,
+    method: "get",
+  });
+}
+// 重新下发
+export function issue(id) {
+  return request({
+    url: `/admin/appointmentPerson/issue/${id}`,
+    method: "post",
+  });
+}
+// 全量下发
+export function appointmentPersonIssueAll(data) {
+  return request({
+    url: "/admin/appointmentPerson/issueAll",
+    method: "post",
+    data,
+  });
+}
+
+// 全量下发-新版（携带有效期）
+export function addSnIssued(data) {
+  return request({
+    url: `/admin/appointmentPerson/issueAll/${deviceId}`,
+    data: data,
+    method: "get",
+  });
+}
+
+// 删除
+export function deleteId(id) {
+  return request({
+    url: `/admin/appointmentPerson/${id}`,
+    method: "DELETE",
+  });
+}
+
+// -----------------健康码三方对接-------------------------
+// 分页
+export function healthCodeGetPageList(data) {
+  return request({
+    url: "/admin/healthCodeConfig/getPageList",
+    method: "post",
+    data,
+  });
+}
+// 保存
+export function healthCodeSave(data) {
+  return request({
+    url: "/admin/healthCodeConfig/save",
+    method: "post",
+    data,
+  });
+}
+// 删除
+export function healthCodeDel(id) {
+  return request({
+    url: `/admin/healthCodeConfig/del/${id}`,
+    method: "delete",
+  });
+}
+// 获取常客有效期
+export function getUserWhitelistEffectiveTime(adminId) {
+  return request({
+    url: "/admin/userWhitelis/getUserWhitelistEffectiveTime",
+    method: "get",
+    params: { adminId },
+  });
+}
+
+// 常客--批量编辑
+export function editUserWhitelistExcel(data) {
+  return request({
+    url: "/admin/userWhitelis/editUserWhitelistExcel",
+    method: "post",
+    headers: {
+      "Content-Type": "multipart/form-data",
+    },
+    data,
+  });
+}
+// 新增黑名单
+export function iuserBlackListInsert(data) {
+  return request({
+    url: "/admin/userBlackList/insert",
+    method: "post",
+    data,
+  });
+}
+// -------------楼宇常客审核权限-----------------
+// 权限人员列表
+export function userWhitelistCheckGetPageList(data) {
+  return request({
+    url: "/admin/userWhitelistCheck/getPageList",
+    method: "post",
+    data,
+  });
+}
+// 获取公司列表列表
+export function getAdminList() {
+  return request({
+    url: "/admin/userWhitelistCheck/getAdminList",
+    method: "get",
+  });
+}
+
+// 获取常客列表
+export function getUserWhitelist(adminId) {
+  return request({
+    url: "/admin/userWhitelistCheck/getUserWhitelist",
+    method: "get",
+    params: { adminId },
+  });
+}
+// 添加人员
+export function userWhitelistCheckInsert(data) {
+  return request({
+    url: "/admin/userWhitelistCheck/insert",
+    method: "post",
+    data,
+  });
+}
+// 删除人员
+export function userWhitelistCheckDelete(userWhitelistCheckId) {
+  return request({
+    url: "/admin/userWhitelistCheck/delete",
+    method: "get",
+    params: { userWhitelistCheckId },
+  });
+}

src/api/user.js

@@ -0,0 +1,29 @@
+import request from '@/utils/request'
+
+export function login(data) {
+  return request({
+    url: '/admin/auth/doLogin',
+    method: 'get',
+    params: data
+  })
+}
+
+export function getInfo() {
+  return request({
+    url: '/admin/auth/doGetInfo',
+    method: 'get'
+  })
+}
+
+export function logout() {
+  return request({
+    url: '/admin/auth/doLogout',
+    method: 'get'
+  })
+}
+export function getPicture() {
+  return request({
+    url: '/upload/getPicture',
+    method: 'post'
+  })
+}

src/api/user_manage.js

@@ -0,0 +1,608 @@
+import request from "@/utils/request";
+// (新)获取管理员列表(id 和 username)
+export function getAdminListNew(data) {
+  return request({
+    url: "/admin/auth/getAdminListNew",
+    method: "post",
+    data,
+  });
+}
+
+// 获得管理员列表
+export function getUserList(data) {
+  return request({
+    url: "/admin/auth/doGetAdmins",
+    method: "post",
+    data,
+  });
+}
+
+// 获得管理员列表
+export function getUserListSearch() {
+  return request({
+    url: "/admin/auth/getAdminlist",
+    method: "post",
+  });
+}
+
+// 获得省份列表
+export function getProvince() {
+  return request({
+    url: "/admin/areaCode/getProvince",
+    method: "get",
+    params: {},
+  });
+}
+
+// 获得城市列表
+export function getCity(areaCodeId) {
+  return request({
+    url: "/admin/areaCode/getCity",
+    method: "get",
+    params: {
+      areaCodeId: areaCodeId,
+    },
+  });
+}
+
+// 获得区县列表
+export function getArea(areaCodeId) {
+  return request({
+    url: "/admin/areaCode/getArea",
+    method: "get",
+    params: {
+      areaCodeId: areaCodeId,
+    },
+  });
+}
+
+// 获得街道列表
+export function getStreet(areaCodeId) {
+  return request({
+    url: "/admin/areaCode/getStreet",
+    method: "get",
+    params: {
+      areaCodeId: areaCodeId,
+    },
+  });
+}
+
+// 获得派出所列表
+export function getPolice(areaCodeId) {
+  return request({
+    url: "/admin/policeStationCode/getList",
+    method: "get",
+    params: {
+      areaCodeId: areaCodeId,
+    },
+  });
+}
+
+// 添加&编辑管理员
+export function doEditAdmin(data) {
+  return request({
+    url: "/admin/auth/doEditAdmin",
+    method: "post",
+    data,
+  });
+}
+
+// 删除管理员
+export function doDeleteAdmin(id) {
+  return request({
+    url: "/admin/auth/doDeleteAdmin",
+    method: "delete",
+    params: {
+      id: id,
+    },
+  });
+}
+
+/**********************************************标签管理****************************/
+// 获得标签列表
+export function getTagList(provinceId) {
+  return request({
+    url: "/admin/tag/getList",
+    method: "get",
+    params: {
+      provinceId: provinceId || null,
+    },
+  });
+}
+
+// 添加标签
+export function insert(data) {
+  return request({
+    url: "/admin/tag/insert",
+    method: "post",
+    data,
+  });
+}
+
+// 编辑标签
+export function update(data) {
+  return request({
+    url: "/admin/tag/update",
+    method: "post",
+    data,
+  });
+}
+
+// 删除标签
+export function deleteTag(tagId) {
+  return request({
+    url: "/admin/tag/delete",
+    method: "get",
+    params: {
+      tagId: tagId,
+    },
+  });
+}
+
+/**********************************************查询详情****************************/
+// 查询详情
+export function searchContent(data) {
+  return request({
+    url: "/admin/tag/insert",
+    method: "post",
+    data,
+  });
+}
+
+// 自定义字段(访客，进出记录)
+export function getContext(id) {
+  return request({
+    url: "/admin/face/getContext",
+    method: "get",
+    params: { id },
+  });
+}
+// 自定义字段(常客)
+export function getContextById(adminId) {
+  return request({
+    url: "/admin/face/getContextById",
+    method: "get",
+    params: { adminId },
+  });
+}
+export function getContextByWhiteId(id) {
+  return request({
+    url: "/admin/face/getContextByWhiteId",
+    method: "get",
+    params: { id },
+  });
+}
+export function getContextByFaceLog(params) {
+  return request({
+    url: "/admin/face/getContextByFaceLog",
+    method: "get",
+    params,
+  });
+}
+// -------------------访客机接口----------------------------
+// 根据进出记录获取访客机字段
+export function getUserListFrom(params) {
+  return request({
+    url: "/admin/face/getUserListFrom",
+    method: "get",
+    params,
+  });
+}
+
+// 根据访客id获取访客机字段
+export function getVisitorListFrom(id) {
+  return request({
+    url: "/admin/face/getVisitorListFrom",
+    method: "get",
+    params: { id },
+  });
+}
+// 根据常客id获取访客机字段
+export function getWhiteListFrom(id) {
+  return request({
+    url: "/admin/face/getWhiteListFrom",
+    method: "get",
+    params: { id },
+  });
+}
+// 常客列表-下载模板
+export function doGetWhiteExcel() {
+  return request({
+    url: "/admin/userWhitelis/doGetWhiteExcel",
+    method: "get",
+    responseType: "blob",
+    params: {},
+  });
+}
+// -----------访客-------------------
+// 访客删除
+export function deleteVisitor(id) {
+  return request({
+    url: "/admin/userVisitorList/deleteVisitor",
+    method: "get",
+    params: { id },
+  });
+}
+// 访客下发
+export function addSingle(id) {
+  return request({
+    url: "/admin/userVisitorList/addSingle",
+    method: "get",
+    params: { id },
+  });
+}
+// 访客记录分页
+export function getDetailPageList(data) {
+  return request({
+    url: "/admin/userVisitorList/getDetailPageList",
+    method: "post",
+    data,
+  });
+}
+// 访客记录详情
+export function getDetailInfo(detailId) {
+  return request({
+    url: `/admin/userVisitorList/getDetailInfo/${detailId}`,
+    method: "get",
+  });
+}
+
+// ----------------------常访客导出------------------------
+// 导出常客列表Excel
+export function userWhitelistExcelOut(data) {
+  return request({
+    url: "/admin/userWhitelis/userWhitelistExcelOut",
+    method: "post",
+    data,
+  });
+}
+
+// 导出访客列表Excel
+export function userVisitorlistExcelOut(data) {
+  return request({
+    url: "/admin/userVisitorList/userVisitorlistExcelOut",
+    method: "post",
+    data,
+  });
+}
+// -------------------楼宇场景-------------------
+// 添加-编辑企业
+export function saveEnterpriseAccount(data) {
+  return request({
+    url: "/admin/auth/saveEnterpriseAccount",
+    method: "post",
+    data,
+  });
+}
+// 通过账号id查询详情
+export function queryAdminById(id) {
+  return request({
+    url: `/admin/auth/queryAdminById/${id}`,
+    method: "get",
+  });
+}
+// 企业审核
+export function audit(id, reviewStatus) {
+  return request({
+    url: `/admin/auth/audit/${id}/${reviewStatus}`,
+    method: "post",
+  });
+}
+// 查询企业账号信息
+export function queryEnterpriseAccount(id) {
+  return request({
+    url: `/admin/auth/queryEnterpriseAccount`,
+    method: "get",
+  });
+}
+// -----------场所码---------
+// 场所记录分页查询
+export function placeRecordList(data) {
+  return request({
+    url: "/admin/placeRecord/getPageList",
+    method: "post",
+    data,
+  });
+}
+// 查询账号场所码信息
+export function queryPlaceInfos(adminId) {
+  return request({
+    url: `/admin/auth/queryPlaceInfos/${adminId}`,
+    method: "get",
+  });
+}
+
+// ---------私有区域-----------
+// 获取私有区域列表
+export function getPrivateAreaList(adminId) {
+  return request({
+    url: "/admin/privateArea/getPrivateAreaList",
+    method: "get",
+    params: { adminId },
+  });
+}
+
+// 私有区域列表分页
+export function privateAreaPageList(data) {
+  return request({
+    url: "/admin/privateArea/privateAreaPageList",
+    method: "post",
+    data,
+  });
+}
+// 添加-修改私有区域
+export function addOrUpdatePrivateArea(data) {
+  return request({
+    url: "/admin/privateArea/addOrUpdatePrivateArea",
+    method: "post",
+    data,
+  });
+}
+// 删除私有区域
+export function deletePrivateArea(privateAreaId) {
+  return request({
+    url: "admin/privateArea/deletePrivateArea",
+    method: "get",
+    params: { privateAreaId },
+  });
+}
+// 私有区域设备列表分页
+export function privateAreaDevicePageList(data) {
+  return request({
+    url: "/admin/privateArea/privateAreaDevicePageList",
+    method: "post",
+    data,
+  });
+}
+// 获取私有区域设备列表
+export function getPrivateAreaDeviceList(privateAreaId) {
+  return request({
+    url: "admin/privateArea/getPrivateAreaDeviceList",
+    method: "get",
+    params: { privateAreaId },
+  });
+}
+// 获取人员类型列表
+export function getUserWhitePersonnelTypeEnum() {
+  return request({
+    url: "admin/userWhitelis/getUserWhitePersonnelTypeEnum",
+    method: "get",
+    params: {},
+  });
+}
+// 私有区域人员列表分页
+export function privateAreaWhitelistPageList(data) {
+  return request({
+    url: "/admin/privateArea/privateAreaWhitelistPageList",
+    method: "post",
+    data,
+  });
+}
+// ---------------下发任务列表----------------
+// 分页
+export function issuedList(data) {
+  return request({
+    url: "/admin/issuedTaskInfo/getPageList",
+    method: "post",
+    data,
+  });
+}
+export function issuedCancel(id) {
+  return request({
+    url: `/admin/issuedTaskInfo/cancel/${id}`,
+    method: "post",
+  });
+}
+// ---------------行程码-行政区域列表列表----------------
+export function riskAreaList(data) {
+  return request({
+    url: "/admin/auth/riskAreaList",
+    method: "post",
+    data,
+  });
+}
+// 推送字段
+export function fieldOptions(data) {
+  return request({
+    url: "/admin/auth/punch/field-options",
+    method: "get",
+    params: {},
+  });
+}
+// ---------------下发删除自动化任务----------------
+// 任务列表
+export function getByPage(data) {
+  return request({
+    url: "/autoTaskInfo/getByPage",
+    method: "post",
+    data,
+  });
+}
+// 取消任务
+export function cancelTask(taskId) {
+  return request({
+    url: "/autoTaskInfo/cancelTask",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+    },
+    method: "post",
+    params: { taskId },
+  });
+}
+// ---------------系统公告----------------
+// 编辑公告
+export function systemNoticeEdit(data) {
+  return request({
+    url: "/systemNotice/edit",
+    method: "post",
+    data,
+  });
+}
+// 获取公告信息
+export function systemNoticeGetNotice(data) {
+  return request({
+    url: "/systemNotice/getNotice",
+    method: "post",
+    data,
+  });
+}
+
+// -------------场所码所属区域-------------
+export function getPlaceAreas(data) {
+  return request({
+    url: "/admin/auth/getPlaceAreas",
+    method: "get",
+    params: {},
+  });
+}
+// -------------获取商户平台列表-------------
+export function doGetTenants(data) {
+  return request({
+    url: "/admin/face/doGetTenants",
+    method: "post",
+    data,
+  });
+}
+
+// 获取操作人（家长）信息
+export function getParentInfo(UserWhitelistId) {
+  return request({
+    url: "/admin/userWhitelis/getParentInfo",
+    method: "get",
+    params: {UserWhitelistId},
+  });
+}
+
+
+
+// 常客的批量编辑
+export function batchEditUserWhitelist(data) {
+  return request({
+    url: "/admin/userWhitelis/batchEditUserWhitelist",
+    method: "post",
+    // headers: {
+    //   "Content-Type": "multipart/form-data",
+    // },
+    data,
+  });
+}
+// 批量修改常客
+export function batchUpdate(data) {
+  return request({
+    url: "/admin/userWhitelis/batchUpdate",
+    method: "post",
+    data,
+  });
+}
+// 批量删除用户数据
+export function batchDelete(data) {
+  return request({
+    url: "/admin/userWhitelis/batchDelete",
+    method: "post",
+    data
+  });
+}
+// 批量下发用户数据
+export function batchDistribution(data) {
+  return request({
+    url: "/admin/userWhitelis/batchDistribution",
+    method: "post",
+    data
+  });
+}
+// ---------------进出预警记录--------------------
+// 预警记录-分页列表
+export function doGetWaringServerLog(data) {
+  return request({
+    url: "/admin/face/doGetWaringServerLog",
+    method: "post",
+    data,
+  });
+}
+// 预警记录excel-导出
+export function doGetWaringServerLogExcel(data) {
+  return request({
+    url: "/admin/face/doGetWaringServerLogExcel",
+    method: "post",
+    data,
+  });
+}
+// 预警记录-确认
+export function warningSure(data) {
+  return request({
+    url: "/admin/face/warningSure",
+    method: "post",
+    data,
+  });
+}
+// 预警记录-删除
+export function warningDelete(waringLogId) {
+  return request({
+    url: "/admin/face/warningDelete",
+    method: "post",
+    data:{waringLogId},
+  });
+}
+// 预警记录-拉黑
+export function warningBlack(waringLogId) {
+  return request({
+    url: "/admin/face/warningBlack",
+    method: "post",
+    data:{waringLogId},
+  });
+}
+// -----------------------下发列表-------------------------
+// 下发设备分页列表
+export function devicePage(data) {
+  return request({
+    url: "/admin/issue/device/page",
+    method: "post",
+    data,
+  });
+}
+// 下发设备详情
+export function deviceDetail(issueDeviceId) {
+  return request({
+    url: `/admin/issue/device/detail/${issueDeviceId}`,
+    method: "get",
+  });
+}
+// 导出下发详情列表
+export function itemExport(data) {
+  return request({
+    url: "/admin/issue/device/item/export",
+    method: "post",
+    data,
+  });
+}
+// 下发设备详情分页列表
+export function itemPage(data) {
+  return request({
+    url: "/admin/issue/device/item/page",
+    method: "post",
+    data,
+  });
+}
+// 取消下发
+export function deviceCancel(issueDeviceId) {
+  return request({
+    url: `/admin/issue/device/cancel/${issueDeviceId}`,
+    method: "get",
+  });
+}
+// 重试
+export function deviceRetry(issueDeviceId) {
+  return request({
+    url: `/admin/issue/device/retry/${issueDeviceId}`,
+    method: "get",
+  });
+}
+// 访客记录-导出
+export function detailExcelOut(data) {
+  return request({
+    url: '/admin/userVisitorList/detailExcelOut',
+    method: 'post',
+    responseType: 'blob',
+    data: data
+  })
+}

src/api/visitee.js

@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+// 获取受访人列表（分页）
+export function getVisiteePageList(data) {
+  return request({
+    url: '/admin/fkj/visitee/page',
+    method: 'post',
+    data
+  })
+}
+// 添加/编辑
+export function addOrUpdate(data) {
+  return request({
+    url: '/admin/fkj/visitee/add',
+    method: 'post',
+    data
+  })
+}
+
+// 删除指定区域
+export function deleteByIds(ids) {
+  return request({
+    url: '/admin/fkj/visitee/del',
+    method: 'post',
+    data: ids
+  })
+}
+
+// 删除删选区域
+export function deletes(data) {
+  return request({
+    url: '/admin/fkj/visitee/batch/del',
+    method: 'post',
+    data: {
+      data
+    }
+  })
+}

src/api/xiaosha.js

@@ -0,0 +1,135 @@
+import request from '@/utils/request'
+// ---------------------问题上报------------------------
+// 问题上报修改
+export function updateProblemReport(data) {
+  return request({
+    url: '/problemReport/updateProblemReport',
+    method: 'post',
+    data,
+  })
+}
+// 查询问题上报详情
+export function getProblemReportDetailById(data) {
+  return request({
+    url: '/problemReport/getProblemReportDetailById',
+    method: 'post',
+    data,
+  })
+}
+// 问题上报列表分页
+export function getProblemReportPage(data) {
+  return request({
+    url: '/problemReport/getProblemReportPage',
+    method: 'post',
+    data,
+  })
+}
+// 问题上报数据报表
+export function getProblemReportData(data) {
+  return request({
+    url: 'problemReport/getProblemReportData',
+    method: 'post',
+    data,
+  })
+}
+// ---------------------消杀------------------------
+// 消杀区域-列表分页
+export function disinfectAreaList(data) {
+  return request({
+    url: '/admin/disinfectArea/getPageList',
+    method: 'post',
+    data,
+  })
+}
+// 消杀区域-新增-修改
+export function disinfectAreaEdit(data) {
+  return request({
+    url: '/admin/disinfectArea/edit',
+    method: 'post',
+    data,
+  })
+}
+// 消杀区域-删除
+export function disinfectAreDelete(params) {
+  return request({
+    url: '/admin/disinfectArea/delete',
+    method: 'get',
+    params,
+  })
+}
+// 消杀区域-列表
+export function disinfectAreaGetList(params) {
+  return request({
+    url: '/admin/disinfectArea/getList',
+    method: 'get',
+    params,
+  })
+}
+// 消杀人员-列表分页
+export function disinfectUserList(data) {
+  return request({
+    url: '/admin/disinfectUser/getPageList',
+    method: 'post',
+    data,
+  })
+}
+// 消杀人员-新增-修改
+export function disinfectUserEdit(data) {
+  return request({
+    url: '/admin/disinfectUser/edit',
+    method: 'post',
+    data,
+  })
+}
+// 消杀人员-删除
+export function disinfectUserDel(disinfectUserId) {
+  return request({
+    url: '/admin/disinfectUser/delete',
+    method: 'get',
+    params:{disinfectUserId},
+  })
+}
+// 消杀人员的批量导入
+export function excelInput(data) {
+  return request({
+    url: '/admin/disinfectUser/excelInput',
+    method: 'post',
+    data,
+  })
+}
+
+// 消杀记录-列表分页
+export function disinfectRecordList(data) {
+  return request({
+    url: '/admin/disinfectRecord/getPageList',
+    method: 'post',
+    data,
+  })
+}
+// 导出本月通行记录
+export function monthRecords(data) {
+  return request({
+    url: '/faceLogExport/monthRecords/doc',
+    method: 'post',
+    data,
+  })
+}
+// 导出当天通行记录
+export function todayRecords(data) {
+  return request({
+    url: '/faceLogExport/todayRecords/doc',
+    method: 'post',
+    headers: {
+      "Content-Type": "application/json",
+    },
+    data,
+  })
+}
+// 导出本周通行记录
+export function weekedRecords(data) {
+  return request({
+    url: '/faceLogExport/weekedRecords/doc',
+    method: 'post',
+    data,
+  })
+}

src/components/BatchFileUpload/index.vue

@@ -0,0 +1,186 @@
+<template>
+  <a href="javascript:;" class="file">
+    {{ file && file.name ? file.name : '选择文件' }}
+    <input
+      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: 'BatchUploadFile',
+  props: {
+    // 除了第一行，跳过的行数，比如第二行为说明，不作为数据
+    range: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      file: null
+    }
+  },
+  methods: {
+    upload(e) {
+      // 若出现files赋值未知错误值或照片长度不对则return
+      if (!e.target.files || e.target.files.length < 1) {
+        return
+        // return this.$message.error('请上传excel文件')
+      }
+      // 如果是批量上传图片走这里
+      // if (this.file) {
+      //   if (!this.needFileNameList) {
+      //     return this.$message.error('请选择命名参数')
+      //   }
+      //   if (this.needFileNameList.indexOf('name') === -1) {
+      //     return this.$message.error('姓名为必填项')
+      //   }
+      //   if (this.needFileNameList.indexOf('idNumber') > -1 || this.needFileNameList.indexOf('cardIdEx') > -1 || this.needFileNameList.indexOf('phone') > -1) {
+      //     // 找出所有图片
+      //     this.getPhotoList(Array.from(files))
+      //   } else {
+      //     return this.$message.error('手机号、身份证、卡号任选其一必选')
+      //   }
+      // }
+
+      // 处理excel
+      this.file = e.target.files[0]
+      this.getJsonList(this.file)
+    },
+    // getPhotoList(files) {
+    //   const photoList = {
+    //     correct: [],
+    //     incorrect: []
+    //   }
+    //   files.forEach((item) => {
+    //     const arr = item.name.split('.')
+    //     const formatStyle = arr[arr.length - 1]
+    //     // 若文件类型不在指定类型中，则不处理
+    //     if (!this.formatStyles.includes(formatStyle)) {
+    //       photoList.incorrect.push({
+    //         reason: '文件格式要求为' + this.formatStyles.join(',') + ',上传的类型为' + formatStyle,
+    //         file: item
+    //       })
+    //       return
+    //     } else if (item.size > 1024 * 1024 * 2) {
+    //       // 要求文件大小不大于指定值 单位：字节
+    //       photoList.incorrect.push({
+    //         reason: '单张图片大小要求为2M内,上传的图片大小为' + item.size / 1024 / 1024 + 'M',
+    //         file: item
+    //       })
+    //       return
+    //     }
+
+    //     const obj = this.matchNeedFileNameList(item, arr[0])
+    //     photoList[obj.status ? 'correct' : 'incorrect'].push(obj.file)
+    //   })
+    //   this.doUpload(photoList)
+    // },
+    // matchNeedFileNameList(file, fileName) {
+    //   const arrContent = fileName.split('-')
+    //   const obj = {
+    //     status: true,
+    //     file: {}
+    //   }
+    //   if (arrContent.length < this.needFileNameList.length ||
+    //     arrContent.some((name) => {
+    //       return !name
+    //     })
+    //   ) {
+    //     return {
+    //       status: false,
+    //       file: {
+    //         reason: '文件没有按指定要求命名,需要' + this.needFileNameList.join(','),
+    //         file: file
+    //       }
+    //     }
+    //   }
+    //   this.needFileNameList.forEach((item, index) => {
+    //     obj.file[item] = arrContent[index].trim() || ''
+    //   })
+    //   obj.file['avatar'] = file
+    //   return obj
+    // },
+    doUpload(photoList) {
+      this.$emit('getFileList', photoList)
+    },
+    // 处理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) {
+          const temp = XLSX.utils.sheet_to_json(workbook.Sheets[sheet])
+          if (temp && temp.length > 0) {
+            if (this.range > 0) {
+              temp.splice(0, this.range)
+            }
+            data = data.concat(temp)
+          }
+        }
+        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/BatchUpload/index.vue

@@ -0,0 +1,239 @@
+<template>
+  <span>
+    <!-- <a href="javascript:;" class="file" v-if="fileType === 'directoryImage'">
+      上传文件
+      <input
+        type="file"
+        name="file"
+        ref="file"
+        @change="upload($event, 'directoryImage')"
+        webkitdirectory
+      />
+    </a> -->
+    <el-button
+      type="primary"
+      @click="upload"
+      v-if="fileType === 'directoryImage'"
+    >
+      确定
+    </el-button>
+    <a href="javascript:;" class="file" v-if="fileType === 'excel'">
+      批量导入
+      <input
+        type="file"
+        accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
+        ID="fileSelect"
+        runat="server"
+        @change="upload($event, 'excel')"
+      />
+    </a>
+  </span>
+</template>
+
+<script>
+import * as XLSX from "xlsx";
+export default {
+  name: "BatchUpload",
+  components: {},
+  props: {
+    //图片允许的文件格式
+    formatStyles: {
+      type: Array,
+      default() {
+        return ["png", "jpg", "jpeg"];
+      },
+    },
+    //要求文件命名至少包含的项数，并指定返回的key值;----> 命名规则 A-B-C-D-E.XXX   则返回，A=name  B=idNumber  C=cardIdEx
+    needFileNameList: {
+      type: Array,
+      // default() {
+      //   return ["name", "idNumber", "cardIdEx"];
+      // },
+    },
+    //调用种类 directoryImage->文件夹图片  excel->excel文件
+    fileType: {
+      type: String,
+      default: "directoryImage",
+    },
+    file: {
+      type: FileList,
+    },
+  },
+  data() {
+    return {};
+  },
+  watch: {},
+  methods: {
+    upload(e, type) {
+      let files = e.target.files || this.file;
+      //若出现files赋值未知错误值或照片长度不对则return
+      if (!files || files.length < 1) {
+        return this.$message.error("请上传");
+      }
+      // 如果是批量上传图片走这里
+      if (this.file) {
+        if (!this.needFileNameList) {
+          return this.$message.error("请选择命名参数");
+        }
+        if (this.needFileNameList.indexOf("name") === -1) {
+          return this.$message.error("姓名为必填项");
+        }
+        if (
+          this.needFileNameList.indexOf("idNumber") > -1 ||
+          this.needFileNameList.indexOf("cardIdEx") > -1 ||
+          this.needFileNameList.indexOf("phone") > -1
+        ) {
+          //找出所有图片
+          this.getPhotoList(Array.from(files));
+        } else {
+          return this.$message.error("手机号、身份证、卡号任选其一必选");
+        }
+      }
+      //判断文件类型,调用不同的处理办法
+      switch (type) {
+        case "directoryImage":
+          //找出所有图片
+          this.getPhotoList(Array.from(files));
+          break;
+        case "excel":
+          //处理excel
+          this.getJsonList(Array.from(files));
+          break;
+        default:
+          break;
+      }
+    },
+    getPhotoList(files) {
+      let photoList = {
+        correct: [],
+        incorrect: [],
+      };
+      files.forEach((item) => {
+        let arr = item.name.split(".");
+        let formatStyle = arr[arr.length - 1];
+        //若文件类型不在指定类型中，则不处理
+        if (!this.formatStyles.includes(formatStyle)) {
+          photoList.incorrect.push({
+            reason:
+              "文件格式要求为" +
+              this.formatStyles.join(",") +
+              ",上传的类型为" +
+              formatStyle,
+            file: item,
+          });
+          return;
+        } else if (item.size > 1024 * 1024 * 2) {
+          //要求文件大小不大于指定值 单位：字节
+          photoList.incorrect.push({
+            reason:
+              "单张图片大小要求为2M内,上传的图片大小为" +
+              item.size / 1024 / 1024 +
+              "M",
+            file: item,
+          });
+          return;
+        }
+
+        let obj = this.matchNeedFileNameList(item, arr[0]);
+        photoList[obj.status ? "correct" : "incorrect"].push(obj.file);
+      });
+      this.doUpload(photoList);
+    },
+    matchNeedFileNameList(file, fileName) {
+      let arrContent = fileName.split("-");
+      let obj = {
+        status: true,
+        file: {},
+      };
+      if (
+        arrContent.length < this.needFileNameList.length ||
+        arrContent.some((name) => {
+          return !name;
+        })
+      ) {
+        return {
+          status: false,
+          file: {
+            reason:
+              "文件没有按指定要求命名,需要" + this.needFileNameList.join(","),
+            file: file,
+          },
+        };
+      }
+      this.needFileNameList.forEach((item, index) => {
+        obj.file[item] = arrContent[index].trim() || "";
+      });
+      obj.file["avatar"] = file;
+      return obj;
+    },
+    doUpload(photoList) {
+      this.$emit("getFileList", photoList);
+    },
+    // 处理excel文件的内容
+    getJsonList(files) {
+      //只处理第一个文件;
+      let file = files[0];
+      let reader = new FileReader();
+      let photoList = {
+        correct: [],
+        incorrect: [],
+      };
+      reader.readAsBinaryString(file);
+      reader.onload = (e) => {
+        // 获取传递的表格
+        let binaryString = e.target.result;
+        // 以二进制流方式读取到整份的excel 表格对象
+        let workbook = XLSX.read(binaryString, {
+          type: "binary",
+          sheetRows: 0,
+          codepage: 936,
+        });
+        let data = [];
+        // 遍历每张表读取
+        for (let sheet in workbook.Sheets) {
+          data = data.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
+        }
+        photoList["correct"] = data;
+        this.doUpload(photoList);
+      };
+    },
+  },
+  mounted() {},
+};
+</script>
+
+<style scoped>
+/*批量导入按钮*/
+.file {
+  margin: 10px 0 0 10px;
+  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: 106px;
+  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: 10px;
+}
+</style>

src/components/Breadcrumb/index.vue

@@ -0,0 +1,79 @@
+<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: '主页' }}].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/DialogDetails/index.vue

@@ -0,0 +1,422 @@
+<template>
+  <div>
+    <el-dialog
+      title="详情"
+      :visible.sync="dialogTableVisible"
+      :before-close="cancel"
+      width="800px"
+    >
+      <el-descriptions
+        v-if="row"
+        :column="2"
+        border
+        :content-style="CS"
+        :label-style="LS"
+      >
+        <el-descriptions-item v-if="type === 'pass_records'" label="设备编号">{{
+          row.deviceSn
+        }}</el-descriptions-item>
+        <el-descriptions-item v-if="type === 'pass_records'" label="设备地点">{{
+          row.deviceName
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="用户姓名">{{
+          notShowData ? row.name : dialogContent.name
+        }}</el-descriptions-item>
+
+        <el-descriptions-item
+          v-if="type === 'pass_records'"
+          label="身份证号"
+        >{{ notShowData ? row.cardid : dialogContent.cardid }}
+          <el-button
+            v-if="sysQueryConfiguration"
+            type="primary"
+            size="small"
+            :disabled="sysQueryConfigurationStatus"
+            @click="searchContent()"
+          >查看脱敏数据</el-button></el-descriptions-item>
+        <el-descriptions-item v-else label="身份证号">{{
+          row.idNumber
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="手机号">{{
+          notShowData ? row.phone : dialogContent.phone
+        }}</el-descriptions-item>
+        <el-descriptions-item v-if="type === 'pass_records'" label="所属账号">{{
+          row.username
+        }}</el-descriptions-item>
+<!--        <el-descriptions-item v-if="type === 'pass_records'" label="健康码状态">
+          <el-tag
+            v-if="row.jkmStatus === '00'"
+            type="success"
+            effect="dark"
+          >绿码</el-tag>
+          <el-tag
+            v-else-if="row.jkmStatus === '01'"
+            type="warning"
+            effect="dark"
+          >黄码</el-tag>
+          <el-tag
+            v-else-if="row.jkmStatus === '10'"
+            type="danger"
+            effect="dark"
+          >红码</el-tag>
+          <el-tag v-else type="info" effect="plain">未知</el-tag>
+        </el-descriptions-item>-->
+
+        <el-descriptions-item
+          v-if="type != 'pass_records'"
+          label="省-市-区-街道"
+        >
+          {{ row.provinceName }}-{{ row.cityName }}-{{ row.areaName }}-{{
+            row.streetName
+          }}
+        </el-descriptions-item>
+        <el-descriptions-item v-if="type != 'pass_records'" label="详细地址">
+          {{ row.address }}
+        </el-descriptions-item>
+        <el-descriptions-item v-if="type === 'white_list'" label="认证状态">
+          <el-tag
+            v-if="row.status === 1"
+            effect="plain"
+            type="success"
+          >已认证</el-tag>
+          <el-tag
+            v-else-if="row.status === 2"
+            effect="plain"
+            type="info"
+          >未认证</el-tag>
+          <el-tag v-else effect="plain" type="info">未知</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item v-if="type === 'pass_records'" label="认证状态">
+          <el-tag
+            v-if="row.rightno === 104"
+            type=""
+            effect="plain"
+          >访客</el-tag>
+          <el-tag
+            v-else-if="row.rightno === 105"
+            type="success"
+            effect="plain"
+          >员工</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="现场照片">
+          <el-image
+            style="width: 200px; height: 200px"
+            fit="cover"
+            :src="row.avatar ? row.avatar : row.photo"
+            :preview-src-list="[row.avatar ? row.avatar : row.photo]"
+          />
+        </el-descriptions-item>
+      </el-descriptions>
+      <!-- 自定义字段 -->
+      <template
+        v-if="visitToJetList.contentStatus == 1"
+      >
+        <h3>自定义字段内容</h3>
+        <el-descriptions
+          :column="2"
+          border
+          :content-style="CS"
+          :label-style="LS"
+        >
+          <el-descriptions-item
+            v-for="(item, index) in visitToJetList.contents"
+            :key="index"
+            :label="item.customName"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="是否可编辑"
+              placement="top-start"
+            >
+              <i
+                class="el-icon-edit icon"
+                :style="
+                  item.isEditable === 1 ? { color: '#409eff' } : { color: '' }
+                "
+              />
+            </el-tooltip>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="是否在小程序端显示"
+              placement="top-start"
+            >
+              <i
+                class="el-icon-star-on icon"
+                :style="
+                  item.isShow === 1 ? { color: '#409eff' } : { color: '' }
+                "
+              />
+            </el-tooltip>
+            <el-image
+              v-if="item.customType == '图片'"
+              style="width: 200px; height: 200px"
+              fit="cover"
+              :src="item.customNameVal"
+              :preview-src-list="[item.customNameVal]"
+            />
+            <span v-else>{{
+              item.customNameVal ? item.customNameVal : "未填写"
+            }}</span>
+          </el-descriptions-item>
+        </el-descriptions>
+      </template>
+
+      <!-- 三码 -->
+<!--      <template
+        v-if="visitToJetList.threeCodeList&&visitToJetList.threeCodeList.length > 0"
+      >
+        <h3>三码内容</h3>
+        <el-descriptions
+          class="marginbottom"
+          :column="2"
+          border
+          :content-style="CS"
+          :label-style="LS"
+        >
+          &lt;!&ndash; 健康码  &ndash;&gt;
+          <template v-if="visitToJetList.threeCodeList.indexOf('1') > -1">
+            <el-descriptions-item v-if="visitToJetList.userVisitorListDetailHealth.jkm" label="健康码">
+              {{ visitToJetList.userVisitorListDetailHealth.jkm | noList }}
+            </el-descriptions-item>
+            <el-descriptions-item
+              v-if="visitToJetList.userVisitorListDetailHealth.jkmPhoto"
+              label="健康码截图"
+            >
+              <el-image
+                style="width: 100px; height: 100px"
+                :src="visitToJetList.userVisitorListDetailHealth.jkmPhoto"
+                :preview-src-list="[visitToJetList.userVisitorListDetailHealth.jkmPhoto]"
+              />
+            </el-descriptions-item>
+          </template>
+          &lt;!&ndash; 核酸 &ndash;&gt;
+          <template v-if="visitToJetList.threeCodeList.indexOf('2') > -1">
+            <el-descriptions-item v-if="visitToJetList.userVisitorListDetailHealth.hs" label="核酸">
+              <p>【采样】{{ visitToJetList.userVisitorListDetailHealth.hsCheckTime | noList }}</p>
+              <p>【报告】{{ visitToJetList.userVisitorListDetailHealth.hsResultTime | noList }}</p>
+              <p>{{ visitToJetList.userVisitorListDetailHealth.hs | noList }}</p>
+            </el-descriptions-item>
+            <el-descriptions-item
+              v-if="visitToJetList.userVisitorListDetailHealth.hsPhoto"
+              label="核酸截图"
+            >
+              <el-image
+                style="width: 100px; height: 100px"
+                :src="visitToJetList.userVisitorListDetailHealth.hsPhoto"
+                :preview-src-list="[visitToJetList.userVisitorListDetailHealth.hsPhoto]"
+              />
+            </el-descriptions-item>
+          </template>
+          &lt;!&ndash; 行程码 &ndash;&gt;
+          <template v-if="visitToJetList.threeCodeList.indexOf('3') > -1">
+            <el-descriptions-item v-if="visitToJetList.userVisitorListDetailHealth.xc" label="行程信息">
+              {{
+                visitToJetList.userVisitorListDetailHealth.xc == 1
+                  ? "未过高风险地区"
+                  : visitToJetList.userVisitorListDetailHealth.xc == 2
+                    ? "去过高风险地区"
+                    : "未知"
+              }}
+            </el-descriptions-item>
+            <el-descriptions-item
+              v-if="visitToJetList.userVisitorListDetailHealth.xcPhoto"
+              label="行程信息截图"
+            >
+              <el-image
+                style="width: 100px; height: 100px"
+                :src="visitToJetList.userVisitorListDetailHealth.xcPhoto"
+                :preview-src-list="[visitToJetList.userVisitorListDetailHealth.xcPhoto]"
+              />
+            </el-descriptions-item>
+          </template>
+        </el-descriptions>
+      </template>-->
+      <!-- 访客机字段 -->
+      <template v-if="visitToJetList.visitorStatus==1" class="maxHeight">
+        <h3>访客机字段内容</h3>
+        <el-descriptions
+          class="marginbottom"
+          :column="2"
+          border
+          :content-style="CS"
+          :label-style="LS"
+        >
+          <el-descriptions-item label="来访人单位">
+            {{ visitToJetList.userVisitorListDetailVisitor.company | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item label="来访人体温">
+            {{ visitToJetList.userVisitorListDetailVisitor.temperature | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item label="来访人车牌号码">
+            {{ visitToJetList.userVisitorListDetailVisitor.carno | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item label="访问事由">
+            {{ visitToJetList.userVisitorListDetailVisitor.reason | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item label="来访时间">
+            {{ visitToJetList.userVisitorListDetailVisitor.time | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item label="设备所在单位">
+            {{ visitToJetList.userVisitorListDetailVisitor.org | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item
+            v-if="visitToJetList.userVisitorListDetailVisitor.sceneXp && type === 'pass_records'"
+            label="标准比对照片"
+          >
+            <el-image
+              style="width: 200px; height: 200px"
+              fit="cover"
+              :src="visitToJetList.userVisitorListDetailVisitor.sceneXp"
+              :preview-src-list="[visitToJetList.userVisitorListDetailVisitor.sceneXp]"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item v-if="visitToJetList.userVisitorListDetailVisitor.xp" label="身份证照片">
+            <el-image
+              style="width: 200px; height: 200px"
+              fit="cover"
+              :src="visitToJetList.userVisitorListDetailVisitor.xp"
+              :preview-src-list="[visitToJetList.userVisitorListDetailVisitor.xp]"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="受访人单位">
+            {{ visitToJetList.userVisitorListDetailVisitor.visiteeCompany | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item label="受访人部门">
+            {{ visitToJetList.userVisitorListDetailVisitor.visiteeBm | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item label="受访人房间号">
+            {{ visitToJetList.userVisitorListDetailVisitor.visiteeRoom | noList }}
+          </el-descriptions-item>
+          <el-descriptions-item
+            label="受访人姓名"
+          >{{ visitToJetList.userVisitorListDetailVisitor.visiteeXm | noList }}
+          </el-descriptions-item>
+        </el-descriptions>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getWhiteListFrom,
+  getVisitorListFrom,
+  getUserListFrom
+} from '@/api/user_manage.js'
+import { checkRole } from '@/utils/checkRole'
+import { getDetails } from '@/api/old_api_pengwenbing'
+
+export default {
+  name: '',
+  filters: {
+    noList(str) {
+      return str || '暂无'
+    }
+  },
+  components: {},
+  props: {
+    dialogTableVisible: {
+      type: Boolean,
+      default: false
+    },
+    // detailsList: {
+    //   type: Array,
+    // },
+    visitToJetList: {
+      type: Object
+    },
+    row: {
+      type: Object
+    },
+    type: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      visitToJet_loading: false,
+      CS: {
+        // "text-align": "center", //文本居中
+        'min-width': '250px', // 最小宽度
+        'word-break': 'break-all' // 过长时自动换行
+      },
+      LS: {
+        // color: "#000",
+        'text-align': 'center',
+        // "font-weight": "600",
+        height: '40px',
+        // "background-color": "rgba(255, 97, 2, 0.1)",
+        'min-width': '110px',
+        'word-break': 'keep-all'
+      },
+      // 脱敏数据信息详情
+      dialogContent: null,
+      notShowData: true
+    }
+  },
+  computed: {
+    sysQueryConfigurationStatus() {
+      return this.$store.getters.sysQueryConfigurationStatus === 0
+    },
+    sysQueryConfiguration() {
+      return this.$store.getters.sysQueryConfiguration === 1
+    }
+  },
+  watch: {
+    visitToJetList(n) {
+    }
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    checkRole,
+    cancel() {
+      this.$emit('dialog', false)
+      this.notShowData = true
+    },
+    // 查看脱敏数据
+    searchContent() {
+      this.$prompt('请输入查询密码', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        closeOnClickModal: false
+      })
+        .then(({ value }) => {
+          getDetails({ id: this.row.logId, password: value }).then((res) => {
+            this.dialogContent = res.data
+            this.notShowData = false
+          })
+        })
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消查询'
+          })
+        })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.icon {
+  margin-right: 7px;
+}
+.el-button {
+  margin-left: 10px;
+}
+.marginbottom {
+  margin-bottom: 20px;
+}
+.maxHeight {
+  max-height: 500px;
+  overflow-y: auto;
+}
+h3 {
+  margin-bottom: 5px;
+}
+</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>

src/icons/index.js

@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)

src/icons/svg/example.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"/></svg>

src/icons/svg/exit-fullscreen.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M49.217 41.329l-.136-35.24c-.06-2.715-2.302-4.345-5.022-4.405h-3.65c-2.712-.06-4.866 2.303-4.806 5.016l.152 19.164-24.151-23.79a6.698 6.698 0 0 0-9.499 0 6.76 6.76 0 0 0 0 9.526l23.93 23.713-18.345.074c-2.712-.069-5.228 1.813-5.64 5.02v3.462c.069 2.721 2.31 4.97 5.022 5.03l35.028-.207c.052.005.087.025.133.025l2.457.054a4.626 4.626 0 0 0 3.436-1.38c.88-.874 1.205-2.096 1.169-3.462l-.262-2.465c0-.048.182-.081.182-.136h.002zm52.523 51.212l18.32-.073c2.713.06 5.224-1.609 5.64-4.815v-3.462c-.068-2.722-2.317-4.97-5.021-5.04l-34.58.21c-.053 0-.086-.021-.138-.021l-2.451-.06a4.64 4.64 0 0 0-3.445 1.381c-.885.868-1.201 2.094-1.174 3.46l.27 2.46c.005.06-.177.095-.177.141l.141 34.697c.069 2.713 2.31 4.338 5.022 4.397l3.45.006c2.705.062 4.867-2.31 4.8-5.026l-.153-18.752 24.151 23.946a6.69 6.69 0 0 0 9.494 0 6.747 6.747 0 0 0 0-9.523L101.74 92.54v.001zM48.125 80.662a4.636 4.636 0 0 0-3.437-1.382l-2.457.06c-.05 0-.082.022-.137.022l-35.025-.21c-2.712.07-4.957 2.318-5.022 5.04v3.462c.409 3.206 2.925 4.874 5.633 4.814l18.554.06-24.132 23.928c-2.62 2.626-2.62 6.89 0 9.524a6.694 6.694 0 0 0 9.496 0l24.155-23.79-.155 18.866c-.06 2.722 2.094 5.093 4.801 5.025h3.65c2.72-.069 4.962-1.685 5.022-4.406l.141-34.956c0-.05-.182-.082-.182-.136l.262-2.46c.03-1.366-.286-2.592-1.166-3.46h-.001zM80.08 47.397a4.62 4.62 0 0 0 3.443 1.374l2.45-.054c.055 0 .088-.02.143-.028l35.08.21c2.712-.062 4.953-2.312 5.021-5.033l.009-3.463c-.417-3.211-2.937-5.084-5.64-5.025l-18.615-.073 23.917-23.715c2.63-2.623 2.63-6.879.008-9.513a6.691 6.691 0 0 0-9.494 0L92.251 26.016l.155-19.312c.065-2.713-2.097-5.085-4.802-5.025h-3.45c-2.713.069-4.954 1.693-5.022 4.406l-.139 35.247c0 .054.18.088.18.136l-.267 2.465c-.028 1.366.288 2.588 1.174 3.463v.001z"/></svg>