commit 7f3cdf3ad10d990b1cad41f0413d8c9d5c4be3cb
Author: Shu Guang <61069967+shuguangnet@users.noreply.github.com>
Date:   Sat May 24 10:50:19 2025 +0800

    first commit

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..ea6e20f
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..d301101
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,5 @@
+# just a flag
+ENV = 'development'
+
+# base api 
+VUE_APP_BASE_API = '/dev-api'
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..292814d
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,7 @@
+# just a flag
+ENV = 'production'
+
+# base api
+# 配置api
+VUE_APP_BASE_API = 'http://127.0.0.1:8898/api'
+
diff --git a/.env.staging b/.env.staging
new file mode 100644
index 0000000..a8793a0
--- /dev/null
+++ b/.env.staging
@@ -0,0 +1,8 @@
+NODE_ENV = production
+
+# just a flag
+ENV = 'staging'
+
+# base api
+VUE_APP_BASE_API = '/stage-api'
+
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..e6529fc
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,4 @@
+build/*.js
+src/assets
+public
+dist
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..c977505
--- /dev/null
+++ b/.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']
+  }
+}
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9ad28d2
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,16 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+tests/**/coverage/
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..f4be7a0
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,5 @@
+language: node_js
+node_js: 10
+script: npm run test
+notifications:
+  email: false
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..6151575
--- /dev/null
+++ b/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.
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..fb82b27
--- /dev/null
+++ b/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']
+    }
+  }
+}
diff --git a/build/index.js b/build/index.js
new file mode 100644
index 0000000..46ba355
--- /dev/null
+++ b/build/index.js
@@ -0,0 +1,35 @@
+const { run } = require('runjs')
+const chalk = require('chalk')
+const config = require('../vue.config.js')
+const rawArgv = process.argv.slice(2)
+const args = rawArgv.join(' ')
+
+if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
+  const report = rawArgv.includes('--report')
+
+  run(`vue-cli-service build ${args}`)
+
+  const port = 9527
+  const publicPath = config.publicPath
+
+  var connect = require('connect')
+  var serveStatic = require('serve-static')
+  const app = connect()
+
+  app.use(
+    publicPath,
+    serveStatic('./dist', {
+      index: ['index.html', '/']
+    })
+  )
+
+  app.listen(port, function () {
+    console.log(chalk.green(`> Preview at  http://localhost:${port}${publicPath}`))
+    if (report) {
+      console.log(chalk.green(`> Report at  http://localhost:${port}${publicPath}report.html`))
+    }
+
+  })
+} else {
+  run(`vue-cli-service build ${args}`)
+}
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..f37f2c3
Binary files /dev/null and b/dist.zip differ
diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 0000000..143cdc8
--- /dev/null
+++ b/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/'
+}
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..ed079e2
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+        "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/mock/index.js b/mock/index.js
new file mode 100644
index 0000000..c514c13
--- /dev/null
+++ b/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
+}
+
diff --git a/mock/mock-server.js b/mock/mock-server.js
new file mode 100644
index 0000000..8941ec0
--- /dev/null
+++ b/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))
+      }
+    }
+  })
+}
diff --git a/mock/table.js b/mock/table.js
new file mode 100644
index 0000000..bd0e013
--- /dev/null
+++ b/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
+        }
+      }
+    }
+  }
+]
diff --git a/mock/user.js b/mock/user.js
new file mode 100644
index 0000000..7555338
--- /dev/null
+++ b/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'
+      }
+    }
+  }
+]
diff --git a/mock/utils.js b/mock/utils.js
new file mode 100644
index 0000000..95cc27d
--- /dev/null
+++ b/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
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..4278db3
--- /dev/null
+++ b/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:prod": "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": {
+        "@amap/amap-jsapi-loader": "^1.0.1",
+        "axios": "0.18.1",
+        "core-js": "3.6.5",
+        "echarts": "^5.4.1",
+        "element-china-area-data": "^6.1.0",
+        "element-ui": "2.13.2",
+        "js-cookie": "2.2.0",
+        "js-sha1": "^0.6.0",
+        "moment": "^2.29.4",
+        "normalize.css": "7.0.0",
+        "nprogress": "0.2.0",
+        "path-to-regexp": "2.4.0",
+        "qs": "^6.11.0",
+        "swiper": "^6.8.4",
+        "vue": "2.6.10",
+        "vue-router": "3.0.6",
+        "vuex": "3.6.2",
+        "wangeditor": "^4.7.15"
+    },
+    "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": "^7.3.1",
+        "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"
+}
\ No newline at end of file
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..10473ef
--- /dev/null
+++ b/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': {}
+  }
+}
diff --git a/public/address.json b/public/address.json
new file mode 100644
index 0000000..ae433cd
--- /dev/null
+++ b/public/address.json
@@ -0,0 +1,15020 @@
+{
+  "address": [
+    {
+      "code": "11",
+      "name": "北京市",
+      "children": [
+        {
+          "code": "1101",
+          "name": "市辖区",
+          "children": [
+            {
+              "code": "110101",
+              "name": "东城区"
+            },
+            {
+              "code": "110102",
+              "name": "西城区"
+            },
+            {
+              "code": "110105",
+              "name": "朝阳区"
+            },
+            {
+              "code": "110106",
+              "name": "丰台区"
+            },
+            {
+              "code": "110107",
+              "name": "石景山区"
+            },
+            {
+              "code": "110108",
+              "name": "海淀区"
+            },
+            {
+              "code": "110109",
+              "name": "门头沟区"
+            },
+            {
+              "code": "110111",
+              "name": "房山区"
+            },
+            {
+              "code": "110112",
+              "name": "通州区"
+            },
+            {
+              "code": "110113",
+              "name": "顺义区"
+            },
+            {
+              "code": "110114",
+              "name": "昌平区"
+            },
+            {
+              "code": "110115",
+              "name": "大兴区"
+            },
+            {
+              "code": "110116",
+              "name": "怀柔区"
+            },
+            {
+              "code": "110117",
+              "name": "平谷区"
+            },
+            {
+              "code": "110118",
+              "name": "密云区"
+            },
+            {
+              "code": "110119",
+              "name": "延庆区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "12",
+      "name": "天津市",
+      "children": [
+        {
+          "code": "1201",
+          "name": "市辖区",
+          "children": [
+            {
+              "code": "120101",
+              "name": "和平区"
+            },
+            {
+              "code": "120102",
+              "name": "河东区"
+            },
+            {
+              "code": "120103",
+              "name": "河西区"
+            },
+            {
+              "code": "120104",
+              "name": "南开区"
+            },
+            {
+              "code": "120105",
+              "name": "河北区"
+            },
+            {
+              "code": "120106",
+              "name": "红桥区"
+            },
+            {
+              "code": "120110",
+              "name": "东丽区"
+            },
+            {
+              "code": "120111",
+              "name": "西青区"
+            },
+            {
+              "code": "120112",
+              "name": "津南区"
+            },
+            {
+              "code": "120113",
+              "name": "北辰区"
+            },
+            {
+              "code": "120114",
+              "name": "武清区"
+            },
+            {
+              "code": "120115",
+              "name": "宝坻区"
+            },
+            {
+              "code": "120116",
+              "name": "滨海新区"
+            },
+            {
+              "code": "120117",
+              "name": "宁河区"
+            },
+            {
+              "code": "120118",
+              "name": "静海区"
+            },
+            {
+              "code": "120119",
+              "name": "蓟州区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "13",
+      "name": "河北省",
+      "children": [
+        {
+          "code": "1301",
+          "name": "石家庄市",
+          "children": [
+            {
+              "code": "130102",
+              "name": "长安区"
+            },
+            {
+              "code": "130104",
+              "name": "桥西区"
+            },
+            {
+              "code": "130105",
+              "name": "新华区"
+            },
+            {
+              "code": "130107",
+              "name": "井陉矿区"
+            },
+            {
+              "code": "130108",
+              "name": "裕华区"
+            },
+            {
+              "code": "130109",
+              "name": "藁城区"
+            },
+            {
+              "code": "130110",
+              "name": "鹿泉区"
+            },
+            {
+              "code": "130111",
+              "name": "栾城区"
+            },
+            {
+              "code": "130121",
+              "name": "井陉县"
+            },
+            {
+              "code": "130123",
+              "name": "正定县"
+            },
+            {
+              "code": "130125",
+              "name": "行唐县"
+            },
+            {
+              "code": "130126",
+              "name": "灵寿县"
+            },
+            {
+              "code": "130127",
+              "name": "高邑县"
+            },
+            {
+              "code": "130128",
+              "name": "深泽县"
+            },
+            {
+              "code": "130129",
+              "name": "赞皇县"
+            },
+            {
+              "code": "130130",
+              "name": "无极县"
+            },
+            {
+              "code": "130131",
+              "name": "平山县"
+            },
+            {
+              "code": "130132",
+              "name": "元氏县"
+            },
+            {
+              "code": "130133",
+              "name": "赵县"
+            },
+            {
+              "code": "130171",
+              "name": "石家庄高新技术产业开发区"
+            },
+            {
+              "code": "130172",
+              "name": "石家庄循环化工园区"
+            },
+            {
+              "code": "130181",
+              "name": "辛集市"
+            },
+            {
+              "code": "130183",
+              "name": "晋州市"
+            },
+            {
+              "code": "130184",
+              "name": "新乐市"
+            }
+          ]
+        },
+        {
+          "code": "1302",
+          "name": "唐山市",
+          "children": [
+            {
+              "code": "130202",
+              "name": "路南区"
+            },
+            {
+              "code": "130203",
+              "name": "路北区"
+            },
+            {
+              "code": "130204",
+              "name": "古冶区"
+            },
+            {
+              "code": "130205",
+              "name": "开平区"
+            },
+            {
+              "code": "130207",
+              "name": "丰南区"
+            },
+            {
+              "code": "130208",
+              "name": "丰润区"
+            },
+            {
+              "code": "130209",
+              "name": "曹妃甸区"
+            },
+            {
+              "code": "130224",
+              "name": "滦南县"
+            },
+            {
+              "code": "130225",
+              "name": "乐亭县"
+            },
+            {
+              "code": "130227",
+              "name": "迁西县"
+            },
+            {
+              "code": "130229",
+              "name": "玉田县"
+            },
+            {
+              "code": "130271",
+              "name": "河北唐山芦台经济开发区"
+            },
+            {
+              "code": "130272",
+              "name": "唐山市汉沽管理区"
+            },
+            {
+              "code": "130273",
+              "name": "唐山高新技术产业开发区"
+            },
+            {
+              "code": "130274",
+              "name": "河北唐山海港经济开发区"
+            },
+            {
+              "code": "130281",
+              "name": "遵化市"
+            },
+            {
+              "code": "130283",
+              "name": "迁安市"
+            },
+            {
+              "code": "130284",
+              "name": "滦州市"
+            }
+          ]
+        },
+        {
+          "code": "1303",
+          "name": "秦皇岛市",
+          "children": [
+            {
+              "code": "130302",
+              "name": "海港区"
+            },
+            {
+              "code": "130303",
+              "name": "山海关区"
+            },
+            {
+              "code": "130304",
+              "name": "北戴河区"
+            },
+            {
+              "code": "130306",
+              "name": "抚宁区"
+            },
+            {
+              "code": "130321",
+              "name": "青龙满族自治县"
+            },
+            {
+              "code": "130322",
+              "name": "昌黎县"
+            },
+            {
+              "code": "130324",
+              "name": "卢龙县"
+            },
+            {
+              "code": "130371",
+              "name": "秦皇岛市经济技术开发区"
+            },
+            {
+              "code": "130372",
+              "name": "北戴河新区"
+            }
+          ]
+        },
+        {
+          "code": "1304",
+          "name": "邯郸市",
+          "children": [
+            {
+              "code": "130402",
+              "name": "邯山区"
+            },
+            {
+              "code": "130403",
+              "name": "丛台区"
+            },
+            {
+              "code": "130404",
+              "name": "复兴区"
+            },
+            {
+              "code": "130406",
+              "name": "峰峰矿区"
+            },
+            {
+              "code": "130407",
+              "name": "肥乡区"
+            },
+            {
+              "code": "130408",
+              "name": "永年区"
+            },
+            {
+              "code": "130423",
+              "name": "临漳县"
+            },
+            {
+              "code": "130424",
+              "name": "成安县"
+            },
+            {
+              "code": "130425",
+              "name": "大名县"
+            },
+            {
+              "code": "130426",
+              "name": "涉县"
+            },
+            {
+              "code": "130427",
+              "name": "磁县"
+            },
+            {
+              "code": "130430",
+              "name": "邱县"
+            },
+            {
+              "code": "130431",
+              "name": "鸡泽县"
+            },
+            {
+              "code": "130432",
+              "name": "广平县"
+            },
+            {
+              "code": "130433",
+              "name": "馆陶县"
+            },
+            {
+              "code": "130434",
+              "name": "魏县"
+            },
+            {
+              "code": "130435",
+              "name": "曲周县"
+            },
+            {
+              "code": "130471",
+              "name": "邯郸经济技术开发区"
+            },
+            {
+              "code": "130473",
+              "name": "邯郸冀南新区"
+            },
+            {
+              "code": "130481",
+              "name": "武安市"
+            }
+          ]
+        },
+        {
+          "code": "1305",
+          "name": "邢台市",
+          "children": [
+            {
+              "code": "130502",
+              "name": "桥东区"
+            },
+            {
+              "code": "130503",
+              "name": "桥西区"
+            },
+            {
+              "code": "130521",
+              "name": "邢台县"
+            },
+            {
+              "code": "130522",
+              "name": "临城县"
+            },
+            {
+              "code": "130523",
+              "name": "内丘县"
+            },
+            {
+              "code": "130524",
+              "name": "柏乡县"
+            },
+            {
+              "code": "130525",
+              "name": "隆尧县"
+            },
+            {
+              "code": "130526",
+              "name": "任县"
+            },
+            {
+              "code": "130527",
+              "name": "南和县"
+            },
+            {
+              "code": "130528",
+              "name": "宁晋县"
+            },
+            {
+              "code": "130529",
+              "name": "巨鹿县"
+            },
+            {
+              "code": "130530",
+              "name": "新河县"
+            },
+            {
+              "code": "130531",
+              "name": "广宗县"
+            },
+            {
+              "code": "130532",
+              "name": "平乡县"
+            },
+            {
+              "code": "130533",
+              "name": "威县"
+            },
+            {
+              "code": "130534",
+              "name": "清河县"
+            },
+            {
+              "code": "130535",
+              "name": "临西县"
+            },
+            {
+              "code": "130571",
+              "name": "河北邢台经济开发区"
+            },
+            {
+              "code": "130581",
+              "name": "南宫市"
+            },
+            {
+              "code": "130582",
+              "name": "沙河市"
+            }
+          ]
+        },
+        {
+          "code": "1306",
+          "name": "保定市",
+          "children": [
+            {
+              "code": "130602",
+              "name": "竞秀区"
+            },
+            {
+              "code": "130606",
+              "name": "莲池区"
+            },
+            {
+              "code": "130607",
+              "name": "满城区"
+            },
+            {
+              "code": "130608",
+              "name": "清苑区"
+            },
+            {
+              "code": "130609",
+              "name": "徐水区"
+            },
+            {
+              "code": "130623",
+              "name": "涞水县"
+            },
+            {
+              "code": "130624",
+              "name": "阜平县"
+            },
+            {
+              "code": "130626",
+              "name": "定兴县"
+            },
+            {
+              "code": "130627",
+              "name": "唐县"
+            },
+            {
+              "code": "130628",
+              "name": "高阳县"
+            },
+            {
+              "code": "130629",
+              "name": "容城县"
+            },
+            {
+              "code": "130630",
+              "name": "涞源县"
+            },
+            {
+              "code": "130631",
+              "name": "望都县"
+            },
+            {
+              "code": "130632",
+              "name": "安新县"
+            },
+            {
+              "code": "130633",
+              "name": "易县"
+            },
+            {
+              "code": "130634",
+              "name": "曲阳县"
+            },
+            {
+              "code": "130635",
+              "name": "蠡县"
+            },
+            {
+              "code": "130636",
+              "name": "顺平县"
+            },
+            {
+              "code": "130637",
+              "name": "博野县"
+            },
+            {
+              "code": "130638",
+              "name": "雄县"
+            },
+            {
+              "code": "130671",
+              "name": "保定高新技术产业开发区"
+            },
+            {
+              "code": "130672",
+              "name": "保定白沟新城"
+            },
+            {
+              "code": "130681",
+              "name": "涿州市"
+            },
+            {
+              "code": "130682",
+              "name": "定州市"
+            },
+            {
+              "code": "130683",
+              "name": "安国市"
+            },
+            {
+              "code": "130684",
+              "name": "高碑店市"
+            }
+          ]
+        },
+        {
+          "code": "1307",
+          "name": "张家口市",
+          "children": [
+            {
+              "code": "130702",
+              "name": "桥东区"
+            },
+            {
+              "code": "130703",
+              "name": "桥西区"
+            },
+            {
+              "code": "130705",
+              "name": "宣化区"
+            },
+            {
+              "code": "130706",
+              "name": "下花园区"
+            },
+            {
+              "code": "130708",
+              "name": "万全区"
+            },
+            {
+              "code": "130709",
+              "name": "崇礼区"
+            },
+            {
+              "code": "130722",
+              "name": "张北县"
+            },
+            {
+              "code": "130723",
+              "name": "康保县"
+            },
+            {
+              "code": "130724",
+              "name": "沽源县"
+            },
+            {
+              "code": "130725",
+              "name": "尚义县"
+            },
+            {
+              "code": "130726",
+              "name": "蔚县"
+            },
+            {
+              "code": "130727",
+              "name": "阳原县"
+            },
+            {
+              "code": "130728",
+              "name": "怀安县"
+            },
+            {
+              "code": "130730",
+              "name": "怀来县"
+            },
+            {
+              "code": "130731",
+              "name": "涿鹿县"
+            },
+            {
+              "code": "130732",
+              "name": "赤城县"
+            },
+            {
+              "code": "130771",
+              "name": "张家口经济开发区"
+            },
+            {
+              "code": "130772",
+              "name": "张家口市察北管理区"
+            },
+            {
+              "code": "130773",
+              "name": "张家口市塞北管理区"
+            }
+          ]
+        },
+        {
+          "code": "1308",
+          "name": "承德市",
+          "children": [
+            {
+              "code": "130802",
+              "name": "双桥区"
+            },
+            {
+              "code": "130803",
+              "name": "双滦区"
+            },
+            {
+              "code": "130804",
+              "name": "鹰手营子矿区"
+            },
+            {
+              "code": "130821",
+              "name": "承德县"
+            },
+            {
+              "code": "130822",
+              "name": "兴隆县"
+            },
+            {
+              "code": "130824",
+              "name": "滦平县"
+            },
+            {
+              "code": "130825",
+              "name": "隆化县"
+            },
+            {
+              "code": "130826",
+              "name": "丰宁满族自治县"
+            },
+            {
+              "code": "130827",
+              "name": "宽城满族自治县"
+            },
+            {
+              "code": "130828",
+              "name": "围场满族蒙古族自治县"
+            },
+            {
+              "code": "130871",
+              "name": "承德高新技术产业开发区"
+            },
+            {
+              "code": "130881",
+              "name": "平泉市"
+            }
+          ]
+        },
+        {
+          "code": "1309",
+          "name": "沧州市",
+          "children": [
+            {
+              "code": "130902",
+              "name": "新华区"
+            },
+            {
+              "code": "130903",
+              "name": "运河区"
+            },
+            {
+              "code": "130921",
+              "name": "沧县"
+            },
+            {
+              "code": "130922",
+              "name": "青县"
+            },
+            {
+              "code": "130923",
+              "name": "东光县"
+            },
+            {
+              "code": "130924",
+              "name": "海兴县"
+            },
+            {
+              "code": "130925",
+              "name": "盐山县"
+            },
+            {
+              "code": "130926",
+              "name": "肃宁县"
+            },
+            {
+              "code": "130927",
+              "name": "南皮县"
+            },
+            {
+              "code": "130928",
+              "name": "吴桥县"
+            },
+            {
+              "code": "130929",
+              "name": "献县"
+            },
+            {
+              "code": "130930",
+              "name": "孟村回族自治县"
+            },
+            {
+              "code": "130971",
+              "name": "河北沧州经济开发区"
+            },
+            {
+              "code": "130972",
+              "name": "沧州高新技术产业开发区"
+            },
+            {
+              "code": "130973",
+              "name": "沧州渤海新区"
+            },
+            {
+              "code": "130981",
+              "name": "泊头市"
+            },
+            {
+              "code": "130982",
+              "name": "任丘市"
+            },
+            {
+              "code": "130983",
+              "name": "黄骅市"
+            },
+            {
+              "code": "130984",
+              "name": "河间市"
+            }
+          ]
+        },
+        {
+          "code": "1310",
+          "name": "廊坊市",
+          "children": [
+            {
+              "code": "131002",
+              "name": "安次区"
+            },
+            {
+              "code": "131003",
+              "name": "广阳区"
+            },
+            {
+              "code": "131022",
+              "name": "固安县"
+            },
+            {
+              "code": "131023",
+              "name": "永清县"
+            },
+            {
+              "code": "131024",
+              "name": "香河县"
+            },
+            {
+              "code": "131025",
+              "name": "大城县"
+            },
+            {
+              "code": "131026",
+              "name": "文安县"
+            },
+            {
+              "code": "131028",
+              "name": "大厂回族自治县"
+            },
+            {
+              "code": "131071",
+              "name": "廊坊经济技术开发区"
+            },
+            {
+              "code": "131081",
+              "name": "霸州市"
+            },
+            {
+              "code": "131082",
+              "name": "三河市"
+            }
+          ]
+        },
+        {
+          "code": "1311",
+          "name": "衡水市",
+          "children": [
+            {
+              "code": "131102",
+              "name": "桃城区"
+            },
+            {
+              "code": "131103",
+              "name": "冀州区"
+            },
+            {
+              "code": "131121",
+              "name": "枣强县"
+            },
+            {
+              "code": "131122",
+              "name": "武邑县"
+            },
+            {
+              "code": "131123",
+              "name": "武强县"
+            },
+            {
+              "code": "131124",
+              "name": "饶阳县"
+            },
+            {
+              "code": "131125",
+              "name": "安平县"
+            },
+            {
+              "code": "131126",
+              "name": "故城县"
+            },
+            {
+              "code": "131127",
+              "name": "景县"
+            },
+            {
+              "code": "131128",
+              "name": "阜城县"
+            },
+            {
+              "code": "131171",
+              "name": "河北衡水高新技术产业开发区"
+            },
+            {
+              "code": "131172",
+              "name": "衡水滨湖新区"
+            },
+            {
+              "code": "131182",
+              "name": "深州市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "14",
+      "name": "山西省",
+      "children": [
+        {
+          "code": "1401",
+          "name": "太原市",
+          "children": [
+            {
+              "code": "140105",
+              "name": "小店区"
+            },
+            {
+              "code": "140106",
+              "name": "迎泽区"
+            },
+            {
+              "code": "140107",
+              "name": "杏花岭区"
+            },
+            {
+              "code": "140108",
+              "name": "尖草坪区"
+            },
+            {
+              "code": "140109",
+              "name": "万柏林区"
+            },
+            {
+              "code": "140110",
+              "name": "晋源区"
+            },
+            {
+              "code": "140121",
+              "name": "清徐县"
+            },
+            {
+              "code": "140122",
+              "name": "阳曲县"
+            },
+            {
+              "code": "140123",
+              "name": "娄烦县"
+            },
+            {
+              "code": "140171",
+              "name": "山西转型综合改革示范区"
+            },
+            {
+              "code": "140181",
+              "name": "古交市"
+            }
+          ]
+        },
+        {
+          "code": "1402",
+          "name": "大同市",
+          "children": [
+            {
+              "code": "140212",
+              "name": "新荣区"
+            },
+            {
+              "code": "140213",
+              "name": "平城区"
+            },
+            {
+              "code": "140214",
+              "name": "云冈区"
+            },
+            {
+              "code": "140215",
+              "name": "云州区"
+            },
+            {
+              "code": "140221",
+              "name": "阳高县"
+            },
+            {
+              "code": "140222",
+              "name": "天镇县"
+            },
+            {
+              "code": "140223",
+              "name": "广灵县"
+            },
+            {
+              "code": "140224",
+              "name": "灵丘县"
+            },
+            {
+              "code": "140225",
+              "name": "浑源县"
+            },
+            {
+              "code": "140226",
+              "name": "左云县"
+            },
+            {
+              "code": "140271",
+              "name": "山西大同经济开发区"
+            }
+          ]
+        },
+        {
+          "code": "1403",
+          "name": "阳泉市",
+          "children": [
+            {
+              "code": "140302",
+              "name": "城区"
+            },
+            {
+              "code": "140303",
+              "name": "矿区"
+            },
+            {
+              "code": "140311",
+              "name": "郊区"
+            },
+            {
+              "code": "140321",
+              "name": "平定县"
+            },
+            {
+              "code": "140322",
+              "name": "盂县"
+            }
+          ]
+        },
+        {
+          "code": "1404",
+          "name": "长治市",
+          "children": [
+            {
+              "code": "140403",
+              "name": "潞州区"
+            },
+            {
+              "code": "140404",
+              "name": "上党区"
+            },
+            {
+              "code": "140405",
+              "name": "屯留区"
+            },
+            {
+              "code": "140406",
+              "name": "潞城区"
+            },
+            {
+              "code": "140423",
+              "name": "襄垣县"
+            },
+            {
+              "code": "140425",
+              "name": "平顺县"
+            },
+            {
+              "code": "140426",
+              "name": "黎城县"
+            },
+            {
+              "code": "140427",
+              "name": "壶关县"
+            },
+            {
+              "code": "140428",
+              "name": "长子县"
+            },
+            {
+              "code": "140429",
+              "name": "武乡县"
+            },
+            {
+              "code": "140430",
+              "name": "沁县"
+            },
+            {
+              "code": "140431",
+              "name": "沁源县"
+            },
+            {
+              "code": "140471",
+              "name": "山西长治高新技术产业园区"
+            }
+          ]
+        },
+        {
+          "code": "1405",
+          "name": "晋城市",
+          "children": [
+            {
+              "code": "140502",
+              "name": "城区"
+            },
+            {
+              "code": "140521",
+              "name": "沁水县"
+            },
+            {
+              "code": "140522",
+              "name": "阳城县"
+            },
+            {
+              "code": "140524",
+              "name": "陵川县"
+            },
+            {
+              "code": "140525",
+              "name": "泽州县"
+            },
+            {
+              "code": "140581",
+              "name": "高平市"
+            }
+          ]
+        },
+        {
+          "code": "1406",
+          "name": "朔州市",
+          "children": [
+            {
+              "code": "140602",
+              "name": "朔城区"
+            },
+            {
+              "code": "140603",
+              "name": "平鲁区"
+            },
+            {
+              "code": "140621",
+              "name": "山阴县"
+            },
+            {
+              "code": "140622",
+              "name": "应县"
+            },
+            {
+              "code": "140623",
+              "name": "右玉县"
+            },
+            {
+              "code": "140671",
+              "name": "山西朔州经济开发区"
+            },
+            {
+              "code": "140681",
+              "name": "怀仁市"
+            }
+          ]
+        },
+        {
+          "code": "1407",
+          "name": "晋中市",
+          "children": [
+            {
+              "code": "140702",
+              "name": "榆次区"
+            },
+            {
+              "code": "140721",
+              "name": "榆社县"
+            },
+            {
+              "code": "140722",
+              "name": "左权县"
+            },
+            {
+              "code": "140723",
+              "name": "和顺县"
+            },
+            {
+              "code": "140724",
+              "name": "昔阳县"
+            },
+            {
+              "code": "140725",
+              "name": "寿阳县"
+            },
+            {
+              "code": "140726",
+              "name": "太谷县"
+            },
+            {
+              "code": "140727",
+              "name": "祁县"
+            },
+            {
+              "code": "140728",
+              "name": "平遥县"
+            },
+            {
+              "code": "140729",
+              "name": "灵石县"
+            },
+            {
+              "code": "140781",
+              "name": "介休市"
+            }
+          ]
+        },
+        {
+          "code": "1408",
+          "name": "运城市",
+          "children": [
+            {
+              "code": "140802",
+              "name": "盐湖区"
+            },
+            {
+              "code": "140821",
+              "name": "临猗县"
+            },
+            {
+              "code": "140822",
+              "name": "万荣县"
+            },
+            {
+              "code": "140823",
+              "name": "闻喜县"
+            },
+            {
+              "code": "140824",
+              "name": "稷山县"
+            },
+            {
+              "code": "140825",
+              "name": "新绛县"
+            },
+            {
+              "code": "140826",
+              "name": "绛县"
+            },
+            {
+              "code": "140827",
+              "name": "垣曲县"
+            },
+            {
+              "code": "140828",
+              "name": "夏县"
+            },
+            {
+              "code": "140829",
+              "name": "平陆县"
+            },
+            {
+              "code": "140830",
+              "name": "芮城县"
+            },
+            {
+              "code": "140881",
+              "name": "永济市"
+            },
+            {
+              "code": "140882",
+              "name": "河津市"
+            }
+          ]
+        },
+        {
+          "code": "1409",
+          "name": "忻州市",
+          "children": [
+            {
+              "code": "140902",
+              "name": "忻府区"
+            },
+            {
+              "code": "140921",
+              "name": "定襄县"
+            },
+            {
+              "code": "140922",
+              "name": "五台县"
+            },
+            {
+              "code": "140923",
+              "name": "代县"
+            },
+            {
+              "code": "140924",
+              "name": "繁峙县"
+            },
+            {
+              "code": "140925",
+              "name": "宁武县"
+            },
+            {
+              "code": "140926",
+              "name": "静乐县"
+            },
+            {
+              "code": "140927",
+              "name": "神池县"
+            },
+            {
+              "code": "140928",
+              "name": "五寨县"
+            },
+            {
+              "code": "140929",
+              "name": "岢岚县"
+            },
+            {
+              "code": "140930",
+              "name": "河曲县"
+            },
+            {
+              "code": "140931",
+              "name": "保德县"
+            },
+            {
+              "code": "140932",
+              "name": "偏关县"
+            },
+            {
+              "code": "140971",
+              "name": "五台山风景名胜区"
+            },
+            {
+              "code": "140981",
+              "name": "原平市"
+            }
+          ]
+        },
+        {
+          "code": "1410",
+          "name": "临汾市",
+          "children": [
+            {
+              "code": "141002",
+              "name": "尧都区"
+            },
+            {
+              "code": "141021",
+              "name": "曲沃县"
+            },
+            {
+              "code": "141022",
+              "name": "翼城县"
+            },
+            {
+              "code": "141023",
+              "name": "襄汾县"
+            },
+            {
+              "code": "141024",
+              "name": "洪洞县"
+            },
+            {
+              "code": "141025",
+              "name": "古县"
+            },
+            {
+              "code": "141026",
+              "name": "安泽县"
+            },
+            {
+              "code": "141027",
+              "name": "浮山县"
+            },
+            {
+              "code": "141028",
+              "name": "吉县"
+            },
+            {
+              "code": "141029",
+              "name": "乡宁县"
+            },
+            {
+              "code": "141030",
+              "name": "大宁县"
+            },
+            {
+              "code": "141031",
+              "name": "隰县"
+            },
+            {
+              "code": "141032",
+              "name": "永和县"
+            },
+            {
+              "code": "141033",
+              "name": "蒲县"
+            },
+            {
+              "code": "141034",
+              "name": "汾西县"
+            },
+            {
+              "code": "141081",
+              "name": "侯马市"
+            },
+            {
+              "code": "141082",
+              "name": "霍州市"
+            }
+          ]
+        },
+        {
+          "code": "1411",
+          "name": "吕梁市",
+          "children": [
+            {
+              "code": "141102",
+              "name": "离石区"
+            },
+            {
+              "code": "141121",
+              "name": "文水县"
+            },
+            {
+              "code": "141122",
+              "name": "交城县"
+            },
+            {
+              "code": "141123",
+              "name": "兴县"
+            },
+            {
+              "code": "141124",
+              "name": "临县"
+            },
+            {
+              "code": "141125",
+              "name": "柳林县"
+            },
+            {
+              "code": "141126",
+              "name": "石楼县"
+            },
+            {
+              "code": "141127",
+              "name": "岚县"
+            },
+            {
+              "code": "141128",
+              "name": "方山县"
+            },
+            {
+              "code": "141129",
+              "name": "中阳县"
+            },
+            {
+              "code": "141130",
+              "name": "交口县"
+            },
+            {
+              "code": "141181",
+              "name": "孝义市"
+            },
+            {
+              "code": "141182",
+              "name": "汾阳市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "15",
+      "name": "内蒙古自治区",
+      "children": [
+        {
+          "code": "1501",
+          "name": "呼和浩特市",
+          "children": [
+            {
+              "code": "150102",
+              "name": "新城区"
+            },
+            {
+              "code": "150103",
+              "name": "回民区"
+            },
+            {
+              "code": "150104",
+              "name": "玉泉区"
+            },
+            {
+              "code": "150105",
+              "name": "赛罕区"
+            },
+            {
+              "code": "150121",
+              "name": "土默特左旗"
+            },
+            {
+              "code": "150122",
+              "name": "托克托县"
+            },
+            {
+              "code": "150123",
+              "name": "和林格尔县"
+            },
+            {
+              "code": "150124",
+              "name": "清水河县"
+            },
+            {
+              "code": "150125",
+              "name": "武川县"
+            },
+            {
+              "code": "150171",
+              "name": "呼和浩特金海工业园区"
+            },
+            {
+              "code": "150172",
+              "name": "呼和浩特经济技术开发区"
+            }
+          ]
+        },
+        {
+          "code": "1502",
+          "name": "包头市",
+          "children": [
+            {
+              "code": "150202",
+              "name": "东河区"
+            },
+            {
+              "code": "150203",
+              "name": "昆都仑区"
+            },
+            {
+              "code": "150204",
+              "name": "青山区"
+            },
+            {
+              "code": "150205",
+              "name": "石拐区"
+            },
+            {
+              "code": "150206",
+              "name": "白云鄂博矿区"
+            },
+            {
+              "code": "150207",
+              "name": "九原区"
+            },
+            {
+              "code": "150221",
+              "name": "土默特右旗"
+            },
+            {
+              "code": "150222",
+              "name": "固阳县"
+            },
+            {
+              "code": "150223",
+              "name": "达尔罕茂明安联合旗"
+            },
+            {
+              "code": "150271",
+              "name": "包头稀土高新技术产业开发区"
+            }
+          ]
+        },
+        {
+          "code": "1503",
+          "name": "乌海市",
+          "children": [
+            {
+              "code": "150302",
+              "name": "海勃湾区"
+            },
+            {
+              "code": "150303",
+              "name": "海南区"
+            },
+            {
+              "code": "150304",
+              "name": "乌达区"
+            }
+          ]
+        },
+        {
+          "code": "1504",
+          "name": "赤峰市",
+          "children": [
+            {
+              "code": "150402",
+              "name": "红山区"
+            },
+            {
+              "code": "150403",
+              "name": "元宝山区"
+            },
+            {
+              "code": "150404",
+              "name": "松山区"
+            },
+            {
+              "code": "150421",
+              "name": "阿鲁科尔沁旗"
+            },
+            {
+              "code": "150422",
+              "name": "巴林左旗"
+            },
+            {
+              "code": "150423",
+              "name": "巴林右旗"
+            },
+            {
+              "code": "150424",
+              "name": "林西县"
+            },
+            {
+              "code": "150425",
+              "name": "克什克腾旗"
+            },
+            {
+              "code": "150426",
+              "name": "翁牛特旗"
+            },
+            {
+              "code": "150428",
+              "name": "喀喇沁旗"
+            },
+            {
+              "code": "150429",
+              "name": "宁城县"
+            },
+            {
+              "code": "150430",
+              "name": "敖汉旗"
+            }
+          ]
+        },
+        {
+          "code": "1505",
+          "name": "通辽市",
+          "children": [
+            {
+              "code": "150502",
+              "name": "科尔沁区"
+            },
+            {
+              "code": "150521",
+              "name": "科尔沁左翼中旗"
+            },
+            {
+              "code": "150522",
+              "name": "科尔沁左翼后旗"
+            },
+            {
+              "code": "150523",
+              "name": "开鲁县"
+            },
+            {
+              "code": "150524",
+              "name": "库伦旗"
+            },
+            {
+              "code": "150525",
+              "name": "奈曼旗"
+            },
+            {
+              "code": "150526",
+              "name": "扎鲁特旗"
+            },
+            {
+              "code": "150571",
+              "name": "通辽经济技术开发区"
+            },
+            {
+              "code": "150581",
+              "name": "霍林郭勒市"
+            }
+          ]
+        },
+        {
+          "code": "1506",
+          "name": "鄂尔多斯市",
+          "children": [
+            {
+              "code": "150602",
+              "name": "东胜区"
+            },
+            {
+              "code": "150603",
+              "name": "康巴什区"
+            },
+            {
+              "code": "150621",
+              "name": "达拉特旗"
+            },
+            {
+              "code": "150622",
+              "name": "准格尔旗"
+            },
+            {
+              "code": "150623",
+              "name": "鄂托克前旗"
+            },
+            {
+              "code": "150624",
+              "name": "鄂托克旗"
+            },
+            {
+              "code": "150625",
+              "name": "杭锦旗"
+            },
+            {
+              "code": "150626",
+              "name": "乌审旗"
+            },
+            {
+              "code": "150627",
+              "name": "伊金霍洛旗"
+            }
+          ]
+        },
+        {
+          "code": "1507",
+          "name": "呼伦贝尔市",
+          "children": [
+            {
+              "code": "150702",
+              "name": "海拉尔区"
+            },
+            {
+              "code": "150703",
+              "name": "扎赉诺尔区"
+            },
+            {
+              "code": "150721",
+              "name": "阿荣旗"
+            },
+            {
+              "code": "150722",
+              "name": "莫力达瓦达斡尔族自治旗"
+            },
+            {
+              "code": "150723",
+              "name": "鄂伦春自治旗"
+            },
+            {
+              "code": "150724",
+              "name": "鄂温克族自治旗"
+            },
+            {
+              "code": "150725",
+              "name": "陈巴尔虎旗"
+            },
+            {
+              "code": "150726",
+              "name": "新巴尔虎左旗"
+            },
+            {
+              "code": "150727",
+              "name": "新巴尔虎右旗"
+            },
+            {
+              "code": "150781",
+              "name": "满洲里市"
+            },
+            {
+              "code": "150782",
+              "name": "牙克石市"
+            },
+            {
+              "code": "150783",
+              "name": "扎兰屯市"
+            },
+            {
+              "code": "150784",
+              "name": "额尔古纳市"
+            },
+            {
+              "code": "150785",
+              "name": "根河市"
+            }
+          ]
+        },
+        {
+          "code": "1508",
+          "name": "巴彦淖尔市",
+          "children": [
+            {
+              "code": "150802",
+              "name": "临河区"
+            },
+            {
+              "code": "150821",
+              "name": "五原县"
+            },
+            {
+              "code": "150822",
+              "name": "磴口县"
+            },
+            {
+              "code": "150823",
+              "name": "乌拉特前旗"
+            },
+            {
+              "code": "150824",
+              "name": "乌拉特中旗"
+            },
+            {
+              "code": "150825",
+              "name": "乌拉特后旗"
+            },
+            {
+              "code": "150826",
+              "name": "杭锦后旗"
+            }
+          ]
+        },
+        {
+          "code": "1509",
+          "name": "乌兰察布市",
+          "children": [
+            {
+              "code": "150902",
+              "name": "集宁区"
+            },
+            {
+              "code": "150921",
+              "name": "卓资县"
+            },
+            {
+              "code": "150922",
+              "name": "化德县"
+            },
+            {
+              "code": "150923",
+              "name": "商都县"
+            },
+            {
+              "code": "150924",
+              "name": "兴和县"
+            },
+            {
+              "code": "150925",
+              "name": "凉城县"
+            },
+            {
+              "code": "150926",
+              "name": "察哈尔右翼前旗"
+            },
+            {
+              "code": "150927",
+              "name": "察哈尔右翼中旗"
+            },
+            {
+              "code": "150928",
+              "name": "察哈尔右翼后旗"
+            },
+            {
+              "code": "150929",
+              "name": "四子王旗"
+            },
+            {
+              "code": "150981",
+              "name": "丰镇市"
+            }
+          ]
+        },
+        {
+          "code": "1522",
+          "name": "兴安盟",
+          "children": [
+            {
+              "code": "152201",
+              "name": "乌兰浩特市"
+            },
+            {
+              "code": "152202",
+              "name": "阿尔山市"
+            },
+            {
+              "code": "152221",
+              "name": "科尔沁右翼前旗"
+            },
+            {
+              "code": "152222",
+              "name": "科尔沁右翼中旗"
+            },
+            {
+              "code": "152223",
+              "name": "扎赉特旗"
+            },
+            {
+              "code": "152224",
+              "name": "突泉县"
+            }
+          ]
+        },
+        {
+          "code": "1525",
+          "name": "锡林郭勒盟",
+          "children": [
+            {
+              "code": "152501",
+              "name": "二连浩特市"
+            },
+            {
+              "code": "152502",
+              "name": "锡林浩特市"
+            },
+            {
+              "code": "152522",
+              "name": "阿巴嘎旗"
+            },
+            {
+              "code": "152523",
+              "name": "苏尼特左旗"
+            },
+            {
+              "code": "152524",
+              "name": "苏尼特右旗"
+            },
+            {
+              "code": "152525",
+              "name": "东乌珠穆沁旗"
+            },
+            {
+              "code": "152526",
+              "name": "西乌珠穆沁旗"
+            },
+            {
+              "code": "152527",
+              "name": "太仆寺旗"
+            },
+            {
+              "code": "152528",
+              "name": "镶黄旗"
+            },
+            {
+              "code": "152529",
+              "name": "正镶白旗"
+            },
+            {
+              "code": "152530",
+              "name": "正蓝旗"
+            },
+            {
+              "code": "152531",
+              "name": "多伦县"
+            },
+            {
+              "code": "152571",
+              "name": "乌拉盖管委会"
+            }
+          ]
+        },
+        {
+          "code": "1529",
+          "name": "阿拉善盟",
+          "children": [
+            {
+              "code": "152921",
+              "name": "阿拉善左旗"
+            },
+            {
+              "code": "152922",
+              "name": "阿拉善右旗"
+            },
+            {
+              "code": "152923",
+              "name": "额济纳旗"
+            },
+            {
+              "code": "152971",
+              "name": "内蒙古阿拉善经济开发区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "21",
+      "name": "辽宁省",
+      "children": [
+        {
+          "code": "2101",
+          "name": "沈阳市",
+          "children": [
+            {
+              "code": "210102",
+              "name": "和平区"
+            },
+            {
+              "code": "210103",
+              "name": "沈河区"
+            },
+            {
+              "code": "210104",
+              "name": "大东区"
+            },
+            {
+              "code": "210105",
+              "name": "皇姑区"
+            },
+            {
+              "code": "210106",
+              "name": "铁西区"
+            },
+            {
+              "code": "210111",
+              "name": "苏家屯区"
+            },
+            {
+              "code": "210112",
+              "name": "浑南区"
+            },
+            {
+              "code": "210113",
+              "name": "沈北新区"
+            },
+            {
+              "code": "210114",
+              "name": "于洪区"
+            },
+            {
+              "code": "210115",
+              "name": "辽中区"
+            },
+            {
+              "code": "210123",
+              "name": "康平县"
+            },
+            {
+              "code": "210124",
+              "name": "法库县"
+            },
+            {
+              "code": "210181",
+              "name": "新民市"
+            }
+          ]
+        },
+        {
+          "code": "2102",
+          "name": "大连市",
+          "children": [
+            {
+              "code": "210202",
+              "name": "中山区"
+            },
+            {
+              "code": "210203",
+              "name": "西岗区"
+            },
+            {
+              "code": "210204",
+              "name": "沙河口区"
+            },
+            {
+              "code": "210211",
+              "name": "甘井子区"
+            },
+            {
+              "code": "210212",
+              "name": "旅顺口区"
+            },
+            {
+              "code": "210213",
+              "name": "金州区"
+            },
+            {
+              "code": "210214",
+              "name": "普兰店区"
+            },
+            {
+              "code": "210224",
+              "name": "长海县"
+            },
+            {
+              "code": "210281",
+              "name": "瓦房店市"
+            },
+            {
+              "code": "210283",
+              "name": "庄河市"
+            }
+          ]
+        },
+        {
+          "code": "2103",
+          "name": "鞍山市",
+          "children": [
+            {
+              "code": "210302",
+              "name": "铁东区"
+            },
+            {
+              "code": "210303",
+              "name": "铁西区"
+            },
+            {
+              "code": "210304",
+              "name": "立山区"
+            },
+            {
+              "code": "210311",
+              "name": "千山区"
+            },
+            {
+              "code": "210321",
+              "name": "台安县"
+            },
+            {
+              "code": "210323",
+              "name": "岫岩满族自治县"
+            },
+            {
+              "code": "210381",
+              "name": "海城市"
+            }
+          ]
+        },
+        {
+          "code": "2104",
+          "name": "抚顺市",
+          "children": [
+            {
+              "code": "210402",
+              "name": "新抚区"
+            },
+            {
+              "code": "210403",
+              "name": "东洲区"
+            },
+            {
+              "code": "210404",
+              "name": "望花区"
+            },
+            {
+              "code": "210411",
+              "name": "顺城区"
+            },
+            {
+              "code": "210421",
+              "name": "抚顺县"
+            },
+            {
+              "code": "210422",
+              "name": "新宾满族自治县"
+            },
+            {
+              "code": "210423",
+              "name": "清原满族自治县"
+            }
+          ]
+        },
+        {
+          "code": "2105",
+          "name": "本溪市",
+          "children": [
+            {
+              "code": "210502",
+              "name": "平山区"
+            },
+            {
+              "code": "210503",
+              "name": "溪湖区"
+            },
+            {
+              "code": "210504",
+              "name": "明山区"
+            },
+            {
+              "code": "210505",
+              "name": "南芬区"
+            },
+            {
+              "code": "210521",
+              "name": "本溪满族自治县"
+            },
+            {
+              "code": "210522",
+              "name": "桓仁满族自治县"
+            }
+          ]
+        },
+        {
+          "code": "2106",
+          "name": "丹东市",
+          "children": [
+            {
+              "code": "210602",
+              "name": "元宝区"
+            },
+            {
+              "code": "210603",
+              "name": "振兴区"
+            },
+            {
+              "code": "210604",
+              "name": "振安区"
+            },
+            {
+              "code": "210624",
+              "name": "宽甸满族自治县"
+            },
+            {
+              "code": "210681",
+              "name": "东港市"
+            },
+            {
+              "code": "210682",
+              "name": "凤城市"
+            }
+          ]
+        },
+        {
+          "code": "2107",
+          "name": "锦州市",
+          "children": [
+            {
+              "code": "210702",
+              "name": "古塔区"
+            },
+            {
+              "code": "210703",
+              "name": "凌河区"
+            },
+            {
+              "code": "210711",
+              "name": "太和区"
+            },
+            {
+              "code": "210726",
+              "name": "黑山县"
+            },
+            {
+              "code": "210727",
+              "name": "义县"
+            },
+            {
+              "code": "210781",
+              "name": "凌海市"
+            },
+            {
+              "code": "210782",
+              "name": "北镇市"
+            }
+          ]
+        },
+        {
+          "code": "2108",
+          "name": "营口市",
+          "children": [
+            {
+              "code": "210802",
+              "name": "站前区"
+            },
+            {
+              "code": "210803",
+              "name": "西市区"
+            },
+            {
+              "code": "210804",
+              "name": "鲅鱼圈区"
+            },
+            {
+              "code": "210811",
+              "name": "老边区"
+            },
+            {
+              "code": "210881",
+              "name": "盖州市"
+            },
+            {
+              "code": "210882",
+              "name": "大石桥市"
+            }
+          ]
+        },
+        {
+          "code": "2109",
+          "name": "阜新市",
+          "children": [
+            {
+              "code": "210902",
+              "name": "海州区"
+            },
+            {
+              "code": "210903",
+              "name": "新邱区"
+            },
+            {
+              "code": "210904",
+              "name": "太平区"
+            },
+            {
+              "code": "210905",
+              "name": "清河门区"
+            },
+            {
+              "code": "210911",
+              "name": "细河区"
+            },
+            {
+              "code": "210921",
+              "name": "阜新蒙古族自治县"
+            },
+            {
+              "code": "210922",
+              "name": "彰武县"
+            }
+          ]
+        },
+        {
+          "code": "2110",
+          "name": "辽阳市",
+          "children": [
+            {
+              "code": "211002",
+              "name": "白塔区"
+            },
+            {
+              "code": "211003",
+              "name": "文圣区"
+            },
+            {
+              "code": "211004",
+              "name": "宏伟区"
+            },
+            {
+              "code": "211005",
+              "name": "弓长岭区"
+            },
+            {
+              "code": "211011",
+              "name": "太子河区"
+            },
+            {
+              "code": "211021",
+              "name": "辽阳县"
+            },
+            {
+              "code": "211081",
+              "name": "灯塔市"
+            }
+          ]
+        },
+        {
+          "code": "2111",
+          "name": "盘锦市",
+          "children": [
+            {
+              "code": "211102",
+              "name": "双台子区"
+            },
+            {
+              "code": "211103",
+              "name": "兴隆台区"
+            },
+            {
+              "code": "211104",
+              "name": "大洼区"
+            },
+            {
+              "code": "211122",
+              "name": "盘山县"
+            }
+          ]
+        },
+        {
+          "code": "2112",
+          "name": "铁岭市",
+          "children": [
+            {
+              "code": "211202",
+              "name": "银州区"
+            },
+            {
+              "code": "211204",
+              "name": "清河区"
+            },
+            {
+              "code": "211221",
+              "name": "铁岭县"
+            },
+            {
+              "code": "211223",
+              "name": "西丰县"
+            },
+            {
+              "code": "211224",
+              "name": "昌图县"
+            },
+            {
+              "code": "211281",
+              "name": "调兵山市"
+            },
+            {
+              "code": "211282",
+              "name": "开原市"
+            }
+          ]
+        },
+        {
+          "code": "2113",
+          "name": "朝阳市",
+          "children": [
+            {
+              "code": "211302",
+              "name": "双塔区"
+            },
+            {
+              "code": "211303",
+              "name": "龙城区"
+            },
+            {
+              "code": "211321",
+              "name": "朝阳县"
+            },
+            {
+              "code": "211322",
+              "name": "建平县"
+            },
+            {
+              "code": "211324",
+              "name": "喀喇沁左翼蒙古族自治县"
+            },
+            {
+              "code": "211381",
+              "name": "北票市"
+            },
+            {
+              "code": "211382",
+              "name": "凌源市"
+            }
+          ]
+        },
+        {
+          "code": "2114",
+          "name": "葫芦岛市",
+          "children": [
+            {
+              "code": "211402",
+              "name": "连山区"
+            },
+            {
+              "code": "211403",
+              "name": "龙港区"
+            },
+            {
+              "code": "211404",
+              "name": "南票区"
+            },
+            {
+              "code": "211421",
+              "name": "绥中县"
+            },
+            {
+              "code": "211422",
+              "name": "建昌县"
+            },
+            {
+              "code": "211481",
+              "name": "兴城市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "22",
+      "name": "吉林省",
+      "children": [
+        {
+          "code": "2201",
+          "name": "长春市",
+          "children": [
+            {
+              "code": "220102",
+              "name": "南关区"
+            },
+            {
+              "code": "220103",
+              "name": "宽城区"
+            },
+            {
+              "code": "220104",
+              "name": "朝阳区"
+            },
+            {
+              "code": "220105",
+              "name": "二道区"
+            },
+            {
+              "code": "220106",
+              "name": "绿园区"
+            },
+            {
+              "code": "220112",
+              "name": "双阳区"
+            },
+            {
+              "code": "220113",
+              "name": "九台区"
+            },
+            {
+              "code": "220122",
+              "name": "农安县"
+            },
+            {
+              "code": "220171",
+              "name": "长春经济技术开发区"
+            },
+            {
+              "code": "220172",
+              "name": "长春净月高新技术产业开发区"
+            },
+            {
+              "code": "220173",
+              "name": "长春高新技术产业开发区"
+            },
+            {
+              "code": "220174",
+              "name": "长春汽车经济技术开发区"
+            },
+            {
+              "code": "220182",
+              "name": "榆树市"
+            },
+            {
+              "code": "220183",
+              "name": "德惠市"
+            }
+          ]
+        },
+        {
+          "code": "2202",
+          "name": "吉林市",
+          "children": [
+            {
+              "code": "220202",
+              "name": "昌邑区"
+            },
+            {
+              "code": "220203",
+              "name": "龙潭区"
+            },
+            {
+              "code": "220204",
+              "name": "船营区"
+            },
+            {
+              "code": "220211",
+              "name": "丰满区"
+            },
+            {
+              "code": "220221",
+              "name": "永吉县"
+            },
+            {
+              "code": "220271",
+              "name": "吉林经济开发区"
+            },
+            {
+              "code": "220272",
+              "name": "吉林高新技术产业开发区"
+            },
+            {
+              "code": "220273",
+              "name": "吉林中国新加坡食品区"
+            },
+            {
+              "code": "220281",
+              "name": "蛟河市"
+            },
+            {
+              "code": "220282",
+              "name": "桦甸市"
+            },
+            {
+              "code": "220283",
+              "name": "舒兰市"
+            },
+            {
+              "code": "220284",
+              "name": "磐石市"
+            }
+          ]
+        },
+        {
+          "code": "2203",
+          "name": "四平市",
+          "children": [
+            {
+              "code": "220302",
+              "name": "铁西区"
+            },
+            {
+              "code": "220303",
+              "name": "铁东区"
+            },
+            {
+              "code": "220322",
+              "name": "梨树县"
+            },
+            {
+              "code": "220323",
+              "name": "伊通满族自治县"
+            },
+            {
+              "code": "220381",
+              "name": "公主岭市"
+            },
+            {
+              "code": "220382",
+              "name": "双辽市"
+            }
+          ]
+        },
+        {
+          "code": "2204",
+          "name": "辽源市",
+          "children": [
+            {
+              "code": "220402",
+              "name": "龙山区"
+            },
+            {
+              "code": "220403",
+              "name": "西安区"
+            },
+            {
+              "code": "220421",
+              "name": "东丰县"
+            },
+            {
+              "code": "220422",
+              "name": "东辽县"
+            }
+          ]
+        },
+        {
+          "code": "2205",
+          "name": "通化市",
+          "children": [
+            {
+              "code": "220502",
+              "name": "东昌区"
+            },
+            {
+              "code": "220503",
+              "name": "二道江区"
+            },
+            {
+              "code": "220521",
+              "name": "通化县"
+            },
+            {
+              "code": "220523",
+              "name": "辉南县"
+            },
+            {
+              "code": "220524",
+              "name": "柳河县"
+            },
+            {
+              "code": "220581",
+              "name": "梅河口市"
+            },
+            {
+              "code": "220582",
+              "name": "集安市"
+            }
+          ]
+        },
+        {
+          "code": "2206",
+          "name": "白山市",
+          "children": [
+            {
+              "code": "220602",
+              "name": "浑江区"
+            },
+            {
+              "code": "220605",
+              "name": "江源区"
+            },
+            {
+              "code": "220621",
+              "name": "抚松县"
+            },
+            {
+              "code": "220622",
+              "name": "靖宇县"
+            },
+            {
+              "code": "220623",
+              "name": "长白朝鲜族自治县"
+            },
+            {
+              "code": "220681",
+              "name": "临江市"
+            }
+          ]
+        },
+        {
+          "code": "2207",
+          "name": "松原市",
+          "children": [
+            {
+              "code": "220702",
+              "name": "宁江区"
+            },
+            {
+              "code": "220721",
+              "name": "前郭尔罗斯蒙古族自治县"
+            },
+            {
+              "code": "220722",
+              "name": "长岭县"
+            },
+            {
+              "code": "220723",
+              "name": "乾安县"
+            },
+            {
+              "code": "220771",
+              "name": "吉林松原经济开发区"
+            },
+            {
+              "code": "220781",
+              "name": "扶余市"
+            }
+          ]
+        },
+        {
+          "code": "2208",
+          "name": "白城市",
+          "children": [
+            {
+              "code": "220802",
+              "name": "洮北区"
+            },
+            {
+              "code": "220821",
+              "name": "镇赉县"
+            },
+            {
+              "code": "220822",
+              "name": "通榆县"
+            },
+            {
+              "code": "220871",
+              "name": "吉林白城经济开发区"
+            },
+            {
+              "code": "220881",
+              "name": "洮南市"
+            },
+            {
+              "code": "220882",
+              "name": "大安市"
+            }
+          ]
+        },
+        {
+          "code": "2224",
+          "name": "延边朝鲜族自治州",
+          "children": [
+            {
+              "code": "222401",
+              "name": "延吉市"
+            },
+            {
+              "code": "222402",
+              "name": "图们市"
+            },
+            {
+              "code": "222403",
+              "name": "敦化市"
+            },
+            {
+              "code": "222404",
+              "name": "珲春市"
+            },
+            {
+              "code": "222405",
+              "name": "龙井市"
+            },
+            {
+              "code": "222406",
+              "name": "和龙市"
+            },
+            {
+              "code": "222424",
+              "name": "汪清县"
+            },
+            {
+              "code": "222426",
+              "name": "安图县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "23",
+      "name": "黑龙江省",
+      "children": [
+        {
+          "code": "2301",
+          "name": "哈尔滨市",
+          "children": [
+            {
+              "code": "230102",
+              "name": "道里区"
+            },
+            {
+              "code": "230103",
+              "name": "南岗区"
+            },
+            {
+              "code": "230104",
+              "name": "道外区"
+            },
+            {
+              "code": "230108",
+              "name": "平房区"
+            },
+            {
+              "code": "230109",
+              "name": "松北区"
+            },
+            {
+              "code": "230110",
+              "name": "香坊区"
+            },
+            {
+              "code": "230111",
+              "name": "呼兰区"
+            },
+            {
+              "code": "230112",
+              "name": "阿城区"
+            },
+            {
+              "code": "230113",
+              "name": "双城区"
+            },
+            {
+              "code": "230123",
+              "name": "依兰县"
+            },
+            {
+              "code": "230124",
+              "name": "方正县"
+            },
+            {
+              "code": "230125",
+              "name": "宾县"
+            },
+            {
+              "code": "230126",
+              "name": "巴彦县"
+            },
+            {
+              "code": "230127",
+              "name": "木兰县"
+            },
+            {
+              "code": "230128",
+              "name": "通河县"
+            },
+            {
+              "code": "230129",
+              "name": "延寿县"
+            },
+            {
+              "code": "230183",
+              "name": "尚志市"
+            },
+            {
+              "code": "230184",
+              "name": "五常市"
+            }
+          ]
+        },
+        {
+          "code": "2302",
+          "name": "齐齐哈尔市",
+          "children": [
+            {
+              "code": "230202",
+              "name": "龙沙区"
+            },
+            {
+              "code": "230203",
+              "name": "建华区"
+            },
+            {
+              "code": "230204",
+              "name": "铁锋区"
+            },
+            {
+              "code": "230205",
+              "name": "昂昂溪区"
+            },
+            {
+              "code": "230206",
+              "name": "富拉尔基区"
+            },
+            {
+              "code": "230207",
+              "name": "碾子山区"
+            },
+            {
+              "code": "230208",
+              "name": "梅里斯达斡尔族区"
+            },
+            {
+              "code": "230221",
+              "name": "龙江县"
+            },
+            {
+              "code": "230223",
+              "name": "依安县"
+            },
+            {
+              "code": "230224",
+              "name": "泰来县"
+            },
+            {
+              "code": "230225",
+              "name": "甘南县"
+            },
+            {
+              "code": "230227",
+              "name": "富裕县"
+            },
+            {
+              "code": "230229",
+              "name": "克山县"
+            },
+            {
+              "code": "230230",
+              "name": "克东县"
+            },
+            {
+              "code": "230231",
+              "name": "拜泉县"
+            },
+            {
+              "code": "230281",
+              "name": "讷河市"
+            }
+          ]
+        },
+        {
+          "code": "2303",
+          "name": "鸡西市",
+          "children": [
+            {
+              "code": "230302",
+              "name": "鸡冠区"
+            },
+            {
+              "code": "230303",
+              "name": "恒山区"
+            },
+            {
+              "code": "230304",
+              "name": "滴道区"
+            },
+            {
+              "code": "230305",
+              "name": "梨树区"
+            },
+            {
+              "code": "230306",
+              "name": "城子河区"
+            },
+            {
+              "code": "230307",
+              "name": "麻山区"
+            },
+            {
+              "code": "230321",
+              "name": "鸡东县"
+            },
+            {
+              "code": "230381",
+              "name": "虎林市"
+            },
+            {
+              "code": "230382",
+              "name": "密山市"
+            }
+          ]
+        },
+        {
+          "code": "2304",
+          "name": "鹤岗市",
+          "children": [
+            {
+              "code": "230402",
+              "name": "向阳区"
+            },
+            {
+              "code": "230403",
+              "name": "工农区"
+            },
+            {
+              "code": "230404",
+              "name": "南山区"
+            },
+            {
+              "code": "230405",
+              "name": "兴安区"
+            },
+            {
+              "code": "230406",
+              "name": "东山区"
+            },
+            {
+              "code": "230407",
+              "name": "兴山区"
+            },
+            {
+              "code": "230421",
+              "name": "萝北县"
+            },
+            {
+              "code": "230422",
+              "name": "绥滨县"
+            }
+          ]
+        },
+        {
+          "code": "2305",
+          "name": "双鸭山市",
+          "children": [
+            {
+              "code": "230502",
+              "name": "尖山区"
+            },
+            {
+              "code": "230503",
+              "name": "岭东区"
+            },
+            {
+              "code": "230505",
+              "name": "四方台区"
+            },
+            {
+              "code": "230506",
+              "name": "宝山区"
+            },
+            {
+              "code": "230521",
+              "name": "集贤县"
+            },
+            {
+              "code": "230522",
+              "name": "友谊县"
+            },
+            {
+              "code": "230523",
+              "name": "宝清县"
+            },
+            {
+              "code": "230524",
+              "name": "饶河县"
+            }
+          ]
+        },
+        {
+          "code": "2306",
+          "name": "大庆市",
+          "children": [
+            {
+              "code": "230602",
+              "name": "萨尔图区"
+            },
+            {
+              "code": "230603",
+              "name": "龙凤区"
+            },
+            {
+              "code": "230604",
+              "name": "让胡路区"
+            },
+            {
+              "code": "230605",
+              "name": "红岗区"
+            },
+            {
+              "code": "230606",
+              "name": "大同区"
+            },
+            {
+              "code": "230621",
+              "name": "肇州县"
+            },
+            {
+              "code": "230622",
+              "name": "肇源县"
+            },
+            {
+              "code": "230623",
+              "name": "林甸县"
+            },
+            {
+              "code": "230624",
+              "name": "杜尔伯特蒙古族自治县"
+            },
+            {
+              "code": "230671",
+              "name": "大庆高新技术产业开发区"
+            }
+          ]
+        },
+        {
+          "code": "2307",
+          "name": "伊春市",
+          "children": [
+            {
+              "code": "230717",
+              "name": "伊美区"
+            },
+            {
+              "code": "230718",
+              "name": "乌翠区"
+            },
+            {
+              "code": "230719",
+              "name": "友好区"
+            },
+            {
+              "code": "230722",
+              "name": "嘉荫县"
+            },
+            {
+              "code": "230723",
+              "name": "汤旺县"
+            },
+            {
+              "code": "230724",
+              "name": "丰林县"
+            },
+            {
+              "code": "230725",
+              "name": "大箐山县"
+            },
+            {
+              "code": "230726",
+              "name": "南岔县"
+            },
+            {
+              "code": "230751",
+              "name": "金林区"
+            },
+            {
+              "code": "230781",
+              "name": "铁力市"
+            }
+          ]
+        },
+        {
+          "code": "2308",
+          "name": "佳木斯市",
+          "children": [
+            {
+              "code": "230803",
+              "name": "向阳区"
+            },
+            {
+              "code": "230804",
+              "name": "前进区"
+            },
+            {
+              "code": "230805",
+              "name": "东风区"
+            },
+            {
+              "code": "230811",
+              "name": "郊区"
+            },
+            {
+              "code": "230822",
+              "name": "桦南县"
+            },
+            {
+              "code": "230826",
+              "name": "桦川县"
+            },
+            {
+              "code": "230828",
+              "name": "汤原县"
+            },
+            {
+              "code": "230881",
+              "name": "同江市"
+            },
+            {
+              "code": "230882",
+              "name": "富锦市"
+            },
+            {
+              "code": "230883",
+              "name": "抚远市"
+            }
+          ]
+        },
+        {
+          "code": "2309",
+          "name": "七台河市",
+          "children": [
+            {
+              "code": "230902",
+              "name": "新兴区"
+            },
+            {
+              "code": "230903",
+              "name": "桃山区"
+            },
+            {
+              "code": "230904",
+              "name": "茄子河区"
+            },
+            {
+              "code": "230921",
+              "name": "勃利县"
+            }
+          ]
+        },
+        {
+          "code": "2310",
+          "name": "牡丹江市",
+          "children": [
+            {
+              "code": "231002",
+              "name": "东安区"
+            },
+            {
+              "code": "231003",
+              "name": "阳明区"
+            },
+            {
+              "code": "231004",
+              "name": "爱民区"
+            },
+            {
+              "code": "231005",
+              "name": "西安区"
+            },
+            {
+              "code": "231025",
+              "name": "林口县"
+            },
+            {
+              "code": "231071",
+              "name": "牡丹江经济技术开发区"
+            },
+            {
+              "code": "231081",
+              "name": "绥芬河市"
+            },
+            {
+              "code": "231083",
+              "name": "海林市"
+            },
+            {
+              "code": "231084",
+              "name": "宁安市"
+            },
+            {
+              "code": "231085",
+              "name": "穆棱市"
+            },
+            {
+              "code": "231086",
+              "name": "东宁市"
+            }
+          ]
+        },
+        {
+          "code": "2311",
+          "name": "黑河市",
+          "children": [
+            {
+              "code": "231102",
+              "name": "爱辉区"
+            },
+            {
+              "code": "231123",
+              "name": "逊克县"
+            },
+            {
+              "code": "231124",
+              "name": "孙吴县"
+            },
+            {
+              "code": "231181",
+              "name": "北安市"
+            },
+            {
+              "code": "231182",
+              "name": "五大连池市"
+            },
+            {
+              "code": "231183",
+              "name": "嫩江市"
+            }
+          ]
+        },
+        {
+          "code": "2312",
+          "name": "绥化市",
+          "children": [
+            {
+              "code": "231202",
+              "name": "北林区"
+            },
+            {
+              "code": "231221",
+              "name": "望奎县"
+            },
+            {
+              "code": "231222",
+              "name": "兰西县"
+            },
+            {
+              "code": "231223",
+              "name": "青冈县"
+            },
+            {
+              "code": "231224",
+              "name": "庆安县"
+            },
+            {
+              "code": "231225",
+              "name": "明水县"
+            },
+            {
+              "code": "231226",
+              "name": "绥棱县"
+            },
+            {
+              "code": "231281",
+              "name": "安达市"
+            },
+            {
+              "code": "231282",
+              "name": "肇东市"
+            },
+            {
+              "code": "231283",
+              "name": "海伦市"
+            }
+          ]
+        },
+        {
+          "code": "2327",
+          "name": "大兴安岭地区",
+          "children": [
+            {
+              "code": "232701",
+              "name": "漠河市"
+            },
+            {
+              "code": "232721",
+              "name": "呼玛县"
+            },
+            {
+              "code": "232722",
+              "name": "塔河县"
+            },
+            {
+              "code": "232761",
+              "name": "加格达奇区"
+            },
+            {
+              "code": "232762",
+              "name": "松岭区"
+            },
+            {
+              "code": "232763",
+              "name": "新林区"
+            },
+            {
+              "code": "232764",
+              "name": "呼中区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "31",
+      "name": "上海市",
+      "children": [
+        {
+          "code": "3101",
+          "name": "市辖区",
+          "children": [
+            {
+              "code": "310101",
+              "name": "黄浦区"
+            },
+            {
+              "code": "310104",
+              "name": "徐汇区"
+            },
+            {
+              "code": "310105",
+              "name": "长宁区"
+            },
+            {
+              "code": "310106",
+              "name": "静安区"
+            },
+            {
+              "code": "310107",
+              "name": "普陀区"
+            },
+            {
+              "code": "310109",
+              "name": "虹口区"
+            },
+            {
+              "code": "310110",
+              "name": "杨浦区"
+            },
+            {
+              "code": "310112",
+              "name": "闵行区"
+            },
+            {
+              "code": "310113",
+              "name": "宝山区"
+            },
+            {
+              "code": "310114",
+              "name": "嘉定区"
+            },
+            {
+              "code": "310115",
+              "name": "浦东新区"
+            },
+            {
+              "code": "310116",
+              "name": "金山区"
+            },
+            {
+              "code": "310117",
+              "name": "松江区"
+            },
+            {
+              "code": "310118",
+              "name": "青浦区"
+            },
+            {
+              "code": "310120",
+              "name": "奉贤区"
+            },
+            {
+              "code": "310151",
+              "name": "崇明区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "32",
+      "name": "江苏省",
+      "children": [
+        {
+          "code": "3201",
+          "name": "南京市",
+          "children": [
+            {
+              "code": "320102",
+              "name": "玄武区"
+            },
+            {
+              "code": "320104",
+              "name": "秦淮区"
+            },
+            {
+              "code": "320105",
+              "name": "建邺区"
+            },
+            {
+              "code": "320106",
+              "name": "鼓楼区"
+            },
+            {
+              "code": "320111",
+              "name": "浦口区"
+            },
+            {
+              "code": "320113",
+              "name": "栖霞区"
+            },
+            {
+              "code": "320114",
+              "name": "雨花台区"
+            },
+            {
+              "code": "320115",
+              "name": "江宁区"
+            },
+            {
+              "code": "320116",
+              "name": "六合区"
+            },
+            {
+              "code": "320117",
+              "name": "溧水区"
+            },
+            {
+              "code": "320118",
+              "name": "高淳区"
+            }
+          ]
+        },
+        {
+          "code": "3202",
+          "name": "无锡市",
+          "children": [
+            {
+              "code": "320205",
+              "name": "锡山区"
+            },
+            {
+              "code": "320206",
+              "name": "惠山区"
+            },
+            {
+              "code": "320211",
+              "name": "滨湖区"
+            },
+            {
+              "code": "320213",
+              "name": "梁溪区"
+            },
+            {
+              "code": "320214",
+              "name": "新吴区"
+            },
+            {
+              "code": "320281",
+              "name": "江阴市"
+            },
+            {
+              "code": "320282",
+              "name": "宜兴市"
+            }
+          ]
+        },
+        {
+          "code": "3203",
+          "name": "徐州市",
+          "children": [
+            {
+              "code": "320302",
+              "name": "鼓楼区"
+            },
+            {
+              "code": "320303",
+              "name": "云龙区"
+            },
+            {
+              "code": "320305",
+              "name": "贾汪区"
+            },
+            {
+              "code": "320311",
+              "name": "泉山区"
+            },
+            {
+              "code": "320312",
+              "name": "铜山区"
+            },
+            {
+              "code": "320321",
+              "name": "丰县"
+            },
+            {
+              "code": "320322",
+              "name": "沛县"
+            },
+            {
+              "code": "320324",
+              "name": "睢宁县"
+            },
+            {
+              "code": "320371",
+              "name": "徐州经济技术开发区"
+            },
+            {
+              "code": "320381",
+              "name": "新沂市"
+            },
+            {
+              "code": "320382",
+              "name": "邳州市"
+            }
+          ]
+        },
+        {
+          "code": "3204",
+          "name": "常州市",
+          "children": [
+            {
+              "code": "320402",
+              "name": "天宁区"
+            },
+            {
+              "code": "320404",
+              "name": "钟楼区"
+            },
+            {
+              "code": "320411",
+              "name": "新北区"
+            },
+            {
+              "code": "320412",
+              "name": "武进区"
+            },
+            {
+              "code": "320413",
+              "name": "金坛区"
+            },
+            {
+              "code": "320481",
+              "name": "溧阳市"
+            }
+          ]
+        },
+        {
+          "code": "3205",
+          "name": "苏州市",
+          "children": [
+            {
+              "code": "320505",
+              "name": "虎丘区"
+            },
+            {
+              "code": "320506",
+              "name": "吴中区"
+            },
+            {
+              "code": "320507",
+              "name": "相城区"
+            },
+            {
+              "code": "320508",
+              "name": "姑苏区"
+            },
+            {
+              "code": "320509",
+              "name": "吴江区"
+            },
+            {
+              "code": "320571",
+              "name": "苏州工业园区"
+            },
+            {
+              "code": "320581",
+              "name": "常熟市"
+            },
+            {
+              "code": "320582",
+              "name": "张家港市"
+            },
+            {
+              "code": "320583",
+              "name": "昆山市"
+            },
+            {
+              "code": "320585",
+              "name": "太仓市"
+            }
+          ]
+        },
+        {
+          "code": "3206",
+          "name": "南通市",
+          "children": [
+            {
+              "code": "320602",
+              "name": "崇川区"
+            },
+            {
+              "code": "320611",
+              "name": "港闸区"
+            },
+            {
+              "code": "320612",
+              "name": "通州区"
+            },
+            {
+              "code": "320623",
+              "name": "如东县"
+            },
+            {
+              "code": "320671",
+              "name": "南通经济技术开发区"
+            },
+            {
+              "code": "320681",
+              "name": "启东市"
+            },
+            {
+              "code": "320682",
+              "name": "如皋市"
+            },
+            {
+              "code": "320684",
+              "name": "海门市"
+            },
+            {
+              "code": "320685",
+              "name": "海安市"
+            }
+          ]
+        },
+        {
+          "code": "3207",
+          "name": "连云港市",
+          "children": [
+            {
+              "code": "320703",
+              "name": "连云区"
+            },
+            {
+              "code": "320706",
+              "name": "海州区"
+            },
+            {
+              "code": "320707",
+              "name": "赣榆区"
+            },
+            {
+              "code": "320722",
+              "name": "东海县"
+            },
+            {
+              "code": "320723",
+              "name": "灌云县"
+            },
+            {
+              "code": "320724",
+              "name": "灌南县"
+            },
+            {
+              "code": "320771",
+              "name": "连云港经济技术开发区"
+            },
+            {
+              "code": "320772",
+              "name": "连云港高新技术产业开发区"
+            }
+          ]
+        },
+        {
+          "code": "3208",
+          "name": "淮安市",
+          "children": [
+            {
+              "code": "320803",
+              "name": "淮安区"
+            },
+            {
+              "code": "320804",
+              "name": "淮阴区"
+            },
+            {
+              "code": "320812",
+              "name": "清江浦区"
+            },
+            {
+              "code": "320813",
+              "name": "洪泽区"
+            },
+            {
+              "code": "320826",
+              "name": "涟水县"
+            },
+            {
+              "code": "320830",
+              "name": "盱眙县"
+            },
+            {
+              "code": "320831",
+              "name": "金湖县"
+            },
+            {
+              "code": "320871",
+              "name": "淮安经济技术开发区"
+            }
+          ]
+        },
+        {
+          "code": "3209",
+          "name": "盐城市",
+          "children": [
+            {
+              "code": "320902",
+              "name": "亭湖区"
+            },
+            {
+              "code": "320903",
+              "name": "盐都区"
+            },
+            {
+              "code": "320904",
+              "name": "大丰区"
+            },
+            {
+              "code": "320921",
+              "name": "响水县"
+            },
+            {
+              "code": "320922",
+              "name": "滨海县"
+            },
+            {
+              "code": "320923",
+              "name": "阜宁县"
+            },
+            {
+              "code": "320924",
+              "name": "射阳县"
+            },
+            {
+              "code": "320925",
+              "name": "建湖县"
+            },
+            {
+              "code": "320971",
+              "name": "盐城经济技术开发区"
+            },
+            {
+              "code": "320981",
+              "name": "东台市"
+            }
+          ]
+        },
+        {
+          "code": "3210",
+          "name": "扬州市",
+          "children": [
+            {
+              "code": "321002",
+              "name": "广陵区"
+            },
+            {
+              "code": "321003",
+              "name": "邗江区"
+            },
+            {
+              "code": "321012",
+              "name": "江都区"
+            },
+            {
+              "code": "321023",
+              "name": "宝应县"
+            },
+            {
+              "code": "321071",
+              "name": "扬州经济技术开发区"
+            },
+            {
+              "code": "321081",
+              "name": "仪征市"
+            },
+            {
+              "code": "321084",
+              "name": "高邮市"
+            }
+          ]
+        },
+        {
+          "code": "3211",
+          "name": "镇江市",
+          "children": [
+            {
+              "code": "321102",
+              "name": "京口区"
+            },
+            {
+              "code": "321111",
+              "name": "润州区"
+            },
+            {
+              "code": "321112",
+              "name": "丹徒区"
+            },
+            {
+              "code": "321171",
+              "name": "镇江新区"
+            },
+            {
+              "code": "321181",
+              "name": "丹阳市"
+            },
+            {
+              "code": "321182",
+              "name": "扬中市"
+            },
+            {
+              "code": "321183",
+              "name": "句容市"
+            }
+          ]
+        },
+        {
+          "code": "3212",
+          "name": "泰州市",
+          "children": [
+            {
+              "code": "321202",
+              "name": "海陵区"
+            },
+            {
+              "code": "321203",
+              "name": "高港区"
+            },
+            {
+              "code": "321204",
+              "name": "姜堰区"
+            },
+            {
+              "code": "321271",
+              "name": "泰州医药高新技术产业开发区"
+            },
+            {
+              "code": "321281",
+              "name": "兴化市"
+            },
+            {
+              "code": "321282",
+              "name": "靖江市"
+            },
+            {
+              "code": "321283",
+              "name": "泰兴市"
+            }
+          ]
+        },
+        {
+          "code": "3213",
+          "name": "宿迁市",
+          "children": [
+            {
+              "code": "321302",
+              "name": "宿城区"
+            },
+            {
+              "code": "321311",
+              "name": "宿豫区"
+            },
+            {
+              "code": "321322",
+              "name": "沭阳县"
+            },
+            {
+              "code": "321323",
+              "name": "泗阳县"
+            },
+            {
+              "code": "321324",
+              "name": "泗洪县"
+            },
+            {
+              "code": "321371",
+              "name": "宿迁经济技术开发区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "33",
+      "name": "浙江省",
+      "children": [
+        {
+          "code": "3301",
+          "name": "杭州市",
+          "children": [
+            {
+              "code": "330102",
+              "name": "上城区"
+            },
+            {
+              "code": "330103",
+              "name": "下城区"
+            },
+            {
+              "code": "330104",
+              "name": "江干区"
+            },
+            {
+              "code": "330105",
+              "name": "拱墅区"
+            },
+            {
+              "code": "330106",
+              "name": "西湖区"
+            },
+            {
+              "code": "330108",
+              "name": "滨江区"
+            },
+            {
+              "code": "330109",
+              "name": "萧山区"
+            },
+            {
+              "code": "330110",
+              "name": "余杭区"
+            },
+            {
+              "code": "330111",
+              "name": "富阳区"
+            },
+            {
+              "code": "330112",
+              "name": "临安区"
+            },
+            {
+              "code": "330122",
+              "name": "桐庐县"
+            },
+            {
+              "code": "330127",
+              "name": "淳安县"
+            },
+            {
+              "code": "330182",
+              "name": "建德市"
+            }
+          ]
+        },
+        {
+          "code": "3302",
+          "name": "宁波市",
+          "children": [
+            {
+              "code": "330203",
+              "name": "海曙区"
+            },
+            {
+              "code": "330205",
+              "name": "江北区"
+            },
+            {
+              "code": "330206",
+              "name": "北仑区"
+            },
+            {
+              "code": "330211",
+              "name": "镇海区"
+            },
+            {
+              "code": "330212",
+              "name": "鄞州区"
+            },
+            {
+              "code": "330213",
+              "name": "奉化区"
+            },
+            {
+              "code": "330225",
+              "name": "象山县"
+            },
+            {
+              "code": "330226",
+              "name": "宁海县"
+            },
+            {
+              "code": "330281",
+              "name": "余姚市"
+            },
+            {
+              "code": "330282",
+              "name": "慈溪市"
+            }
+          ]
+        },
+        {
+          "code": "3303",
+          "name": "温州市",
+          "children": [
+            {
+              "code": "330302",
+              "name": "鹿城区"
+            },
+            {
+              "code": "330303",
+              "name": "龙湾区"
+            },
+            {
+              "code": "330304",
+              "name": "瓯海区"
+            },
+            {
+              "code": "330305",
+              "name": "洞头区"
+            },
+            {
+              "code": "330324",
+              "name": "永嘉县"
+            },
+            {
+              "code": "330326",
+              "name": "平阳县"
+            },
+            {
+              "code": "330327",
+              "name": "苍南县"
+            },
+            {
+              "code": "330328",
+              "name": "文成县"
+            },
+            {
+              "code": "330329",
+              "name": "泰顺县"
+            },
+            {
+              "code": "330371",
+              "name": "温州经济技术开发区"
+            },
+            {
+              "code": "330381",
+              "name": "瑞安市"
+            },
+            {
+              "code": "330382",
+              "name": "乐清市"
+            },
+            {
+              "code": "330383",
+              "name": "龙港市"
+            }
+          ]
+        },
+        {
+          "code": "3304",
+          "name": "嘉兴市",
+          "children": [
+            {
+              "code": "330402",
+              "name": "南湖区"
+            },
+            {
+              "code": "330411",
+              "name": "秀洲区"
+            },
+            {
+              "code": "330421",
+              "name": "嘉善县"
+            },
+            {
+              "code": "330424",
+              "name": "海盐县"
+            },
+            {
+              "code": "330481",
+              "name": "海宁市"
+            },
+            {
+              "code": "330482",
+              "name": "平湖市"
+            },
+            {
+              "code": "330483",
+              "name": "桐乡市"
+            }
+          ]
+        },
+        {
+          "code": "3305",
+          "name": "湖州市",
+          "children": [
+            {
+              "code": "330502",
+              "name": "吴兴区"
+            },
+            {
+              "code": "330503",
+              "name": "南浔区"
+            },
+            {
+              "code": "330521",
+              "name": "德清县"
+            },
+            {
+              "code": "330522",
+              "name": "长兴县"
+            },
+            {
+              "code": "330523",
+              "name": "安吉县"
+            }
+          ]
+        },
+        {
+          "code": "3306",
+          "name": "绍兴市",
+          "children": [
+            {
+              "code": "330602",
+              "name": "越城区"
+            },
+            {
+              "code": "330603",
+              "name": "柯桥区"
+            },
+            {
+              "code": "330604",
+              "name": "上虞区"
+            },
+            {
+              "code": "330624",
+              "name": "新昌县"
+            },
+            {
+              "code": "330681",
+              "name": "诸暨市"
+            },
+            {
+              "code": "330683",
+              "name": "嵊州市"
+            }
+          ]
+        },
+        {
+          "code": "3307",
+          "name": "金华市",
+          "children": [
+            {
+              "code": "330702",
+              "name": "婺城区"
+            },
+            {
+              "code": "330703",
+              "name": "金东区"
+            },
+            {
+              "code": "330723",
+              "name": "武义县"
+            },
+            {
+              "code": "330726",
+              "name": "浦江县"
+            },
+            {
+              "code": "330727",
+              "name": "磐安县"
+            },
+            {
+              "code": "330781",
+              "name": "兰溪市"
+            },
+            {
+              "code": "330782",
+              "name": "义乌市"
+            },
+            {
+              "code": "330783",
+              "name": "东阳市"
+            },
+            {
+              "code": "330784",
+              "name": "永康市"
+            }
+          ]
+        },
+        {
+          "code": "3308",
+          "name": "衢州市",
+          "children": [
+            {
+              "code": "330802",
+              "name": "柯城区"
+            },
+            {
+              "code": "330803",
+              "name": "衢江区"
+            },
+            {
+              "code": "330822",
+              "name": "常山县"
+            },
+            {
+              "code": "330824",
+              "name": "开化县"
+            },
+            {
+              "code": "330825",
+              "name": "龙游县"
+            },
+            {
+              "code": "330881",
+              "name": "江山市"
+            }
+          ]
+        },
+        {
+          "code": "3309",
+          "name": "舟山市",
+          "children": [
+            {
+              "code": "330902",
+              "name": "定海区"
+            },
+            {
+              "code": "330903",
+              "name": "普陀区"
+            },
+            {
+              "code": "330921",
+              "name": "岱山县"
+            },
+            {
+              "code": "330922",
+              "name": "嵊泗县"
+            }
+          ]
+        },
+        {
+          "code": "3310",
+          "name": "台州市",
+          "children": [
+            {
+              "code": "331002",
+              "name": "椒江区"
+            },
+            {
+              "code": "331003",
+              "name": "黄岩区"
+            },
+            {
+              "code": "331004",
+              "name": "路桥区"
+            },
+            {
+              "code": "331022",
+              "name": "三门县"
+            },
+            {
+              "code": "331023",
+              "name": "天台县"
+            },
+            {
+              "code": "331024",
+              "name": "仙居县"
+            },
+            {
+              "code": "331081",
+              "name": "温岭市"
+            },
+            {
+              "code": "331082",
+              "name": "临海市"
+            },
+            {
+              "code": "331083",
+              "name": "玉环市"
+            }
+          ]
+        },
+        {
+          "code": "3311",
+          "name": "丽水市",
+          "children": [
+            {
+              "code": "331102",
+              "name": "莲都区"
+            },
+            {
+              "code": "331121",
+              "name": "青田县"
+            },
+            {
+              "code": "331122",
+              "name": "缙云县"
+            },
+            {
+              "code": "331123",
+              "name": "遂昌县"
+            },
+            {
+              "code": "331124",
+              "name": "松阳县"
+            },
+            {
+              "code": "331125",
+              "name": "云和县"
+            },
+            {
+              "code": "331126",
+              "name": "庆元县"
+            },
+            {
+              "code": "331127",
+              "name": "景宁畲族自治县"
+            },
+            {
+              "code": "331181",
+              "name": "龙泉市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "34",
+      "name": "安徽省",
+      "children": [
+        {
+          "code": "3401",
+          "name": "合肥市",
+          "children": [
+            {
+              "code": "340102",
+              "name": "瑶海区"
+            },
+            {
+              "code": "340103",
+              "name": "庐阳区"
+            },
+            {
+              "code": "340104",
+              "name": "蜀山区"
+            },
+            {
+              "code": "340111",
+              "name": "包河区"
+            },
+            {
+              "code": "340121",
+              "name": "长丰县"
+            },
+            {
+              "code": "340122",
+              "name": "肥东县"
+            },
+            {
+              "code": "340123",
+              "name": "肥西县"
+            },
+            {
+              "code": "340124",
+              "name": "庐江县"
+            },
+            {
+              "code": "340171",
+              "name": "合肥高新技术产业开发区"
+            },
+            {
+              "code": "340172",
+              "name": "合肥经济技术开发区"
+            },
+            {
+              "code": "340173",
+              "name": "合肥新站高新技术产业开发区"
+            },
+            {
+              "code": "340181",
+              "name": "巢湖市"
+            }
+          ]
+        },
+        {
+          "code": "3402",
+          "name": "芜湖市",
+          "children": [
+            {
+              "code": "340202",
+              "name": "镜湖区"
+            },
+            {
+              "code": "340203",
+              "name": "弋江区"
+            },
+            {
+              "code": "340207",
+              "name": "鸠江区"
+            },
+            {
+              "code": "340208",
+              "name": "三山区"
+            },
+            {
+              "code": "340221",
+              "name": "芜湖县"
+            },
+            {
+              "code": "340222",
+              "name": "繁昌县"
+            },
+            {
+              "code": "340223",
+              "name": "南陵县"
+            },
+            {
+              "code": "340225",
+              "name": "无为县"
+            },
+            {
+              "code": "340271",
+              "name": "芜湖经济技术开发区"
+            },
+            {
+              "code": "340272",
+              "name": "安徽芜湖长江大桥经济开发区"
+            }
+          ]
+        },
+        {
+          "code": "3403",
+          "name": "蚌埠市",
+          "children": [
+            {
+              "code": "340302",
+              "name": "龙子湖区"
+            },
+            {
+              "code": "340303",
+              "name": "蚌山区"
+            },
+            {
+              "code": "340304",
+              "name": "禹会区"
+            },
+            {
+              "code": "340311",
+              "name": "淮上区"
+            },
+            {
+              "code": "340321",
+              "name": "怀远县"
+            },
+            {
+              "code": "340322",
+              "name": "五河县"
+            },
+            {
+              "code": "340323",
+              "name": "固镇县"
+            },
+            {
+              "code": "340371",
+              "name": "蚌埠市高新技术开发区"
+            },
+            {
+              "code": "340372",
+              "name": "蚌埠市经济开发区"
+            }
+          ]
+        },
+        {
+          "code": "3404",
+          "name": "淮南市",
+          "children": [
+            {
+              "code": "340402",
+              "name": "大通区"
+            },
+            {
+              "code": "340403",
+              "name": "田家庵区"
+            },
+            {
+              "code": "340404",
+              "name": "谢家集区"
+            },
+            {
+              "code": "340405",
+              "name": "八公山区"
+            },
+            {
+              "code": "340406",
+              "name": "潘集区"
+            },
+            {
+              "code": "340421",
+              "name": "凤台县"
+            },
+            {
+              "code": "340422",
+              "name": "寿县"
+            }
+          ]
+        },
+        {
+          "code": "3405",
+          "name": "马鞍山市",
+          "children": [
+            {
+              "code": "340503",
+              "name": "花山区"
+            },
+            {
+              "code": "340504",
+              "name": "雨山区"
+            },
+            {
+              "code": "340506",
+              "name": "博望区"
+            },
+            {
+              "code": "340521",
+              "name": "当涂县"
+            },
+            {
+              "code": "340522",
+              "name": "含山县"
+            },
+            {
+              "code": "340523",
+              "name": "和县"
+            }
+          ]
+        },
+        {
+          "code": "3406",
+          "name": "淮北市",
+          "children": [
+            {
+              "code": "340602",
+              "name": "杜集区"
+            },
+            {
+              "code": "340603",
+              "name": "相山区"
+            },
+            {
+              "code": "340604",
+              "name": "烈山区"
+            },
+            {
+              "code": "340621",
+              "name": "濉溪县"
+            }
+          ]
+        },
+        {
+          "code": "3407",
+          "name": "铜陵市",
+          "children": [
+            {
+              "code": "340705",
+              "name": "铜官区"
+            },
+            {
+              "code": "340706",
+              "name": "义安区"
+            },
+            {
+              "code": "340711",
+              "name": "郊区"
+            },
+            {
+              "code": "340722",
+              "name": "枞阳县"
+            }
+          ]
+        },
+        {
+          "code": "3408",
+          "name": "安庆市",
+          "children": [
+            {
+              "code": "340802",
+              "name": "迎江区"
+            },
+            {
+              "code": "340803",
+              "name": "大观区"
+            },
+            {
+              "code": "340811",
+              "name": "宜秀区"
+            },
+            {
+              "code": "340822",
+              "name": "怀宁县"
+            },
+            {
+              "code": "340825",
+              "name": "太湖县"
+            },
+            {
+              "code": "340826",
+              "name": "宿松县"
+            },
+            {
+              "code": "340827",
+              "name": "望江县"
+            },
+            {
+              "code": "340828",
+              "name": "岳西县"
+            },
+            {
+              "code": "340871",
+              "name": "安徽安庆经济开发区"
+            },
+            {
+              "code": "340881",
+              "name": "桐城市"
+            },
+            {
+              "code": "340882",
+              "name": "潜山市"
+            }
+          ]
+        },
+        {
+          "code": "3410",
+          "name": "黄山市",
+          "children": [
+            {
+              "code": "341002",
+              "name": "屯溪区"
+            },
+            {
+              "code": "341003",
+              "name": "黄山区"
+            },
+            {
+              "code": "341004",
+              "name": "徽州区"
+            },
+            {
+              "code": "341021",
+              "name": "歙县"
+            },
+            {
+              "code": "341022",
+              "name": "休宁县"
+            },
+            {
+              "code": "341023",
+              "name": "黟县"
+            },
+            {
+              "code": "341024",
+              "name": "祁门县"
+            }
+          ]
+        },
+        {
+          "code": "3411",
+          "name": "滁州市",
+          "children": [
+            {
+              "code": "341102",
+              "name": "琅琊区"
+            },
+            {
+              "code": "341103",
+              "name": "南谯区"
+            },
+            {
+              "code": "341122",
+              "name": "来安县"
+            },
+            {
+              "code": "341124",
+              "name": "全椒县"
+            },
+            {
+              "code": "341125",
+              "name": "定远县"
+            },
+            {
+              "code": "341126",
+              "name": "凤阳县"
+            },
+            {
+              "code": "341171",
+              "name": "苏滁现代产业园"
+            },
+            {
+              "code": "341172",
+              "name": "滁州经济技术开发区"
+            },
+            {
+              "code": "341181",
+              "name": "天长市"
+            },
+            {
+              "code": "341182",
+              "name": "明光市"
+            }
+          ]
+        },
+        {
+          "code": "3412",
+          "name": "阜阳市",
+          "children": [
+            {
+              "code": "341202",
+              "name": "颍州区"
+            },
+            {
+              "code": "341203",
+              "name": "颍东区"
+            },
+            {
+              "code": "341204",
+              "name": "颍泉区"
+            },
+            {
+              "code": "341221",
+              "name": "临泉县"
+            },
+            {
+              "code": "341222",
+              "name": "太和县"
+            },
+            {
+              "code": "341225",
+              "name": "阜南县"
+            },
+            {
+              "code": "341226",
+              "name": "颍上县"
+            },
+            {
+              "code": "341271",
+              "name": "阜阳合肥现代产业园区"
+            },
+            {
+              "code": "341272",
+              "name": "阜阳经济技术开发区"
+            },
+            {
+              "code": "341282",
+              "name": "界首市"
+            }
+          ]
+        },
+        {
+          "code": "3413",
+          "name": "宿州市",
+          "children": [
+            {
+              "code": "341302",
+              "name": "埇桥区"
+            },
+            {
+              "code": "341321",
+              "name": "砀山县"
+            },
+            {
+              "code": "341322",
+              "name": "萧县"
+            },
+            {
+              "code": "341323",
+              "name": "灵璧县"
+            },
+            {
+              "code": "341324",
+              "name": "泗县"
+            },
+            {
+              "code": "341371",
+              "name": "宿州马鞍山现代产业园区"
+            },
+            {
+              "code": "341372",
+              "name": "宿州经济技术开发区"
+            }
+          ]
+        },
+        {
+          "code": "3415",
+          "name": "六安市",
+          "children": [
+            {
+              "code": "341502",
+              "name": "金安区"
+            },
+            {
+              "code": "341503",
+              "name": "裕安区"
+            },
+            {
+              "code": "341504",
+              "name": "叶集区"
+            },
+            {
+              "code": "341522",
+              "name": "霍邱县"
+            },
+            {
+              "code": "341523",
+              "name": "舒城县"
+            },
+            {
+              "code": "341524",
+              "name": "金寨县"
+            },
+            {
+              "code": "341525",
+              "name": "霍山县"
+            }
+          ]
+        },
+        {
+          "code": "3416",
+          "name": "亳州市",
+          "children": [
+            {
+              "code": "341602",
+              "name": "谯城区"
+            },
+            {
+              "code": "341621",
+              "name": "涡阳县"
+            },
+            {
+              "code": "341622",
+              "name": "蒙城县"
+            },
+            {
+              "code": "341623",
+              "name": "利辛县"
+            }
+          ]
+        },
+        {
+          "code": "3417",
+          "name": "池州市",
+          "children": [
+            {
+              "code": "341702",
+              "name": "贵池区"
+            },
+            {
+              "code": "341721",
+              "name": "东至县"
+            },
+            {
+              "code": "341722",
+              "name": "石台县"
+            },
+            {
+              "code": "341723",
+              "name": "青阳县"
+            }
+          ]
+        },
+        {
+          "code": "3418",
+          "name": "宣城市",
+          "children": [
+            {
+              "code": "341802",
+              "name": "宣州区"
+            },
+            {
+              "code": "341821",
+              "name": "郎溪县"
+            },
+            {
+              "code": "341823",
+              "name": "泾县"
+            },
+            {
+              "code": "341824",
+              "name": "绩溪县"
+            },
+            {
+              "code": "341825",
+              "name": "旌德县"
+            },
+            {
+              "code": "341871",
+              "name": "宣城市经济开发区"
+            },
+            {
+              "code": "341881",
+              "name": "宁国市"
+            },
+            {
+              "code": "341882",
+              "name": "广德市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "35",
+      "name": "福建省",
+      "children": [
+        {
+          "code": "3501",
+          "name": "福州市",
+          "children": [
+            {
+              "code": "350102",
+              "name": "鼓楼区"
+            },
+            {
+              "code": "350103",
+              "name": "台江区"
+            },
+            {
+              "code": "350104",
+              "name": "仓山区"
+            },
+            {
+              "code": "350105",
+              "name": "马尾区"
+            },
+            {
+              "code": "350111",
+              "name": "晋安区"
+            },
+            {
+              "code": "350112",
+              "name": "长乐区"
+            },
+            {
+              "code": "350121",
+              "name": "闽侯县"
+            },
+            {
+              "code": "350122",
+              "name": "连江县"
+            },
+            {
+              "code": "350123",
+              "name": "罗源县"
+            },
+            {
+              "code": "350124",
+              "name": "闽清县"
+            },
+            {
+              "code": "350125",
+              "name": "永泰县"
+            },
+            {
+              "code": "350128",
+              "name": "平潭县"
+            },
+            {
+              "code": "350181",
+              "name": "福清市"
+            }
+          ]
+        },
+        {
+          "code": "3502",
+          "name": "厦门市",
+          "children": [
+            {
+              "code": "350203",
+              "name": "思明区"
+            },
+            {
+              "code": "350205",
+              "name": "海沧区"
+            },
+            {
+              "code": "350206",
+              "name": "湖里区"
+            },
+            {
+              "code": "350211",
+              "name": "集美区"
+            },
+            {
+              "code": "350212",
+              "name": "同安区"
+            },
+            {
+              "code": "350213",
+              "name": "翔安区"
+            }
+          ]
+        },
+        {
+          "code": "3503",
+          "name": "莆田市",
+          "children": [
+            {
+              "code": "350302",
+              "name": "城厢区"
+            },
+            {
+              "code": "350303",
+              "name": "涵江区"
+            },
+            {
+              "code": "350304",
+              "name": "荔城区"
+            },
+            {
+              "code": "350305",
+              "name": "秀屿区"
+            },
+            {
+              "code": "350322",
+              "name": "仙游县"
+            }
+          ]
+        },
+        {
+          "code": "3504",
+          "name": "三明市",
+          "children": [
+            {
+              "code": "350402",
+              "name": "梅列区"
+            },
+            {
+              "code": "350403",
+              "name": "三元区"
+            },
+            {
+              "code": "350421",
+              "name": "明溪县"
+            },
+            {
+              "code": "350423",
+              "name": "清流县"
+            },
+            {
+              "code": "350424",
+              "name": "宁化县"
+            },
+            {
+              "code": "350425",
+              "name": "大田县"
+            },
+            {
+              "code": "350426",
+              "name": "尤溪县"
+            },
+            {
+              "code": "350427",
+              "name": "沙县"
+            },
+            {
+              "code": "350428",
+              "name": "将乐县"
+            },
+            {
+              "code": "350429",
+              "name": "泰宁县"
+            },
+            {
+              "code": "350430",
+              "name": "建宁县"
+            },
+            {
+              "code": "350481",
+              "name": "永安市"
+            }
+          ]
+        },
+        {
+          "code": "3505",
+          "name": "泉州市",
+          "children": [
+            {
+              "code": "350502",
+              "name": "鲤城区"
+            },
+            {
+              "code": "350503",
+              "name": "丰泽区"
+            },
+            {
+              "code": "350504",
+              "name": "洛江区"
+            },
+            {
+              "code": "350505",
+              "name": "泉港区"
+            },
+            {
+              "code": "350521",
+              "name": "惠安县"
+            },
+            {
+              "code": "350524",
+              "name": "安溪县"
+            },
+            {
+              "code": "350525",
+              "name": "永春县"
+            },
+            {
+              "code": "350526",
+              "name": "德化县"
+            },
+            {
+              "code": "350527",
+              "name": "金门县"
+            },
+            {
+              "code": "350581",
+              "name": "石狮市"
+            },
+            {
+              "code": "350582",
+              "name": "晋江市"
+            },
+            {
+              "code": "350583",
+              "name": "南安市"
+            }
+          ]
+        },
+        {
+          "code": "3506",
+          "name": "漳州市",
+          "children": [
+            {
+              "code": "350602",
+              "name": "芗城区"
+            },
+            {
+              "code": "350603",
+              "name": "龙文区"
+            },
+            {
+              "code": "350622",
+              "name": "云霄县"
+            },
+            {
+              "code": "350623",
+              "name": "漳浦县"
+            },
+            {
+              "code": "350624",
+              "name": "诏安县"
+            },
+            {
+              "code": "350625",
+              "name": "长泰县"
+            },
+            {
+              "code": "350626",
+              "name": "东山县"
+            },
+            {
+              "code": "350627",
+              "name": "南靖县"
+            },
+            {
+              "code": "350628",
+              "name": "平和县"
+            },
+            {
+              "code": "350629",
+              "name": "华安县"
+            },
+            {
+              "code": "350681",
+              "name": "龙海市"
+            }
+          ]
+        },
+        {
+          "code": "3507",
+          "name": "南平市",
+          "children": [
+            {
+              "code": "350702",
+              "name": "延平区"
+            },
+            {
+              "code": "350703",
+              "name": "建阳区"
+            },
+            {
+              "code": "350721",
+              "name": "顺昌县"
+            },
+            {
+              "code": "350722",
+              "name": "浦城县"
+            },
+            {
+              "code": "350723",
+              "name": "光泽县"
+            },
+            {
+              "code": "350724",
+              "name": "松溪县"
+            },
+            {
+              "code": "350725",
+              "name": "政和县"
+            },
+            {
+              "code": "350781",
+              "name": "邵武市"
+            },
+            {
+              "code": "350782",
+              "name": "武夷山市"
+            },
+            {
+              "code": "350783",
+              "name": "建瓯市"
+            }
+          ]
+        },
+        {
+          "code": "3508",
+          "name": "龙岩市",
+          "children": [
+            {
+              "code": "350802",
+              "name": "新罗区"
+            },
+            {
+              "code": "350803",
+              "name": "永定区"
+            },
+            {
+              "code": "350821",
+              "name": "长汀县"
+            },
+            {
+              "code": "350823",
+              "name": "上杭县"
+            },
+            {
+              "code": "350824",
+              "name": "武平县"
+            },
+            {
+              "code": "350825",
+              "name": "连城县"
+            },
+            {
+              "code": "350881",
+              "name": "漳平市"
+            }
+          ]
+        },
+        {
+          "code": "3509",
+          "name": "宁德市",
+          "children": [
+            {
+              "code": "350902",
+              "name": "蕉城区"
+            },
+            {
+              "code": "350921",
+              "name": "霞浦县"
+            },
+            {
+              "code": "350922",
+              "name": "古田县"
+            },
+            {
+              "code": "350923",
+              "name": "屏南县"
+            },
+            {
+              "code": "350924",
+              "name": "寿宁县"
+            },
+            {
+              "code": "350925",
+              "name": "周宁县"
+            },
+            {
+              "code": "350926",
+              "name": "柘荣县"
+            },
+            {
+              "code": "350981",
+              "name": "福安市"
+            },
+            {
+              "code": "350982",
+              "name": "福鼎市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "36",
+      "name": "江西省",
+      "children": [
+        {
+          "code": "3601",
+          "name": "南昌市",
+          "children": [
+            {
+              "code": "360102",
+              "name": "东湖区"
+            },
+            {
+              "code": "360103",
+              "name": "西湖区"
+            },
+            {
+              "code": "360104",
+              "name": "青云谱区"
+            },
+            {
+              "code": "360105",
+              "name": "湾里区"
+            },
+            {
+              "code": "360111",
+              "name": "青山湖区"
+            },
+            {
+              "code": "360112",
+              "name": "新建区"
+            },
+            {
+              "code": "360121",
+              "name": "南昌县"
+            },
+            {
+              "code": "360123",
+              "name": "安义县"
+            },
+            {
+              "code": "360124",
+              "name": "进贤县"
+            }
+          ]
+        },
+        {
+          "code": "3602",
+          "name": "景德镇市",
+          "children": [
+            {
+              "code": "360202",
+              "name": "昌江区"
+            },
+            {
+              "code": "360203",
+              "name": "珠山区"
+            },
+            {
+              "code": "360222",
+              "name": "浮梁县"
+            },
+            {
+              "code": "360281",
+              "name": "乐平市"
+            }
+          ]
+        },
+        {
+          "code": "3603",
+          "name": "萍乡市",
+          "children": [
+            {
+              "code": "360302",
+              "name": "安源区"
+            },
+            {
+              "code": "360313",
+              "name": "湘东区"
+            },
+            {
+              "code": "360321",
+              "name": "莲花县"
+            },
+            {
+              "code": "360322",
+              "name": "上栗县"
+            },
+            {
+              "code": "360323",
+              "name": "芦溪县"
+            }
+          ]
+        },
+        {
+          "code": "3604",
+          "name": "九江市",
+          "children": [
+            {
+              "code": "360402",
+              "name": "濂溪区"
+            },
+            {
+              "code": "360403",
+              "name": "浔阳区"
+            },
+            {
+              "code": "360404",
+              "name": "柴桑区"
+            },
+            {
+              "code": "360423",
+              "name": "武宁县"
+            },
+            {
+              "code": "360424",
+              "name": "修水县"
+            },
+            {
+              "code": "360425",
+              "name": "永修县"
+            },
+            {
+              "code": "360426",
+              "name": "德安县"
+            },
+            {
+              "code": "360428",
+              "name": "都昌县"
+            },
+            {
+              "code": "360429",
+              "name": "湖口县"
+            },
+            {
+              "code": "360430",
+              "name": "彭泽县"
+            },
+            {
+              "code": "360481",
+              "name": "瑞昌市"
+            },
+            {
+              "code": "360482",
+              "name": "共青城市"
+            },
+            {
+              "code": "360483",
+              "name": "庐山市"
+            }
+          ]
+        },
+        {
+          "code": "3605",
+          "name": "新余市",
+          "children": [
+            {
+              "code": "360502",
+              "name": "渝水区"
+            },
+            {
+              "code": "360521",
+              "name": "分宜县"
+            }
+          ]
+        },
+        {
+          "code": "3606",
+          "name": "鹰潭市",
+          "children": [
+            {
+              "code": "360602",
+              "name": "月湖区"
+            },
+            {
+              "code": "360603",
+              "name": "余江区"
+            },
+            {
+              "code": "360681",
+              "name": "贵溪市"
+            }
+          ]
+        },
+        {
+          "code": "3607",
+          "name": "赣州市",
+          "children": [
+            {
+              "code": "360702",
+              "name": "章贡区"
+            },
+            {
+              "code": "360703",
+              "name": "南康区"
+            },
+            {
+              "code": "360704",
+              "name": "赣县区"
+            },
+            {
+              "code": "360722",
+              "name": "信丰县"
+            },
+            {
+              "code": "360723",
+              "name": "大余县"
+            },
+            {
+              "code": "360724",
+              "name": "上犹县"
+            },
+            {
+              "code": "360725",
+              "name": "崇义县"
+            },
+            {
+              "code": "360726",
+              "name": "安远县"
+            },
+            {
+              "code": "360727",
+              "name": "龙南县"
+            },
+            {
+              "code": "360728",
+              "name": "定南县"
+            },
+            {
+              "code": "360729",
+              "name": "全南县"
+            },
+            {
+              "code": "360730",
+              "name": "宁都县"
+            },
+            {
+              "code": "360731",
+              "name": "于都县"
+            },
+            {
+              "code": "360732",
+              "name": "兴国县"
+            },
+            {
+              "code": "360733",
+              "name": "会昌县"
+            },
+            {
+              "code": "360734",
+              "name": "寻乌县"
+            },
+            {
+              "code": "360735",
+              "name": "石城县"
+            },
+            {
+              "code": "360781",
+              "name": "瑞金市"
+            }
+          ]
+        },
+        {
+          "code": "3608",
+          "name": "吉安市",
+          "children": [
+            {
+              "code": "360802",
+              "name": "吉州区"
+            },
+            {
+              "code": "360803",
+              "name": "青原区"
+            },
+            {
+              "code": "360821",
+              "name": "吉安县"
+            },
+            {
+              "code": "360822",
+              "name": "吉水县"
+            },
+            {
+              "code": "360823",
+              "name": "峡江县"
+            },
+            {
+              "code": "360824",
+              "name": "新干县"
+            },
+            {
+              "code": "360825",
+              "name": "永丰县"
+            },
+            {
+              "code": "360826",
+              "name": "泰和县"
+            },
+            {
+              "code": "360827",
+              "name": "遂川县"
+            },
+            {
+              "code": "360828",
+              "name": "万安县"
+            },
+            {
+              "code": "360829",
+              "name": "安福县"
+            },
+            {
+              "code": "360830",
+              "name": "永新县"
+            },
+            {
+              "code": "360881",
+              "name": "井冈山市"
+            }
+          ]
+        },
+        {
+          "code": "3609",
+          "name": "宜春市",
+          "children": [
+            {
+              "code": "360902",
+              "name": "袁州区"
+            },
+            {
+              "code": "360921",
+              "name": "奉新县"
+            },
+            {
+              "code": "360922",
+              "name": "万载县"
+            },
+            {
+              "code": "360923",
+              "name": "上高县"
+            },
+            {
+              "code": "360924",
+              "name": "宜丰县"
+            },
+            {
+              "code": "360925",
+              "name": "靖安县"
+            },
+            {
+              "code": "360926",
+              "name": "铜鼓县"
+            },
+            {
+              "code": "360981",
+              "name": "丰城市"
+            },
+            {
+              "code": "360982",
+              "name": "樟树市"
+            },
+            {
+              "code": "360983",
+              "name": "高安市"
+            }
+          ]
+        },
+        {
+          "code": "3610",
+          "name": "抚州市",
+          "children": [
+            {
+              "code": "361002",
+              "name": "临川区"
+            },
+            {
+              "code": "361003",
+              "name": "东乡区"
+            },
+            {
+              "code": "361021",
+              "name": "南城县"
+            },
+            {
+              "code": "361022",
+              "name": "黎川县"
+            },
+            {
+              "code": "361023",
+              "name": "南丰县"
+            },
+            {
+              "code": "361024",
+              "name": "崇仁县"
+            },
+            {
+              "code": "361025",
+              "name": "乐安县"
+            },
+            {
+              "code": "361026",
+              "name": "宜黄县"
+            },
+            {
+              "code": "361027",
+              "name": "金溪县"
+            },
+            {
+              "code": "361028",
+              "name": "资溪县"
+            },
+            {
+              "code": "361030",
+              "name": "广昌县"
+            }
+          ]
+        },
+        {
+          "code": "3611",
+          "name": "上饶市",
+          "children": [
+            {
+              "code": "361102",
+              "name": "信州区"
+            },
+            {
+              "code": "361103",
+              "name": "广丰区"
+            },
+            {
+              "code": "361104",
+              "name": "广信区"
+            },
+            {
+              "code": "361123",
+              "name": "玉山县"
+            },
+            {
+              "code": "361124",
+              "name": "铅山县"
+            },
+            {
+              "code": "361125",
+              "name": "横峰县"
+            },
+            {
+              "code": "361126",
+              "name": "弋阳县"
+            },
+            {
+              "code": "361127",
+              "name": "余干县"
+            },
+            {
+              "code": "361128",
+              "name": "鄱阳县"
+            },
+            {
+              "code": "361129",
+              "name": "万年县"
+            },
+            {
+              "code": "361130",
+              "name": "婺源县"
+            },
+            {
+              "code": "361181",
+              "name": "德兴市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "37",
+      "name": "山东省",
+      "children": [
+        {
+          "code": "3701",
+          "name": "济南市",
+          "children": [
+            {
+              "code": "370102",
+              "name": "历下区"
+            },
+            {
+              "code": "370103",
+              "name": "市中区"
+            },
+            {
+              "code": "370104",
+              "name": "槐荫区"
+            },
+            {
+              "code": "370105",
+              "name": "天桥区"
+            },
+            {
+              "code": "370112",
+              "name": "历城区"
+            },
+            {
+              "code": "370113",
+              "name": "长清区"
+            },
+            {
+              "code": "370114",
+              "name": "章丘区"
+            },
+            {
+              "code": "370115",
+              "name": "济阳区"
+            },
+            {
+              "code": "370116",
+              "name": "莱芜区"
+            },
+            {
+              "code": "370117",
+              "name": "钢城区"
+            },
+            {
+              "code": "370124",
+              "name": "平阴县"
+            },
+            {
+              "code": "370126",
+              "name": "商河县"
+            },
+            {
+              "code": "370171",
+              "name": "济南高新技术产业开发区"
+            }
+          ]
+        },
+        {
+          "code": "3702",
+          "name": "青岛市",
+          "children": [
+            {
+              "code": "370202",
+              "name": "市南区"
+            },
+            {
+              "code": "370203",
+              "name": "市北区"
+            },
+            {
+              "code": "370211",
+              "name": "黄岛区"
+            },
+            {
+              "code": "370212",
+              "name": "崂山区"
+            },
+            {
+              "code": "370213",
+              "name": "李沧区"
+            },
+            {
+              "code": "370214",
+              "name": "城阳区"
+            },
+            {
+              "code": "370215",
+              "name": "即墨区"
+            },
+            {
+              "code": "370271",
+              "name": "青岛高新技术产业开发区"
+            },
+            {
+              "code": "370281",
+              "name": "胶州市"
+            },
+            {
+              "code": "370283",
+              "name": "平度市"
+            },
+            {
+              "code": "370285",
+              "name": "莱西市"
+            }
+          ]
+        },
+        {
+          "code": "3703",
+          "name": "淄博市",
+          "children": [
+            {
+              "code": "370302",
+              "name": "淄川区"
+            },
+            {
+              "code": "370303",
+              "name": "张店区"
+            },
+            {
+              "code": "370304",
+              "name": "博山区"
+            },
+            {
+              "code": "370305",
+              "name": "临淄区"
+            },
+            {
+              "code": "370306",
+              "name": "周村区"
+            },
+            {
+              "code": "370321",
+              "name": "桓台县"
+            },
+            {
+              "code": "370322",
+              "name": "高青县"
+            },
+            {
+              "code": "370323",
+              "name": "沂源县"
+            }
+          ]
+        },
+        {
+          "code": "3704",
+          "name": "枣庄市",
+          "children": [
+            {
+              "code": "370402",
+              "name": "市中区"
+            },
+            {
+              "code": "370403",
+              "name": "薛城区"
+            },
+            {
+              "code": "370404",
+              "name": "峄城区"
+            },
+            {
+              "code": "370405",
+              "name": "台儿庄区"
+            },
+            {
+              "code": "370406",
+              "name": "山亭区"
+            },
+            {
+              "code": "370481",
+              "name": "滕州市"
+            }
+          ]
+        },
+        {
+          "code": "3705",
+          "name": "东营市",
+          "children": [
+            {
+              "code": "370502",
+              "name": "东营区"
+            },
+            {
+              "code": "370503",
+              "name": "河口区"
+            },
+            {
+              "code": "370505",
+              "name": "垦利区"
+            },
+            {
+              "code": "370522",
+              "name": "利津县"
+            },
+            {
+              "code": "370523",
+              "name": "广饶县"
+            },
+            {
+              "code": "370571",
+              "name": "东营经济技术开发区"
+            },
+            {
+              "code": "370572",
+              "name": "东营港经济开发区"
+            }
+          ]
+        },
+        {
+          "code": "3706",
+          "name": "烟台市",
+          "children": [
+            {
+              "code": "370602",
+              "name": "芝罘区"
+            },
+            {
+              "code": "370611",
+              "name": "福山区"
+            },
+            {
+              "code": "370612",
+              "name": "牟平区"
+            },
+            {
+              "code": "370613",
+              "name": "莱山区"
+            },
+            {
+              "code": "370634",
+              "name": "长岛县"
+            },
+            {
+              "code": "370671",
+              "name": "烟台高新技术产业开发区"
+            },
+            {
+              "code": "370672",
+              "name": "烟台经济技术开发区"
+            },
+            {
+              "code": "370681",
+              "name": "龙口市"
+            },
+            {
+              "code": "370682",
+              "name": "莱阳市"
+            },
+            {
+              "code": "370683",
+              "name": "莱州市"
+            },
+            {
+              "code": "370684",
+              "name": "蓬莱市"
+            },
+            {
+              "code": "370685",
+              "name": "招远市"
+            },
+            {
+              "code": "370686",
+              "name": "栖霞市"
+            },
+            {
+              "code": "370687",
+              "name": "海阳市"
+            }
+          ]
+        },
+        {
+          "code": "3707",
+          "name": "潍坊市",
+          "children": [
+            {
+              "code": "370702",
+              "name": "潍城区"
+            },
+            {
+              "code": "370703",
+              "name": "寒亭区"
+            },
+            {
+              "code": "370704",
+              "name": "坊子区"
+            },
+            {
+              "code": "370705",
+              "name": "奎文区"
+            },
+            {
+              "code": "370724",
+              "name": "临朐县"
+            },
+            {
+              "code": "370725",
+              "name": "昌乐县"
+            },
+            {
+              "code": "370772",
+              "name": "潍坊滨海经济技术开发区"
+            },
+            {
+              "code": "370781",
+              "name": "青州市"
+            },
+            {
+              "code": "370782",
+              "name": "诸城市"
+            },
+            {
+              "code": "370783",
+              "name": "寿光市"
+            },
+            {
+              "code": "370784",
+              "name": "安丘市"
+            },
+            {
+              "code": "370785",
+              "name": "高密市"
+            },
+            {
+              "code": "370786",
+              "name": "昌邑市"
+            }
+          ]
+        },
+        {
+          "code": "3708",
+          "name": "济宁市",
+          "children": [
+            {
+              "code": "370811",
+              "name": "任城区"
+            },
+            {
+              "code": "370812",
+              "name": "兖州区"
+            },
+            {
+              "code": "370826",
+              "name": "微山县"
+            },
+            {
+              "code": "370827",
+              "name": "鱼台县"
+            },
+            {
+              "code": "370828",
+              "name": "金乡县"
+            },
+            {
+              "code": "370829",
+              "name": "嘉祥县"
+            },
+            {
+              "code": "370830",
+              "name": "汶上县"
+            },
+            {
+              "code": "370831",
+              "name": "泗水县"
+            },
+            {
+              "code": "370832",
+              "name": "梁山县"
+            },
+            {
+              "code": "370871",
+              "name": "济宁高新技术产业开发区"
+            },
+            {
+              "code": "370881",
+              "name": "曲阜市"
+            },
+            {
+              "code": "370883",
+              "name": "邹城市"
+            }
+          ]
+        },
+        {
+          "code": "3709",
+          "name": "泰安市",
+          "children": [
+            {
+              "code": "370902",
+              "name": "泰山区"
+            },
+            {
+              "code": "370911",
+              "name": "岱岳区"
+            },
+            {
+              "code": "370921",
+              "name": "宁阳县"
+            },
+            {
+              "code": "370923",
+              "name": "东平县"
+            },
+            {
+              "code": "370982",
+              "name": "新泰市"
+            },
+            {
+              "code": "370983",
+              "name": "肥城市"
+            }
+          ]
+        },
+        {
+          "code": "3710",
+          "name": "威海市",
+          "children": [
+            {
+              "code": "371002",
+              "name": "环翠区"
+            },
+            {
+              "code": "371003",
+              "name": "文登区"
+            },
+            {
+              "code": "371071",
+              "name": "威海火炬高技术产业开发区"
+            },
+            {
+              "code": "371072",
+              "name": "威海经济技术开发区"
+            },
+            {
+              "code": "371073",
+              "name": "威海临港经济技术开发区"
+            },
+            {
+              "code": "371082",
+              "name": "荣成市"
+            },
+            {
+              "code": "371083",
+              "name": "乳山市"
+            }
+          ]
+        },
+        {
+          "code": "3711",
+          "name": "日照市",
+          "children": [
+            {
+              "code": "371102",
+              "name": "东港区"
+            },
+            {
+              "code": "371103",
+              "name": "岚山区"
+            },
+            {
+              "code": "371121",
+              "name": "五莲县"
+            },
+            {
+              "code": "371122",
+              "name": "莒县"
+            },
+            {
+              "code": "371171",
+              "name": "日照经济技术开发区"
+            }
+          ]
+        },
+        {
+          "code": "3713",
+          "name": "临沂市",
+          "children": [
+            {
+              "code": "371302",
+              "name": "兰山区"
+            },
+            {
+              "code": "371311",
+              "name": "罗庄区"
+            },
+            {
+              "code": "371312",
+              "name": "河东区"
+            },
+            {
+              "code": "371321",
+              "name": "沂南县"
+            },
+            {
+              "code": "371322",
+              "name": "郯城县"
+            },
+            {
+              "code": "371323",
+              "name": "沂水县"
+            },
+            {
+              "code": "371324",
+              "name": "兰陵县"
+            },
+            {
+              "code": "371325",
+              "name": "费县"
+            },
+            {
+              "code": "371326",
+              "name": "平邑县"
+            },
+            {
+              "code": "371327",
+              "name": "莒南县"
+            },
+            {
+              "code": "371328",
+              "name": "蒙阴县"
+            },
+            {
+              "code": "371329",
+              "name": "临沭县"
+            },
+            {
+              "code": "371371",
+              "name": "临沂高新技术产业开发区"
+            },
+            {
+              "code": "371372",
+              "name": "临沂经济技术开发区"
+            },
+            {
+              "code": "371373",
+              "name": "临沂临港经济开发区"
+            }
+          ]
+        },
+        {
+          "code": "3714",
+          "name": "德州市",
+          "children": [
+            {
+              "code": "371402",
+              "name": "德城区"
+            },
+            {
+              "code": "371403",
+              "name": "陵城区"
+            },
+            {
+              "code": "371422",
+              "name": "宁津县"
+            },
+            {
+              "code": "371423",
+              "name": "庆云县"
+            },
+            {
+              "code": "371424",
+              "name": "临邑县"
+            },
+            {
+              "code": "371425",
+              "name": "齐河县"
+            },
+            {
+              "code": "371426",
+              "name": "平原县"
+            },
+            {
+              "code": "371427",
+              "name": "夏津县"
+            },
+            {
+              "code": "371428",
+              "name": "武城县"
+            },
+            {
+              "code": "371471",
+              "name": "德州经济技术开发区"
+            },
+            {
+              "code": "371472",
+              "name": "德州运河经济开发区"
+            },
+            {
+              "code": "371481",
+              "name": "乐陵市"
+            },
+            {
+              "code": "371482",
+              "name": "禹城市"
+            }
+          ]
+        },
+        {
+          "code": "3715",
+          "name": "聊城市",
+          "children": [
+            {
+              "code": "371502",
+              "name": "东昌府区"
+            },
+            {
+              "code": "371503",
+              "name": "茌平区"
+            },
+            {
+              "code": "371521",
+              "name": "阳谷县"
+            },
+            {
+              "code": "371522",
+              "name": "莘县"
+            },
+            {
+              "code": "371524",
+              "name": "东阿县"
+            },
+            {
+              "code": "371525",
+              "name": "冠县"
+            },
+            {
+              "code": "371526",
+              "name": "高唐县"
+            },
+            {
+              "code": "371581",
+              "name": "临清市"
+            }
+          ]
+        },
+        {
+          "code": "3716",
+          "name": "滨州市",
+          "children": [
+            {
+              "code": "371602",
+              "name": "滨城区"
+            },
+            {
+              "code": "371603",
+              "name": "沾化区"
+            },
+            {
+              "code": "371621",
+              "name": "惠民县"
+            },
+            {
+              "code": "371622",
+              "name": "阳信县"
+            },
+            {
+              "code": "371623",
+              "name": "无棣县"
+            },
+            {
+              "code": "371625",
+              "name": "博兴县"
+            },
+            {
+              "code": "371681",
+              "name": "邹平市"
+            }
+          ]
+        },
+        {
+          "code": "3717",
+          "name": "菏泽市",
+          "children": [
+            {
+              "code": "371702",
+              "name": "牡丹区"
+            },
+            {
+              "code": "371703",
+              "name": "定陶区"
+            },
+            {
+              "code": "371721",
+              "name": "曹县"
+            },
+            {
+              "code": "371722",
+              "name": "单县"
+            },
+            {
+              "code": "371723",
+              "name": "成武县"
+            },
+            {
+              "code": "371724",
+              "name": "巨野县"
+            },
+            {
+              "code": "371725",
+              "name": "郓城县"
+            },
+            {
+              "code": "371726",
+              "name": "鄄城县"
+            },
+            {
+              "code": "371728",
+              "name": "东明县"
+            },
+            {
+              "code": "371771",
+              "name": "菏泽经济技术开发区"
+            },
+            {
+              "code": "371772",
+              "name": "菏泽高新技术开发区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "41",
+      "name": "河南省",
+      "children": [
+        {
+          "code": "4101",
+          "name": "郑州市",
+          "children": [
+            {
+              "code": "410102",
+              "name": "中原区"
+            },
+            {
+              "code": "410103",
+              "name": "二七区"
+            },
+            {
+              "code": "410104",
+              "name": "管城回族区"
+            },
+            {
+              "code": "410105",
+              "name": "金水区"
+            },
+            {
+              "code": "410106",
+              "name": "上街区"
+            },
+            {
+              "code": "410108",
+              "name": "惠济区"
+            },
+            {
+              "code": "410122",
+              "name": "中牟县"
+            },
+            {
+              "code": "410171",
+              "name": "郑州经济技术开发区"
+            },
+            {
+              "code": "410172",
+              "name": "郑州高新技术产业开发区"
+            },
+            {
+              "code": "410173",
+              "name": "郑州航空港经济综合实验区"
+            },
+            {
+              "code": "410181",
+              "name": "巩义市"
+            },
+            {
+              "code": "410182",
+              "name": "荥阳市"
+            },
+            {
+              "code": "410183",
+              "name": "新密市"
+            },
+            {
+              "code": "410184",
+              "name": "新郑市"
+            },
+            {
+              "code": "410185",
+              "name": "登封市"
+            }
+          ]
+        },
+        {
+          "code": "4102",
+          "name": "开封市",
+          "children": [
+            {
+              "code": "410202",
+              "name": "龙亭区"
+            },
+            {
+              "code": "410203",
+              "name": "顺河回族区"
+            },
+            {
+              "code": "410204",
+              "name": "鼓楼区"
+            },
+            {
+              "code": "410205",
+              "name": "禹王台区"
+            },
+            {
+              "code": "410212",
+              "name": "祥符区"
+            },
+            {
+              "code": "410221",
+              "name": "杞县"
+            },
+            {
+              "code": "410222",
+              "name": "通许县"
+            },
+            {
+              "code": "410223",
+              "name": "尉氏县"
+            },
+            {
+              "code": "410225",
+              "name": "兰考县"
+            }
+          ]
+        },
+        {
+          "code": "4103",
+          "name": "洛阳市",
+          "children": [
+            {
+              "code": "410302",
+              "name": "老城区"
+            },
+            {
+              "code": "410303",
+              "name": "西工区"
+            },
+            {
+              "code": "410304",
+              "name": "瀍河回族区"
+            },
+            {
+              "code": "410305",
+              "name": "涧西区"
+            },
+            {
+              "code": "410306",
+              "name": "吉利区"
+            },
+            {
+              "code": "410311",
+              "name": "洛龙区"
+            },
+            {
+              "code": "410322",
+              "name": "孟津县"
+            },
+            {
+              "code": "410323",
+              "name": "新安县"
+            },
+            {
+              "code": "410324",
+              "name": "栾川县"
+            },
+            {
+              "code": "410325",
+              "name": "嵩县"
+            },
+            {
+              "code": "410326",
+              "name": "汝阳县"
+            },
+            {
+              "code": "410327",
+              "name": "宜阳县"
+            },
+            {
+              "code": "410328",
+              "name": "洛宁县"
+            },
+            {
+              "code": "410329",
+              "name": "伊川县"
+            },
+            {
+              "code": "410371",
+              "name": "洛阳高新技术产业开发区"
+            },
+            {
+              "code": "410381",
+              "name": "偃师市"
+            }
+          ]
+        },
+        {
+          "code": "4104",
+          "name": "平顶山市",
+          "children": [
+            {
+              "code": "410402",
+              "name": "新华区"
+            },
+            {
+              "code": "410403",
+              "name": "卫东区"
+            },
+            {
+              "code": "410404",
+              "name": "石龙区"
+            },
+            {
+              "code": "410411",
+              "name": "湛河区"
+            },
+            {
+              "code": "410421",
+              "name": "宝丰县"
+            },
+            {
+              "code": "410422",
+              "name": "叶县"
+            },
+            {
+              "code": "410423",
+              "name": "鲁山县"
+            },
+            {
+              "code": "410425",
+              "name": "郏县"
+            },
+            {
+              "code": "410471",
+              "name": "平顶山高新技术产业开发区"
+            },
+            {
+              "code": "410472",
+              "name": "平顶山市城乡一体化示范区"
+            },
+            {
+              "code": "410481",
+              "name": "舞钢市"
+            },
+            {
+              "code": "410482",
+              "name": "汝州市"
+            }
+          ]
+        },
+        {
+          "code": "4105",
+          "name": "安阳市",
+          "children": [
+            {
+              "code": "410502",
+              "name": "文峰区"
+            },
+            {
+              "code": "410503",
+              "name": "北关区"
+            },
+            {
+              "code": "410505",
+              "name": "殷都区"
+            },
+            {
+              "code": "410506",
+              "name": "龙安区"
+            },
+            {
+              "code": "410522",
+              "name": "安阳县"
+            },
+            {
+              "code": "410523",
+              "name": "汤阴县"
+            },
+            {
+              "code": "410526",
+              "name": "滑县"
+            },
+            {
+              "code": "410527",
+              "name": "内黄县"
+            },
+            {
+              "code": "410571",
+              "name": "安阳高新技术产业开发区"
+            },
+            {
+              "code": "410581",
+              "name": "林州市"
+            }
+          ]
+        },
+        {
+          "code": "4106",
+          "name": "鹤壁市",
+          "children": [
+            {
+              "code": "410602",
+              "name": "鹤山区"
+            },
+            {
+              "code": "410603",
+              "name": "山城区"
+            },
+            {
+              "code": "410611",
+              "name": "淇滨区"
+            },
+            {
+              "code": "410621",
+              "name": "浚县"
+            },
+            {
+              "code": "410622",
+              "name": "淇县"
+            },
+            {
+              "code": "410671",
+              "name": "鹤壁经济技术开发区"
+            }
+          ]
+        },
+        {
+          "code": "4107",
+          "name": "新乡市",
+          "children": [
+            {
+              "code": "410702",
+              "name": "红旗区"
+            },
+            {
+              "code": "410703",
+              "name": "卫滨区"
+            },
+            {
+              "code": "410704",
+              "name": "凤泉区"
+            },
+            {
+              "code": "410711",
+              "name": "牧野区"
+            },
+            {
+              "code": "410721",
+              "name": "新乡县"
+            },
+            {
+              "code": "410724",
+              "name": "获嘉县"
+            },
+            {
+              "code": "410725",
+              "name": "原阳县"
+            },
+            {
+              "code": "410726",
+              "name": "延津县"
+            },
+            {
+              "code": "410727",
+              "name": "封丘县"
+            },
+            {
+              "code": "410771",
+              "name": "新乡高新技术产业开发区"
+            },
+            {
+              "code": "410772",
+              "name": "新乡经济技术开发区"
+            },
+            {
+              "code": "410773",
+              "name": "新乡市平原城乡一体化示范区"
+            },
+            {
+              "code": "410781",
+              "name": "卫辉市"
+            },
+            {
+              "code": "410782",
+              "name": "辉县市"
+            },
+            {
+              "code": "410783",
+              "name": "长垣市"
+            }
+          ]
+        },
+        {
+          "code": "4108",
+          "name": "焦作市",
+          "children": [
+            {
+              "code": "410802",
+              "name": "解放区"
+            },
+            {
+              "code": "410803",
+              "name": "中站区"
+            },
+            {
+              "code": "410804",
+              "name": "马村区"
+            },
+            {
+              "code": "410811",
+              "name": "山阳区"
+            },
+            {
+              "code": "410821",
+              "name": "修武县"
+            },
+            {
+              "code": "410822",
+              "name": "博爱县"
+            },
+            {
+              "code": "410823",
+              "name": "武陟县"
+            },
+            {
+              "code": "410825",
+              "name": "温县"
+            },
+            {
+              "code": "410871",
+              "name": "焦作城乡一体化示范区"
+            },
+            {
+              "code": "410882",
+              "name": "沁阳市"
+            },
+            {
+              "code": "410883",
+              "name": "孟州市"
+            }
+          ]
+        },
+        {
+          "code": "4109",
+          "name": "濮阳市",
+          "children": [
+            {
+              "code": "410902",
+              "name": "华龙区"
+            },
+            {
+              "code": "410922",
+              "name": "清丰县"
+            },
+            {
+              "code": "410923",
+              "name": "南乐县"
+            },
+            {
+              "code": "410926",
+              "name": "范县"
+            },
+            {
+              "code": "410927",
+              "name": "台前县"
+            },
+            {
+              "code": "410928",
+              "name": "濮阳县"
+            },
+            {
+              "code": "410971",
+              "name": "河南濮阳工业园区"
+            },
+            {
+              "code": "410972",
+              "name": "濮阳经济技术开发区"
+            }
+          ]
+        },
+        {
+          "code": "4110",
+          "name": "许昌市",
+          "children": [
+            {
+              "code": "411002",
+              "name": "魏都区"
+            },
+            {
+              "code": "411003",
+              "name": "建安区"
+            },
+            {
+              "code": "411024",
+              "name": "鄢陵县"
+            },
+            {
+              "code": "411025",
+              "name": "襄城县"
+            },
+            {
+              "code": "411071",
+              "name": "许昌经济技术开发区"
+            },
+            {
+              "code": "411081",
+              "name": "禹州市"
+            },
+            {
+              "code": "411082",
+              "name": "长葛市"
+            }
+          ]
+        },
+        {
+          "code": "4111",
+          "name": "漯河市",
+          "children": [
+            {
+              "code": "411102",
+              "name": "源汇区"
+            },
+            {
+              "code": "411103",
+              "name": "郾城区"
+            },
+            {
+              "code": "411104",
+              "name": "召陵区"
+            },
+            {
+              "code": "411121",
+              "name": "舞阳县"
+            },
+            {
+              "code": "411122",
+              "name": "临颍县"
+            },
+            {
+              "code": "411171",
+              "name": "漯河经济技术开发区"
+            }
+          ]
+        },
+        {
+          "code": "4112",
+          "name": "三门峡市",
+          "children": [
+            {
+              "code": "411202",
+              "name": "湖滨区"
+            },
+            {
+              "code": "411203",
+              "name": "陕州区"
+            },
+            {
+              "code": "411221",
+              "name": "渑池县"
+            },
+            {
+              "code": "411224",
+              "name": "卢氏县"
+            },
+            {
+              "code": "411271",
+              "name": "河南三门峡经济开发区"
+            },
+            {
+              "code": "411281",
+              "name": "义马市"
+            },
+            {
+              "code": "411282",
+              "name": "灵宝市"
+            }
+          ]
+        },
+        {
+          "code": "4113",
+          "name": "南阳市",
+          "children": [
+            {
+              "code": "411302",
+              "name": "宛城区"
+            },
+            {
+              "code": "411303",
+              "name": "卧龙区"
+            },
+            {
+              "code": "411321",
+              "name": "南召县"
+            },
+            {
+              "code": "411322",
+              "name": "方城县"
+            },
+            {
+              "code": "411323",
+              "name": "西峡县"
+            },
+            {
+              "code": "411324",
+              "name": "镇平县"
+            },
+            {
+              "code": "411325",
+              "name": "内乡县"
+            },
+            {
+              "code": "411326",
+              "name": "淅川县"
+            },
+            {
+              "code": "411327",
+              "name": "社旗县"
+            },
+            {
+              "code": "411328",
+              "name": "唐河县"
+            },
+            {
+              "code": "411329",
+              "name": "新野县"
+            },
+            {
+              "code": "411330",
+              "name": "桐柏县"
+            },
+            {
+              "code": "411371",
+              "name": "南阳高新技术产业开发区"
+            },
+            {
+              "code": "411372",
+              "name": "南阳市城乡一体化示范区"
+            },
+            {
+              "code": "411381",
+              "name": "邓州市"
+            }
+          ]
+        },
+        {
+          "code": "4114",
+          "name": "商丘市",
+          "children": [
+            {
+              "code": "411402",
+              "name": "梁园区"
+            },
+            {
+              "code": "411403",
+              "name": "睢阳区"
+            },
+            {
+              "code": "411421",
+              "name": "民权县"
+            },
+            {
+              "code": "411422",
+              "name": "睢县"
+            },
+            {
+              "code": "411423",
+              "name": "宁陵县"
+            },
+            {
+              "code": "411424",
+              "name": "柘城县"
+            },
+            {
+              "code": "411425",
+              "name": "虞城县"
+            },
+            {
+              "code": "411426",
+              "name": "夏邑县"
+            },
+            {
+              "code": "411471",
+              "name": "豫东综合物流产业聚集区"
+            },
+            {
+              "code": "411472",
+              "name": "河南商丘经济开发区"
+            },
+            {
+              "code": "411481",
+              "name": "永城市"
+            }
+          ]
+        },
+        {
+          "code": "4115",
+          "name": "信阳市",
+          "children": [
+            {
+              "code": "411502",
+              "name": "浉河区"
+            },
+            {
+              "code": "411503",
+              "name": "平桥区"
+            },
+            {
+              "code": "411521",
+              "name": "罗山县"
+            },
+            {
+              "code": "411522",
+              "name": "光山县"
+            },
+            {
+              "code": "411523",
+              "name": "新县"
+            },
+            {
+              "code": "411524",
+              "name": "商城县"
+            },
+            {
+              "code": "411525",
+              "name": "固始县"
+            },
+            {
+              "code": "411526",
+              "name": "潢川县"
+            },
+            {
+              "code": "411527",
+              "name": "淮滨县"
+            },
+            {
+              "code": "411528",
+              "name": "息县"
+            },
+            {
+              "code": "411571",
+              "name": "信阳高新技术产业开发区"
+            }
+          ]
+        },
+        {
+          "code": "4116",
+          "name": "周口市",
+          "children": [
+            {
+              "code": "411602",
+              "name": "川汇区"
+            },
+            {
+              "code": "411603",
+              "name": "淮阳区"
+            },
+            {
+              "code": "411621",
+              "name": "扶沟县"
+            },
+            {
+              "code": "411622",
+              "name": "西华县"
+            },
+            {
+              "code": "411623",
+              "name": "商水县"
+            },
+            {
+              "code": "411624",
+              "name": "沈丘县"
+            },
+            {
+              "code": "411625",
+              "name": "郸城县"
+            },
+            {
+              "code": "411627",
+              "name": "太康县"
+            },
+            {
+              "code": "411628",
+              "name": "鹿邑县"
+            },
+            {
+              "code": "411671",
+              "name": "河南周口经济开发区"
+            },
+            {
+              "code": "411681",
+              "name": "项城市"
+            }
+          ]
+        },
+        {
+          "code": "4117",
+          "name": "驻马店市",
+          "children": [
+            {
+              "code": "411702",
+              "name": "驿城区"
+            },
+            {
+              "code": "411721",
+              "name": "西平县"
+            },
+            {
+              "code": "411722",
+              "name": "上蔡县"
+            },
+            {
+              "code": "411723",
+              "name": "平舆县"
+            },
+            {
+              "code": "411724",
+              "name": "正阳县"
+            },
+            {
+              "code": "411725",
+              "name": "确山县"
+            },
+            {
+              "code": "411726",
+              "name": "泌阳县"
+            },
+            {
+              "code": "411727",
+              "name": "汝南县"
+            },
+            {
+              "code": "411728",
+              "name": "遂平县"
+            },
+            {
+              "code": "411729",
+              "name": "新蔡县"
+            },
+            {
+              "code": "411771",
+              "name": "河南驻马店经济开发区"
+            }
+          ]
+        },
+        {
+          "code": "4190",
+          "name": "省直辖县级行政区划",
+          "children": [
+            {
+              "code": "419001",
+              "name": "济源市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "42",
+      "name": "湖北省",
+      "children": [
+        {
+          "code": "4201",
+          "name": "武汉市",
+          "children": [
+            {
+              "code": "420102",
+              "name": "江岸区"
+            },
+            {
+              "code": "420103",
+              "name": "江汉区"
+            },
+            {
+              "code": "420104",
+              "name": "硚口区"
+            },
+            {
+              "code": "420105",
+              "name": "汉阳区"
+            },
+            {
+              "code": "420106",
+              "name": "武昌区"
+            },
+            {
+              "code": "420107",
+              "name": "青山区"
+            },
+            {
+              "code": "420111",
+              "name": "洪山区"
+            },
+            {
+              "code": "420112",
+              "name": "东西湖区"
+            },
+            {
+              "code": "420113",
+              "name": "汉南区"
+            },
+            {
+              "code": "420114",
+              "name": "蔡甸区"
+            },
+            {
+              "code": "420115",
+              "name": "江夏区"
+            },
+            {
+              "code": "420116",
+              "name": "黄陂区"
+            },
+            {
+              "code": "420117",
+              "name": "新洲区"
+            }
+          ]
+        },
+        {
+          "code": "4202",
+          "name": "黄石市",
+          "children": [
+            {
+              "code": "420202",
+              "name": "黄石港区"
+            },
+            {
+              "code": "420203",
+              "name": "西塞山区"
+            },
+            {
+              "code": "420204",
+              "name": "下陆区"
+            },
+            {
+              "code": "420205",
+              "name": "铁山区"
+            },
+            {
+              "code": "420222",
+              "name": "阳新县"
+            },
+            {
+              "code": "420281",
+              "name": "大冶市"
+            }
+          ]
+        },
+        {
+          "code": "4203",
+          "name": "十堰市",
+          "children": [
+            {
+              "code": "420302",
+              "name": "茅箭区"
+            },
+            {
+              "code": "420303",
+              "name": "张湾区"
+            },
+            {
+              "code": "420304",
+              "name": "郧阳区"
+            },
+            {
+              "code": "420322",
+              "name": "郧西县"
+            },
+            {
+              "code": "420323",
+              "name": "竹山县"
+            },
+            {
+              "code": "420324",
+              "name": "竹溪县"
+            },
+            {
+              "code": "420325",
+              "name": "房县"
+            },
+            {
+              "code": "420381",
+              "name": "丹江口市"
+            }
+          ]
+        },
+        {
+          "code": "4205",
+          "name": "宜昌市",
+          "children": [
+            {
+              "code": "420502",
+              "name": "西陵区"
+            },
+            {
+              "code": "420503",
+              "name": "伍家岗区"
+            },
+            {
+              "code": "420504",
+              "name": "点军区"
+            },
+            {
+              "code": "420505",
+              "name": "猇亭区"
+            },
+            {
+              "code": "420506",
+              "name": "夷陵区"
+            },
+            {
+              "code": "420525",
+              "name": "远安县"
+            },
+            {
+              "code": "420526",
+              "name": "兴山县"
+            },
+            {
+              "code": "420527",
+              "name": "秭归县"
+            },
+            {
+              "code": "420528",
+              "name": "长阳土家族自治县"
+            },
+            {
+              "code": "420529",
+              "name": "五峰土家族自治县"
+            },
+            {
+              "code": "420581",
+              "name": "宜都市"
+            },
+            {
+              "code": "420582",
+              "name": "当阳市"
+            },
+            {
+              "code": "420583",
+              "name": "枝江市"
+            }
+          ]
+        },
+        {
+          "code": "4206",
+          "name": "襄阳市",
+          "children": [
+            {
+              "code": "420602",
+              "name": "襄城区"
+            },
+            {
+              "code": "420606",
+              "name": "樊城区"
+            },
+            {
+              "code": "420607",
+              "name": "襄州区"
+            },
+            {
+              "code": "420624",
+              "name": "南漳县"
+            },
+            {
+              "code": "420625",
+              "name": "谷城县"
+            },
+            {
+              "code": "420626",
+              "name": "保康县"
+            },
+            {
+              "code": "420682",
+              "name": "老河口市"
+            },
+            {
+              "code": "420683",
+              "name": "枣阳市"
+            },
+            {
+              "code": "420684",
+              "name": "宜城市"
+            }
+          ]
+        },
+        {
+          "code": "4207",
+          "name": "鄂州市",
+          "children": [
+            {
+              "code": "420702",
+              "name": "梁子湖区"
+            },
+            {
+              "code": "420703",
+              "name": "华容区"
+            },
+            {
+              "code": "420704",
+              "name": "鄂城区"
+            }
+          ]
+        },
+        {
+          "code": "4208",
+          "name": "荆门市",
+          "children": [
+            {
+              "code": "420802",
+              "name": "东宝区"
+            },
+            {
+              "code": "420804",
+              "name": "掇刀区"
+            },
+            {
+              "code": "420822",
+              "name": "沙洋县"
+            },
+            {
+              "code": "420881",
+              "name": "钟祥市"
+            },
+            {
+              "code": "420882",
+              "name": "京山市"
+            }
+          ]
+        },
+        {
+          "code": "4209",
+          "name": "孝感市",
+          "children": [
+            {
+              "code": "420902",
+              "name": "孝南区"
+            },
+            {
+              "code": "420921",
+              "name": "孝昌县"
+            },
+            {
+              "code": "420922",
+              "name": "大悟县"
+            },
+            {
+              "code": "420923",
+              "name": "云梦县"
+            },
+            {
+              "code": "420981",
+              "name": "应城市"
+            },
+            {
+              "code": "420982",
+              "name": "安陆市"
+            },
+            {
+              "code": "420984",
+              "name": "汉川市"
+            }
+          ]
+        },
+        {
+          "code": "4210",
+          "name": "荆州市",
+          "children": [
+            {
+              "code": "421002",
+              "name": "沙市区"
+            },
+            {
+              "code": "421003",
+              "name": "荆州区"
+            },
+            {
+              "code": "421022",
+              "name": "公安县"
+            },
+            {
+              "code": "421023",
+              "name": "监利县"
+            },
+            {
+              "code": "421024",
+              "name": "江陵县"
+            },
+            {
+              "code": "421071",
+              "name": "荆州经济技术开发区"
+            },
+            {
+              "code": "421081",
+              "name": "石首市"
+            },
+            {
+              "code": "421083",
+              "name": "洪湖市"
+            },
+            {
+              "code": "421087",
+              "name": "松滋市"
+            }
+          ]
+        },
+        {
+          "code": "4211",
+          "name": "黄冈市",
+          "children": [
+            {
+              "code": "421102",
+              "name": "黄州区"
+            },
+            {
+              "code": "421121",
+              "name": "团风县"
+            },
+            {
+              "code": "421122",
+              "name": "红安县"
+            },
+            {
+              "code": "421123",
+              "name": "罗田县"
+            },
+            {
+              "code": "421124",
+              "name": "英山县"
+            },
+            {
+              "code": "421125",
+              "name": "浠水县"
+            },
+            {
+              "code": "421126",
+              "name": "蕲春县"
+            },
+            {
+              "code": "421127",
+              "name": "黄梅县"
+            },
+            {
+              "code": "421171",
+              "name": "龙感湖管理区"
+            },
+            {
+              "code": "421181",
+              "name": "麻城市"
+            },
+            {
+              "code": "421182",
+              "name": "武穴市"
+            }
+          ]
+        },
+        {
+          "code": "4212",
+          "name": "咸宁市",
+          "children": [
+            {
+              "code": "421202",
+              "name": "咸安区"
+            },
+            {
+              "code": "421221",
+              "name": "嘉鱼县"
+            },
+            {
+              "code": "421222",
+              "name": "通城县"
+            },
+            {
+              "code": "421223",
+              "name": "崇阳县"
+            },
+            {
+              "code": "421224",
+              "name": "通山县"
+            },
+            {
+              "code": "421281",
+              "name": "赤壁市"
+            }
+          ]
+        },
+        {
+          "code": "4213",
+          "name": "随州市",
+          "children": [
+            {
+              "code": "421303",
+              "name": "曾都区"
+            },
+            {
+              "code": "421321",
+              "name": "随县"
+            },
+            {
+              "code": "421381",
+              "name": "广水市"
+            }
+          ]
+        },
+        {
+          "code": "4228",
+          "name": "恩施土家族苗族自治州",
+          "children": [
+            {
+              "code": "422801",
+              "name": "恩施市"
+            },
+            {
+              "code": "422802",
+              "name": "利川市"
+            },
+            {
+              "code": "422822",
+              "name": "建始县"
+            },
+            {
+              "code": "422823",
+              "name": "巴东县"
+            },
+            {
+              "code": "422825",
+              "name": "宣恩县"
+            },
+            {
+              "code": "422826",
+              "name": "咸丰县"
+            },
+            {
+              "code": "422827",
+              "name": "来凤县"
+            },
+            {
+              "code": "422828",
+              "name": "鹤峰县"
+            }
+          ]
+        },
+        {
+          "code": "4290",
+          "name": "省直辖县级行政区划",
+          "children": [
+            {
+              "code": "429004",
+              "name": "仙桃市"
+            },
+            {
+              "code": "429005",
+              "name": "潜江市"
+            },
+            {
+              "code": "429006",
+              "name": "天门市"
+            },
+            {
+              "code": "429021",
+              "name": "神农架林区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "43",
+      "name": "湖南省",
+      "children": [
+        {
+          "code": "4301",
+          "name": "长沙市",
+          "children": [
+            {
+              "code": "430102",
+              "name": "芙蓉区"
+            },
+            {
+              "code": "430103",
+              "name": "天心区"
+            },
+            {
+              "code": "430104",
+              "name": "岳麓区"
+            },
+            {
+              "code": "430105",
+              "name": "开福区"
+            },
+            {
+              "code": "430111",
+              "name": "雨花区"
+            },
+            {
+              "code": "430112",
+              "name": "望城区"
+            },
+            {
+              "code": "430121",
+              "name": "长沙县"
+            },
+            {
+              "code": "430181",
+              "name": "浏阳市"
+            },
+            {
+              "code": "430182",
+              "name": "宁乡市"
+            }
+          ]
+        },
+        {
+          "code": "4302",
+          "name": "株洲市",
+          "children": [
+            {
+              "code": "430202",
+              "name": "荷塘区"
+            },
+            {
+              "code": "430203",
+              "name": "芦淞区"
+            },
+            {
+              "code": "430204",
+              "name": "石峰区"
+            },
+            {
+              "code": "430211",
+              "name": "天元区"
+            },
+            {
+              "code": "430212",
+              "name": "渌口区"
+            },
+            {
+              "code": "430223",
+              "name": "攸县"
+            },
+            {
+              "code": "430224",
+              "name": "茶陵县"
+            },
+            {
+              "code": "430225",
+              "name": "炎陵县"
+            },
+            {
+              "code": "430271",
+              "name": "云龙示范区"
+            },
+            {
+              "code": "430281",
+              "name": "醴陵市"
+            }
+          ]
+        },
+        {
+          "code": "4303",
+          "name": "湘潭市",
+          "children": [
+            {
+              "code": "430302",
+              "name": "雨湖区"
+            },
+            {
+              "code": "430304",
+              "name": "岳塘区"
+            },
+            {
+              "code": "430321",
+              "name": "湘潭县"
+            },
+            {
+              "code": "430371",
+              "name": "湖南湘潭高新技术产业园区"
+            },
+            {
+              "code": "430372",
+              "name": "湘潭昭山示范区"
+            },
+            {
+              "code": "430373",
+              "name": "湘潭九华示范区"
+            },
+            {
+              "code": "430381",
+              "name": "湘乡市"
+            },
+            {
+              "code": "430382",
+              "name": "韶山市"
+            }
+          ]
+        },
+        {
+          "code": "4304",
+          "name": "衡阳市",
+          "children": [
+            {
+              "code": "430405",
+              "name": "珠晖区"
+            },
+            {
+              "code": "430406",
+              "name": "雁峰区"
+            },
+            {
+              "code": "430407",
+              "name": "石鼓区"
+            },
+            {
+              "code": "430408",
+              "name": "蒸湘区"
+            },
+            {
+              "code": "430412",
+              "name": "南岳区"
+            },
+            {
+              "code": "430421",
+              "name": "衡阳县"
+            },
+            {
+              "code": "430422",
+              "name": "衡南县"
+            },
+            {
+              "code": "430423",
+              "name": "衡山县"
+            },
+            {
+              "code": "430424",
+              "name": "衡东县"
+            },
+            {
+              "code": "430426",
+              "name": "祁东县"
+            },
+            {
+              "code": "430471",
+              "name": "衡阳综合保税区"
+            },
+            {
+              "code": "430472",
+              "name": "湖南衡阳高新技术产业园区"
+            },
+            {
+              "code": "430473",
+              "name": "湖南衡阳松木经济开发区"
+            },
+            {
+              "code": "430481",
+              "name": "耒阳市"
+            },
+            {
+              "code": "430482",
+              "name": "常宁市"
+            }
+          ]
+        },
+        {
+          "code": "4305",
+          "name": "邵阳市",
+          "children": [
+            {
+              "code": "430502",
+              "name": "双清区"
+            },
+            {
+              "code": "430503",
+              "name": "大祥区"
+            },
+            {
+              "code": "430511",
+              "name": "北塔区"
+            },
+            {
+              "code": "430522",
+              "name": "新邵县"
+            },
+            {
+              "code": "430523",
+              "name": "邵阳县"
+            },
+            {
+              "code": "430524",
+              "name": "隆回县"
+            },
+            {
+              "code": "430525",
+              "name": "洞口县"
+            },
+            {
+              "code": "430527",
+              "name": "绥宁县"
+            },
+            {
+              "code": "430528",
+              "name": "新宁县"
+            },
+            {
+              "code": "430529",
+              "name": "城步苗族自治县"
+            },
+            {
+              "code": "430581",
+              "name": "武冈市"
+            },
+            {
+              "code": "430582",
+              "name": "邵东市"
+            }
+          ]
+        },
+        {
+          "code": "4306",
+          "name": "岳阳市",
+          "children": [
+            {
+              "code": "430602",
+              "name": "岳阳楼区"
+            },
+            {
+              "code": "430603",
+              "name": "云溪区"
+            },
+            {
+              "code": "430611",
+              "name": "君山区"
+            },
+            {
+              "code": "430621",
+              "name": "岳阳县"
+            },
+            {
+              "code": "430623",
+              "name": "华容县"
+            },
+            {
+              "code": "430624",
+              "name": "湘阴县"
+            },
+            {
+              "code": "430626",
+              "name": "平江县"
+            },
+            {
+              "code": "430671",
+              "name": "岳阳市屈原管理区"
+            },
+            {
+              "code": "430681",
+              "name": "汨罗市"
+            },
+            {
+              "code": "430682",
+              "name": "临湘市"
+            }
+          ]
+        },
+        {
+          "code": "4307",
+          "name": "常德市",
+          "children": [
+            {
+              "code": "430702",
+              "name": "武陵区"
+            },
+            {
+              "code": "430703",
+              "name": "鼎城区"
+            },
+            {
+              "code": "430721",
+              "name": "安乡县"
+            },
+            {
+              "code": "430722",
+              "name": "汉寿县"
+            },
+            {
+              "code": "430723",
+              "name": "澧县"
+            },
+            {
+              "code": "430724",
+              "name": "临澧县"
+            },
+            {
+              "code": "430725",
+              "name": "桃源县"
+            },
+            {
+              "code": "430726",
+              "name": "石门县"
+            },
+            {
+              "code": "430771",
+              "name": "常德市西洞庭管理区"
+            },
+            {
+              "code": "430781",
+              "name": "津市市"
+            }
+          ]
+        },
+        {
+          "code": "4308",
+          "name": "张家界市",
+          "children": [
+            {
+              "code": "430802",
+              "name": "永定区"
+            },
+            {
+              "code": "430811",
+              "name": "武陵源区"
+            },
+            {
+              "code": "430821",
+              "name": "慈利县"
+            },
+            {
+              "code": "430822",
+              "name": "桑植县"
+            }
+          ]
+        },
+        {
+          "code": "4309",
+          "name": "益阳市",
+          "children": [
+            {
+              "code": "430902",
+              "name": "资阳区"
+            },
+            {
+              "code": "430903",
+              "name": "赫山区"
+            },
+            {
+              "code": "430921",
+              "name": "南县"
+            },
+            {
+              "code": "430922",
+              "name": "桃江县"
+            },
+            {
+              "code": "430923",
+              "name": "安化县"
+            },
+            {
+              "code": "430971",
+              "name": "益阳市大通湖管理区"
+            },
+            {
+              "code": "430972",
+              "name": "湖南益阳高新技术产业园区"
+            },
+            {
+              "code": "430981",
+              "name": "沅江市"
+            }
+          ]
+        },
+        {
+          "code": "4310",
+          "name": "郴州市",
+          "children": [
+            {
+              "code": "431002",
+              "name": "北湖区"
+            },
+            {
+              "code": "431003",
+              "name": "苏仙区"
+            },
+            {
+              "code": "431021",
+              "name": "桂阳县"
+            },
+            {
+              "code": "431022",
+              "name": "宜章县"
+            },
+            {
+              "code": "431023",
+              "name": "永兴县"
+            },
+            {
+              "code": "431024",
+              "name": "嘉禾县"
+            },
+            {
+              "code": "431025",
+              "name": "临武县"
+            },
+            {
+              "code": "431026",
+              "name": "汝城县"
+            },
+            {
+              "code": "431027",
+              "name": "桂东县"
+            },
+            {
+              "code": "431028",
+              "name": "安仁县"
+            },
+            {
+              "code": "431081",
+              "name": "资兴市"
+            }
+          ]
+        },
+        {
+          "code": "4311",
+          "name": "永州市",
+          "children": [
+            {
+              "code": "431102",
+              "name": "零陵区"
+            },
+            {
+              "code": "431103",
+              "name": "冷水滩区"
+            },
+            {
+              "code": "431121",
+              "name": "祁阳县"
+            },
+            {
+              "code": "431122",
+              "name": "东安县"
+            },
+            {
+              "code": "431123",
+              "name": "双牌县"
+            },
+            {
+              "code": "431124",
+              "name": "道县"
+            },
+            {
+              "code": "431125",
+              "name": "江永县"
+            },
+            {
+              "code": "431126",
+              "name": "宁远县"
+            },
+            {
+              "code": "431127",
+              "name": "蓝山县"
+            },
+            {
+              "code": "431128",
+              "name": "新田县"
+            },
+            {
+              "code": "431129",
+              "name": "江华瑶族自治县"
+            },
+            {
+              "code": "431171",
+              "name": "永州经济技术开发区"
+            },
+            {
+              "code": "431172",
+              "name": "永州市金洞管理区"
+            },
+            {
+              "code": "431173",
+              "name": "永州市回龙圩管理区"
+            }
+          ]
+        },
+        {
+          "code": "4312",
+          "name": "怀化市",
+          "children": [
+            {
+              "code": "431202",
+              "name": "鹤城区"
+            },
+            {
+              "code": "431221",
+              "name": "中方县"
+            },
+            {
+              "code": "431222",
+              "name": "沅陵县"
+            },
+            {
+              "code": "431223",
+              "name": "辰溪县"
+            },
+            {
+              "code": "431224",
+              "name": "溆浦县"
+            },
+            {
+              "code": "431225",
+              "name": "会同县"
+            },
+            {
+              "code": "431226",
+              "name": "麻阳苗族自治县"
+            },
+            {
+              "code": "431227",
+              "name": "新晃侗族自治县"
+            },
+            {
+              "code": "431228",
+              "name": "芷江侗族自治县"
+            },
+            {
+              "code": "431229",
+              "name": "靖州苗族侗族自治县"
+            },
+            {
+              "code": "431230",
+              "name": "通道侗族自治县"
+            },
+            {
+              "code": "431271",
+              "name": "怀化市洪江管理区"
+            },
+            {
+              "code": "431281",
+              "name": "洪江市"
+            }
+          ]
+        },
+        {
+          "code": "4313",
+          "name": "娄底市",
+          "children": [
+            {
+              "code": "431302",
+              "name": "娄星区"
+            },
+            {
+              "code": "431321",
+              "name": "双峰县"
+            },
+            {
+              "code": "431322",
+              "name": "新化县"
+            },
+            {
+              "code": "431381",
+              "name": "冷水江市"
+            },
+            {
+              "code": "431382",
+              "name": "涟源市"
+            }
+          ]
+        },
+        {
+          "code": "4331",
+          "name": "湘西土家族苗族自治州",
+          "children": [
+            {
+              "code": "433101",
+              "name": "吉首市"
+            },
+            {
+              "code": "433122",
+              "name": "泸溪县"
+            },
+            {
+              "code": "433123",
+              "name": "凤凰县"
+            },
+            {
+              "code": "433124",
+              "name": "花垣县"
+            },
+            {
+              "code": "433125",
+              "name": "保靖县"
+            },
+            {
+              "code": "433126",
+              "name": "古丈县"
+            },
+            {
+              "code": "433127",
+              "name": "永顺县"
+            },
+            {
+              "code": "433130",
+              "name": "龙山县"
+            },
+            {
+              "code": "433173",
+              "name": "湖南永顺经济开发区"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "44",
+      "name": "广东省",
+      "children": [
+        {
+          "code": "4401",
+          "name": "广州市",
+          "children": [
+            {
+              "code": "440103",
+              "name": "荔湾区"
+            },
+            {
+              "code": "440104",
+              "name": "越秀区"
+            },
+            {
+              "code": "440105",
+              "name": "海珠区"
+            },
+            {
+              "code": "440106",
+              "name": "天河区"
+            },
+            {
+              "code": "440111",
+              "name": "白云区"
+            },
+            {
+              "code": "440112",
+              "name": "黄埔区"
+            },
+            {
+              "code": "440113",
+              "name": "番禺区"
+            },
+            {
+              "code": "440114",
+              "name": "花都区"
+            },
+            {
+              "code": "440115",
+              "name": "南沙区"
+            },
+            {
+              "code": "440117",
+              "name": "从化区"
+            },
+            {
+              "code": "440118",
+              "name": "增城区"
+            }
+          ]
+        },
+        {
+          "code": "4402",
+          "name": "韶关市",
+          "children": [
+            {
+              "code": "440203",
+              "name": "武江区"
+            },
+            {
+              "code": "440204",
+              "name": "浈江区"
+            },
+            {
+              "code": "440205",
+              "name": "曲江区"
+            },
+            {
+              "code": "440222",
+              "name": "始兴县"
+            },
+            {
+              "code": "440224",
+              "name": "仁化县"
+            },
+            {
+              "code": "440229",
+              "name": "翁源县"
+            },
+            {
+              "code": "440232",
+              "name": "乳源瑶族自治县"
+            },
+            {
+              "code": "440233",
+              "name": "新丰县"
+            },
+            {
+              "code": "440281",
+              "name": "乐昌市"
+            },
+            {
+              "code": "440282",
+              "name": "南雄市"
+            }
+          ]
+        },
+        {
+          "code": "4403",
+          "name": "深圳市",
+          "children": [
+            {
+              "code": "440303",
+              "name": "罗湖区"
+            },
+            {
+              "code": "440304",
+              "name": "福田区"
+            },
+            {
+              "code": "440305",
+              "name": "南山区"
+            },
+            {
+              "code": "440306",
+              "name": "宝安区"
+            },
+            {
+              "code": "440307",
+              "name": "龙岗区"
+            },
+            {
+              "code": "440308",
+              "name": "盐田区"
+            },
+            {
+              "code": "440309",
+              "name": "龙华区"
+            },
+            {
+              "code": "440310",
+              "name": "坪山区"
+            },
+            {
+              "code": "440311",
+              "name": "光明区"
+            }
+          ]
+        },
+        {
+          "code": "4404",
+          "name": "珠海市",
+          "children": [
+            {
+              "code": "440402",
+              "name": "香洲区"
+            },
+            {
+              "code": "440403",
+              "name": "斗门区"
+            },
+            {
+              "code": "440404",
+              "name": "金湾区"
+            }
+          ]
+        },
+        {
+          "code": "4405",
+          "name": "汕头市",
+          "children": [
+            {
+              "code": "440507",
+              "name": "龙湖区"
+            },
+            {
+              "code": "440511",
+              "name": "金平区"
+            },
+            {
+              "code": "440512",
+              "name": "濠江区"
+            },
+            {
+              "code": "440513",
+              "name": "潮阳区"
+            },
+            {
+              "code": "440514",
+              "name": "潮南区"
+            },
+            {
+              "code": "440515",
+              "name": "澄海区"
+            },
+            {
+              "code": "440523",
+              "name": "南澳县"
+            }
+          ]
+        },
+        {
+          "code": "4406",
+          "name": "佛山市",
+          "children": [
+            {
+              "code": "440604",
+              "name": "禅城区"
+            },
+            {
+              "code": "440605",
+              "name": "南海区"
+            },
+            {
+              "code": "440606",
+              "name": "顺德区"
+            },
+            {
+              "code": "440607",
+              "name": "三水区"
+            },
+            {
+              "code": "440608",
+              "name": "高明区"
+            }
+          ]
+        },
+        {
+          "code": "4407",
+          "name": "江门市",
+          "children": [
+            {
+              "code": "440703",
+              "name": "蓬江区"
+            },
+            {
+              "code": "440704",
+              "name": "江海区"
+            },
+            {
+              "code": "440705",
+              "name": "新会区"
+            },
+            {
+              "code": "440781",
+              "name": "台山市"
+            },
+            {
+              "code": "440783",
+              "name": "开平市"
+            },
+            {
+              "code": "440784",
+              "name": "鹤山市"
+            },
+            {
+              "code": "440785",
+              "name": "恩平市"
+            }
+          ]
+        },
+        {
+          "code": "4408",
+          "name": "湛江市",
+          "children": [
+            {
+              "code": "440802",
+              "name": "赤坎区"
+            },
+            {
+              "code": "440803",
+              "name": "霞山区"
+            },
+            {
+              "code": "440804",
+              "name": "坡头区"
+            },
+            {
+              "code": "440811",
+              "name": "麻章区"
+            },
+            {
+              "code": "440823",
+              "name": "遂溪县"
+            },
+            {
+              "code": "440825",
+              "name": "徐闻县"
+            },
+            {
+              "code": "440881",
+              "name": "廉江市"
+            },
+            {
+              "code": "440882",
+              "name": "雷州市"
+            },
+            {
+              "code": "440883",
+              "name": "吴川市"
+            }
+          ]
+        },
+        {
+          "code": "4409",
+          "name": "茂名市",
+          "children": [
+            {
+              "code": "440902",
+              "name": "茂南区"
+            },
+            {
+              "code": "440904",
+              "name": "电白区"
+            },
+            {
+              "code": "440981",
+              "name": "高州市"
+            },
+            {
+              "code": "440982",
+              "name": "化州市"
+            },
+            {
+              "code": "440983",
+              "name": "信宜市"
+            }
+          ]
+        },
+        {
+          "code": "4412",
+          "name": "肇庆市",
+          "children": [
+            {
+              "code": "441202",
+              "name": "端州区"
+            },
+            {
+              "code": "441203",
+              "name": "鼎湖区"
+            },
+            {
+              "code": "441204",
+              "name": "高要区"
+            },
+            {
+              "code": "441223",
+              "name": "广宁县"
+            },
+            {
+              "code": "441224",
+              "name": "怀集县"
+            },
+            {
+              "code": "441225",
+              "name": "封开县"
+            },
+            {
+              "code": "441226",
+              "name": "德庆县"
+            },
+            {
+              "code": "441284",
+              "name": "四会市"
+            }
+          ]
+        },
+        {
+          "code": "4413",
+          "name": "惠州市",
+          "children": [
+            {
+              "code": "441302",
+              "name": "惠城区"
+            },
+            {
+              "code": "441303",
+              "name": "惠阳区"
+            },
+            {
+              "code": "441322",
+              "name": "博罗县"
+            },
+            {
+              "code": "441323",
+              "name": "惠东县"
+            },
+            {
+              "code": "441324",
+              "name": "龙门县"
+            }
+          ]
+        },
+        {
+          "code": "4414",
+          "name": "梅州市",
+          "children": [
+            {
+              "code": "441402",
+              "name": "梅江区"
+            },
+            {
+              "code": "441403",
+              "name": "梅县区"
+            },
+            {
+              "code": "441422",
+              "name": "大埔县"
+            },
+            {
+              "code": "441423",
+              "name": "丰顺县"
+            },
+            {
+              "code": "441424",
+              "name": "五华县"
+            },
+            {
+              "code": "441426",
+              "name": "平远县"
+            },
+            {
+              "code": "441427",
+              "name": "蕉岭县"
+            },
+            {
+              "code": "441481",
+              "name": "兴宁市"
+            }
+          ]
+        },
+        {
+          "code": "4415",
+          "name": "汕尾市",
+          "children": [
+            {
+              "code": "441502",
+              "name": "城区"
+            },
+            {
+              "code": "441521",
+              "name": "海丰县"
+            },
+            {
+              "code": "441523",
+              "name": "陆河县"
+            },
+            {
+              "code": "441581",
+              "name": "陆丰市"
+            }
+          ]
+        },
+        {
+          "code": "4416",
+          "name": "河源市",
+          "children": [
+            {
+              "code": "441602",
+              "name": "源城区"
+            },
+            {
+              "code": "441621",
+              "name": "紫金县"
+            },
+            {
+              "code": "441622",
+              "name": "龙川县"
+            },
+            {
+              "code": "441623",
+              "name": "连平县"
+            },
+            {
+              "code": "441624",
+              "name": "和平县"
+            },
+            {
+              "code": "441625",
+              "name": "东源县"
+            }
+          ]
+        },
+        {
+          "code": "4417",
+          "name": "阳江市",
+          "children": [
+            {
+              "code": "441702",
+              "name": "江城区"
+            },
+            {
+              "code": "441704",
+              "name": "阳东区"
+            },
+            {
+              "code": "441721",
+              "name": "阳西县"
+            },
+            {
+              "code": "441781",
+              "name": "阳春市"
+            }
+          ]
+        },
+        {
+          "code": "4418",
+          "name": "清远市",
+          "children": [
+            {
+              "code": "441802",
+              "name": "清城区"
+            },
+            {
+              "code": "441803",
+              "name": "清新区"
+            },
+            {
+              "code": "441821",
+              "name": "佛冈县"
+            },
+            {
+              "code": "441823",
+              "name": "阳山县"
+            },
+            {
+              "code": "441825",
+              "name": "连山壮族瑶族自治县"
+            },
+            {
+              "code": "441826",
+              "name": "连南瑶族自治县"
+            },
+            {
+              "code": "441881",
+              "name": "英德市"
+            },
+            {
+              "code": "441882",
+              "name": "连州市"
+            }
+          ]
+        },
+        {
+          "code": "4419",
+          "name": "东莞市",
+          "children": [
+            {
+              "code": "441900003",
+              "name": "东城街道"
+            },
+            {
+              "code": "441900004",
+              "name": "南城街道"
+            },
+            {
+              "code": "441900005",
+              "name": "万江街道"
+            },
+            {
+              "code": "441900006",
+              "name": "莞城街道"
+            },
+            {
+              "code": "441900101",
+              "name": "石碣镇"
+            },
+            {
+              "code": "441900102",
+              "name": "石龙镇"
+            },
+            {
+              "code": "441900103",
+              "name": "茶山镇"
+            },
+            {
+              "code": "441900104",
+              "name": "石排镇"
+            },
+            {
+              "code": "441900105",
+              "name": "企石镇"
+            },
+            {
+              "code": "441900106",
+              "name": "横沥镇"
+            },
+            {
+              "code": "441900107",
+              "name": "桥头镇"
+            },
+            {
+              "code": "441900108",
+              "name": "谢岗镇"
+            },
+            {
+              "code": "441900109",
+              "name": "东坑镇"
+            },
+            {
+              "code": "441900110",
+              "name": "常平镇"
+            },
+            {
+              "code": "441900111",
+              "name": "寮步镇"
+            },
+            {
+              "code": "441900112",
+              "name": "樟木头镇"
+            },
+            {
+              "code": "441900113",
+              "name": "大朗镇"
+            },
+            {
+              "code": "441900114",
+              "name": "黄江镇"
+            },
+            {
+              "code": "441900115",
+              "name": "清溪镇"
+            },
+            {
+              "code": "441900116",
+              "name": "塘厦镇"
+            },
+            {
+              "code": "441900117",
+              "name": "凤岗镇"
+            },
+            {
+              "code": "441900118",
+              "name": "大岭山镇"
+            },
+            {
+              "code": "441900119",
+              "name": "长安镇"
+            },
+            {
+              "code": "441900121",
+              "name": "虎门镇"
+            },
+            {
+              "code": "441900122",
+              "name": "厚街镇"
+            },
+            {
+              "code": "441900123",
+              "name": "沙田镇"
+            },
+            {
+              "code": "441900124",
+              "name": "道滘镇"
+            },
+            {
+              "code": "441900125",
+              "name": "洪梅镇"
+            },
+            {
+              "code": "441900126",
+              "name": "麻涌镇"
+            },
+            {
+              "code": "441900127",
+              "name": "望牛墩镇"
+            },
+            {
+              "code": "441900128",
+              "name": "中堂镇"
+            },
+            {
+              "code": "441900129",
+              "name": "高埗镇"
+            },
+            {
+              "code": "441900401",
+              "name": "松山湖"
+            },
+            {
+              "code": "441900402",
+              "name": "东莞港"
+            },
+            {
+              "code": "441900403",
+              "name": "东莞生态园"
+            }
+          ]
+        },
+        {
+          "code": "4420",
+          "name": "中山市",
+          "children": [
+            {
+              "code": "442000001",
+              "name": "石岐街道"
+            },
+            {
+              "code": "442000002",
+              "name": "东区街道"
+            },
+            {
+              "code": "442000003",
+              "name": "中山港街道"
+            },
+            {
+              "code": "442000004",
+              "name": "西区街道"
+            },
+            {
+              "code": "442000005",
+              "name": "南区街道"
+            },
+            {
+              "code": "442000006",
+              "name": "五桂山街道"
+            },
+            {
+              "code": "442000100",
+              "name": "小榄镇"
+            },
+            {
+              "code": "442000101",
+              "name": "黄圃镇"
+            },
+            {
+              "code": "442000102",
+              "name": "民众镇"
+            },
+            {
+              "code": "442000103",
+              "name": "东凤镇"
+            },
+            {
+              "code": "442000104",
+              "name": "东升镇"
+            },
+            {
+              "code": "442000105",
+              "name": "古镇镇"
+            },
+            {
+              "code": "442000106",
+              "name": "沙溪镇"
+            },
+            {
+              "code": "442000107",
+              "name": "坦洲镇"
+            },
+            {
+              "code": "442000108",
+              "name": "港口镇"
+            },
+            {
+              "code": "442000109",
+              "name": "三角镇"
+            },
+            {
+              "code": "442000110",
+              "name": "横栏镇"
+            },
+            {
+              "code": "442000111",
+              "name": "南头镇"
+            },
+            {
+              "code": "442000112",
+              "name": "阜沙镇"
+            },
+            {
+              "code": "442000113",
+              "name": "南朗镇"
+            },
+            {
+              "code": "442000114",
+              "name": "三乡镇"
+            },
+            {
+              "code": "442000115",
+              "name": "板芙镇"
+            },
+            {
+              "code": "442000116",
+              "name": "大涌镇"
+            },
+            {
+              "code": "442000117",
+              "name": "神湾镇"
+            }
+          ]
+        },
+        {
+          "code": "4451",
+          "name": "潮州市",
+          "children": [
+            {
+              "code": "445102",
+              "name": "湘桥区"
+            },
+            {
+              "code": "445103",
+              "name": "潮安区"
+            },
+            {
+              "code": "445122",
+              "name": "饶平县"
+            }
+          ]
+        },
+        {
+          "code": "4452",
+          "name": "揭阳市",
+          "children": [
+            {
+              "code": "445202",
+              "name": "榕城区"
+            },
+            {
+              "code": "445203",
+              "name": "揭东区"
+            },
+            {
+              "code": "445222",
+              "name": "揭西县"
+            },
+            {
+              "code": "445224",
+              "name": "惠来县"
+            },
+            {
+              "code": "445281",
+              "name": "普宁市"
+            }
+          ]
+        },
+        {
+          "code": "4453",
+          "name": "云浮市",
+          "children": [
+            {
+              "code": "445302",
+              "name": "云城区"
+            },
+            {
+              "code": "445303",
+              "name": "云安区"
+            },
+            {
+              "code": "445321",
+              "name": "新兴县"
+            },
+            {
+              "code": "445322",
+              "name": "郁南县"
+            },
+            {
+              "code": "445381",
+              "name": "罗定市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "45",
+      "name": "广西壮族自治区",
+      "children": [
+        {
+          "code": "4501",
+          "name": "南宁市",
+          "children": [
+            {
+              "code": "450102",
+              "name": "兴宁区"
+            },
+            {
+              "code": "450103",
+              "name": "青秀区"
+            },
+            {
+              "code": "450105",
+              "name": "江南区"
+            },
+            {
+              "code": "450107",
+              "name": "西乡塘区"
+            },
+            {
+              "code": "450108",
+              "name": "良庆区"
+            },
+            {
+              "code": "450109",
+              "name": "邕宁区"
+            },
+            {
+              "code": "450110",
+              "name": "武鸣区"
+            },
+            {
+              "code": "450123",
+              "name": "隆安县"
+            },
+            {
+              "code": "450124",
+              "name": "马山县"
+            },
+            {
+              "code": "450125",
+              "name": "上林县"
+            },
+            {
+              "code": "450126",
+              "name": "宾阳县"
+            },
+            {
+              "code": "450127",
+              "name": "横县"
+            }
+          ]
+        },
+        {
+          "code": "4502",
+          "name": "柳州市",
+          "children": [
+            {
+              "code": "450202",
+              "name": "城中区"
+            },
+            {
+              "code": "450203",
+              "name": "鱼峰区"
+            },
+            {
+              "code": "450204",
+              "name": "柳南区"
+            },
+            {
+              "code": "450205",
+              "name": "柳北区"
+            },
+            {
+              "code": "450206",
+              "name": "柳江区"
+            },
+            {
+              "code": "450222",
+              "name": "柳城县"
+            },
+            {
+              "code": "450223",
+              "name": "鹿寨县"
+            },
+            {
+              "code": "450224",
+              "name": "融安县"
+            },
+            {
+              "code": "450225",
+              "name": "融水苗族自治县"
+            },
+            {
+              "code": "450226",
+              "name": "三江侗族自治县"
+            }
+          ]
+        },
+        {
+          "code": "4503",
+          "name": "桂林市",
+          "children": [
+            {
+              "code": "450302",
+              "name": "秀峰区"
+            },
+            {
+              "code": "450303",
+              "name": "叠彩区"
+            },
+            {
+              "code": "450304",
+              "name": "象山区"
+            },
+            {
+              "code": "450305",
+              "name": "七星区"
+            },
+            {
+              "code": "450311",
+              "name": "雁山区"
+            },
+            {
+              "code": "450312",
+              "name": "临桂区"
+            },
+            {
+              "code": "450321",
+              "name": "阳朔县"
+            },
+            {
+              "code": "450323",
+              "name": "灵川县"
+            },
+            {
+              "code": "450324",
+              "name": "全州县"
+            },
+            {
+              "code": "450325",
+              "name": "兴安县"
+            },
+            {
+              "code": "450326",
+              "name": "永福县"
+            },
+            {
+              "code": "450327",
+              "name": "灌阳县"
+            },
+            {
+              "code": "450328",
+              "name": "龙胜各族自治县"
+            },
+            {
+              "code": "450329",
+              "name": "资源县"
+            },
+            {
+              "code": "450330",
+              "name": "平乐县"
+            },
+            {
+              "code": "450332",
+              "name": "恭城瑶族自治县"
+            },
+            {
+              "code": "450381",
+              "name": "荔浦市"
+            }
+          ]
+        },
+        {
+          "code": "4504",
+          "name": "梧州市",
+          "children": [
+            {
+              "code": "450403",
+              "name": "万秀区"
+            },
+            {
+              "code": "450405",
+              "name": "长洲区"
+            },
+            {
+              "code": "450406",
+              "name": "龙圩区"
+            },
+            {
+              "code": "450421",
+              "name": "苍梧县"
+            },
+            {
+              "code": "450422",
+              "name": "藤县"
+            },
+            {
+              "code": "450423",
+              "name": "蒙山县"
+            },
+            {
+              "code": "450481",
+              "name": "岑溪市"
+            }
+          ]
+        },
+        {
+          "code": "4505",
+          "name": "北海市",
+          "children": [
+            {
+              "code": "450502",
+              "name": "海城区"
+            },
+            {
+              "code": "450503",
+              "name": "银海区"
+            },
+            {
+              "code": "450512",
+              "name": "铁山港区"
+            },
+            {
+              "code": "450521",
+              "name": "合浦县"
+            }
+          ]
+        },
+        {
+          "code": "4506",
+          "name": "防城港市",
+          "children": [
+            {
+              "code": "450602",
+              "name": "港口区"
+            },
+            {
+              "code": "450603",
+              "name": "防城区"
+            },
+            {
+              "code": "450621",
+              "name": "上思县"
+            },
+            {
+              "code": "450681",
+              "name": "东兴市"
+            }
+          ]
+        },
+        {
+          "code": "4507",
+          "name": "钦州市",
+          "children": [
+            {
+              "code": "450702",
+              "name": "钦南区"
+            },
+            {
+              "code": "450703",
+              "name": "钦北区"
+            },
+            {
+              "code": "450721",
+              "name": "灵山县"
+            },
+            {
+              "code": "450722",
+              "name": "浦北县"
+            }
+          ]
+        },
+        {
+          "code": "4508",
+          "name": "贵港市",
+          "children": [
+            {
+              "code": "450802",
+              "name": "港北区"
+            },
+            {
+              "code": "450803",
+              "name": "港南区"
+            },
+            {
+              "code": "450804",
+              "name": "覃塘区"
+            },
+            {
+              "code": "450821",
+              "name": "平南县"
+            },
+            {
+              "code": "450881",
+              "name": "桂平市"
+            }
+          ]
+        },
+        {
+          "code": "4509",
+          "name": "玉林市",
+          "children": [
+            {
+              "code": "450902",
+              "name": "玉州区"
+            },
+            {
+              "code": "450903",
+              "name": "福绵区"
+            },
+            {
+              "code": "450921",
+              "name": "容县"
+            },
+            {
+              "code": "450922",
+              "name": "陆川县"
+            },
+            {
+              "code": "450923",
+              "name": "博白县"
+            },
+            {
+              "code": "450924",
+              "name": "兴业县"
+            },
+            {
+              "code": "450981",
+              "name": "北流市"
+            }
+          ]
+        },
+        {
+          "code": "4510",
+          "name": "百色市",
+          "children": [
+            {
+              "code": "451002",
+              "name": "右江区"
+            },
+            {
+              "code": "451003",
+              "name": "田阳区"
+            },
+            {
+              "code": "451022",
+              "name": "田东县"
+            },
+            {
+              "code": "451023",
+              "name": "平果县"
+            },
+            {
+              "code": "451024",
+              "name": "德保县"
+            },
+            {
+              "code": "451026",
+              "name": "那坡县"
+            },
+            {
+              "code": "451027",
+              "name": "凌云县"
+            },
+            {
+              "code": "451028",
+              "name": "乐业县"
+            },
+            {
+              "code": "451029",
+              "name": "田林县"
+            },
+            {
+              "code": "451030",
+              "name": "西林县"
+            },
+            {
+              "code": "451031",
+              "name": "隆林各族自治县"
+            },
+            {
+              "code": "451081",
+              "name": "靖西市"
+            }
+          ]
+        },
+        {
+          "code": "4511",
+          "name": "贺州市",
+          "children": [
+            {
+              "code": "451102",
+              "name": "八步区"
+            },
+            {
+              "code": "451103",
+              "name": "平桂区"
+            },
+            {
+              "code": "451121",
+              "name": "昭平县"
+            },
+            {
+              "code": "451122",
+              "name": "钟山县"
+            },
+            {
+              "code": "451123",
+              "name": "富川瑶族自治县"
+            }
+          ]
+        },
+        {
+          "code": "4512",
+          "name": "河池市",
+          "children": [
+            {
+              "code": "451202",
+              "name": "金城江区"
+            },
+            {
+              "code": "451203",
+              "name": "宜州区"
+            },
+            {
+              "code": "451221",
+              "name": "南丹县"
+            },
+            {
+              "code": "451222",
+              "name": "天峨县"
+            },
+            {
+              "code": "451223",
+              "name": "凤山县"
+            },
+            {
+              "code": "451224",
+              "name": "东兰县"
+            },
+            {
+              "code": "451225",
+              "name": "罗城仫佬族自治县"
+            },
+            {
+              "code": "451226",
+              "name": "环江毛南族自治县"
+            },
+            {
+              "code": "451227",
+              "name": "巴马瑶族自治县"
+            },
+            {
+              "code": "451228",
+              "name": "都安瑶族自治县"
+            },
+            {
+              "code": "451229",
+              "name": "大化瑶族自治县"
+            }
+          ]
+        },
+        {
+          "code": "4513",
+          "name": "来宾市",
+          "children": [
+            {
+              "code": "451302",
+              "name": "兴宾区"
+            },
+            {
+              "code": "451321",
+              "name": "忻城县"
+            },
+            {
+              "code": "451322",
+              "name": "象州县"
+            },
+            {
+              "code": "451323",
+              "name": "武宣县"
+            },
+            {
+              "code": "451324",
+              "name": "金秀瑶族自治县"
+            },
+            {
+              "code": "451381",
+              "name": "合山市"
+            }
+          ]
+        },
+        {
+          "code": "4514",
+          "name": "崇左市",
+          "children": [
+            {
+              "code": "451402",
+              "name": "江州区"
+            },
+            {
+              "code": "451421",
+              "name": "扶绥县"
+            },
+            {
+              "code": "451422",
+              "name": "宁明县"
+            },
+            {
+              "code": "451423",
+              "name": "龙州县"
+            },
+            {
+              "code": "451424",
+              "name": "大新县"
+            },
+            {
+              "code": "451425",
+              "name": "天等县"
+            },
+            {
+              "code": "451481",
+              "name": "凭祥市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "46",
+      "name": "海南省",
+      "children": [
+        {
+          "code": "4601",
+          "name": "海口市",
+          "children": [
+            {
+              "code": "460105",
+              "name": "秀英区"
+            },
+            {
+              "code": "460106",
+              "name": "龙华区"
+            },
+            {
+              "code": "460107",
+              "name": "琼山区"
+            },
+            {
+              "code": "460108",
+              "name": "美兰区"
+            }
+          ]
+        },
+        {
+          "code": "4602",
+          "name": "三亚市",
+          "children": [
+            {
+              "code": "460202",
+              "name": "海棠区"
+            },
+            {
+              "code": "460203",
+              "name": "吉阳区"
+            },
+            {
+              "code": "460204",
+              "name": "天涯区"
+            },
+            {
+              "code": "460205",
+              "name": "崖州区"
+            }
+          ]
+        },
+        {
+          "code": "4603",
+          "name": "三沙市",
+          "children": [
+            {
+              "code": "460321",
+              "name": "西沙群岛"
+            },
+            {
+              "code": "460322",
+              "name": "南沙群岛"
+            },
+            {
+              "code": "460323",
+              "name": "中沙群岛的岛礁及其海域"
+            }
+          ]
+        },
+        {
+          "code": "4604",
+          "name": "儋州市",
+          "children": [
+            {
+              "code": "460400100",
+              "name": "那大镇"
+            },
+            {
+              "code": "460400101",
+              "name": "和庆镇"
+            },
+            {
+              "code": "460400102",
+              "name": "南丰镇"
+            },
+            {
+              "code": "460400103",
+              "name": "大成镇"
+            },
+            {
+              "code": "460400104",
+              "name": "雅星镇"
+            },
+            {
+              "code": "460400105",
+              "name": "兰洋镇"
+            },
+            {
+              "code": "460400106",
+              "name": "光村镇"
+            },
+            {
+              "code": "460400107",
+              "name": "木棠镇"
+            },
+            {
+              "code": "460400108",
+              "name": "海头镇"
+            },
+            {
+              "code": "460400109",
+              "name": "峨蔓镇"
+            },
+            {
+              "code": "460400111",
+              "name": "王五镇"
+            },
+            {
+              "code": "460400112",
+              "name": "白马井镇"
+            },
+            {
+              "code": "460400113",
+              "name": "中和镇"
+            },
+            {
+              "code": "460400114",
+              "name": "排浦镇"
+            },
+            {
+              "code": "460400115",
+              "name": "东成镇"
+            },
+            {
+              "code": "460400116",
+              "name": "新州镇"
+            },
+            {
+              "code": "460400499",
+              "name": "洋浦经济开发区"
+            },
+            {
+              "code": "460400500",
+              "name": "华南热作学院"
+            }
+          ]
+        },
+        {
+          "code": "4690",
+          "name": "省直辖县级行政区划",
+          "children": [
+            {
+              "code": "469001",
+              "name": "五指山市"
+            },
+            {
+              "code": "469002",
+              "name": "琼海市"
+            },
+            {
+              "code": "469005",
+              "name": "文昌市"
+            },
+            {
+              "code": "469006",
+              "name": "万宁市"
+            },
+            {
+              "code": "469007",
+              "name": "东方市"
+            },
+            {
+              "code": "469021",
+              "name": "定安县"
+            },
+            {
+              "code": "469022",
+              "name": "屯昌县"
+            },
+            {
+              "code": "469023",
+              "name": "澄迈县"
+            },
+            {
+              "code": "469024",
+              "name": "临高县"
+            },
+            {
+              "code": "469025",
+              "name": "白沙黎族自治县"
+            },
+            {
+              "code": "469026",
+              "name": "昌江黎族自治县"
+            },
+            {
+              "code": "469027",
+              "name": "乐东黎族自治县"
+            },
+            {
+              "code": "469028",
+              "name": "陵水黎族自治县"
+            },
+            {
+              "code": "469029",
+              "name": "保亭黎族苗族自治县"
+            },
+            {
+              "code": "469030",
+              "name": "琼中黎族苗族自治县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "50",
+      "name": "重庆市",
+      "children": [
+        {
+          "code": "5001",
+          "name": "市辖区",
+          "children": [
+            {
+              "code": "500101",
+              "name": "万州区"
+            },
+            {
+              "code": "500102",
+              "name": "涪陵区"
+            },
+            {
+              "code": "500103",
+              "name": "渝中区"
+            },
+            {
+              "code": "500104",
+              "name": "大渡口区"
+            },
+            {
+              "code": "500105",
+              "name": "江北区"
+            },
+            {
+              "code": "500106",
+              "name": "沙坪坝区"
+            },
+            {
+              "code": "500107",
+              "name": "九龙坡区"
+            },
+            {
+              "code": "500108",
+              "name": "南岸区"
+            },
+            {
+              "code": "500109",
+              "name": "北碚区"
+            },
+            {
+              "code": "500110",
+              "name": "綦江区"
+            },
+            {
+              "code": "500111",
+              "name": "大足区"
+            },
+            {
+              "code": "500112",
+              "name": "渝北区"
+            },
+            {
+              "code": "500113",
+              "name": "巴南区"
+            },
+            {
+              "code": "500114",
+              "name": "黔江区"
+            },
+            {
+              "code": "500115",
+              "name": "长寿区"
+            },
+            {
+              "code": "500116",
+              "name": "江津区"
+            },
+            {
+              "code": "500117",
+              "name": "合川区"
+            },
+            {
+              "code": "500118",
+              "name": "永川区"
+            },
+            {
+              "code": "500119",
+              "name": "南川区"
+            },
+            {
+              "code": "500120",
+              "name": "璧山区"
+            },
+            {
+              "code": "500151",
+              "name": "铜梁区"
+            },
+            {
+              "code": "500152",
+              "name": "潼南区"
+            },
+            {
+              "code": "500153",
+              "name": "荣昌区"
+            },
+            {
+              "code": "500154",
+              "name": "开州区"
+            },
+            {
+              "code": "500155",
+              "name": "梁平区"
+            },
+            {
+              "code": "500156",
+              "name": "武隆区"
+            }
+          ]
+        },
+        {
+          "code": "5002",
+          "name": "县",
+          "children": [
+            {
+              "code": "500229",
+              "name": "城口县"
+            },
+            {
+              "code": "500230",
+              "name": "丰都县"
+            },
+            {
+              "code": "500231",
+              "name": "垫江县"
+            },
+            {
+              "code": "500233",
+              "name": "忠县"
+            },
+            {
+              "code": "500235",
+              "name": "云阳县"
+            },
+            {
+              "code": "500236",
+              "name": "奉节县"
+            },
+            {
+              "code": "500237",
+              "name": "巫山县"
+            },
+            {
+              "code": "500238",
+              "name": "巫溪县"
+            },
+            {
+              "code": "500240",
+              "name": "石柱土家族自治县"
+            },
+            {
+              "code": "500241",
+              "name": "秀山土家族苗族自治县"
+            },
+            {
+              "code": "500242",
+              "name": "酉阳土家族苗族自治县"
+            },
+            {
+              "code": "500243",
+              "name": "彭水苗族土家族自治县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "51",
+      "name": "四川省",
+      "children": [
+        {
+          "code": "5101",
+          "name": "成都市",
+          "children": [
+            {
+              "code": "510104",
+              "name": "锦江区"
+            },
+            {
+              "code": "510105",
+              "name": "青羊区"
+            },
+            {
+              "code": "510106",
+              "name": "金牛区"
+            },
+            {
+              "code": "510107",
+              "name": "武侯区"
+            },
+            {
+              "code": "510108",
+              "name": "成华区"
+            },
+            {
+              "code": "510112",
+              "name": "龙泉驿区"
+            },
+            {
+              "code": "510113",
+              "name": "青白江区"
+            },
+            {
+              "code": "510114",
+              "name": "新都区"
+            },
+            {
+              "code": "510115",
+              "name": "温江区"
+            },
+            {
+              "code": "510116",
+              "name": "双流区"
+            },
+            {
+              "code": "510117",
+              "name": "郫都区"
+            },
+            {
+              "code": "510121",
+              "name": "金堂县"
+            },
+            {
+              "code": "510129",
+              "name": "大邑县"
+            },
+            {
+              "code": "510131",
+              "name": "蒲江县"
+            },
+            {
+              "code": "510132",
+              "name": "新津县"
+            },
+            {
+              "code": "510181",
+              "name": "都江堰市"
+            },
+            {
+              "code": "510182",
+              "name": "彭州市"
+            },
+            {
+              "code": "510183",
+              "name": "邛崃市"
+            },
+            {
+              "code": "510184",
+              "name": "崇州市"
+            },
+            {
+              "code": "510185",
+              "name": "简阳市"
+            }
+          ]
+        },
+        {
+          "code": "5103",
+          "name": "自贡市",
+          "children": [
+            {
+              "code": "510302",
+              "name": "自流井区"
+            },
+            {
+              "code": "510303",
+              "name": "贡井区"
+            },
+            {
+              "code": "510304",
+              "name": "大安区"
+            },
+            {
+              "code": "510311",
+              "name": "沿滩区"
+            },
+            {
+              "code": "510321",
+              "name": "荣县"
+            },
+            {
+              "code": "510322",
+              "name": "富顺县"
+            }
+          ]
+        },
+        {
+          "code": "5104",
+          "name": "攀枝花市",
+          "children": [
+            {
+              "code": "510402",
+              "name": "东区"
+            },
+            {
+              "code": "510403",
+              "name": "西区"
+            },
+            {
+              "code": "510411",
+              "name": "仁和区"
+            },
+            {
+              "code": "510421",
+              "name": "米易县"
+            },
+            {
+              "code": "510422",
+              "name": "盐边县"
+            }
+          ]
+        },
+        {
+          "code": "5105",
+          "name": "泸州市",
+          "children": [
+            {
+              "code": "510502",
+              "name": "江阳区"
+            },
+            {
+              "code": "510503",
+              "name": "纳溪区"
+            },
+            {
+              "code": "510504",
+              "name": "龙马潭区"
+            },
+            {
+              "code": "510521",
+              "name": "泸县"
+            },
+            {
+              "code": "510522",
+              "name": "合江县"
+            },
+            {
+              "code": "510524",
+              "name": "叙永县"
+            },
+            {
+              "code": "510525",
+              "name": "古蔺县"
+            }
+          ]
+        },
+        {
+          "code": "5106",
+          "name": "德阳市",
+          "children": [
+            {
+              "code": "510603",
+              "name": "旌阳区"
+            },
+            {
+              "code": "510604",
+              "name": "罗江区"
+            },
+            {
+              "code": "510623",
+              "name": "中江县"
+            },
+            {
+              "code": "510681",
+              "name": "广汉市"
+            },
+            {
+              "code": "510682",
+              "name": "什邡市"
+            },
+            {
+              "code": "510683",
+              "name": "绵竹市"
+            }
+          ]
+        },
+        {
+          "code": "5107",
+          "name": "绵阳市",
+          "children": [
+            {
+              "code": "510703",
+              "name": "涪城区"
+            },
+            {
+              "code": "510704",
+              "name": "游仙区"
+            },
+            {
+              "code": "510705",
+              "name": "安州区"
+            },
+            {
+              "code": "510722",
+              "name": "三台县"
+            },
+            {
+              "code": "510723",
+              "name": "盐亭县"
+            },
+            {
+              "code": "510725",
+              "name": "梓潼县"
+            },
+            {
+              "code": "510726",
+              "name": "北川羌族自治县"
+            },
+            {
+              "code": "510727",
+              "name": "平武县"
+            },
+            {
+              "code": "510781",
+              "name": "江油市"
+            }
+          ]
+        },
+        {
+          "code": "5108",
+          "name": "广元市",
+          "children": [
+            {
+              "code": "510802",
+              "name": "利州区"
+            },
+            {
+              "code": "510811",
+              "name": "昭化区"
+            },
+            {
+              "code": "510812",
+              "name": "朝天区"
+            },
+            {
+              "code": "510821",
+              "name": "旺苍县"
+            },
+            {
+              "code": "510822",
+              "name": "青川县"
+            },
+            {
+              "code": "510823",
+              "name": "剑阁县"
+            },
+            {
+              "code": "510824",
+              "name": "苍溪县"
+            }
+          ]
+        },
+        {
+          "code": "5109",
+          "name": "遂宁市",
+          "children": [
+            {
+              "code": "510903",
+              "name": "船山区"
+            },
+            {
+              "code": "510904",
+              "name": "安居区"
+            },
+            {
+              "code": "510921",
+              "name": "蓬溪县"
+            },
+            {
+              "code": "510923",
+              "name": "大英县"
+            },
+            {
+              "code": "510981",
+              "name": "射洪市"
+            }
+          ]
+        },
+        {
+          "code": "5110",
+          "name": "内江市",
+          "children": [
+            {
+              "code": "511002",
+              "name": "市中区"
+            },
+            {
+              "code": "511011",
+              "name": "东兴区"
+            },
+            {
+              "code": "511024",
+              "name": "威远县"
+            },
+            {
+              "code": "511025",
+              "name": "资中县"
+            },
+            {
+              "code": "511071",
+              "name": "内江经济开发区"
+            },
+            {
+              "code": "511083",
+              "name": "隆昌市"
+            }
+          ]
+        },
+        {
+          "code": "5111",
+          "name": "乐山市",
+          "children": [
+            {
+              "code": "511102",
+              "name": "市中区"
+            },
+            {
+              "code": "511111",
+              "name": "沙湾区"
+            },
+            {
+              "code": "511112",
+              "name": "五通桥区"
+            },
+            {
+              "code": "511113",
+              "name": "金口河区"
+            },
+            {
+              "code": "511123",
+              "name": "犍为县"
+            },
+            {
+              "code": "511124",
+              "name": "井研县"
+            },
+            {
+              "code": "511126",
+              "name": "夹江县"
+            },
+            {
+              "code": "511129",
+              "name": "沐川县"
+            },
+            {
+              "code": "511132",
+              "name": "峨边彝族自治县"
+            },
+            {
+              "code": "511133",
+              "name": "马边彝族自治县"
+            },
+            {
+              "code": "511181",
+              "name": "峨眉山市"
+            }
+          ]
+        },
+        {
+          "code": "5113",
+          "name": "南充市",
+          "children": [
+            {
+              "code": "511302",
+              "name": "顺庆区"
+            },
+            {
+              "code": "511303",
+              "name": "高坪区"
+            },
+            {
+              "code": "511304",
+              "name": "嘉陵区"
+            },
+            {
+              "code": "511321",
+              "name": "南部县"
+            },
+            {
+              "code": "511322",
+              "name": "营山县"
+            },
+            {
+              "code": "511323",
+              "name": "蓬安县"
+            },
+            {
+              "code": "511324",
+              "name": "仪陇县"
+            },
+            {
+              "code": "511325",
+              "name": "西充县"
+            },
+            {
+              "code": "511381",
+              "name": "阆中市"
+            }
+          ]
+        },
+        {
+          "code": "5114",
+          "name": "眉山市",
+          "children": [
+            {
+              "code": "511402",
+              "name": "东坡区"
+            },
+            {
+              "code": "511403",
+              "name": "彭山区"
+            },
+            {
+              "code": "511421",
+              "name": "仁寿县"
+            },
+            {
+              "code": "511423",
+              "name": "洪雅县"
+            },
+            {
+              "code": "511424",
+              "name": "丹棱县"
+            },
+            {
+              "code": "511425",
+              "name": "青神县"
+            }
+          ]
+        },
+        {
+          "code": "5115",
+          "name": "宜宾市",
+          "children": [
+            {
+              "code": "511502",
+              "name": "翠屏区"
+            },
+            {
+              "code": "511503",
+              "name": "南溪区"
+            },
+            {
+              "code": "511504",
+              "name": "叙州区"
+            },
+            {
+              "code": "511523",
+              "name": "江安县"
+            },
+            {
+              "code": "511524",
+              "name": "长宁县"
+            },
+            {
+              "code": "511525",
+              "name": "高县"
+            },
+            {
+              "code": "511526",
+              "name": "珙县"
+            },
+            {
+              "code": "511527",
+              "name": "筠连县"
+            },
+            {
+              "code": "511528",
+              "name": "兴文县"
+            },
+            {
+              "code": "511529",
+              "name": "屏山县"
+            }
+          ]
+        },
+        {
+          "code": "5116",
+          "name": "广安市",
+          "children": [
+            {
+              "code": "511602",
+              "name": "广安区"
+            },
+            {
+              "code": "511603",
+              "name": "前锋区"
+            },
+            {
+              "code": "511621",
+              "name": "岳池县"
+            },
+            {
+              "code": "511622",
+              "name": "武胜县"
+            },
+            {
+              "code": "511623",
+              "name": "邻水县"
+            },
+            {
+              "code": "511681",
+              "name": "华蓥市"
+            }
+          ]
+        },
+        {
+          "code": "5117",
+          "name": "达州市",
+          "children": [
+            {
+              "code": "511702",
+              "name": "通川区"
+            },
+            {
+              "code": "511703",
+              "name": "达川区"
+            },
+            {
+              "code": "511722",
+              "name": "宣汉县"
+            },
+            {
+              "code": "511723",
+              "name": "开江县"
+            },
+            {
+              "code": "511724",
+              "name": "大竹县"
+            },
+            {
+              "code": "511725",
+              "name": "渠县"
+            },
+            {
+              "code": "511771",
+              "name": "达州经济开发区"
+            },
+            {
+              "code": "511781",
+              "name": "万源市"
+            }
+          ]
+        },
+        {
+          "code": "5118",
+          "name": "雅安市",
+          "children": [
+            {
+              "code": "511802",
+              "name": "雨城区"
+            },
+            {
+              "code": "511803",
+              "name": "名山区"
+            },
+            {
+              "code": "511822",
+              "name": "荥经县"
+            },
+            {
+              "code": "511823",
+              "name": "汉源县"
+            },
+            {
+              "code": "511824",
+              "name": "石棉县"
+            },
+            {
+              "code": "511825",
+              "name": "天全县"
+            },
+            {
+              "code": "511826",
+              "name": "芦山县"
+            },
+            {
+              "code": "511827",
+              "name": "宝兴县"
+            }
+          ]
+        },
+        {
+          "code": "5119",
+          "name": "巴中市",
+          "children": [
+            {
+              "code": "511902",
+              "name": "巴州区"
+            },
+            {
+              "code": "511903",
+              "name": "恩阳区"
+            },
+            {
+              "code": "511921",
+              "name": "通江县"
+            },
+            {
+              "code": "511922",
+              "name": "南江县"
+            },
+            {
+              "code": "511923",
+              "name": "平昌县"
+            },
+            {
+              "code": "511971",
+              "name": "巴中经济开发区"
+            }
+          ]
+        },
+        {
+          "code": "5120",
+          "name": "资阳市",
+          "children": [
+            {
+              "code": "512002",
+              "name": "雁江区"
+            },
+            {
+              "code": "512021",
+              "name": "安岳县"
+            },
+            {
+              "code": "512022",
+              "name": "乐至县"
+            }
+          ]
+        },
+        {
+          "code": "5132",
+          "name": "阿坝藏族羌族自治州",
+          "children": [
+            {
+              "code": "513201",
+              "name": "马尔康市"
+            },
+            {
+              "code": "513221",
+              "name": "汶川县"
+            },
+            {
+              "code": "513222",
+              "name": "理县"
+            },
+            {
+              "code": "513223",
+              "name": "茂县"
+            },
+            {
+              "code": "513224",
+              "name": "松潘县"
+            },
+            {
+              "code": "513225",
+              "name": "九寨沟县"
+            },
+            {
+              "code": "513226",
+              "name": "金川县"
+            },
+            {
+              "code": "513227",
+              "name": "小金县"
+            },
+            {
+              "code": "513228",
+              "name": "黑水县"
+            },
+            {
+              "code": "513230",
+              "name": "壤塘县"
+            },
+            {
+              "code": "513231",
+              "name": "阿坝县"
+            },
+            {
+              "code": "513232",
+              "name": "若尔盖县"
+            },
+            {
+              "code": "513233",
+              "name": "红原县"
+            }
+          ]
+        },
+        {
+          "code": "5133",
+          "name": "甘孜藏族自治州",
+          "children": [
+            {
+              "code": "513301",
+              "name": "康定市"
+            },
+            {
+              "code": "513322",
+              "name": "泸定县"
+            },
+            {
+              "code": "513323",
+              "name": "丹巴县"
+            },
+            {
+              "code": "513324",
+              "name": "九龙县"
+            },
+            {
+              "code": "513325",
+              "name": "雅江县"
+            },
+            {
+              "code": "513326",
+              "name": "道孚县"
+            },
+            {
+              "code": "513327",
+              "name": "炉霍县"
+            },
+            {
+              "code": "513328",
+              "name": "甘孜县"
+            },
+            {
+              "code": "513329",
+              "name": "新龙县"
+            },
+            {
+              "code": "513330",
+              "name": "德格县"
+            },
+            {
+              "code": "513331",
+              "name": "白玉县"
+            },
+            {
+              "code": "513332",
+              "name": "石渠县"
+            },
+            {
+              "code": "513333",
+              "name": "色达县"
+            },
+            {
+              "code": "513334",
+              "name": "理塘县"
+            },
+            {
+              "code": "513335",
+              "name": "巴塘县"
+            },
+            {
+              "code": "513336",
+              "name": "乡城县"
+            },
+            {
+              "code": "513337",
+              "name": "稻城县"
+            },
+            {
+              "code": "513338",
+              "name": "得荣县"
+            }
+          ]
+        },
+        {
+          "code": "5134",
+          "name": "凉山彝族自治州",
+          "children": [
+            {
+              "code": "513401",
+              "name": "西昌市"
+            },
+            {
+              "code": "513422",
+              "name": "木里藏族自治县"
+            },
+            {
+              "code": "513423",
+              "name": "盐源县"
+            },
+            {
+              "code": "513424",
+              "name": "德昌县"
+            },
+            {
+              "code": "513425",
+              "name": "会理县"
+            },
+            {
+              "code": "513426",
+              "name": "会东县"
+            },
+            {
+              "code": "513427",
+              "name": "宁南县"
+            },
+            {
+              "code": "513428",
+              "name": "普格县"
+            },
+            {
+              "code": "513429",
+              "name": "布拖县"
+            },
+            {
+              "code": "513430",
+              "name": "金阳县"
+            },
+            {
+              "code": "513431",
+              "name": "昭觉县"
+            },
+            {
+              "code": "513432",
+              "name": "喜德县"
+            },
+            {
+              "code": "513433",
+              "name": "冕宁县"
+            },
+            {
+              "code": "513434",
+              "name": "越西县"
+            },
+            {
+              "code": "513435",
+              "name": "甘洛县"
+            },
+            {
+              "code": "513436",
+              "name": "美姑县"
+            },
+            {
+              "code": "513437",
+              "name": "雷波县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "52",
+      "name": "贵州省",
+      "children": [
+        {
+          "code": "5201",
+          "name": "贵阳市",
+          "children": [
+            {
+              "code": "520102",
+              "name": "南明区"
+            },
+            {
+              "code": "520103",
+              "name": "云岩区"
+            },
+            {
+              "code": "520111",
+              "name": "花溪区"
+            },
+            {
+              "code": "520112",
+              "name": "乌当区"
+            },
+            {
+              "code": "520113",
+              "name": "白云区"
+            },
+            {
+              "code": "520115",
+              "name": "观山湖区"
+            },
+            {
+              "code": "520121",
+              "name": "开阳县"
+            },
+            {
+              "code": "520122",
+              "name": "息烽县"
+            },
+            {
+              "code": "520123",
+              "name": "修文县"
+            },
+            {
+              "code": "520181",
+              "name": "清镇市"
+            }
+          ]
+        },
+        {
+          "code": "5202",
+          "name": "六盘水市",
+          "children": [
+            {
+              "code": "520201",
+              "name": "钟山区"
+            },
+            {
+              "code": "520203",
+              "name": "六枝特区"
+            },
+            {
+              "code": "520221",
+              "name": "水城县"
+            },
+            {
+              "code": "520281",
+              "name": "盘州市"
+            }
+          ]
+        },
+        {
+          "code": "5203",
+          "name": "遵义市",
+          "children": [
+            {
+              "code": "520302",
+              "name": "红花岗区"
+            },
+            {
+              "code": "520303",
+              "name": "汇川区"
+            },
+            {
+              "code": "520304",
+              "name": "播州区"
+            },
+            {
+              "code": "520322",
+              "name": "桐梓县"
+            },
+            {
+              "code": "520323",
+              "name": "绥阳县"
+            },
+            {
+              "code": "520324",
+              "name": "正安县"
+            },
+            {
+              "code": "520325",
+              "name": "道真仡佬族苗族自治县"
+            },
+            {
+              "code": "520326",
+              "name": "务川仡佬族苗族自治县"
+            },
+            {
+              "code": "520327",
+              "name": "凤冈县"
+            },
+            {
+              "code": "520328",
+              "name": "湄潭县"
+            },
+            {
+              "code": "520329",
+              "name": "余庆县"
+            },
+            {
+              "code": "520330",
+              "name": "习水县"
+            },
+            {
+              "code": "520381",
+              "name": "赤水市"
+            },
+            {
+              "code": "520382",
+              "name": "仁怀市"
+            }
+          ]
+        },
+        {
+          "code": "5204",
+          "name": "安顺市",
+          "children": [
+            {
+              "code": "520402",
+              "name": "西秀区"
+            },
+            {
+              "code": "520403",
+              "name": "平坝区"
+            },
+            {
+              "code": "520422",
+              "name": "普定县"
+            },
+            {
+              "code": "520423",
+              "name": "镇宁布依族苗族自治县"
+            },
+            {
+              "code": "520424",
+              "name": "关岭布依族苗族自治县"
+            },
+            {
+              "code": "520425",
+              "name": "紫云苗族布依族自治县"
+            }
+          ]
+        },
+        {
+          "code": "5205",
+          "name": "毕节市",
+          "children": [
+            {
+              "code": "520502",
+              "name": "七星关区"
+            },
+            {
+              "code": "520521",
+              "name": "大方县"
+            },
+            {
+              "code": "520522",
+              "name": "黔西县"
+            },
+            {
+              "code": "520523",
+              "name": "金沙县"
+            },
+            {
+              "code": "520524",
+              "name": "织金县"
+            },
+            {
+              "code": "520525",
+              "name": "纳雍县"
+            },
+            {
+              "code": "520526",
+              "name": "威宁彝族回族苗族自治县"
+            },
+            {
+              "code": "520527",
+              "name": "赫章县"
+            }
+          ]
+        },
+        {
+          "code": "5206",
+          "name": "铜仁市",
+          "children": [
+            {
+              "code": "520602",
+              "name": "碧江区"
+            },
+            {
+              "code": "520603",
+              "name": "万山区"
+            },
+            {
+              "code": "520621",
+              "name": "江口县"
+            },
+            {
+              "code": "520622",
+              "name": "玉屏侗族自治县"
+            },
+            {
+              "code": "520623",
+              "name": "石阡县"
+            },
+            {
+              "code": "520624",
+              "name": "思南县"
+            },
+            {
+              "code": "520625",
+              "name": "印江土家族苗族自治县"
+            },
+            {
+              "code": "520626",
+              "name": "德江县"
+            },
+            {
+              "code": "520627",
+              "name": "沿河土家族自治县"
+            },
+            {
+              "code": "520628",
+              "name": "松桃苗族自治县"
+            }
+          ]
+        },
+        {
+          "code": "5223",
+          "name": "黔西南布依族苗族自治州",
+          "children": [
+            {
+              "code": "522301",
+              "name": "兴义市"
+            },
+            {
+              "code": "522302",
+              "name": "兴仁市"
+            },
+            {
+              "code": "522323",
+              "name": "普安县"
+            },
+            {
+              "code": "522324",
+              "name": "晴隆县"
+            },
+            {
+              "code": "522325",
+              "name": "贞丰县"
+            },
+            {
+              "code": "522326",
+              "name": "望谟县"
+            },
+            {
+              "code": "522327",
+              "name": "册亨县"
+            },
+            {
+              "code": "522328",
+              "name": "安龙县"
+            }
+          ]
+        },
+        {
+          "code": "5226",
+          "name": "黔东南苗族侗族自治州",
+          "children": [
+            {
+              "code": "522601",
+              "name": "凯里市"
+            },
+            {
+              "code": "522622",
+              "name": "黄平县"
+            },
+            {
+              "code": "522623",
+              "name": "施秉县"
+            },
+            {
+              "code": "522624",
+              "name": "三穗县"
+            },
+            {
+              "code": "522625",
+              "name": "镇远县"
+            },
+            {
+              "code": "522626",
+              "name": "岑巩县"
+            },
+            {
+              "code": "522627",
+              "name": "天柱县"
+            },
+            {
+              "code": "522628",
+              "name": "锦屏县"
+            },
+            {
+              "code": "522629",
+              "name": "剑河县"
+            },
+            {
+              "code": "522630",
+              "name": "台江县"
+            },
+            {
+              "code": "522631",
+              "name": "黎平县"
+            },
+            {
+              "code": "522632",
+              "name": "榕江县"
+            },
+            {
+              "code": "522633",
+              "name": "从江县"
+            },
+            {
+              "code": "522634",
+              "name": "雷山县"
+            },
+            {
+              "code": "522635",
+              "name": "麻江县"
+            },
+            {
+              "code": "522636",
+              "name": "丹寨县"
+            }
+          ]
+        },
+        {
+          "code": "5227",
+          "name": "黔南布依族苗族自治州",
+          "children": [
+            {
+              "code": "522701",
+              "name": "都匀市"
+            },
+            {
+              "code": "522702",
+              "name": "福泉市"
+            },
+            {
+              "code": "522722",
+              "name": "荔波县"
+            },
+            {
+              "code": "522723",
+              "name": "贵定县"
+            },
+            {
+              "code": "522725",
+              "name": "瓮安县"
+            },
+            {
+              "code": "522726",
+              "name": "独山县"
+            },
+            {
+              "code": "522727",
+              "name": "平塘县"
+            },
+            {
+              "code": "522728",
+              "name": "罗甸县"
+            },
+            {
+              "code": "522729",
+              "name": "长顺县"
+            },
+            {
+              "code": "522730",
+              "name": "龙里县"
+            },
+            {
+              "code": "522731",
+              "name": "惠水县"
+            },
+            {
+              "code": "522732",
+              "name": "三都水族自治县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "53",
+      "name": "云南省",
+      "children": [
+        {
+          "code": "5301",
+          "name": "昆明市",
+          "children": [
+            {
+              "code": "530102",
+              "name": "五华区"
+            },
+            {
+              "code": "530103",
+              "name": "盘龙区"
+            },
+            {
+              "code": "530111",
+              "name": "官渡区"
+            },
+            {
+              "code": "530112",
+              "name": "西山区"
+            },
+            {
+              "code": "530113",
+              "name": "东川区"
+            },
+            {
+              "code": "530114",
+              "name": "呈贡区"
+            },
+            {
+              "code": "530115",
+              "name": "晋宁区"
+            },
+            {
+              "code": "530124",
+              "name": "富民县"
+            },
+            {
+              "code": "530125",
+              "name": "宜良县"
+            },
+            {
+              "code": "530126",
+              "name": "石林彝族自治县"
+            },
+            {
+              "code": "530127",
+              "name": "嵩明县"
+            },
+            {
+              "code": "530128",
+              "name": "禄劝彝族苗族自治县"
+            },
+            {
+              "code": "530129",
+              "name": "寻甸回族彝族自治县"
+            },
+            {
+              "code": "530181",
+              "name": "安宁市"
+            }
+          ]
+        },
+        {
+          "code": "5303",
+          "name": "曲靖市",
+          "children": [
+            {
+              "code": "530302",
+              "name": "麒麟区"
+            },
+            {
+              "code": "530303",
+              "name": "沾益区"
+            },
+            {
+              "code": "530304",
+              "name": "马龙区"
+            },
+            {
+              "code": "530322",
+              "name": "陆良县"
+            },
+            {
+              "code": "530323",
+              "name": "师宗县"
+            },
+            {
+              "code": "530324",
+              "name": "罗平县"
+            },
+            {
+              "code": "530325",
+              "name": "富源县"
+            },
+            {
+              "code": "530326",
+              "name": "会泽县"
+            },
+            {
+              "code": "530381",
+              "name": "宣威市"
+            }
+          ]
+        },
+        {
+          "code": "5304",
+          "name": "玉溪市",
+          "children": [
+            {
+              "code": "530402",
+              "name": "红塔区"
+            },
+            {
+              "code": "530403",
+              "name": "江川区"
+            },
+            {
+              "code": "530422",
+              "name": "澄江县"
+            },
+            {
+              "code": "530423",
+              "name": "通海县"
+            },
+            {
+              "code": "530424",
+              "name": "华宁县"
+            },
+            {
+              "code": "530425",
+              "name": "易门县"
+            },
+            {
+              "code": "530426",
+              "name": "峨山彝族自治县"
+            },
+            {
+              "code": "530427",
+              "name": "新平彝族傣族自治县"
+            },
+            {
+              "code": "530428",
+              "name": "元江哈尼族彝族傣族自治县"
+            }
+          ]
+        },
+        {
+          "code": "5305",
+          "name": "保山市",
+          "children": [
+            {
+              "code": "530502",
+              "name": "隆阳区"
+            },
+            {
+              "code": "530521",
+              "name": "施甸县"
+            },
+            {
+              "code": "530523",
+              "name": "龙陵县"
+            },
+            {
+              "code": "530524",
+              "name": "昌宁县"
+            },
+            {
+              "code": "530581",
+              "name": "腾冲市"
+            }
+          ]
+        },
+        {
+          "code": "5306",
+          "name": "昭通市",
+          "children": [
+            {
+              "code": "530602",
+              "name": "昭阳区"
+            },
+            {
+              "code": "530621",
+              "name": "鲁甸县"
+            },
+            {
+              "code": "530622",
+              "name": "巧家县"
+            },
+            {
+              "code": "530623",
+              "name": "盐津县"
+            },
+            {
+              "code": "530624",
+              "name": "大关县"
+            },
+            {
+              "code": "530625",
+              "name": "永善县"
+            },
+            {
+              "code": "530626",
+              "name": "绥江县"
+            },
+            {
+              "code": "530627",
+              "name": "镇雄县"
+            },
+            {
+              "code": "530628",
+              "name": "彝良县"
+            },
+            {
+              "code": "530629",
+              "name": "威信县"
+            },
+            {
+              "code": "530681",
+              "name": "水富市"
+            }
+          ]
+        },
+        {
+          "code": "5307",
+          "name": "丽江市",
+          "children": [
+            {
+              "code": "530702",
+              "name": "古城区"
+            },
+            {
+              "code": "530721",
+              "name": "玉龙纳西族自治县"
+            },
+            {
+              "code": "530722",
+              "name": "永胜县"
+            },
+            {
+              "code": "530723",
+              "name": "华坪县"
+            },
+            {
+              "code": "530724",
+              "name": "宁蒗彝族自治县"
+            }
+          ]
+        },
+        {
+          "code": "5308",
+          "name": "普洱市",
+          "children": [
+            {
+              "code": "530802",
+              "name": "思茅区"
+            },
+            {
+              "code": "530821",
+              "name": "宁洱哈尼族彝族自治县"
+            },
+            {
+              "code": "530822",
+              "name": "墨江哈尼族自治县"
+            },
+            {
+              "code": "530823",
+              "name": "景东彝族自治县"
+            },
+            {
+              "code": "530824",
+              "name": "景谷傣族彝族自治县"
+            },
+            {
+              "code": "530825",
+              "name": "镇沅彝族哈尼族拉祜族自治县"
+            },
+            {
+              "code": "530826",
+              "name": "江城哈尼族彝族自治县"
+            },
+            {
+              "code": "530827",
+              "name": "孟连傣族拉祜族佤族自治县"
+            },
+            {
+              "code": "530828",
+              "name": "澜沧拉祜族自治县"
+            },
+            {
+              "code": "530829",
+              "name": "西盟佤族自治县"
+            }
+          ]
+        },
+        {
+          "code": "5309",
+          "name": "临沧市",
+          "children": [
+            {
+              "code": "530902",
+              "name": "临翔区"
+            },
+            {
+              "code": "530921",
+              "name": "凤庆县"
+            },
+            {
+              "code": "530922",
+              "name": "云县"
+            },
+            {
+              "code": "530923",
+              "name": "永德县"
+            },
+            {
+              "code": "530924",
+              "name": "镇康县"
+            },
+            {
+              "code": "530925",
+              "name": "双江拉祜族佤族布朗族傣族自治县"
+            },
+            {
+              "code": "530926",
+              "name": "耿马傣族佤族自治县"
+            },
+            {
+              "code": "530927",
+              "name": "沧源佤族自治县"
+            }
+          ]
+        },
+        {
+          "code": "5323",
+          "name": "楚雄彝族自治州",
+          "children": [
+            {
+              "code": "532301",
+              "name": "楚雄市"
+            },
+            {
+              "code": "532322",
+              "name": "双柏县"
+            },
+            {
+              "code": "532323",
+              "name": "牟定县"
+            },
+            {
+              "code": "532324",
+              "name": "南华县"
+            },
+            {
+              "code": "532325",
+              "name": "姚安县"
+            },
+            {
+              "code": "532326",
+              "name": "大姚县"
+            },
+            {
+              "code": "532327",
+              "name": "永仁县"
+            },
+            {
+              "code": "532328",
+              "name": "元谋县"
+            },
+            {
+              "code": "532329",
+              "name": "武定县"
+            },
+            {
+              "code": "532331",
+              "name": "禄丰县"
+            }
+          ]
+        },
+        {
+          "code": "5325",
+          "name": "红河哈尼族彝族自治州",
+          "children": [
+            {
+              "code": "532501",
+              "name": "个旧市"
+            },
+            {
+              "code": "532502",
+              "name": "开远市"
+            },
+            {
+              "code": "532503",
+              "name": "蒙自市"
+            },
+            {
+              "code": "532504",
+              "name": "弥勒市"
+            },
+            {
+              "code": "532523",
+              "name": "屏边苗族自治县"
+            },
+            {
+              "code": "532524",
+              "name": "建水县"
+            },
+            {
+              "code": "532525",
+              "name": "石屏县"
+            },
+            {
+              "code": "532527",
+              "name": "泸西县"
+            },
+            {
+              "code": "532528",
+              "name": "元阳县"
+            },
+            {
+              "code": "532529",
+              "name": "红河县"
+            },
+            {
+              "code": "532530",
+              "name": "金平苗族瑶族傣族自治县"
+            },
+            {
+              "code": "532531",
+              "name": "绿春县"
+            },
+            {
+              "code": "532532",
+              "name": "河口瑶族自治县"
+            }
+          ]
+        },
+        {
+          "code": "5326",
+          "name": "文山壮族苗族自治州",
+          "children": [
+            {
+              "code": "532601",
+              "name": "文山市"
+            },
+            {
+              "code": "532622",
+              "name": "砚山县"
+            },
+            {
+              "code": "532623",
+              "name": "西畴县"
+            },
+            {
+              "code": "532624",
+              "name": "麻栗坡县"
+            },
+            {
+              "code": "532625",
+              "name": "马关县"
+            },
+            {
+              "code": "532626",
+              "name": "丘北县"
+            },
+            {
+              "code": "532627",
+              "name": "广南县"
+            },
+            {
+              "code": "532628",
+              "name": "富宁县"
+            }
+          ]
+        },
+        {
+          "code": "5328",
+          "name": "西双版纳傣族自治州",
+          "children": [
+            {
+              "code": "532801",
+              "name": "景洪市"
+            },
+            {
+              "code": "532822",
+              "name": "勐海县"
+            },
+            {
+              "code": "532823",
+              "name": "勐腊县"
+            }
+          ]
+        },
+        {
+          "code": "5329",
+          "name": "大理白族自治州",
+          "children": [
+            {
+              "code": "532901",
+              "name": "大理市"
+            },
+            {
+              "code": "532922",
+              "name": "漾濞彝族自治县"
+            },
+            {
+              "code": "532923",
+              "name": "祥云县"
+            },
+            {
+              "code": "532924",
+              "name": "宾川县"
+            },
+            {
+              "code": "532925",
+              "name": "弥渡县"
+            },
+            {
+              "code": "532926",
+              "name": "南涧彝族自治县"
+            },
+            {
+              "code": "532927",
+              "name": "巍山彝族回族自治县"
+            },
+            {
+              "code": "532928",
+              "name": "永平县"
+            },
+            {
+              "code": "532929",
+              "name": "云龙县"
+            },
+            {
+              "code": "532930",
+              "name": "洱源县"
+            },
+            {
+              "code": "532931",
+              "name": "剑川县"
+            },
+            {
+              "code": "532932",
+              "name": "鹤庆县"
+            }
+          ]
+        },
+        {
+          "code": "5331",
+          "name": "德宏傣族景颇族自治州",
+          "children": [
+            {
+              "code": "533102",
+              "name": "瑞丽市"
+            },
+            {
+              "code": "533103",
+              "name": "芒市"
+            },
+            {
+              "code": "533122",
+              "name": "梁河县"
+            },
+            {
+              "code": "533123",
+              "name": "盈江县"
+            },
+            {
+              "code": "533124",
+              "name": "陇川县"
+            }
+          ]
+        },
+        {
+          "code": "5333",
+          "name": "怒江傈僳族自治州",
+          "children": [
+            {
+              "code": "533301",
+              "name": "泸水市"
+            },
+            {
+              "code": "533323",
+              "name": "福贡县"
+            },
+            {
+              "code": "533324",
+              "name": "贡山独龙族怒族自治县"
+            },
+            {
+              "code": "533325",
+              "name": "兰坪白族普米族自治县"
+            }
+          ]
+        },
+        {
+          "code": "5334",
+          "name": "迪庆藏族自治州",
+          "children": [
+            {
+              "code": "533401",
+              "name": "香格里拉市"
+            },
+            {
+              "code": "533422",
+              "name": "德钦县"
+            },
+            {
+              "code": "533423",
+              "name": "维西傈僳族自治县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "54",
+      "name": "西藏自治区",
+      "children": [
+        {
+          "code": "5401",
+          "name": "拉萨市",
+          "children": [
+            {
+              "code": "540102",
+              "name": "城关区"
+            },
+            {
+              "code": "540103",
+              "name": "堆龙德庆区"
+            },
+            {
+              "code": "540104",
+              "name": "达孜区"
+            },
+            {
+              "code": "540121",
+              "name": "林周县"
+            },
+            {
+              "code": "540122",
+              "name": "当雄县"
+            },
+            {
+              "code": "540123",
+              "name": "尼木县"
+            },
+            {
+              "code": "540124",
+              "name": "曲水县"
+            },
+            {
+              "code": "540127",
+              "name": "墨竹工卡县"
+            },
+            {
+              "code": "540171",
+              "name": "格尔木藏青工业园区"
+            },
+            {
+              "code": "540172",
+              "name": "拉萨经济技术开发区"
+            },
+            {
+              "code": "540173",
+              "name": "西藏文化旅游创意园区"
+            },
+            {
+              "code": "540174",
+              "name": "达孜工业园区"
+            }
+          ]
+        },
+        {
+          "code": "5402",
+          "name": "日喀则市",
+          "children": [
+            {
+              "code": "540202",
+              "name": "桑珠孜区"
+            },
+            {
+              "code": "540221",
+              "name": "南木林县"
+            },
+            {
+              "code": "540222",
+              "name": "江孜县"
+            },
+            {
+              "code": "540223",
+              "name": "定日县"
+            },
+            {
+              "code": "540224",
+              "name": "萨迦县"
+            },
+            {
+              "code": "540225",
+              "name": "拉孜县"
+            },
+            {
+              "code": "540226",
+              "name": "昂仁县"
+            },
+            {
+              "code": "540227",
+              "name": "谢通门县"
+            },
+            {
+              "code": "540228",
+              "name": "白朗县"
+            },
+            {
+              "code": "540229",
+              "name": "仁布县"
+            },
+            {
+              "code": "540230",
+              "name": "康马县"
+            },
+            {
+              "code": "540231",
+              "name": "定结县"
+            },
+            {
+              "code": "540232",
+              "name": "仲巴县"
+            },
+            {
+              "code": "540233",
+              "name": "亚东县"
+            },
+            {
+              "code": "540234",
+              "name": "吉隆县"
+            },
+            {
+              "code": "540235",
+              "name": "聂拉木县"
+            },
+            {
+              "code": "540236",
+              "name": "萨嘎县"
+            },
+            {
+              "code": "540237",
+              "name": "岗巴县"
+            }
+          ]
+        },
+        {
+          "code": "5403",
+          "name": "昌都市",
+          "children": [
+            {
+              "code": "540302",
+              "name": "卡若区"
+            },
+            {
+              "code": "540321",
+              "name": "江达县"
+            },
+            {
+              "code": "540322",
+              "name": "贡觉县"
+            },
+            {
+              "code": "540323",
+              "name": "类乌齐县"
+            },
+            {
+              "code": "540324",
+              "name": "丁青县"
+            },
+            {
+              "code": "540325",
+              "name": "察雅县"
+            },
+            {
+              "code": "540326",
+              "name": "八宿县"
+            },
+            {
+              "code": "540327",
+              "name": "左贡县"
+            },
+            {
+              "code": "540328",
+              "name": "芒康县"
+            },
+            {
+              "code": "540329",
+              "name": "洛隆县"
+            },
+            {
+              "code": "540330",
+              "name": "边坝县"
+            }
+          ]
+        },
+        {
+          "code": "5404",
+          "name": "林芝市",
+          "children": [
+            {
+              "code": "540402",
+              "name": "巴宜区"
+            },
+            {
+              "code": "540421",
+              "name": "工布江达县"
+            },
+            {
+              "code": "540422",
+              "name": "米林县"
+            },
+            {
+              "code": "540423",
+              "name": "墨脱县"
+            },
+            {
+              "code": "540424",
+              "name": "波密县"
+            },
+            {
+              "code": "540425",
+              "name": "察隅县"
+            },
+            {
+              "code": "540426",
+              "name": "朗县"
+            }
+          ]
+        },
+        {
+          "code": "5405",
+          "name": "山南市",
+          "children": [
+            {
+              "code": "540502",
+              "name": "乃东区"
+            },
+            {
+              "code": "540521",
+              "name": "扎囊县"
+            },
+            {
+              "code": "540522",
+              "name": "贡嘎县"
+            },
+            {
+              "code": "540523",
+              "name": "桑日县"
+            },
+            {
+              "code": "540524",
+              "name": "琼结县"
+            },
+            {
+              "code": "540525",
+              "name": "曲松县"
+            },
+            {
+              "code": "540526",
+              "name": "措美县"
+            },
+            {
+              "code": "540527",
+              "name": "洛扎县"
+            },
+            {
+              "code": "540528",
+              "name": "加查县"
+            },
+            {
+              "code": "540529",
+              "name": "隆子县"
+            },
+            {
+              "code": "540530",
+              "name": "错那县"
+            },
+            {
+              "code": "540531",
+              "name": "浪卡子县"
+            }
+          ]
+        },
+        {
+          "code": "5406",
+          "name": "那曲市",
+          "children": [
+            {
+              "code": "540602",
+              "name": "色尼区"
+            },
+            {
+              "code": "540621",
+              "name": "嘉黎县"
+            },
+            {
+              "code": "540622",
+              "name": "比如县"
+            },
+            {
+              "code": "540623",
+              "name": "聂荣县"
+            },
+            {
+              "code": "540624",
+              "name": "安多县"
+            },
+            {
+              "code": "540625",
+              "name": "申扎县"
+            },
+            {
+              "code": "540626",
+              "name": "索县"
+            },
+            {
+              "code": "540627",
+              "name": "班戈县"
+            },
+            {
+              "code": "540628",
+              "name": "巴青县"
+            },
+            {
+              "code": "540629",
+              "name": "尼玛县"
+            },
+            {
+              "code": "540630",
+              "name": "双湖县"
+            }
+          ]
+        },
+        {
+          "code": "5425",
+          "name": "阿里地区",
+          "children": [
+            {
+              "code": "542521",
+              "name": "普兰县"
+            },
+            {
+              "code": "542522",
+              "name": "札达县"
+            },
+            {
+              "code": "542523",
+              "name": "噶尔县"
+            },
+            {
+              "code": "542524",
+              "name": "日土县"
+            },
+            {
+              "code": "542525",
+              "name": "革吉县"
+            },
+            {
+              "code": "542526",
+              "name": "改则县"
+            },
+            {
+              "code": "542527",
+              "name": "措勤县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "61",
+      "name": "陕西省",
+      "children": [
+        {
+          "code": "6101",
+          "name": "西安市",
+          "children": [
+            {
+              "code": "610102",
+              "name": "新城区"
+            },
+            {
+              "code": "610103",
+              "name": "碑林区"
+            },
+            {
+              "code": "610104",
+              "name": "莲湖区"
+            },
+            {
+              "code": "610111",
+              "name": "灞桥区"
+            },
+            {
+              "code": "610112",
+              "name": "未央区"
+            },
+            {
+              "code": "610113",
+              "name": "雁塔区"
+            },
+            {
+              "code": "610114",
+              "name": "阎良区"
+            },
+            {
+              "code": "610115",
+              "name": "临潼区"
+            },
+            {
+              "code": "610116",
+              "name": "长安区"
+            },
+            {
+              "code": "610117",
+              "name": "高陵区"
+            },
+            {
+              "code": "610118",
+              "name": "鄠邑区"
+            },
+            {
+              "code": "610122",
+              "name": "蓝田县"
+            },
+            {
+              "code": "610124",
+              "name": "周至县"
+            }
+          ]
+        },
+        {
+          "code": "6102",
+          "name": "铜川市",
+          "children": [
+            {
+              "code": "610202",
+              "name": "王益区"
+            },
+            {
+              "code": "610203",
+              "name": "印台区"
+            },
+            {
+              "code": "610204",
+              "name": "耀州区"
+            },
+            {
+              "code": "610222",
+              "name": "宜君县"
+            }
+          ]
+        },
+        {
+          "code": "6103",
+          "name": "宝鸡市",
+          "children": [
+            {
+              "code": "610302",
+              "name": "渭滨区"
+            },
+            {
+              "code": "610303",
+              "name": "金台区"
+            },
+            {
+              "code": "610304",
+              "name": "陈仓区"
+            },
+            {
+              "code": "610322",
+              "name": "凤翔县"
+            },
+            {
+              "code": "610323",
+              "name": "岐山县"
+            },
+            {
+              "code": "610324",
+              "name": "扶风县"
+            },
+            {
+              "code": "610326",
+              "name": "眉县"
+            },
+            {
+              "code": "610327",
+              "name": "陇县"
+            },
+            {
+              "code": "610328",
+              "name": "千阳县"
+            },
+            {
+              "code": "610329",
+              "name": "麟游县"
+            },
+            {
+              "code": "610330",
+              "name": "凤县"
+            },
+            {
+              "code": "610331",
+              "name": "太白县"
+            }
+          ]
+        },
+        {
+          "code": "6104",
+          "name": "咸阳市",
+          "children": [
+            {
+              "code": "610402",
+              "name": "秦都区"
+            },
+            {
+              "code": "610403",
+              "name": "杨陵区"
+            },
+            {
+              "code": "610404",
+              "name": "渭城区"
+            },
+            {
+              "code": "610422",
+              "name": "三原县"
+            },
+            {
+              "code": "610423",
+              "name": "泾阳县"
+            },
+            {
+              "code": "610424",
+              "name": "乾县"
+            },
+            {
+              "code": "610425",
+              "name": "礼泉县"
+            },
+            {
+              "code": "610426",
+              "name": "永寿县"
+            },
+            {
+              "code": "610428",
+              "name": "长武县"
+            },
+            {
+              "code": "610429",
+              "name": "旬邑县"
+            },
+            {
+              "code": "610430",
+              "name": "淳化县"
+            },
+            {
+              "code": "610431",
+              "name": "武功县"
+            },
+            {
+              "code": "610481",
+              "name": "兴平市"
+            },
+            {
+              "code": "610482",
+              "name": "彬州市"
+            }
+          ]
+        },
+        {
+          "code": "6105",
+          "name": "渭南市",
+          "children": [
+            {
+              "code": "610502",
+              "name": "临渭区"
+            },
+            {
+              "code": "610503",
+              "name": "华州区"
+            },
+            {
+              "code": "610522",
+              "name": "潼关县"
+            },
+            {
+              "code": "610523",
+              "name": "大荔县"
+            },
+            {
+              "code": "610524",
+              "name": "合阳县"
+            },
+            {
+              "code": "610525",
+              "name": "澄城县"
+            },
+            {
+              "code": "610526",
+              "name": "蒲城县"
+            },
+            {
+              "code": "610527",
+              "name": "白水县"
+            },
+            {
+              "code": "610528",
+              "name": "富平县"
+            },
+            {
+              "code": "610581",
+              "name": "韩城市"
+            },
+            {
+              "code": "610582",
+              "name": "华阴市"
+            }
+          ]
+        },
+        {
+          "code": "6106",
+          "name": "延安市",
+          "children": [
+            {
+              "code": "610602",
+              "name": "宝塔区"
+            },
+            {
+              "code": "610603",
+              "name": "安塞区"
+            },
+            {
+              "code": "610621",
+              "name": "延长县"
+            },
+            {
+              "code": "610622",
+              "name": "延川县"
+            },
+            {
+              "code": "610625",
+              "name": "志丹县"
+            },
+            {
+              "code": "610626",
+              "name": "吴起县"
+            },
+            {
+              "code": "610627",
+              "name": "甘泉县"
+            },
+            {
+              "code": "610628",
+              "name": "富县"
+            },
+            {
+              "code": "610629",
+              "name": "洛川县"
+            },
+            {
+              "code": "610630",
+              "name": "宜川县"
+            },
+            {
+              "code": "610631",
+              "name": "黄龙县"
+            },
+            {
+              "code": "610632",
+              "name": "黄陵县"
+            },
+            {
+              "code": "610681",
+              "name": "子长市"
+            }
+          ]
+        },
+        {
+          "code": "6107",
+          "name": "汉中市",
+          "children": [
+            {
+              "code": "610702",
+              "name": "汉台区"
+            },
+            {
+              "code": "610703",
+              "name": "南郑区"
+            },
+            {
+              "code": "610722",
+              "name": "城固县"
+            },
+            {
+              "code": "610723",
+              "name": "洋县"
+            },
+            {
+              "code": "610724",
+              "name": "西乡县"
+            },
+            {
+              "code": "610725",
+              "name": "勉县"
+            },
+            {
+              "code": "610726",
+              "name": "宁强县"
+            },
+            {
+              "code": "610727",
+              "name": "略阳县"
+            },
+            {
+              "code": "610728",
+              "name": "镇巴县"
+            },
+            {
+              "code": "610729",
+              "name": "留坝县"
+            },
+            {
+              "code": "610730",
+              "name": "佛坪县"
+            }
+          ]
+        },
+        {
+          "code": "6108",
+          "name": "榆林市",
+          "children": [
+            {
+              "code": "610802",
+              "name": "榆阳区"
+            },
+            {
+              "code": "610803",
+              "name": "横山区"
+            },
+            {
+              "code": "610822",
+              "name": "府谷县"
+            },
+            {
+              "code": "610824",
+              "name": "靖边县"
+            },
+            {
+              "code": "610825",
+              "name": "定边县"
+            },
+            {
+              "code": "610826",
+              "name": "绥德县"
+            },
+            {
+              "code": "610827",
+              "name": "米脂县"
+            },
+            {
+              "code": "610828",
+              "name": "佳县"
+            },
+            {
+              "code": "610829",
+              "name": "吴堡县"
+            },
+            {
+              "code": "610830",
+              "name": "清涧县"
+            },
+            {
+              "code": "610831",
+              "name": "子洲县"
+            },
+            {
+              "code": "610881",
+              "name": "神木市"
+            }
+          ]
+        },
+        {
+          "code": "6109",
+          "name": "安康市",
+          "children": [
+            {
+              "code": "610902",
+              "name": "汉滨区"
+            },
+            {
+              "code": "610921",
+              "name": "汉阴县"
+            },
+            {
+              "code": "610922",
+              "name": "石泉县"
+            },
+            {
+              "code": "610923",
+              "name": "宁陕县"
+            },
+            {
+              "code": "610924",
+              "name": "紫阳县"
+            },
+            {
+              "code": "610925",
+              "name": "岚皋县"
+            },
+            {
+              "code": "610926",
+              "name": "平利县"
+            },
+            {
+              "code": "610927",
+              "name": "镇坪县"
+            },
+            {
+              "code": "610928",
+              "name": "旬阳县"
+            },
+            {
+              "code": "610929",
+              "name": "白河县"
+            }
+          ]
+        },
+        {
+          "code": "6110",
+          "name": "商洛市",
+          "children": [
+            {
+              "code": "611002",
+              "name": "商州区"
+            },
+            {
+              "code": "611021",
+              "name": "洛南县"
+            },
+            {
+              "code": "611022",
+              "name": "丹凤县"
+            },
+            {
+              "code": "611023",
+              "name": "商南县"
+            },
+            {
+              "code": "611024",
+              "name": "山阳县"
+            },
+            {
+              "code": "611025",
+              "name": "镇安县"
+            },
+            {
+              "code": "611026",
+              "name": "柞水县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "62",
+      "name": "甘肃省",
+      "children": [
+        {
+          "code": "6201",
+          "name": "兰州市",
+          "children": [
+            {
+              "code": "620102",
+              "name": "城关区"
+            },
+            {
+              "code": "620103",
+              "name": "七里河区"
+            },
+            {
+              "code": "620104",
+              "name": "西固区"
+            },
+            {
+              "code": "620105",
+              "name": "安宁区"
+            },
+            {
+              "code": "620111",
+              "name": "红古区"
+            },
+            {
+              "code": "620121",
+              "name": "永登县"
+            },
+            {
+              "code": "620122",
+              "name": "皋兰县"
+            },
+            {
+              "code": "620123",
+              "name": "榆中县"
+            },
+            {
+              "code": "620171",
+              "name": "兰州新区"
+            }
+          ]
+        },
+        {
+          "code": "6202",
+          "name": "嘉峪关市",
+          "children": [
+            {
+              "code": "620201100",
+              "name": "新城镇"
+            },
+            {
+              "code": "620201101",
+              "name": "峪泉镇"
+            },
+            {
+              "code": "620201102",
+              "name": "文殊镇"
+            },
+            {
+              "code": "620201401",
+              "name": "雄关区"
+            },
+            {
+              "code": "620201402",
+              "name": "镜铁区"
+            },
+            {
+              "code": "620201403",
+              "name": "长城区"
+            }
+          ]
+        },
+        {
+          "code": "6203",
+          "name": "金昌市",
+          "children": [
+            {
+              "code": "620302",
+              "name": "金川区"
+            },
+            {
+              "code": "620321",
+              "name": "永昌县"
+            }
+          ]
+        },
+        {
+          "code": "6204",
+          "name": "白银市",
+          "children": [
+            {
+              "code": "620402",
+              "name": "白银区"
+            },
+            {
+              "code": "620403",
+              "name": "平川区"
+            },
+            {
+              "code": "620421",
+              "name": "靖远县"
+            },
+            {
+              "code": "620422",
+              "name": "会宁县"
+            },
+            {
+              "code": "620423",
+              "name": "景泰县"
+            }
+          ]
+        },
+        {
+          "code": "6205",
+          "name": "天水市",
+          "children": [
+            {
+              "code": "620502",
+              "name": "秦州区"
+            },
+            {
+              "code": "620503",
+              "name": "麦积区"
+            },
+            {
+              "code": "620521",
+              "name": "清水县"
+            },
+            {
+              "code": "620522",
+              "name": "秦安县"
+            },
+            {
+              "code": "620523",
+              "name": "甘谷县"
+            },
+            {
+              "code": "620524",
+              "name": "武山县"
+            },
+            {
+              "code": "620525",
+              "name": "张家川回族自治县"
+            }
+          ]
+        },
+        {
+          "code": "6206",
+          "name": "武威市",
+          "children": [
+            {
+              "code": "620602",
+              "name": "凉州区"
+            },
+            {
+              "code": "620621",
+              "name": "民勤县"
+            },
+            {
+              "code": "620622",
+              "name": "古浪县"
+            },
+            {
+              "code": "620623",
+              "name": "天祝藏族自治县"
+            }
+          ]
+        },
+        {
+          "code": "6207",
+          "name": "张掖市",
+          "children": [
+            {
+              "code": "620702",
+              "name": "甘州区"
+            },
+            {
+              "code": "620721",
+              "name": "肃南裕固族自治县"
+            },
+            {
+              "code": "620722",
+              "name": "民乐县"
+            },
+            {
+              "code": "620723",
+              "name": "临泽县"
+            },
+            {
+              "code": "620724",
+              "name": "高台县"
+            },
+            {
+              "code": "620725",
+              "name": "山丹县"
+            }
+          ]
+        },
+        {
+          "code": "6208",
+          "name": "平凉市",
+          "children": [
+            {
+              "code": "620802",
+              "name": "崆峒区"
+            },
+            {
+              "code": "620821",
+              "name": "泾川县"
+            },
+            {
+              "code": "620822",
+              "name": "灵台县"
+            },
+            {
+              "code": "620823",
+              "name": "崇信县"
+            },
+            {
+              "code": "620825",
+              "name": "庄浪县"
+            },
+            {
+              "code": "620826",
+              "name": "静宁县"
+            },
+            {
+              "code": "620881",
+              "name": "华亭市"
+            }
+          ]
+        },
+        {
+          "code": "6209",
+          "name": "酒泉市",
+          "children": [
+            {
+              "code": "620902",
+              "name": "肃州区"
+            },
+            {
+              "code": "620921",
+              "name": "金塔县"
+            },
+            {
+              "code": "620922",
+              "name": "瓜州县"
+            },
+            {
+              "code": "620923",
+              "name": "肃北蒙古族自治县"
+            },
+            {
+              "code": "620924",
+              "name": "阿克塞哈萨克族自治县"
+            },
+            {
+              "code": "620981",
+              "name": "玉门市"
+            },
+            {
+              "code": "620982",
+              "name": "敦煌市"
+            }
+          ]
+        },
+        {
+          "code": "6210",
+          "name": "庆阳市",
+          "children": [
+            {
+              "code": "621002",
+              "name": "西峰区"
+            },
+            {
+              "code": "621021",
+              "name": "庆城县"
+            },
+            {
+              "code": "621022",
+              "name": "环县"
+            },
+            {
+              "code": "621023",
+              "name": "华池县"
+            },
+            {
+              "code": "621024",
+              "name": "合水县"
+            },
+            {
+              "code": "621025",
+              "name": "正宁县"
+            },
+            {
+              "code": "621026",
+              "name": "宁县"
+            },
+            {
+              "code": "621027",
+              "name": "镇原县"
+            }
+          ]
+        },
+        {
+          "code": "6211",
+          "name": "定西市",
+          "children": [
+            {
+              "code": "621102",
+              "name": "安定区"
+            },
+            {
+              "code": "621121",
+              "name": "通渭县"
+            },
+            {
+              "code": "621122",
+              "name": "陇西县"
+            },
+            {
+              "code": "621123",
+              "name": "渭源县"
+            },
+            {
+              "code": "621124",
+              "name": "临洮县"
+            },
+            {
+              "code": "621125",
+              "name": "漳县"
+            },
+            {
+              "code": "621126",
+              "name": "岷县"
+            }
+          ]
+        },
+        {
+          "code": "6212",
+          "name": "陇南市",
+          "children": [
+            {
+              "code": "621202",
+              "name": "武都区"
+            },
+            {
+              "code": "621221",
+              "name": "成县"
+            },
+            {
+              "code": "621222",
+              "name": "文县"
+            },
+            {
+              "code": "621223",
+              "name": "宕昌县"
+            },
+            {
+              "code": "621224",
+              "name": "康县"
+            },
+            {
+              "code": "621225",
+              "name": "西和县"
+            },
+            {
+              "code": "621226",
+              "name": "礼县"
+            },
+            {
+              "code": "621227",
+              "name": "徽县"
+            },
+            {
+              "code": "621228",
+              "name": "两当县"
+            }
+          ]
+        },
+        {
+          "code": "6229",
+          "name": "临夏回族自治州",
+          "children": [
+            {
+              "code": "622901",
+              "name": "临夏市"
+            },
+            {
+              "code": "622921",
+              "name": "临夏县"
+            },
+            {
+              "code": "622922",
+              "name": "康乐县"
+            },
+            {
+              "code": "622923",
+              "name": "永靖县"
+            },
+            {
+              "code": "622924",
+              "name": "广河县"
+            },
+            {
+              "code": "622925",
+              "name": "和政县"
+            },
+            {
+              "code": "622926",
+              "name": "东乡族自治县"
+            },
+            {
+              "code": "622927",
+              "name": "积石山保安族东乡族撒拉族自治县"
+            }
+          ]
+        },
+        {
+          "code": "6230",
+          "name": "甘南藏族自治州",
+          "children": [
+            {
+              "code": "623001",
+              "name": "合作市"
+            },
+            {
+              "code": "623021",
+              "name": "临潭县"
+            },
+            {
+              "code": "623022",
+              "name": "卓尼县"
+            },
+            {
+              "code": "623023",
+              "name": "舟曲县"
+            },
+            {
+              "code": "623024",
+              "name": "迭部县"
+            },
+            {
+              "code": "623025",
+              "name": "玛曲县"
+            },
+            {
+              "code": "623026",
+              "name": "碌曲县"
+            },
+            {
+              "code": "623027",
+              "name": "夏河县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "63",
+      "name": "青海省",
+      "children": [
+        {
+          "code": "6301",
+          "name": "西宁市",
+          "children": [
+            {
+              "code": "630102",
+              "name": "城东区"
+            },
+            {
+              "code": "630103",
+              "name": "城中区"
+            },
+            {
+              "code": "630104",
+              "name": "城西区"
+            },
+            {
+              "code": "630105",
+              "name": "城北区"
+            },
+            {
+              "code": "630121",
+              "name": "大通回族土族自治县"
+            },
+            {
+              "code": "630122",
+              "name": "湟中县"
+            },
+            {
+              "code": "630123",
+              "name": "湟源县"
+            }
+          ]
+        },
+        {
+          "code": "6302",
+          "name": "海东市",
+          "children": [
+            {
+              "code": "630202",
+              "name": "乐都区"
+            },
+            {
+              "code": "630203",
+              "name": "平安区"
+            },
+            {
+              "code": "630222",
+              "name": "民和回族土族自治县"
+            },
+            {
+              "code": "630223",
+              "name": "互助土族自治县"
+            },
+            {
+              "code": "630224",
+              "name": "化隆回族自治县"
+            },
+            {
+              "code": "630225",
+              "name": "循化撒拉族自治县"
+            }
+          ]
+        },
+        {
+          "code": "6322",
+          "name": "海北藏族自治州",
+          "children": [
+            {
+              "code": "632221",
+              "name": "门源回族自治县"
+            },
+            {
+              "code": "632222",
+              "name": "祁连县"
+            },
+            {
+              "code": "632223",
+              "name": "海晏县"
+            },
+            {
+              "code": "632224",
+              "name": "刚察县"
+            }
+          ]
+        },
+        {
+          "code": "6323",
+          "name": "黄南藏族自治州",
+          "children": [
+            {
+              "code": "632321",
+              "name": "同仁县"
+            },
+            {
+              "code": "632322",
+              "name": "尖扎县"
+            },
+            {
+              "code": "632323",
+              "name": "泽库县"
+            },
+            {
+              "code": "632324",
+              "name": "河南蒙古族自治县"
+            }
+          ]
+        },
+        {
+          "code": "6325",
+          "name": "海南藏族自治州",
+          "children": [
+            {
+              "code": "632521",
+              "name": "共和县"
+            },
+            {
+              "code": "632522",
+              "name": "同德县"
+            },
+            {
+              "code": "632523",
+              "name": "贵德县"
+            },
+            {
+              "code": "632524",
+              "name": "兴海县"
+            },
+            {
+              "code": "632525",
+              "name": "贵南县"
+            }
+          ]
+        },
+        {
+          "code": "6326",
+          "name": "果洛藏族自治州",
+          "children": [
+            {
+              "code": "632621",
+              "name": "玛沁县"
+            },
+            {
+              "code": "632622",
+              "name": "班玛县"
+            },
+            {
+              "code": "632623",
+              "name": "甘德县"
+            },
+            {
+              "code": "632624",
+              "name": "达日县"
+            },
+            {
+              "code": "632625",
+              "name": "久治县"
+            },
+            {
+              "code": "632626",
+              "name": "玛多县"
+            }
+          ]
+        },
+        {
+          "code": "6327",
+          "name": "玉树藏族自治州",
+          "children": [
+            {
+              "code": "632701",
+              "name": "玉树市"
+            },
+            {
+              "code": "632722",
+              "name": "杂多县"
+            },
+            {
+              "code": "632723",
+              "name": "称多县"
+            },
+            {
+              "code": "632724",
+              "name": "治多县"
+            },
+            {
+              "code": "632725",
+              "name": "囊谦县"
+            },
+            {
+              "code": "632726",
+              "name": "曲麻莱县"
+            }
+          ]
+        },
+        {
+          "code": "6328",
+          "name": "海西蒙古族藏族自治州",
+          "children": [
+            {
+              "code": "632801",
+              "name": "格尔木市"
+            },
+            {
+              "code": "632802",
+              "name": "德令哈市"
+            },
+            {
+              "code": "632803",
+              "name": "茫崖市"
+            },
+            {
+              "code": "632821",
+              "name": "乌兰县"
+            },
+            {
+              "code": "632822",
+              "name": "都兰县"
+            },
+            {
+              "code": "632823",
+              "name": "天峻县"
+            },
+            {
+              "code": "632857",
+              "name": "大柴旦行政委员会"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "64",
+      "name": "宁夏回族自治区",
+      "children": [
+        {
+          "code": "6401",
+          "name": "银川市",
+          "children": [
+            {
+              "code": "640104",
+              "name": "兴庆区"
+            },
+            {
+              "code": "640105",
+              "name": "西夏区"
+            },
+            {
+              "code": "640106",
+              "name": "金凤区"
+            },
+            {
+              "code": "640121",
+              "name": "永宁县"
+            },
+            {
+              "code": "640122",
+              "name": "贺兰县"
+            },
+            {
+              "code": "640181",
+              "name": "灵武市"
+            }
+          ]
+        },
+        {
+          "code": "6402",
+          "name": "石嘴山市",
+          "children": [
+            {
+              "code": "640202",
+              "name": "大武口区"
+            },
+            {
+              "code": "640205",
+              "name": "惠农区"
+            },
+            {
+              "code": "640221",
+              "name": "平罗县"
+            }
+          ]
+        },
+        {
+          "code": "6403",
+          "name": "吴忠市",
+          "children": [
+            {
+              "code": "640302",
+              "name": "利通区"
+            },
+            {
+              "code": "640303",
+              "name": "红寺堡区"
+            },
+            {
+              "code": "640323",
+              "name": "盐池县"
+            },
+            {
+              "code": "640324",
+              "name": "同心县"
+            },
+            {
+              "code": "640381",
+              "name": "青铜峡市"
+            }
+          ]
+        },
+        {
+          "code": "6404",
+          "name": "固原市",
+          "children": [
+            {
+              "code": "640402",
+              "name": "原州区"
+            },
+            {
+              "code": "640422",
+              "name": "西吉县"
+            },
+            {
+              "code": "640423",
+              "name": "隆德县"
+            },
+            {
+              "code": "640424",
+              "name": "泾源县"
+            },
+            {
+              "code": "640425",
+              "name": "彭阳县"
+            }
+          ]
+        },
+        {
+          "code": "6405",
+          "name": "中卫市",
+          "children": [
+            {
+              "code": "640502",
+              "name": "沙坡头区"
+            },
+            {
+              "code": "640521",
+              "name": "中宁县"
+            },
+            {
+              "code": "640522",
+              "name": "海原县"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "code": "65",
+      "name": "新疆维吾尔自治区",
+      "children": [
+        {
+          "code": "6501",
+          "name": "乌鲁木齐市",
+          "children": [
+            {
+              "code": "650102",
+              "name": "天山区"
+            },
+            {
+              "code": "650103",
+              "name": "沙依巴克区"
+            },
+            {
+              "code": "650104",
+              "name": "新市区"
+            },
+            {
+              "code": "650105",
+              "name": "水磨沟区"
+            },
+            {
+              "code": "650106",
+              "name": "头屯河区"
+            },
+            {
+              "code": "650107",
+              "name": "达坂城区"
+            },
+            {
+              "code": "650109",
+              "name": "米东区"
+            },
+            {
+              "code": "650121",
+              "name": "乌鲁木齐县"
+            }
+          ]
+        },
+        {
+          "code": "6502",
+          "name": "克拉玛依市",
+          "children": [
+            {
+              "code": "650202",
+              "name": "独山子区"
+            },
+            {
+              "code": "650203",
+              "name": "克拉玛依区"
+            },
+            {
+              "code": "650204",
+              "name": "白碱滩区"
+            },
+            {
+              "code": "650205",
+              "name": "乌尔禾区"
+            }
+          ]
+        },
+        {
+          "code": "6504",
+          "name": "吐鲁番市",
+          "children": [
+            {
+              "code": "650402",
+              "name": "高昌区"
+            },
+            {
+              "code": "650421",
+              "name": "鄯善县"
+            },
+            {
+              "code": "650422",
+              "name": "托克逊县"
+            }
+          ]
+        },
+        {
+          "code": "6505",
+          "name": "哈密市",
+          "children": [
+            {
+              "code": "650502",
+              "name": "伊州区"
+            },
+            {
+              "code": "650521",
+              "name": "巴里坤哈萨克自治县"
+            },
+            {
+              "code": "650522",
+              "name": "伊吾县"
+            }
+          ]
+        },
+        {
+          "code": "6523",
+          "name": "昌吉回族自治州",
+          "children": [
+            {
+              "code": "652301",
+              "name": "昌吉市"
+            },
+            {
+              "code": "652302",
+              "name": "阜康市"
+            },
+            {
+              "code": "652323",
+              "name": "呼图壁县"
+            },
+            {
+              "code": "652324",
+              "name": "玛纳斯县"
+            },
+            {
+              "code": "652325",
+              "name": "奇台县"
+            },
+            {
+              "code": "652327",
+              "name": "吉木萨尔县"
+            },
+            {
+              "code": "652328",
+              "name": "木垒哈萨克自治县"
+            }
+          ]
+        },
+        {
+          "code": "6527",
+          "name": "博尔塔拉蒙古自治州",
+          "children": [
+            {
+              "code": "652701",
+              "name": "博乐市"
+            },
+            {
+              "code": "652702",
+              "name": "阿拉山口市"
+            },
+            {
+              "code": "652722",
+              "name": "精河县"
+            },
+            {
+              "code": "652723",
+              "name": "温泉县"
+            }
+          ]
+        },
+        {
+          "code": "6528",
+          "name": "巴音郭楞蒙古自治州",
+          "children": [
+            {
+              "code": "652801",
+              "name": "库尔勒市"
+            },
+            {
+              "code": "652822",
+              "name": "轮台县"
+            },
+            {
+              "code": "652823",
+              "name": "尉犁县"
+            },
+            {
+              "code": "652824",
+              "name": "若羌县"
+            },
+            {
+              "code": "652825",
+              "name": "且末县"
+            },
+            {
+              "code": "652826",
+              "name": "焉耆回族自治县"
+            },
+            {
+              "code": "652827",
+              "name": "和静县"
+            },
+            {
+              "code": "652828",
+              "name": "和硕县"
+            },
+            {
+              "code": "652829",
+              "name": "博湖县"
+            },
+            {
+              "code": "652871",
+              "name": "库尔勒经济技术开发区"
+            }
+          ]
+        },
+        {
+          "code": "6529",
+          "name": "阿克苏地区",
+          "children": [
+            {
+              "code": "652901",
+              "name": "阿克苏市"
+            },
+            {
+              "code": "652922",
+              "name": "温宿县"
+            },
+            {
+              "code": "652923",
+              "name": "库车县"
+            },
+            {
+              "code": "652924",
+              "name": "沙雅县"
+            },
+            {
+              "code": "652925",
+              "name": "新和县"
+            },
+            {
+              "code": "652926",
+              "name": "拜城县"
+            },
+            {
+              "code": "652927",
+              "name": "乌什县"
+            },
+            {
+              "code": "652928",
+              "name": "阿瓦提县"
+            },
+            {
+              "code": "652929",
+              "name": "柯坪县"
+            }
+          ]
+        },
+        {
+          "code": "6530",
+          "name": "克孜勒苏柯尔克孜自治州",
+          "children": [
+            {
+              "code": "653001",
+              "name": "阿图什市"
+            },
+            {
+              "code": "653022",
+              "name": "阿克陶县"
+            },
+            {
+              "code": "653023",
+              "name": "阿合奇县"
+            },
+            {
+              "code": "653024",
+              "name": "乌恰县"
+            }
+          ]
+        },
+        {
+          "code": "6531",
+          "name": "喀什地区",
+          "children": [
+            {
+              "code": "653101",
+              "name": "喀什市"
+            },
+            {
+              "code": "653121",
+              "name": "疏附县"
+            },
+            {
+              "code": "653122",
+              "name": "疏勒县"
+            },
+            {
+              "code": "653123",
+              "name": "英吉沙县"
+            },
+            {
+              "code": "653124",
+              "name": "泽普县"
+            },
+            {
+              "code": "653125",
+              "name": "莎车县"
+            },
+            {
+              "code": "653126",
+              "name": "叶城县"
+            },
+            {
+              "code": "653127",
+              "name": "麦盖提县"
+            },
+            {
+              "code": "653128",
+              "name": "岳普湖县"
+            },
+            {
+              "code": "653129",
+              "name": "伽师县"
+            },
+            {
+              "code": "653130",
+              "name": "巴楚县"
+            },
+            {
+              "code": "653131",
+              "name": "塔什库尔干塔吉克自治县"
+            }
+          ]
+        },
+        {
+          "code": "6532",
+          "name": "和田地区",
+          "children": [
+            {
+              "code": "653201",
+              "name": "和田市"
+            },
+            {
+              "code": "653221",
+              "name": "和田县"
+            },
+            {
+              "code": "653222",
+              "name": "墨玉县"
+            },
+            {
+              "code": "653223",
+              "name": "皮山县"
+            },
+            {
+              "code": "653224",
+              "name": "洛浦县"
+            },
+            {
+              "code": "653225",
+              "name": "策勒县"
+            },
+            {
+              "code": "653226",
+              "name": "于田县"
+            },
+            {
+              "code": "653227",
+              "name": "民丰县"
+            }
+          ]
+        },
+        {
+          "code": "6540",
+          "name": "伊犁哈萨克自治州",
+          "children": [
+            {
+              "code": "654002",
+              "name": "伊宁市"
+            },
+            {
+              "code": "654003",
+              "name": "奎屯市"
+            },
+            {
+              "code": "654004",
+              "name": "霍尔果斯市"
+            },
+            {
+              "code": "654021",
+              "name": "伊宁县"
+            },
+            {
+              "code": "654022",
+              "name": "察布查尔锡伯自治县"
+            },
+            {
+              "code": "654023",
+              "name": "霍城县"
+            },
+            {
+              "code": "654024",
+              "name": "巩留县"
+            },
+            {
+              "code": "654025",
+              "name": "新源县"
+            },
+            {
+              "code": "654026",
+              "name": "昭苏县"
+            },
+            {
+              "code": "654027",
+              "name": "特克斯县"
+            },
+            {
+              "code": "654028",
+              "name": "尼勒克县"
+            }
+          ]
+        },
+        {
+          "code": "6542",
+          "name": "塔城地区",
+          "children": [
+            {
+              "code": "654201",
+              "name": "塔城市"
+            },
+            {
+              "code": "654202",
+              "name": "乌苏市"
+            },
+            {
+              "code": "654221",
+              "name": "额敏县"
+            },
+            {
+              "code": "654223",
+              "name": "沙湾县"
+            },
+            {
+              "code": "654224",
+              "name": "托里县"
+            },
+            {
+              "code": "654225",
+              "name": "裕民县"
+            },
+            {
+              "code": "654226",
+              "name": "和布克赛尔蒙古自治县"
+            }
+          ]
+        },
+        {
+          "code": "6543",
+          "name": "阿勒泰地区",
+          "children": [
+            {
+              "code": "654301",
+              "name": "阿勒泰市"
+            },
+            {
+              "code": "654321",
+              "name": "布尔津县"
+            },
+            {
+              "code": "654322",
+              "name": "富蕴县"
+            },
+            {
+              "code": "654323",
+              "name": "福海县"
+            },
+            {
+              "code": "654324",
+              "name": "哈巴河县"
+            },
+            {
+              "code": "654325",
+              "name": "青河县"
+            },
+            {
+              "code": "654326",
+              "name": "吉木乃县"
+            }
+          ]
+        },
+        {
+          "code": "6590",
+          "name": "自治区直辖县级行政区划",
+          "children": [
+            {
+              "code": "659001",
+              "name": "石河子市"
+            },
+            {
+              "code": "659002",
+              "name": "阿拉尔市"
+            },
+            {
+              "code": "659003",
+              "name": "图木舒克市"
+            },
+            {
+              "code": "659004",
+              "name": "五家渠市"
+            },
+            {
+              "code": "659006",
+              "name": "铁门关市"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "name": "中正区",
+              "code": "710101"
+            },
+            {
+              "name": "大同区",
+              "code": "710102"
+            },
+            {
+              "name": "中山区",
+              "code": "710103"
+            },
+            {
+              "name": "松山区",
+              "code": "710104"
+            },
+            {
+              "name": "大安区",
+              "code": "710105"
+            },
+            {
+              "name": "万华区",
+              "code": "710106"
+            },
+            {
+              "name": "信义区",
+              "code": "710107"
+            },
+            {
+              "name": "士林区",
+              "code": "710108"
+            },
+            {
+              "name": "北投区",
+              "code": "710109"
+            },
+            {
+              "name": "内湖区",
+              "code": "710110"
+            },
+            {
+              "name": "南港区",
+              "code": "710111"
+            },
+            {
+              "name": "文山区",
+              "code": "710112"
+            },
+            {
+              "name": "其它区",
+              "code": "710113"
+            }
+          ],
+          "name": "台北市",
+          "code": "710100"
+        },
+        {
+          "children": [
+            {
+              "name": "新兴区",
+              "code": "710201"
+            },
+            {
+              "name": "前金区",
+              "code": "710202"
+            },
+            {
+              "name": "芩雅区",
+              "code": "710203"
+            },
+            {
+              "name": "盐埕区",
+              "code": "710204"
+            },
+            {
+              "name": "鼓山区",
+              "code": "710205"
+            },
+            {
+              "name": "旗津区",
+              "code": "710206"
+            },
+            {
+              "name": "前镇区",
+              "code": "710207"
+            },
+            {
+              "name": "三民区",
+              "code": "710208"
+            },
+            {
+              "name": "左营区",
+              "code": "710209"
+            },
+            {
+              "name": "楠梓区",
+              "code": "710210"
+            },
+            {
+              "name": "小港区",
+              "code": "710211"
+            },
+            {
+              "name": "其它区",
+              "code": "710212"
+            }
+          ],
+          "name": "高雄市",
+          "code": "710200"
+        },
+        {
+          "children": [
+            {
+              "name": "中西区",
+              "code": "710301"
+            },
+            {
+              "name": "东区",
+              "code": "710302"
+            },
+            {
+              "name": "南区",
+              "code": "710303"
+            },
+            {
+              "name": "北区",
+              "code": "710304"
+            },
+            {
+              "name": "安平区",
+              "code": "710305"
+            },
+            {
+              "name": "安南区",
+              "code": "710306"
+            },
+            {
+              "name": "其它区",
+              "code": "710307"
+            }
+          ],
+          "name": "台南市",
+          "code": "710300"
+        },
+        {
+          "children": [
+            {
+              "name": "中区",
+              "code": "710401"
+            },
+            {
+              "name": "东区",
+              "code": "710402"
+            },
+            {
+              "name": "南区",
+              "code": "710403"
+            },
+            {
+              "name": "西区",
+              "code": "710404"
+            },
+            {
+              "name": "北区",
+              "code": "710405"
+            },
+            {
+              "name": "北屯区",
+              "code": "710406"
+            },
+            {
+              "name": "西屯区",
+              "code": "710407"
+            },
+            {
+              "name": "南屯区",
+              "code": "710408"
+            },
+            {
+              "name": "其它区",
+              "code": "710409"
+            }
+          ],
+          "name": "台中市",
+          "code": "710400"
+        },
+        {
+          "name": "金门县",
+          "code": "710500"
+        },
+        {
+          "name": "南投县",
+          "code": "710600"
+        },
+        {
+          "children": [
+            {
+              "name": "仁爱区",
+              "code": "710701"
+            },
+            {
+              "name": "信义区",
+              "code": "710702"
+            },
+            {
+              "name": "中正区",
+              "code": "710703"
+            },
+            {
+              "name": "中山区",
+              "code": "710704"
+            },
+            {
+              "name": "安乐区",
+              "code": "710705"
+            },
+            {
+              "name": "暖暖区",
+              "code": "710706"
+            },
+            {
+              "name": "七堵区",
+              "code": "710707"
+            },
+            {
+              "name": "其它区",
+              "code": "710708"
+            }
+          ],
+          "name": "基隆市",
+          "code": "710700"
+        },
+        {
+          "children": [
+            {
+              "name": "东区",
+              "code": "710801"
+            },
+            {
+              "name": "北区",
+              "code": "710802"
+            },
+            {
+              "name": "香山区",
+              "code": "710803"
+            },
+            {
+              "name": "其它区",
+              "code": "710804"
+            }
+          ],
+          "name": "新竹市",
+          "code": "710800"
+        },
+        {
+          "children": [
+            {
+              "name": "东区",
+              "code": "710901"
+            },
+            {
+              "name": "西区",
+              "code": "710902"
+            },
+            {
+              "name": "其它区",
+              "code": "710903"
+            }
+          ],
+          "name": "嘉义市",
+          "code": "710900"
+        },
+        {
+          "name": "新北市",
+          "code": "711100"
+        },
+        {
+          "name": "宜兰县",
+          "code": "711200"
+        },
+        {
+          "name": "新竹县",
+          "code": "711300"
+        },
+        {
+          "name": "桃园县",
+          "code": "711400"
+        },
+        {
+          "name": "苗栗县",
+          "code": "711500"
+        },
+        {
+          "name": "彰化县",
+          "code": "711700"
+        },
+        {
+          "name": "嘉义县",
+          "code": "711900"
+        },
+        {
+          "name": "云林县",
+          "code": "712100"
+        },
+        {
+          "name": "屏东县",
+          "code": "712400"
+        },
+        {
+          "name": "台东县",
+          "code": "712500"
+        },
+        {
+          "name": "花莲县",
+          "code": "712600"
+        },
+        {
+          "name": "澎湖县",
+          "code": "712700"
+        }
+      ],
+      "name": "台湾省",
+      "code": "710000"
+    },
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "name": "中西区",
+              "code": "810101"
+            },
+            {
+              "name": "湾仔",
+              "code": "810102"
+            },
+            {
+              "name": "东区",
+              "code": "810103"
+            },
+            {
+              "name": "南区",
+              "code": "810104"
+            }
+          ],
+          "name": "香港岛",
+          "code": "810100"
+        },
+        {
+          "children": [
+            {
+              "name": "九龙城区",
+              "code": "810201"
+            },
+            {
+              "name": "油尖旺区",
+              "code": "810202"
+            },
+            {
+              "name": "深水埗区",
+              "code": "810203"
+            },
+            {
+              "name": "黄大仙区",
+              "code": "810204"
+            },
+            {
+              "name": "观塘区",
+              "code": "810205"
+            }
+          ],
+          "name": "九龙",
+          "code": "810200"
+        },
+        {
+          "children": [
+            {
+              "name": "北区",
+              "code": "810301"
+            },
+            {
+              "name": "大埔区",
+              "code": "810302"
+            },
+            {
+              "name": "沙田区",
+              "code": "810303"
+            },
+            {
+              "name": "西贡区",
+              "code": "810304"
+            },
+            {
+              "name": "元朗区",
+              "code": "810305"
+            },
+            {
+              "name": "屯门区",
+              "code": "810306"
+            },
+            {
+              "name": "荃湾区",
+              "code": "810307"
+            },
+            {
+              "name": "葵青区",
+              "code": "810308"
+            },
+            {
+              "name": "离岛区",
+              "code": "810309"
+            }
+          ],
+          "name": "新界",
+          "code": "810300"
+        }
+      ],
+      "name": "香港特别行政区",
+      "code": "810000"
+    },
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "name": "大堂区",
+              "code": "820100"
+            },
+            {
+              "name": "风顺堂区",
+              "code": "820100"
+            },
+            {
+              "name": "花地玛堂区",
+              "code": "820100"
+            },
+            {
+              "name": "花王堂区",
+              "code": "820100"
+            },
+            {
+              "name": "望德堂区",
+              "code": "820100"
+            },
+            {
+              "name": "其他区",
+              "code": "820100"
+            }
+          ],
+          "name": "澳门半岛",
+          "code": "820100"
+        },
+        {
+          "children": [
+            {
+              "name": "嘉模堂区",
+              "code": "820200"
+            },
+            {
+              "name": "路凼填海区",
+              "code": "820200"
+            },
+            {
+              "name": "圣方济各堂区",
+              "code": "820200"
+            },
+            {
+              "name": "其他区",
+              "code": "820200"
+            }
+          ],
+          "name": "离岛",
+          "code": "820200"
+        }
+      ],
+      "name": "澳门特别行政区",
+      "code": "820000"
+    }
+  ]
+}
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..34b63ac
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..6955f8c
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title>基于Spring Boot的停车场管理系统-门户端</title>
+</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>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..ec9032c
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,11 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
diff --git a/src/api/brand.js b/src/api/brand.js
new file mode 100644
index 0000000..367bbad
--- /dev/null
+++ b/src/api/brand.js
@@ -0,0 +1,56 @@
+// 车辆品牌接口
+
+import request from '@/utils/request'
+
+import qs from 'qs'
+
+// 获取车辆品牌列表
+export const getBrandList = (data) => {
+    return request({
+        url: '/AllBrandpage',
+        method: 'POST',
+        data: qs.stringify(data)
+    })
+}
+
+// 新增车辆品牌
+export const addBrand = (data) => {
+    return request({
+        url: '/brand/add',
+        method: 'POST',
+        data: qs.stringify(data)
+    })
+}
+
+// 删除车辆品牌
+export const deleteBrand = (id) => {
+    return request({
+        url: `/brand/delete?id=${id}`,
+        method: 'GET'
+    })
+}
+
+// 修改车辆品牌状态
+export const changeStatus = (id, status) => {
+    return request({
+        url: `/brand/changeStatus?id=${id}&status=${status}`,
+        method: 'GET'
+    })
+}
+
+// 获取车辆品牌详情
+export const getBrandDetail = (id) => {
+    return request({
+        url: `/brand/detail?id=${id}`,
+        method: 'GET'
+    })
+}
+
+// 修改车辆品牌
+export const editBrand = (data) => {
+    return request({
+        url: '/brand/edit',
+        method: 'POST',
+        data: qs.stringify(data)
+    })
+}
\ No newline at end of file
diff --git a/src/api/car.js b/src/api/car.js
new file mode 100644
index 0000000..c44a16b
--- /dev/null
+++ b/src/api/car.js
@@ -0,0 +1,34 @@
+// 车辆管理接口
+
+import request from '@/utils/request'
+import qs from 'qs'
+
+//租借车位
+export const carRent = (data) => {
+        return request({
+            url: '/carRent',
+            method: 'POST',
+            data: qs.stringify(data)
+        })
+    }
+// 还车
+export const returnCar = (data) => {
+        return request({
+            url: '/returnCar',
+            method: 'POST',
+            data: qs.stringify(data)
+        })
+    }
+    // 获取停车场的车辆列表
+export const getCars = (id) => {
+    return request({
+        url: `/getPid?parking_id=${id}`,
+        method: 'GET'
+    })
+}
+// 通过停车场ID查询车位列表
+export const getCarList = (id) => {
+    return request({
+        url: `/getCarsInParking?parking_id=${id}`,
+    })
+}
\ No newline at end of file
diff --git a/src/api/comment.js b/src/api/comment.js
new file mode 100644
index 0000000..48a0c0b
--- /dev/null
+++ b/src/api/comment.js
@@ -0,0 +1,22 @@
+// 评论接口
+
+// 修改格式
+import qs from 'qs'
+
+import request from '@/utils/request'
+// 发布评论
+export const push = (data) => {
+        return request({
+            url: '/comment',
+            method: 'POST',
+            data: qs.stringify(data)
+        })
+    }
+    // 获取个人信息接口
+export function getInfo(data) {
+    return request({
+        url: '/FindUserById',
+        method: 'post',
+        data: qs.stringify(data)
+    })
+}
\ No newline at end of file
diff --git a/src/api/common.js b/src/api/common.js
new file mode 100644
index 0000000..474c299
--- /dev/null
+++ b/src/api/common.js
@@ -0,0 +1,34 @@
+// 公共接口
+
+// 修改格式
+import qs from 'qs'
+
+import request from '@/utils/request'
+
+// 导入axios
+import axios from 'axios';
+
+// 获取城市列表
+// 模拟异步获取城市数据的函数
+// 
+
+
+
+export const getCity = (data) => {
+    return request({
+        url: '/cityPicker',
+        method: 'POST',
+        data: qs.stringify(data)
+    })
+}
+
+/**
+ * 封装的table组件请求数据
+ */
+export const tableData = (params) => {
+    return request({
+        url: params.url,
+        method: params.method,
+        data: qs.stringify(params.data)
+    })
+}
\ No newline at end of file
diff --git a/src/api/forum.js b/src/api/forum.js
new file mode 100644
index 0000000..f412e1d
--- /dev/null
+++ b/src/api/forum.js
@@ -0,0 +1,84 @@
+// 公共接口
+
+// 修改格式
+import qs from 'qs'
+
+import request from '@/utils/request'
+
+// 导入axios
+import axios from 'axios';
+export function getCategories() {
+  return request({
+    url: '/forum/categories',
+    method: 'get'
+  })
+}
+
+export function getPosts(params) {
+  return request({
+    url: '/forum/posts',
+    method: 'get',
+    params
+  })
+}
+
+export function getPostDetail(id) {
+  return request({
+    url: `/forum/posts/${id}`,
+    method: 'get'
+  })
+}
+
+export function createPost(data) {
+  // 使用 URLSearchParams 构建查询参数
+  const params = new URLSearchParams();
+  params.append('title', data.title);
+  params.append('content', data.content);
+  params.append('categoryId', data.categoryId);
+  params.append('userId', data.userId);
+
+  return request({
+    url: '/forum/post', // 后端接口路径
+    method: 'get',        // 使用 GET 请求
+    params: params       // 通过 params 传递查询参数
+  });
+}
+// 获取帖子的所有回复
+export function getReplies(postId) {
+  return request({
+    url: `/forum/posts/${postId}/replies`,
+    method: 'GET'
+  });
+}
+
+// 创建新的回复
+export function createReply(postId, replyData,userId) {
+  // 创建FormData对象
+  const formData = new FormData();
+  // 添加回复内容
+    formData.append('content', replyData);
+    formData.append('userId', userId);
+    formData.append('postId', postId);
+  return request({
+      url: `/forum/posts/${postId}/repliesed`,
+      method: 'POST',
+      data: formData,
+  });
+}
+
+// 修改回复内容
+export function updateReply(id, replyData) {
+  return request({
+    url: `/forum/replies/${id}`,
+    method: 'put',
+    data: replyData // 更新的回复数据
+  });
+}
+
+// 删除回复
+export function deleteReply(id) {
+  return request({
+    url: `/forum/replies/${id}`,
+    method: 'delete'
+  });
+}
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
new file mode 100644
index 0000000..0e5595d
--- /dev/null
+++ b/src/api/index.js
@@ -0,0 +1,20 @@
+// 所有接口统一暴露
+
+import * as common from './common'
+import * as parking from './parking'
+import * as brand from './brand'
+import * as car from './car'
+import * as member from './member'
+import * as comment from './comment'
+import * as pact from './pact'
+import * as userinfo from './userinfo'
+export default {
+    common,
+    parking,
+    brand,
+    car,
+    member,
+    comment,
+    pact,
+    userinfo
+}
\ No newline at end of file
diff --git a/src/api/member.js b/src/api/member.js
new file mode 100644
index 0000000..de15db8
--- /dev/null
+++ b/src/api/member.js
@@ -0,0 +1,23 @@
+// 会员接口
+
+// 修改格式
+import qs from 'qs' 
+
+import request from '@/utils/request'
+
+
+// 删除会员
+export const memberDelete = (id) => {
+    return request({
+        url: `/member/delete?id=${id}`,
+        method: 'GET'
+    })
+}
+
+// 获取会员详情
+export const getMemberDetail = (id) => {
+    return request({
+        url: `/member/detail?id=${id}`,
+        method: 'GET',
+    })
+}
diff --git a/src/api/pact.js b/src/api/pact.js
new file mode 100644
index 0000000..85ef568
--- /dev/null
+++ b/src/api/pact.js
@@ -0,0 +1,14 @@
+// 合同接口
+
+// 修改格式
+import qs from 'qs'
+
+import request from '@/utils/request'
+// 查询合同
+export const FindPactByPactId = (data) => {
+    return request({
+        url: '/FindPactByPactId',
+        method: 'POST',
+        data: qs.stringify(data)
+    })
+}
\ No newline at end of file
diff --git a/src/api/parking.js b/src/api/parking.js
new file mode 100644
index 0000000..1a469ed
--- /dev/null
+++ b/src/api/parking.js
@@ -0,0 +1,66 @@
+// 停车场接口
+
+// 修改格式
+import qs from 'qs'
+
+import request from '@/utils/request'
+
+// 新增停车场
+export const parkingAdd = (data) => {
+    return request({
+        url: '/parking/add',
+        method: 'POST',
+        data: qs.stringify(data)
+    })
+}
+
+// 获取停车场列表
+export const getParkingList = (data) => {
+    return request({
+        url: '/parking/list',
+        method: 'POST',
+        data: qs.stringify(data)
+    })
+}
+
+// 删除停车场
+export const deleteParking = (id) => {
+    return request({
+        url: `/parking/delete?id=${id}`,
+        method: 'GET'
+    })
+}
+
+// 获取停车场详情
+export const getParkingDetail = (id) => {
+    return request({
+        url: `/parking/detail?id=${id}`,
+        method: 'GET',
+    })
+}
+
+// 编辑停车场
+export const editParking = (data) => {
+    return request({
+        url: '/parking/edit',
+        method: 'POST',
+        data: qs.stringify(data)
+    })
+}
+
+// 修改禁启用状态
+export const changeEnable = (id, enable) => {
+    return request({
+        url: `/parking/changeEnable?id=${id}&enable=${enable}`,
+        method: 'GET'
+    })
+}
+
+
+// 获取停车场
+export const getParking = () => {
+    return request({
+        url: '/webParking',
+        method: 'POST',
+    })
+}
\ No newline at end of file
diff --git a/src/api/user.js b/src/api/user.js
new file mode 100644
index 0000000..cf4de19
--- /dev/null
+++ b/src/api/user.js
@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+
+// 用户注册接口
+export function register(data) {
+    return request({
+        // url: '/vue-admin-template/user/login',
+        // url: '/admin/acl/index/login',
+        url: '/user_register',
+        method: 'post',
+        data
+    })
+}
+// 发送手机验证码
+export function sendcode(data) {
+    return request({
+        // url: '/vue-admin-template/user/login',
+        // url: '/admin/acl/index/login',
+        url: '/sendCode',
+        method: 'post',
+        data
+    })
+}
+// 用户登录接口
+export function login(data) {
+    return request({
+        // url: '/vue-admin-template/user/login',
+        // url: '/admin/acl/index/login',
+        url: '/login',
+        method: 'post',
+        data
+    })
+}
+// 获取个人信息接口
+export function getInfo(data) {
+    return request({
+        url: '/FindUserById',
+        method: 'post',
+        data
+    })
+}
+// 用户退出接口
+export function logout(token) {
+    const data = new URLSearchParams();
+    data.append('token', token);
+    return request({
+        // url: '/admin/acl/index/logout',
+        url: '/logout/',
+        method: 'post',
+        data
+    })
+}
\ No newline at end of file
diff --git a/src/api/userinfo.js b/src/api/userinfo.js
new file mode 100644
index 0000000..18de03f
--- /dev/null
+++ b/src/api/userinfo.js
@@ -0,0 +1,23 @@
+// 评论接口
+
+// 修改格式
+import qs from 'qs'
+
+import request from '@/utils/request'
+
+// 获取个人信息接口
+export function getInfo(data) {
+    return request({
+        url: '/FindUserById',
+        method: 'post',
+        data: qs.stringify(data)
+    })
+}
+// 更新个人信息接口
+export function RealUser(data) {
+    return request({
+        url: '/RealUser',
+        method: 'post',
+        data: qs.stringify(data)
+    })
+}
\ No newline at end of file
diff --git a/src/assets/404_images/404.png b/src/assets/404_images/404.png
new file mode 100644
index 0000000..3d8e230
Binary files /dev/null and b/src/assets/404_images/404.png differ
diff --git a/src/assets/404_images/404_cloud.png b/src/assets/404_images/404_cloud.png
new file mode 100644
index 0000000..c6281d0
Binary files /dev/null and b/src/assets/404_images/404_cloud.png differ
diff --git a/src/assets/images/parking_location_img.png b/src/assets/images/parking_location_img.png
new file mode 100644
index 0000000..d11b10e
Binary files /dev/null and b/src/assets/images/parking_location_img.png differ
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
new file mode 100644
index 0000000..4af32ba
--- /dev/null
+++ b/src/components/Breadcrumb/index.vue
@@ -0,0 +1,78 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
+        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
+        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+import pathToRegexp from 'path-to-regexp'
+
+export default {
+  data() {
+    return {
+      levelList: null
+    }
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb()
+    }
+  },
+  created() {
+    this.getBreadcrumb()
+  },
+  methods: {
+    getBreadcrumb() {
+      // only show routes with meta.title
+      let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
+      const first = matched[0]
+
+      if (!this.isDashboard(first)) {
+        matched = [{ path: '/dashboard', meta: { title: '控制台' }}].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>
diff --git a/src/components/Commons/cityArea.vue b/src/components/Commons/cityArea.vue
new file mode 100644
index 0000000..de68fb0
--- /dev/null
+++ b/src/components/Commons/cityArea.vue
@@ -0,0 +1,172 @@
+<template>
+  <el-cascader
+    v-model="regionValue"
+    :options="region_options"
+    :props="region_options_props"
+    :placeholder="initCascaderValue"
+    @change="changeCascader"
+    @clearCheckedNodes="clearCheckedNodes"
+  ></el-cascader>
+  <!-- <div id="app">
+    <el-cascader
+      size="large"
+      :options="options"
+      v-model="selectedOptions"
+      @change="handleChange">
+    </el-cascader>
+  </div> -->
+</template>
+
+<script>
+
+
+// import { regionData } from 'element-china-area-data';
+// import { getCity } from "@/api/common";
+
+// export default {
+//   data() {
+//     return {
+//       options: regionData,
+//       selectedOptions: [],
+//       address: [],
+//       addressData: {},
+//       initCascaderValue: '请选择省市区',
+//     };
+//   },
+//   methods: {
+//     handleChange(value) {
+//       console.log(value);
+//     },
+//     async lazyLoad(node, resolve) {
+//       const { level } = node;
+//       const requestData = {};
+//       let levelType = {
+//         0: { type: "province" },
+//         1: { type: "city", code: "province_code" },
+//         2: { type: "area", code: "city_code" },
+//       };
+//       if (levelType[level].code) {
+//         requestData[levelType[level].code] = node.value;
+//       }
+//       requestData.type = levelType[level].type;
+//       let result = await getCity(requestData);
+//       if (result.code === 200) {
+//         const data = result.data;
+//         const type = levelType[level].type;
+//         data.forEach((item) => {
+//           item.value = item[type + '_code'];
+//           item.label = item[type + '_name'];
+//           item.leaf = level >= 2;
+//         });
+//         this.addressData[type] = data;
+//         resolve(data);
+//       }
+//       if (level !== 0) {
+//         this.getAddress(node);
+//       }
+//     },
+//     changeCascader(value) {
+//       this.$emit("update:region", value.join());
+//       const area_code = value[value.length - 1];
+//       const area_name = this.addressData.area.filter(item => item.value === area_code)[0].label;
+//       this.address[2] = area_name;
+//       this.$emit('setMapLocation', this.address.join(""));
+//     },
+//     getAddress(node) {
+//       const index = node.level - 1;
+//       this.address[index] = node.label;
+//     },
+//     clearCheckedNodes() {
+//       this.selectedOptions = [];
+//     },
+//     cascaderValue(value) {
+//       this.initCascaderValue = value;
+//     }
+//   },
+// };
+
+import { getCity } from "@/api/common";
+export default {
+  name: "CityArea",
+  data() {
+    const _this = this
+    return {
+      initCascaderValue: '请选择省市区',
+      // 地址代码
+      address: [],
+      // 地址数据
+      addressData: {},
+      regionValue: "",
+      // 级联数据
+      region_options: [],
+      // 级联动态加载配置
+      region_options_props: {
+        lazy: true,
+        async lazyLoad(node, resolve) {
+          const { level } = node;
+          // 请求参数
+          const requestData = {};
+          let levelType = {
+            0: { type: "province" },
+            1: { type: "city", code: "province_code" },
+            2: { type: "area", code: "city_code" },
+          };
+          if (levelType[level].code) {
+            requestData[levelType[level].code] = node.value;
+          }
+          requestData.type = levelType[level].type;
+          let result = await getCity(requestData);
+          if (result.status === 200) {
+            const data = result.data;
+            console.log('Address data:', data);
+            // 类型
+            const type = levelType[level].type
+            // 对省市区进行展示处理
+            data.forEach((item) => {
+              item.value = item[type + '_code']
+              item.label = item[type + '_name']
+              item.leaf = level >= 2
+            });
+            // 存储省市区数据
+            _this.addressData[type] = data
+            resolve(data);
+          }
+          // 获取地址
+          if (level !== 0) {
+            _this.getAddress(node)
+          }
+        },
+      },
+    };
+  },
+  props: ["region"],
+  methods: {
+    // 区域改变事件
+    changeCascader(value) {
+      // 将修改的值传递给父组件
+      this.$emit("update:region", value.join());
+      // 最后一级区县的数据
+      const area_code = value[value.length - 1]
+      const area_name = this.addressData.area.filter(item => item.value === area_code)[0].label
+      this.address[2] = area_name
+      this.$emit('setMapLocation', this.address.join(""))
+    },
+    // 将选择的地址放入数组中
+    getAddress(node) {
+      const index = node.level - 1
+      this.address[index] = node.label
+    },
+    // 清空级联数据
+    clearCheckedNodes() {
+      this.regionValue = ''
+    },
+    // 省市区的显示值
+    cascaderValue(value) {
+      this.initCascaderValue = value
+    }
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/components/Dialog/addCarBrand.vue b/src/components/Dialog/addCarBrand.vue
new file mode 100644
index 0000000..d521365
--- /dev/null
+++ b/src/components/Dialog/addCarBrand.vue
@@ -0,0 +1,244 @@
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="dialogVisible"
+    @close="close"
+    :close-on-click-modal="false"
+    :destroy-on-close="true"
+  >
+    <el-form :model="form" ref="dialogBrand" :rules="rules">
+      <el-form-item label="品牌中文" label-width="120px" prop="brand_name_ch">
+        <el-input v-model="form.brand_name_ch" autocomplete="off"></el-input>
+      </el-form-item>
+      <el-form-item label="品牌英文" label-width="120px" prop="brand_name_en">
+        <el-input v-model="form.brand_name_en" autocomplete="off"></el-input>
+      </el-form-item>
+      <el-form-item label="LOGO" label-width="120px">
+        <el-upload
+          :action="uploadURL"
+          name="img"
+          :file-list="fileList"
+          :on-success="uploadSuccess"
+          :on-change="uploadChange"
+          list-type="picture-card"
+          ref="upload"
+          :auto-upload="false"
+          :limit="1"
+        >
+          <i slot="default" class="el-icon-plus"></i>
+          <div slot="file" slot-scope="{ file }">
+            <img class="el-upload-list__item-thumbnail" :src="file.url" />
+            <span class="el-upload-list__item-actions">
+              <span
+                class="el-upload-list__item-preview"
+                @click="handlePictureCardPreview(file)"
+              >
+                <i class="el-icon-zoom-in"></i>
+              </span>
+              <span
+                v-if="!disabled"
+                class="el-upload-list__item-delete"
+                @click="handleRemove(file)"
+              >
+                <i class="el-icon-delete"></i>
+              </span>
+            </span>
+          </div>
+          <div slot="tip" class="el-upload__tip">
+            只能上传jpg/png文件，且只能上传一张图片
+          </div>
+        </el-upload>
+        <el-dialog
+          width="40%"
+          top="8vh"
+          :visible.sync="dialogPreviewVisible"
+          :modal="false"
+          :close-on-click-modal="false"
+        >
+          <img width="100%" :src="dialogImageUrl" alt="" />
+        </el-dialog>
+      </el-form-item>
+      <el-form-item label="类型" label-width="120px" prop="status">
+        <el-radio-group v-model="form.status">
+          <el-radio :label="0">禁用</el-radio>
+          <el-radio :label="1">启用</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item class="btn">
+        <el-button type="primary" @click="submitForm">确定</el-button>
+        <el-button @click="close">取消</el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "AddCarBrand",
+  props: {
+    flagVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      // 对话框的显示隐藏
+      dialogVisible: false,
+      // 表单的数据
+      form: {
+        brand_name_ch: "",
+        brand_name_en: "",
+        status: "",
+      },
+      id: "",
+      // 上传图片相关
+      disabled: false,
+      dialogPreviewVisible: false,
+      dialogImageUrl: "",
+      uploadURL: this.$store.state.app.uploadURL,
+      fileList: [],
+      isOldFile: true,
+      // 校验规则
+      rules: {
+        brand_name_ch: [
+          {
+            required: true,
+            message: "请输入车辆品牌（中文）",
+            trigger: "blur",
+          },
+        ],
+        brand_name_en: [
+          {
+            required: true,
+            message: "请输入车辆品牌（英文）",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    // 父组件传递的品牌详细数据
+    this.$bus.$on("brandDetail", (data) => {
+      this.form.brand_name_ch = data.brand_name_ch;
+      this.form.brand_name_en = data.brand_name_en;
+      this.form.status = data.status;
+      this.id = data.id;
+      this.fileList.push({ name: data.brand_name_en, url: data.brand_logo });
+    });
+  },
+  methods: {
+    // 关闭对话框方法
+    close() {
+      // 清空表单
+      this.$refs.dialogBrand.resetFields();
+      // 移除upload的图片
+      this.$refs.upload.clearFiles();
+      // 关闭对话框
+      this.$emit("update:flagVisible", false);
+      this.id = "";
+      this.dialogImageUrl = "";
+      this.form.brand_name_ch = "";
+      this.form.brand_name_en = "";
+      this.form.status = "";
+      this.fileList = [];
+      this.isOldFile = true
+    },
+    // 提交表单
+    submitForm() {
+      // 校验
+      this.$refs.dialogBrand.validate(async (valid) => {
+        if (valid) {
+          this.upload();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    // 图片上传
+    upload() {
+      if (this.isOldFile && this.fileList.length !== 0 && this.id) {
+        this.editBrand(this.fileList[0].url)
+      } else {
+        this.fileList.length === 0
+        ? this.message("warning", "请上传图片")
+        : this.$refs.upload.submit();
+      }
+    },
+    // 图片上传成功
+    uploadSuccess(response, file, fileList) {
+      if (response.code === 200) {
+        const imgUrl = response.imgUrl;
+        // 调用新增品牌接口
+        this.id ? this.editBrand(imgUrl) : this.addBrand(imgUrl);
+      } else {
+        this.$message.error(response.message);
+      }
+    },
+    // 新增车辆品牌
+    async addBrand(brand_logo) {
+      // 参数处理
+      let data = JSON.parse(JSON.stringify(this.form));
+      this.form.status === "" && delete data.status;
+      data.brand_logo = brand_logo;
+      let result = await this.$API.brand.addBrand(data);
+      if (result.code === 200) {
+        this.message("success", result.message);
+        this.close();
+        // 重新获取一次列表
+        this.$emit("getBrandList");
+      }
+    },
+    // 编辑车辆品牌
+    async editBrand(brand_logo) {
+      // 参数处理
+      let data = JSON.parse(JSON.stringify(this.form));
+      this.form.status === "" && delete data.status;
+      data.brand_logo = brand_logo;
+      data.id = this.id;
+      let result = await this.$API.brand.editBrand(data);
+      if (result.code === 200) {
+        this.message("success", result.message);
+        this.close();
+        // 重新获取一次列表
+        this.$emit("getBrandList");
+      }
+    },
+    // 图片移除
+    handleRemove(file) {
+      this.fileList = [];
+      this.isOldFile = false
+    },
+    // 图片改变
+    uploadChange(file, fileList) {
+      this.fileList = fileList;
+    },
+    // 图片预览
+    handlePictureCardPreview(file) {
+      this.dialogPreviewVisible = true;
+      this.dialogImageUrl = file.url;
+    }
+  },
+  computed: {
+    title() {
+      return this.id ? "编辑车辆品牌" : "新增车辆品牌";
+    },
+  },
+  // 监听是否隐藏
+  watch: {
+    flagVisible: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue;
+      },
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.btn {
+  padding-left: 120px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Dialog/mapDialog.vue b/src/components/Dialog/mapDialog.vue
new file mode 100644
index 0000000..1308ed3
--- /dev/null
+++ b/src/components/Dialog/mapDialog.vue
@@ -0,0 +1,37 @@
+<template>
+  <el-dialog
+    :title="parkingData.parkingName"
+    :visible="dialogVisibleMap"
+    width="70%"
+    :close-on-click-modal="false"
+    @close="close"
+    style="padding: 0"
+  >
+    <div class="mapDialog"><Map v-if="dialogVisibleMap" @mapComplete="addMarker" ref="map"></Map></div>
+  </el-dialog>
+</template>
+
+<script>
+import Map from '@/views/map/map'
+export default {
+    name: 'mapDiglog',
+    components: { Map },
+    props: ['dialogVisibleMap', 'parkingData'],
+    methods: {
+        close() {
+            this.$emit('update:dialogVisibleMap', false)
+        },
+        // 添加点标记，在地图加载完成后调用
+        addMarker() {
+          this.$refs.map.addMarker(this.parkingData.coord)
+        }
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+    .mapDialog {
+    width: 100%;
+    height: 650px;
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/Form/form.vue b/src/components/Form/form.vue
new file mode 100644
index 0000000..8ac8f93
--- /dev/null
+++ b/src/components/Form/form.vue
@@ -0,0 +1,110 @@
+<template>
+  <div>
+
+    <el-form ref="form" :model="formData" :label-width="config.form_config.label_width" :inline="config.form_config.inline">
+
+        <el-form-item v-for="item in config.form_item_config" :key="item.prop" :rules="item.rules" :label="item.label" :prop="item.prop">
+            <!-- 输入框类型 -->
+            <el-input v-if="item.type === 'input'" v-model.trim="formData[item.prop]" :placeholder="item.placeholder" :disabled="item.disabled" :style="{ width: item.width}"></el-input>
+
+            <!-- 插槽类型 -->
+            <slot v-if="item.type === 'slot'" :name="item.slotName"></slot>
+            
+            <!-- 单选类型 -->
+            <el-radio-group v-if="item.type === 'radio'" v-model="formData[item.prop]">
+                <el-radio v-for="radio in item.options" :key="radio.value" :label="radio.value">{{ radio.label }}</el-radio>
+            </el-radio-group>
+
+            <!-- 开关类型 -->
+            <el-switch v-if="item.type === 'switch'" v-model="formData[item.prop]" active-color="#13ce66"></el-switch>
+
+            <!-- 下拉框类型 -->
+            <el-select v-if="item.type === 'select'" v-model="formData[item.prop]" :placeholder="item.placeholder">
+                <el-option v-for="option in item.options" :key="option.id || option.value" :label="option.label" :value="option.value">
+                </el-option>
+            </el-select>
+
+            <!-- 富文本编辑器 -->
+            <div v-if="item.type === 'richText'" ref="editorDom"></div>
+        </el-form-item>
+
+
+        <!-- 按钮 -->
+        <el-form-item>
+            <el-button v-for="item in config.form_handler" :key="item.key" :type="item.type" @click="item.handler && item.handler()">
+                {{item.label}}
+            </el-button>
+        </el-form-item>
+
+    </el-form>
+
+  </div>
+</template>
+
+<script>
+import E from "wangeditor";
+export default {
+    name: 'Form',
+    props: ['config', 'formData'],
+    data() {
+        return {
+            required_msg: {
+                'input': '请输入',
+                'radio': '请选择',
+                'select': '请选择'
+            },
+            // 富文本
+            editor: null,
+        }
+    },
+    mounted() {
+        this.config.form_item_config.forEach(item => {
+            if (item.type === 'richText') {
+                this.createEditor()
+                return false
+            }
+        })
+        
+    },
+    methods: {
+        // 初始化form数据
+        initForm() {
+            this.config.form_item_config.forEach(item => {
+                // rules规则
+                if (item.required) this.rules(item);
+            })
+        },
+        rules(item) {
+            const requiredRules = [{ required: true, message: item.required_msg || `${this.required_msg[item.type]}${item.label}`, trigger: "change" }]
+            // 其他规则
+            if (item.rules && item.rules.length > 0) {
+                item.rules = requiredRules.concat(item.rules)
+            } else {
+                item.rules = requiredRules
+            }
+           
+        },
+        // 创建富文本
+        createEditor() {
+            this.editor = new E(this.$refs.editorDom);
+            this.editor.create();
+        },
+        // 清空富文本内容
+        clearText() {
+            this.editor.txt.clear()
+        }
+    },
+    watch: {
+        config: {
+            immediate: true,
+            handler(newValue) {
+                this.initForm()
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue
new file mode 100644
index 0000000..368b002
--- /dev/null
+++ b/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>
diff --git a/src/components/Nav/Nav.vue b/src/components/Nav/Nav.vue
new file mode 100644
index 0000000..bc5a077
--- /dev/null
+++ b/src/components/Nav/Nav.vue
@@ -0,0 +1,91 @@
+<template>
+    <ul :class="{ displayShow: displayShow, nav: true }">
+      <li>
+        <i class="el-icon-warning-outline"></i>
+      </li>
+      <li>
+        <i class="el-icon-search"></i>
+      </li>
+      <li class="choose-car" @click="chooseCar">选择车辆</li>
+      <li @click="moveTolocation">
+        <i class="el-icon-location-outline"></i>
+      </li>
+      <!-- <li @click="goToUser">
+        <i class="el-icon-user"></i>
+      </li> -->
+    </ul>
+  </template>
+  
+  <script>
+  
+  export default {
+    name: "Nav",
+    methods: {
+      // 去用户中心
+      goToUser() {
+        this.$router.push({ 
+          name: this.$store.state.userAbout.token ? "User" : "Login" 
+        });
+      },
+      // 去选择车辆
+      chooseCar() {
+        localStorage.getItem('id') ? this.$router.push({ name: "Car" }) : this.$message({type: 'warning', message: '请先选择停车场'})
+        
+      },
+      // 定位
+      moveTolocation() {
+        this.$bus.$emit("location");
+      },
+    },
+    computed: {
+      displayShow() {
+        return this.$route.name === "Car" ? true : false;
+      },
+    },
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  .nav {
+    position: fixed;
+    bottom: 86px;
+    left: 50%;
+    transform: translate(-50%);
+    z-index: 1;
+    height: 86px;
+    line-height: 86px;
+    color: #fff;
+    li {
+      width: 44px;
+      height: 44px;
+      line-height: 44px;
+      text-align: center;
+      background-color: #3c4147;
+      border-radius: 50%;
+      display: inline-block;
+      margin-right: 34px;
+      &:hover {
+        cursor: pointer;
+        color: #00a3ff;
+      }
+      i {
+        line-height: 44px;
+        font-size: 16px;
+        &:hover {
+          color: #00a3ff;
+        }
+      }
+    }
+    .choose-car {
+      width: 240px;
+      height: 100%;
+      line-height: 86px;
+      margin-right: 34px;
+      font-size: 26px;
+      border-radius: 40px;
+    }
+  }
+  .displayShow {
+    display: none;
+  }
+  </style>
\ No newline at end of file
diff --git a/src/components/Pagination/Pagination.vue b/src/components/Pagination/Pagination.vue
new file mode 100644
index 0000000..a638f55
--- /dev/null
+++ b/src/components/Pagination/Pagination.vue
@@ -0,0 +1,36 @@
+<template>
+    <el-pagination
+      :page-sizes="[10, 17, 26, 35]"
+      :page-size="pageSize"
+      :current-page="pageNumber"
+      layout="->, total, sizes, prev, pager, next, jumper"
+      background
+      class="pagination"
+      @size-change="sizeChange"
+      @current-change="currentChange"
+      :total="total">
+    </el-pagination>
+</template>
+
+<script>
+export default {
+    name: 'Pagination',
+    props: ['total', 'pageSize', 'pageNumber'],
+    methods: {
+      sizeChange(value) {
+        this.$emit('update:pageSize', value)
+        this.$emit('getDataList')
+      },
+      currentChange(value) {
+        this.$emit('update:pageNumber', value)
+        this.$emit('getDataList')
+      }
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+  .pagination {
+    margin-top: 20px;
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
new file mode 100644
index 0000000..b07ded2
--- /dev/null
+++ b/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>
diff --git a/src/components/TableData/table.vue b/src/components/TableData/table.vue
new file mode 100644
index 0000000..3580429
--- /dev/null
+++ b/src/components/TableData/table.vue
@@ -0,0 +1,181 @@
+<template>
+  <div>
+    <el-table
+      :data="tableList"
+      tooltip-effect="dark"
+      style="width: 100%"
+      border
+      v-loading="table_loading"
+      element-loading-text="正在加载中..."
+      class="table"
+    >
+      <!-- 勾选列 -->
+      <el-table-column
+        v-if="config.checkedColumn"
+        type="selection"
+        width="40"
+      ></el-table-column>
+
+      <template v-for="config_header in config.table_headers">
+        <!-- 需要回调处理值的列 -->
+        <el-table-column
+          v-if="config_header.type === 'function'"
+          :key="config_header.prop"
+          :prop="config_header.prop"
+          :label="config_header.label"
+          :width="config_header.width"
+          :align="config_header.align || 'left'"
+        >
+          <template slot-scope="scope">
+            <span>{{
+              config_header.callback && config_header.callback(scope.row)
+            }}</span>
+          </template>
+        </el-table-column>
+
+        <!-- 需要放入其他html标签，例如：button、img，使用插槽处理-->
+        <el-table-column
+          v-else-if="config_header.type === 'slot'"
+          :key="config_header.prop"
+          :prop="config_header.prop"
+          :label="config_header.label"
+          :width="config_header.width"
+          :align="config_header.align"
+        >
+          <template slot-scope="scope">
+            <slot :name="config_header.slotName" :data="scope.row"></slot>
+          </template>
+        </el-table-column>
+
+        <!-- 纯文本 -->
+        <el-table-column
+          v-else
+          :key="config_header.prop"
+          :prop="config_header.prop"
+          :label="config_header.label"
+          :width="config_header.width"
+          :align="config_header.align"
+        ></el-table-column>
+      </template>
+    </el-table>
+    <!-- 分页器 -->
+    <el-pagination
+      v-if="config.pagination"
+      :page-sizes="[10, 17, 26, 35]"
+      :page-size="pageSize"
+      :current-page="pageNumber"
+      layout="->, total, sizes, prev, pager, next, jumper"
+      background
+      class="pagination"
+      @size-change="sizeChange"
+      @current-change="currentChange"
+      :total="total"
+    >
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Table",
+  props: ["table_config"],
+  data() {
+    return {
+      // 表格配置
+      config: {
+        // 表头配置
+        table_headers: [],
+        // API请求配置
+        axios_config: {},
+        // 请求参数
+        requestData: {},
+        // 勾选列
+        checkedColumn: true,
+        // 分页
+        pagination: true,
+      },
+      // 表格数据
+      tableList: [],
+      pageSize: 10,
+      pageNumber: 1,
+      total: 0,
+      // 加载效果
+      table_loading: false,
+    };
+  },
+  mounted() {
+    this.initConfig();
+  },
+  methods: {
+    // 初始化配置
+    initConfig() {
+      for (const key in this.table_config) {
+        if (Object.keys(this.config).includes(key)) {
+          this.config[key] = this.table_config[key];
+        }
+      }
+      // 初始化完成后调用接口请求数据
+      this.getTableData();
+    },
+    // 发送请求获取数据
+    async getTableData() {
+      let { url, method } = this.config.axios_config;
+      let reqData = {
+        url,
+        method,
+        data: this.config.requestData,
+      };
+      this.table_loading = true;
+      let result = await this.$API.common.tableData(reqData);
+      if (result.status === 200) {
+        this.tableList = result.data;
+        // 考虑DOM元素渲染
+        this.$nextTick(() => {
+          // todo something...
+        });
+        this.total = result.total;
+        this.table_loading = false;
+      } else {
+        this.tableList = []
+        this.$message({
+            type: 'warning',
+            message: result.message
+        })
+        this.table_loading = false;
+      }
+    },
+    // 有其余参数处理获取数据
+    getTableDataWithParams(params = "") {
+      if (params) {
+        // 有参数更新请求参数
+        this.config.requestData = params;
+      }
+      this.getTableData();
+    },
+    // 页面大小改变
+    sizeChange(value) {
+      this.config.requestData.pageSize = value;
+      this.getTableData();
+    },
+    // 当前页改变
+    currentChange(value) {
+      this.config.requestData.pageNumber = value;
+      this.getTableData();
+    },
+  },
+  watch: {
+    table_config: {
+      immediate: true,
+      handler(newValue) {
+        // console.log(newValue);
+      },
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.table {
+  margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
new file mode 100644
index 0000000..3a3a318
--- /dev/null
+++ b/src/components/Upload/index.vue
@@ -0,0 +1,47 @@
+<template>
+  <div style="display: flex; flex-direction: column; justify-content: center">
+    <input
+      type="file"
+      @change="uploadImage"
+      ref="fileInput"
+      style="display: none"
+    />
+    <el-button type="success" @click="openFileInput">上传照片</el-button>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+export default {
+  name: "Upload",
+  data() {
+    return {
+      photo: "",
+    };
+  },
+  methods: {
+    openFileInput() {
+      this.$refs.fileInput.click();
+    },
+    uploadImage(event) {
+      var file = event.target.files[0];
+      var formData = new FormData();
+      formData.append("image", file);
+      formData.append("token", "1c17b11693cb5ec63859b091c5b9c1b2");
+      axios
+        .post("http://8.141.3.231:40061/api/index.php", formData, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+          },
+        })
+        .then((response) => {
+          this.$emit("upload-success", response.data.url);
+          this.$message({ type: "success", message: "上传成功" });
+        })
+        .catch((error) => {
+          this.$message.error("上传图片失败:" + error);
+        });
+    },
+  },
+};
+</script>
diff --git a/src/icons/index.js b/src/icons/index.js
new file mode 100644
index 0000000..2c6b309
--- /dev/null
+++ b/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)
diff --git a/src/icons/svg/cheliangguanli.svg b/src/icons/svg/cheliangguanli.svg
new file mode 100644
index 0000000..0715905
--- /dev/null
+++ b/src/icons/svg/cheliangguanli.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#e6e6e6" d="M224.304762 497.371429h175.542857v78.019047H224.304762zM872.838095 258.438095l-97.523809-146.285714c-9.752381-14.628571-24.380952-24.380952-39.009524-24.380952H258.438095L146.285714 258.438095H4.87619v97.52381h78.019048L19.504762 448.609524c-4.87619 9.752381-4.87619 19.504762-4.876191 29.257143v385.219047H341.333333v-117.028571h204.8v-97.52381H243.809524v117.028572H107.27619v-273.066667l53.638096-78.019048h697.295238l39.009524 58.514286 82.895238-53.638095-39.009524-58.514286H1024v-97.523809h-151.161905zM229.180952 316.952381l82.895238-126.780952h399.84762l82.895238 126.780952H229.180952zM980.114286 551.009524l-63.390476 34.133333c-19.504762-24.380952-48.761905-39.009524-82.895239-48.761905V463.238095h-78.019047V536.380952c-29.257143 9.752381-58.514286 24.380952-82.895238 48.761905l-63.390476-39.009524v4.876191l-39.009524 68.266666 68.266666 39.009524c-4.87619 9.752381-4.87619 24.380952-4.87619 39.009524 0 14.628571 4.87619 29.257143 4.87619 43.885714l-68.266666 39.009524h-4.876191l39.009524 68.266667 68.266667-39.009524c19.504762 24.380952 48.761905 39.009524 78.019047 48.761905v78.019047H828.952381v-78.019047c29.257143-9.752381 58.514286-24.380952 78.019048-43.885714l68.266666 39.009523 39.009524-68.266666-68.266667-39.009524c4.87619-14.628571 9.752381-29.257143 9.752381-48.761905 0-14.628571-4.87619-29.257143-4.87619-43.885714l63.390476-39.009524-34.133333-63.390476z m-185.295238 234.057143c-48.761905 0-87.771429-39.009524-87.771429-87.771429s39.009524-87.771429 87.771429-87.771428 87.771429 39.009524 87.771428 87.771428-39.009524 87.771429-87.771428 87.771429z" /></svg>
\ No newline at end of file
diff --git a/src/icons/svg/dashboard.svg b/src/icons/svg/dashboard.svg
new file mode 100644
index 0000000..5317d37
--- /dev/null
+++ b/src/icons/svg/dashboard.svg
@@ -0,0 +1 @@
+<svg width="128" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M27.429 63.638c0-2.508-.893-4.65-2.679-6.424-1.786-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.465 2.662-1.785 1.774-2.678 3.916-2.678 6.424 0 2.508.893 4.65 2.678 6.424 1.786 1.775 3.94 2.662 6.465 2.662 2.524 0 4.678-.887 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm13.714-31.801c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM71.714 65.98l7.215-27.116c.285-1.23.107-2.378-.536-3.443-.643-1.064-1.56-1.762-2.75-2.094-1.19-.33-2.333-.177-3.429.462-1.095.639-1.81 1.573-2.143 2.804l-7.214 27.116c-2.857.237-5.405 1.266-7.643 3.088-2.238 1.822-3.738 4.152-4.5 6.992-.952 3.644-.476 7.098 1.429 10.364 1.905 3.265 4.69 5.37 8.357 6.317 3.667.947 7.143.474 10.429-1.42 3.285-1.892 5.404-4.66 6.357-8.305.762-2.84.619-5.607-.429-8.305-1.047-2.697-2.762-4.85-5.143-6.46zm47.143-2.342c0-2.508-.893-4.65-2.678-6.424-1.786-1.775-3.94-2.662-6.465-2.662-2.524 0-4.678.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.786 1.775 3.94 2.662 6.464 2.662 2.524 0 4.679-.887 6.465-2.662 1.785-1.775 2.678-3.916 2.678-6.424zm-45.714-45.43c0-2.509-.893-4.65-2.679-6.425C68.68 10.01 66.524 9.122 64 9.122c-2.524 0-4.679.887-6.464 2.661-1.786 1.775-2.679 3.916-2.679 6.425 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm32 13.629c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM128 63.638c0 12.351-3.357 23.78-10.071 34.286-.905 1.372-2.19 2.058-3.858 2.058H13.93c-1.667 0-2.953-.686-3.858-2.058C3.357 87.465 0 76.037 0 63.638c0-8.613 1.69-16.847 5.071-24.703C8.452 31.08 13 24.312 18.714 18.634c5.715-5.68 12.524-10.199 20.429-13.559C47.048 1.715 55.333.035 64 .035c8.667 0 16.952 1.68 24.857 5.04 7.905 3.36 14.714 7.88 20.429 13.559 5.714 5.678 10.262 12.446 13.643 20.301 3.38 7.856 5.071 16.09 5.071 24.703z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/example.svg b/src/icons/svg/example.svg
new file mode 100644
index 0000000..46f42b5
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/icons/svg/eye-open.svg b/src/icons/svg/eye-open.svg
new file mode 100644
index 0000000..88dcc98
--- /dev/null
+++ b/src/icons/svg/eye-open.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><defs><style/></defs><path d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/eye.svg b/src/icons/svg/eye.svg
new file mode 100644
index 0000000..16ed2d8
--- /dev/null
+++ b/src/icons/svg/eye.svg
@@ -0,0 +1 @@
+<svg width="128" height="64" xmlns="http://www.w3.org/2000/svg"><path d="M127.072 7.994c1.37-2.208.914-5.152-.914-6.87-2.056-1.717-4.797-1.226-6.396.982-.229.245-25.586 32.382-55.74 32.382-29.24 0-55.74-32.382-55.968-32.627-1.6-1.963-4.57-2.208-6.397-.49C-.17 3.086-.399 6.275 1.2 8.238c.457.736 5.94 7.36 14.62 14.72L4.17 35.96c-1.828 1.963-1.6 5.152.228 6.87.457.98 1.6 1.471 2.742 1.471s2.284-.49 3.198-1.472l12.564-13.983c5.94 4.416 13.021 8.587 20.788 11.53l-4.797 17.418c-.685 2.699.686 5.397 3.198 6.133h1.37c2.057 0 3.884-1.472 4.341-3.68L52.6 42.83c3.655.736 7.538 1.227 11.422 1.227 3.883 0 7.767-.49 11.422-1.227l4.797 17.173c.457 2.208 2.513 3.68 4.34 3.68.457 0 .914 0 1.143-.246 2.513-.736 3.883-3.434 3.198-6.133l-4.797-17.172c7.767-2.944 14.848-7.114 20.788-11.53l12.336 13.738c.913.981 2.056 1.472 3.198 1.472s2.284-.49 3.198-1.472c1.828-1.963 1.828-4.906.228-6.87l-11.65-13.001c9.366-7.36 14.849-14.474 14.849-14.474z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/form.svg b/src/icons/svg/form.svg
new file mode 100644
index 0000000..dcbaa18
--- /dev/null
+++ b/src/icons/svg/form.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M84.068 23.784c-1.02 0-1.877-.32-2.572-.96a8.588 8.588 0 0 1-1.738-2.237 11.524 11.524 0 0 1-1.042-2.621c-.232-.895-.348-1.641-.348-2.238V0h.278c.834 0 1.622.085 2.363.256.742.17 1.645.575 2.711 1.214 1.066.64 2.363 1.535 3.892 2.686 1.53 1.15 3.453 2.664 5.77 4.54 2.502 2.045 4.494 3.771 5.977 5.178 1.483 1.406 2.618 2.6 3.406 3.58.787.98 1.274 1.812 1.46 2.494.185.682.277 1.278.277 1.79v2.046H84.068zM127.3 84.01c.278.682.464 1.535.556 2.558.093 1.023-.37 2.003-1.39 2.94-.463.427-.88.832-1.25 1.215-.372.384-.696.704-.974.96a6.69 6.69 0 0 1-.973.767l-11.816-10.741a44.331 44.331 0 0 0 1.877-1.535 31.028 31.028 0 0 1 1.737-1.406c1.112-.938 2.317-1.343 3.615-1.215 1.297.128 2.363.405 3.197.83.927.427 1.923 1.173 2.989 2.239 1.065 1.065 1.876 2.195 2.432 3.388zM78.23 95.902c2.038 0 3.752-.511 5.143-1.534l-26.969 25.83H18.037c-1.761 0-3.684-.47-5.77-1.407a24.549 24.549 0 0 1-5.838-3.709 21.373 21.373 0 0 1-4.518-5.306c-1.204-2.003-1.807-4.07-1.807-6.202V16.495c0-1.79.44-3.665 1.32-5.626A18.41 18.41 0 0 1 5.04 5.562a21.798 21.798 0 0 1 5.213-3.964C12.198.533 14.237 0 16.37 0h53.24v15.984c0 1.62.278 3.367.834 5.242a16.704 16.704 0 0 0 2.572 5.179c1.159 1.577 2.665 2.898 4.518 3.964 1.853 1.066 4.078 1.598 6.673 1.598h20.295v42.325L85.458 92.45c1.02-1.364 1.529-2.856 1.529-4.476 0-2.216-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1c-2.409 0-4.448.789-6.116 2.366-1.668 1.577-2.502 3.474-2.502 5.69 0 2.217.834 4.092 2.502 5.626 1.668 1.535 3.707 2.302 6.117 2.302h52.13zM26.1 47.951c-2.41 0-4.449.789-6.117 2.366-1.668 1.577-2.502 3.473-2.502 5.69 0 2.216.834 4.092 2.502 5.626 1.668 1.534 3.707 2.302 6.117 2.302h52.13c2.409 0 4.47-.768 6.185-2.302 1.715-1.534 2.572-3.41 2.572-5.626 0-2.217-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1zm52.407 64.063l1.807-1.663 3.476-3.196a479.75 479.75 0 0 0 4.587-4.284 500.757 500.757 0 0 1 5.004-4.667c3.985-3.666 8.48-7.758 13.485-12.276l11.677 10.741-13.485 12.404-5.004 4.603-4.587 4.22a179.46 179.46 0 0 0-3.267 3.068c-.88.853-1.367 1.322-1.46 1.407-.463.341-.973.703-1.529 1.087-.556.383-1.112.703-1.668.959-.556.256-1.413.575-2.572.959a83.5 83.5 0 0 1-3.545 1.087 72.2 72.2 0 0 1-3.475.895c-1.112.256-1.946.426-2.502.511-1.112.17-1.854.043-2.224-.383-.371-.426-.464-1.151-.278-2.174.092-.511.278-1.279.556-2.302.278-1.023.602-2.067.973-3.132l1.042-3.005c.325-.938.58-1.577.765-1.918a10.157 10.157 0 0 1 2.224-2.941z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/link.svg b/src/icons/svg/link.svg
new file mode 100644
index 0000000..48197ba
--- /dev/null
+++ b/src/icons/svg/link.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M115.625 127.937H.063V12.375h57.781v12.374H12.438v90.813h90.813V70.156h12.374z"/><path d="M116.426 2.821l8.753 8.753-56.734 56.734-8.753-8.745z"/><path d="M127.893 37.982h-12.375V12.375H88.706V0h39.187z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/member.svg b/src/icons/svg/member.svg
new file mode 100644
index 0000000..546d0b3
--- /dev/null
+++ b/src/icons/svg/member.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1675579475154" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2447" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M1007.4 597.1l-50 0c-4.6-16.5-11.1-32.2-19.3-46.8l35.3-35.3c6.5-6.5 6.5-17 0-23.5l-57-57c-3.2-3.2-7.5-4.8-11.7-4.8-4.3 0-8.5 1.6-11.7 4.8l-35.3 35.3c-14.6-8.2-30.3-14.7-46.8-19.3l0-50c0-9.1-7.5-16.6-16.6-16.6l-80.6 0c-9.1 0-16.6 7.5-16.6 16.6l0 50c-16.5 4.6-32.2 11.1-46.8 19.3L615 434.6c-3.2-3.2-7.5-4.8-11.7-4.8s-8.5 1.6-11.7 4.8l-57 57c-6.4 6.5-6.4 17 0 23.5l35.3 35.3c-8.2 14.6-14.7 30.3-19.3 46.8l-50 0c-9.1 0-16.6 7.5-16.6 16.6l0 80.6c0 9.1 7.5 16.6 16.6 16.6l50 0c4.6 16.5 11.1 32.2 19.3 46.8L534.5 793c-6.4 6.5-6.4 17 0 23.5l57 57c3.2 3.2 7.5 4.8 11.7 4.8s8.5-1.6 11.7-4.8l35.3-35.3c14.6 8.2 30.3 14.7 46.8 19.3l0 50c0 9.1 7.5 16.6 16.6 16.6l80.6 0c9.1 0 16.6-7.5 16.6-16.6l0-50c16.5-4.6 32.2-11.1 46.8-19.3l35.3 35.3c3.2 3.2 7.5 4.8 11.7 4.8 4.3 0 8.5-1.6 11.7-4.8l57-57c6.5-6.5 6.5-17 0-23.5l-35.3-35.3c8.2-14.6 14.7-30.3 19.3-46.8l50 0c9.1 0 16.6-7.5 16.6-16.6l0-80.6C1024 604.6 1016.5 597.1 1007.4 597.1zM895.8 693.8c-3.2 11.5-7.7 22.5-13.4 32.6l-20.3 35.9-35.9 20.3c-10.1 5.7-21 10.2-32.6 13.4L753.9 807l-39.7-11.1c-11.5-3.2-22.5-7.7-32.6-13.4l-35.9-20.3-20.3-35.9c-5.7-10.1-10.2-21-13.4-32.6L601 654.1l11.1-39.7c3.2-11.5 7.7-22.5 13.4-32.6l20.3-35.9 35.9-20.3c10.1-5.7 21-10.2 32.6-13.4l39.7-11.1 39.7 11.1c11.5 3.2 22.5 7.7 32.6 13.4l35.9 20.3 20.3 35.9c5.7 10.1 10.2 21 13.4 32.6l11.1 39.7L895.8 693.8z" p-id="2448"></path><path d="M753.9 552.8c-55.9 0-101.3 45.3-101.3 101.3 0 55.9 45.3 101.3 101.3 101.3 55.9 0 101.3-45.3 101.3-101.3C855.2 598.1 809.9 552.8 753.9 552.8zM753.9 691.3c-20.6 0-37.3-16.7-37.3-37.3s16.7-37.3 37.3-37.3 37.3 16.7 37.3 37.3S774.5 691.3 753.9 691.3z" p-id="2449"></path><path d="M672 923.5c-17.7 0-32 14.3-32 32l0 4.5L64 960 64 798.5c0-157.5 123.2-283.9 280.5-287.9 5-0.1 10-0.1 14.9 0 37.1 0.9 73 8.8 106.8 23.5 16.2 7 35.1-0.4 42.1-16.7 7-16.2-0.4-35.1-16.7-42.1-4.8-2.1-9.6-4-14.4-5.9 75.4-43.4 126.2-124.8 126.2-218C603.4 112.6 490.9 0 352 0S100.6 112.6 100.6 251.4c0 93.2 50.7 174.6 126.1 218-47.2 17.9-90.3 46.1-126.5 83.2C35.6 618.7 0 706.1 0 798.5l0 169.7C0 999 25 1024 55.7 1024l592.5 0c30.7 0 55.7-25 55.7-55.7l0-12.8C704 937.8 689.7 923.5 672 923.5zM164.6 251.4c0-50.1 19.5-97.1 54.9-132.5C254.9 83.5 301.9 64 352 64c50.1 0 97.1 19.5 132.5 54.9 35.4 35.4 54.9 82.5 54.9 132.5 0 50.1-19.5 97.1-54.9 132.5-35.4 35.4-82.5 54.9-132.5 54.9-50.1 0-97.1-19.5-132.5-54.9C184.1 348.6 164.6 301.5 164.6 251.4z" p-id="2450"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/nested.svg b/src/icons/svg/nested.svg
new file mode 100644
index 0000000..06713a8
--- /dev/null
+++ b/src/icons/svg/nested.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.002 9.2c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-5.043-3.58-9.132-7.997-9.132S.002 4.157.002 9.2zM31.997.066h95.981V18.33H31.997V.066zm0 45.669c0 5.044 3.58 9.132 7.998 9.132 4.417 0 7.997-4.088 7.997-9.132 0-3.263-1.524-6.278-3.998-7.91-2.475-1.63-5.524-1.63-7.998 0-2.475 1.632-4 4.647-4 7.91zM63.992 36.6h63.986v18.265H63.992V36.6zm-31.995 82.2c0 5.043 3.58 9.132 7.998 9.132 4.417 0 7.997-4.089 7.997-9.132 0-5.044-3.58-9.133-7.997-9.133s-7.998 4.089-7.998 9.133zm31.995-9.131h63.986v18.265H63.992V109.67zm0-27.404c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-3.263-1.524-6.277-3.998-7.909-2.475-1.631-5.524-1.631-7.998 0-2.475 1.632-4 4.646-4 7.91zm31.995-9.13h31.991V91.4H95.987V73.135z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/parking.svg b/src/icons/svg/parking.svg
new file mode 100644
index 0000000..7772c66
--- /dev/null
+++ b/src/icons/svg/parking.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="198.26px" viewBox="0 0 1033 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#e6e6e6" d="M672 275.2C672 121.6 547.2 0 393.6 0H0v1008h140.8V550.4h252.8c153.6 0 278.4-124.8 278.4-275.2z m-300.8 131.2H140.8V140.8h230.4c67.2 3.2 128 64 128 131.2 3.2 67.2-60.8 131.2-128 134.4zM1017.6 761.6c-3.2-9.6-16-19.2-16-19.2L950.4 608c-9.6-25.6-41.6-38.4-54.4-38.4h-265.6c-12.8 0-44.8 12.8-54.4 38.4l-51.2 137.6s-12.8 9.6-16 19.2c-3.2 9.6-9.6 16-9.6 76.8 0 57.6 12.8 80 25.6 86.4l9.6 6.4v54.4c0 19.2 3.2 22.4 22.4 22.4h38.4c16 0 28.8 0 28.8-19.2v-54.4h284.8V992c0 19.2 12.8 19.2 28.8 19.2h38.4c16 0 22.4-6.4 22.4-22.4v-54.4l9.6-6.4c12.8-6.4 25.6-28.8 25.6-86.4-6.4-64-9.6-70.4-16-80z m-428.8-35.2c3.2-6.4 16-67.2 22.4-89.6 3.2-6.4 19.2-28.8 38.4-28.8h220.8c19.2 0 35.2 19.2 38.4 28.8 6.4 22.4 19.2 80 22.4 89.6 6.4 9.6-3.2 9.6-3.2 9.6H595.2s-6.4 0-6.4-9.6z m6.4 147.2c-22.4 0-41.6-19.2-41.6-41.6 0-22.4 19.2-41.6 41.6-41.6 22.4 0 41.6 19.2 41.6 41.6 0 25.6-19.2 41.6-41.6 41.6z m336 0c-22.4 0-41.6-19.2-41.6-41.6 0-22.4 19.2-41.6 41.6-41.6 22.4 0 41.6 19.2 41.6 41.6-3.2 25.6-19.2 41.6-41.6 41.6z"  /></svg>
\ No newline at end of file
diff --git a/src/icons/svg/password.svg b/src/icons/svg/password.svg
new file mode 100644
index 0000000..e291d85
--- /dev/null
+++ b/src/icons/svg/password.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M108.8 44.322H89.6v-5.36c0-9.04-3.308-24.163-25.6-24.163-23.145 0-25.6 16.881-25.6 24.162v5.361H19.2v-5.36C19.2 15.281 36.798 0 64 0c27.202 0 44.8 15.281 44.8 38.961v5.361zm-32 39.356c0-5.44-5.763-9.832-12.8-9.832-7.037 0-12.8 4.392-12.8 9.832 0 3.682 2.567 6.808 6.407 8.477v11.205c0 2.718 2.875 4.962 6.4 4.962 3.524 0 6.4-2.244 6.4-4.962V92.155c3.833-1.669 6.393-4.795 6.393-8.477zM128 64v49.201c0 8.158-8.645 14.799-19.2 14.799H19.2C8.651 128 0 121.359 0 113.201V64c0-8.153 8.645-14.799 19.2-14.799h89.6c10.555 0 19.2 6.646 19.2 14.799z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/pinpaizhuanqu.svg b/src/icons/svg/pinpaizhuanqu.svg
new file mode 100644
index 0000000..489ef76
--- /dev/null
+++ b/src/icons/svg/pinpaizhuanqu.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#e6e6e6" d="M512 1011.3c-16.2 0-32.4-4.2-46.8-12.5L113.8 795.9C85 779.2 67 748.2 67 714.9V309.1c0-33.3 17.9-64.4 46.8-81L465.2 25.2c28.9-16.7 64.7-16.7 93.6 0l351.4 202.9c28.9 16.7 46.8 47.7 46.8 81V636c0 17.7-14.3 32-32 32s-32-14.3-32-32V309.1c0-10.5-5.7-20.3-14.8-25.6L526.8 80.6c-9.1-5.3-20.4-5.3-29.6 0L145.8 283.5c-9.1 5.3-14.8 15.1-14.8 25.6v405.7c0 10.5 5.7 20.3 14.8 25.6l351.4 202.9c9.1 5.3 20.4 5.3 29.6 0l320.7-185.2c15.3-8.8 34.9-3.6 43.7 11.7 8.8 15.3 3.6 34.9-11.7 43.7L558.8 998.8c-14.4 8.3-30.6 12.5-46.8 12.5z"  /><path fill="#e6e6e6" d="M573.6 544.5c-5.8 0-11.6-1.4-17-4.3L511 515.8l-45.9 23.7c-12.3 6.3-26.8 5.2-37.9-3-11.1-8.2-16.5-21.7-14.1-35.3l9.1-50.9-36.7-36.4c-9.8-9.7-13.2-23.9-8.8-37s15.6-22.4 29.2-24.3l51.2-7 23.2-46.2c6.2-12.2 18.5-19.8 32.2-19.8h0.3c13.8 0.1 26.1 7.9 32.1 20.3l22.5 46.5 51.1 7.8c13.6 2.1 24.7 11.6 28.9 24.7 4.2 13.2 0.6 27.3-9.4 36.8l-37.3 35.8 8.4 51c2.2 13.6-3.4 27.1-14.6 35.1-6.2 4.6-13.5 6.9-20.9 6.9z m13.2-60.8z m-75.5-35.6c5.8 0 11.7 1.4 17 4.3l8.5 4.6-1.6-9.5c-1.9-11.7 2-23.6 10.6-31.8l7-6.7-9.6-1.5c-11.7-1.8-21.8-9.2-27-19.9l-4.2-8.7-4.3 8.6c-5.3 10.6-15.5 17.9-27.3 19.5l-9.6 1.3 6.9 6.8c8.4 8.3 12.2 20.3 10.1 31.9l-1.7 9.5 8.6-4.4c5.3-2.6 10.9-4 16.6-4z"  /><path fill="#e6e6e6" d="M512 220c51.3 0 99.5 20 135.8 56.2S704 360.7 704 412c0 35.6-9.8 70.4-28.4 100.5l-20 32.5 19.1 33.1 54.3 94-12-0.6c-1.1-0.1-2.3-0.1-3.5-0.1-5.7 0-11.3 0.7-16.8 2.1-14.5 3.7-27.3 11.7-37 23.1l-4.8 5.6-3.4 6.6-5.7 11.2-49.5-85.7-20.9-36.3-41.6 4.7c-7.3 0.8-14.6 1.2-21.8 1.2s-14.5-0.4-21.8-1.2l-41.6-4.7-20.9 36.3-49.5 85.7-5.7-11.2-3.4-6.6-4.8-5.6c-9.7-11.4-22.5-19.4-37-23.1-5.4-1.4-11.1-2.1-16.8-2.1-1.1 0-2.3 0-3.5 0.1l-12 0.6 54.3-94 19.1-33.1-20-32.5C329.8 482.4 320 447.6 320 412c0-51.3 20-99.5 56.2-135.8S460.7 220 512 220m0-64c-141.4 0-256 114.6-256 256 0 49.2 13.9 95.1 37.9 134.1l-86 148.9c-10.4 18 0.2 40.8 20.6 44.5l81.7-4.1h0.3c0.3 0 0.6 0 0.9 0.1 1.6 0.4 3 1.3 4.1 2.6l37.6 73.3c6.1 7.1 14.5 10.6 22.8 10.6 10.2 0 20.3-5.1 26-15l81.2-140.6c9.5 1.1 19.1 1.6 28.9 1.6s19.4-0.6 28.9-1.6L622.1 807c5.7 9.9 15.8 15 26 15 8.4 0 16.8-3.5 22.8-10.6l37.6-73.3c1.1-1.3 2.5-2.2 4.1-2.6 0.3-0.1 0.6-0.1 0.9-0.1h0.3l81.7 4.1c20.4-3.7 31-26.5 20.6-44.5l-86-148.9c24-39 37.9-84.9 37.9-134.1 0-141.4-114.6-256-256-256z"  /></svg>
\ No newline at end of file
diff --git a/src/icons/svg/table.svg b/src/icons/svg/table.svg
new file mode 100644
index 0000000..0e3dc9d
--- /dev/null
+++ b/src/icons/svg/table.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/tree.svg b/src/icons/svg/tree.svg
new file mode 100644
index 0000000..dd4b7dd
--- /dev/null
+++ b/src/icons/svg/tree.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M126.713 90.023c.858.985 1.287 2.134 1.287 3.447v29.553c0 1.423-.429 2.6-1.287 3.53-.858.93-1.907 1.395-3.146 1.395H97.824c-1.145 0-2.146-.465-3.004-1.395-.858-.93-1.287-2.107-1.287-3.53V93.47c0-.875.19-1.696.572-2.462.382-.766.906-1.368 1.573-1.806a3.84 3.84 0 0 1 2.146-.657h9.725V69.007a3.84 3.84 0 0 0-.43-1.806 3.569 3.569 0 0 0-1.143-1.313 2.714 2.714 0 0 0-1.573-.492h-36.47v23.149h9.725c1.144 0 2.145.492 3.004 1.478.858.985 1.287 2.134 1.287 3.447v29.553c0 .876-.191 1.696-.573 2.463-.38.766-.905 1.368-1.573 1.806a3.84 3.84 0 0 1-2.145.656H51.915a3.84 3.84 0 0 1-2.145-.656c-.668-.438-1.216-1.04-1.645-1.806a4.96 4.96 0 0 1-.644-2.463V93.47c0-1.313.43-2.462 1.288-3.447.858-.986 1.907-1.478 3.146-1.478h9.582v-23.15h-37.9c-.953 0-1.74.356-2.359 1.068-.62.711-.93 1.56-.93 2.544v19.538h9.726c1.239 0 2.264.492 3.074 1.478.81.985 1.216 2.134 1.216 3.447v29.553c0 1.423-.405 2.6-1.216 3.53-.81.93-1.835 1.395-3.074 1.395H4.29c-.476 0-.93-.082-1.358-.246a4.1 4.1 0 0 1-1.144-.657 4.658 4.658 0 0 1-.93-1.067 5.186 5.186 0 0 1-.643-1.395 5.566 5.566 0 0 1-.215-1.56V93.47c0-.437.048-.875.143-1.313a3.95 3.95 0 0 1 .429-1.15c.19-.328.429-.656.715-.984.286-.329.572-.602.858-.821.286-.22.62-.383 1.001-.493.382-.11.763-.164 1.144-.164h9.726V61.619c0-.985.31-1.833.93-2.544.619-.712 1.358-1.068 2.216-1.068h44.335V39.62h-9.582c-1.24 0-2.288-.492-3.146-1.477a5.09 5.09 0 0 1-1.287-3.448V5.14c0-1.423.429-2.627 1.287-3.612.858-.985 1.907-1.477 3.146-1.477h25.743c.763 0 1.478.246 2.145.739a5.17 5.17 0 0 1 1.573 1.888c.382.766.573 1.587.573 2.462v29.553c0 1.313-.43 2.463-1.287 3.448-.859.985-1.86 1.477-3.004 1.477h-9.725v18.389h42.762c.954 0 1.74.355 2.36 1.067.62.711.93 1.56.93 2.545v26.925h9.582c1.239 0 2.288.492 3.146 1.478z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/user.svg b/src/icons/svg/user.svg
new file mode 100644
index 0000000..0ba0716
--- /dev/null
+++ b/src/icons/svg/user.svg
@@ -0,0 +1 @@
+<svg width="130" height="130" xmlns="http://www.w3.org/2000/svg"><path d="M63.444 64.996c20.633 0 37.359-14.308 37.359-31.953 0-17.649-16.726-31.952-37.359-31.952-20.631 0-37.36 14.303-37.358 31.952 0 17.645 16.727 31.953 37.359 31.953zM80.57 75.65H49.434c-26.652 0-48.26 18.477-48.26 41.27v2.664c0 9.316 21.608 9.325 48.26 9.325H80.57c26.649 0 48.256-.344 48.256-9.325v-2.663c0-22.794-21.605-41.271-48.256-41.271z" stroke="#979797"/></svg>
\ No newline at end of file
diff --git a/src/icons/svgo.yml b/src/icons/svgo.yml
new file mode 100644
index 0000000..d11906a
--- /dev/null
+++ b/src/icons/svgo.yml
@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+  # - name
+  #
+  # or:
+  # - name: false
+  # - name: true
+  #
+  # or:
+  # - name:
+  #     param1: 1
+  #     param2: 2
+
+- removeAttrs:
+    attrs:
+      - 'fill'
+      - 'fill-rule'
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
new file mode 100644
index 0000000..f6a3286
--- /dev/null
+++ b/src/layout/components/AppMain.vue
@@ -0,0 +1,40 @@
+<template>
+  <section class="app-main">
+    <transition name="fade-transform" mode="out-in">
+      <router-view :key="key" />
+    </transition>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AppMain',
+  computed: {
+    key() {
+      return this.$route.path
+    }
+  }
+}
+</script>
+
+<style scoped>
+.app-main {
+  /*50 = navbar  */
+  min-height: calc(100vh - 50px);
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.fixed-header+.app-main {
+  padding-top: 50px;
+}
+</style>
+
+<style lang="scss">
+// fix css style bug in open el-dialog
+.el-popup-parent--hidden {
+  .fixed-header {
+    padding-right: 15px;
+  }
+}
+</style>
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
new file mode 100644
index 0000000..30c3cd6
--- /dev/null
+++ b/src/layout/components/Navbar.vue
@@ -0,0 +1,167 @@
+<template>
+  <div class="navbar">
+    <hamburger
+      :is-active="sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar"
+    />
+
+    <breadcrumb class="breadcrumb-container" />
+
+    <div
+      class="user_info"
+      style="
+        position: absolute;
+        height: 100%;
+        line-height: 50px;
+        right: 110px;
+        display: flex;
+        align-items: center;
+      "
+    >
+      <img
+        :src="avatar"
+        class="user-avatar"
+        style="width: 40px; height: 40px; border-radius: 50%"
+        @click="gotoUserCenter"
+      />
+      <div style="margin-left: 15px; line-height: 50px">{{ userName }}</div>
+    </div>
+
+    <div class="right-menu">
+      <div class="logout" @click="logout">
+        <i class="el-icon-switch-button"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters, mapState } from "vuex";
+import Breadcrumb from "@/components/Breadcrumb";
+import Hamburger from "@/components/Hamburger";
+
+export default {
+  components: {
+    Breadcrumb,
+    Hamburger,
+  },
+  data() {
+    return {
+      avatar: "",
+    };
+  },
+  created() {
+    this.avatar =
+      this.$store.state.user.avatar != ""
+        ? this.$store.state.user.avatar
+        : window.localStorage.getItem("avatar");
+  },
+  computed: {
+    userName() {
+      return window.localStorage.getItem("userName");
+    },
+    ...mapGetters(["sidebar", "avatar", "name"]),
+  },
+  methods: {
+    gotoUserCenter() {
+      this.$router.push("/memberManage/memberList");
+    },
+    toggleSideBar() {
+      this.$store.dispatch("app/toggleSideBar");
+    },
+    logout() {
+      this.$confirm("是否退出登录？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          await this.$store.dispatch("user/logout");
+          this.$router.push(`/login?redirect=${this.$route.fullPath}`);
+        })
+        .catch(() => {});
+      return false;
+      // await this.$store.dispatch("user/logout");
+      // this.$router.push(`/login?redirect=${this.$route.fullPath}`);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.navbar {
+  height: 50px;
+  overflow: hidden;
+  position: relative;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+
+  .hamburger-container {
+    line-height: 46px;
+    height: 100%;
+    float: left;
+    cursor: pointer;
+    transition: background 0.3s;
+    -webkit-tap-highlight-color: transparent;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.025);
+    }
+  }
+
+  .breadcrumb-container {
+    float: left;
+  }
+
+  .right-menu {
+    float: right;
+    height: 100%;
+    line-height: 50px;
+
+    .logout {
+      width: 80px;
+      height: 50px;
+      border-left: 2px solid #eee;
+      box-sizing: border-box;
+      font-size: 25px;
+      text-align: center;
+      cursor: pointer;
+      &:hover {
+        color: #5cb6ff;
+      }
+    }
+    .user_info {
+      .user-avatar {
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+      }
+    }
+
+    .avatar-container {
+      margin-right: 30px;
+
+      .avatar-wrapper {
+        margin-top: 5px;
+        position: relative;
+
+        .user-avatar {
+          cursor: pointer;
+          width: 40px;
+          height: 40px;
+          border-radius: 10px;
+        }
+
+        .el-icon-caret-bottom {
+          cursor: pointer;
+          position: absolute;
+          right: -20px;
+          top: 25px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/layout/components/Sidebar/FixiOSBug.js b/src/layout/components/Sidebar/FixiOSBug.js
new file mode 100644
index 0000000..bc14856
--- /dev/null
+++ b/src/layout/components/Sidebar/FixiOSBug.js
@@ -0,0 +1,26 @@
+export default {
+  computed: {
+    device() {
+      return this.$store.state.app.device
+    }
+  },
+  mounted() {
+    // In order to fix the click on menu on the ios device will trigger the mouseleave bug
+    // https://github.com/PanJiaChen/vue-element-admin/issues/1135
+    this.fixBugIniOS()
+  },
+  methods: {
+    fixBugIniOS() {
+      const $subMenu = this.$refs.subMenu
+      if ($subMenu) {
+        const handleMouseleave = $subMenu.handleMouseleave
+        $subMenu.handleMouseleave = (e) => {
+          if (this.device === 'mobile') {
+            return
+          }
+          handleMouseleave(e)
+        }
+      }
+    }
+  }
+}
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
new file mode 100644
index 0000000..aa1f5da
--- /dev/null
+++ b/src/layout/components/Sidebar/Item.vue
@@ -0,0 +1,41 @@
+<script>
+export default {
+  name: 'MenuItem',
+  functional: true,
+  props: {
+    icon: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  render(h, context) {
+    const { icon, title } = context.props
+    const vnodes = []
+
+    if (icon) {
+      if (icon.includes('el-icon')) {
+        vnodes.push(<i class={[icon, 'sub-el-icon']} />)
+      } else {
+        vnodes.push(<svg-icon icon-class={icon}/>)
+      }
+    }
+
+    if (title) {
+      vnodes.push(<span slot='title'>{(title)}</span>)
+    }
+    return vnodes
+  }
+}
+</script>
+
+<style scoped>
+.sub-el-icon {
+  color: currentColor;
+  width: 1em;
+  height: 1em;
+}
+</style>
diff --git a/src/layout/components/Sidebar/Link.vue b/src/layout/components/Sidebar/Link.vue
new file mode 100644
index 0000000..530b3d5
--- /dev/null
+++ b/src/layout/components/Sidebar/Link.vue
@@ -0,0 +1,43 @@
+<template>
+  <component :is="type" v-bind="linkProps(to)">
+    <slot />
+  </component>
+</template>
+
+<script>
+import { isExternal } from '@/utils/validate'
+
+export default {
+  props: {
+    to: {
+      type: String,
+      required: true
+    }
+  },
+  computed: {
+    isExternal() {
+      return isExternal(this.to)
+    },
+    type() {
+      if (this.isExternal) {
+        return 'a'
+      }
+      return 'router-link'
+    }
+  },
+  methods: {
+    linkProps(to) {
+      if (this.isExternal) {
+        return {
+          href: to,
+          target: '_blank',
+          rel: 'noopener'
+        }
+      }
+      return {
+        to: to
+      }
+    }
+  }
+}
+</script>
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
new file mode 100644
index 0000000..040fab6
--- /dev/null
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="sidebar-logo-container" :class="{'collapse':collapse}">
+    <transition name="sidebarLogoFade">
+      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <h1 v-else class="sidebar-title">{{ title }} </h1>
+      </router-link>
+      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <h1 class="sidebar-title">{{ title }} </h1>
+      </router-link>
+    </transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SidebarLogo',
+  props: {
+    collapse: {
+      type: Boolean,
+      required: true
+    }
+  },
+  data() {
+    return {
+      title: 'Vue Admin Template',
+      logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.sidebarLogoFade-enter-active {
+  transition: opacity 1.5s;
+}
+
+.sidebarLogoFade-enter,
+.sidebarLogoFade-leave-to {
+  opacity: 0;
+}
+
+.sidebar-logo-container {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
+  background: #2b2f3a;
+  text-align: center;
+  overflow: hidden;
+
+  & .sidebar-logo-link {
+    height: 100%;
+    width: 100%;
+
+    & .sidebar-logo {
+      width: 32px;
+      height: 32px;
+      vertical-align: middle;
+      margin-right: 12px;
+    }
+
+    & .sidebar-title {
+      display: inline-block;
+      margin: 0;
+      color: #fff;
+      font-weight: 600;
+      line-height: 50px;
+      font-size: 14px;
+      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+      vertical-align: middle;
+    }
+  }
+
+  &.collapse {
+    .sidebar-logo {
+      margin-right: 0px;
+    }
+  }
+}
+</style>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
new file mode 100644
index 0000000..a418c3d
--- /dev/null
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,95 @@
+<template>
+  <div v-if="!item.hidden">
+    <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
+      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
+        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
+          <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
+        </el-menu-item>
+      </app-link>
+    </template>
+
+    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
+      <template slot="title">
+        <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
+      </template>
+      <sidebar-item
+        v-for="child in item.children"
+        :key="child.path"
+        :is-nest="true"
+        :item="child"
+        :base-path="resolvePath(child.path)"
+        class="nest-menu"
+      />
+    </el-submenu>
+  </div>
+</template>
+
+<script>
+import path from 'path'
+import { isExternal } from '@/utils/validate'
+import Item from './Item'
+import AppLink from './Link'
+import FixiOSBug from './FixiOSBug'
+
+export default {
+  name: 'SidebarItem',
+  components: { Item, AppLink },
+  mixins: [FixiOSBug],
+  props: {
+    // route object
+    item: {
+      type: Object,
+      required: true
+    },
+    isNest: {
+      type: Boolean,
+      default: false
+    },
+    basePath: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    // To fix https://github.com/PanJiaChen/vue-admin-template/issues/237
+    // TODO: refactor with render function
+    this.onlyOneChild = null
+    return {}
+  },
+  methods: {
+    hasOneShowingChild(children = [], parent) {
+      const showingChildren = children.filter(item => {
+        if (item.hidden) {
+          return false
+        } else {
+          // Temp set(will be used if only has one showing child)
+          this.onlyOneChild = item
+          return true
+        }
+      })
+
+      // When there is only one child router, the child router is displayed by default
+      if (showingChildren.length === 1) {
+        return true
+      }
+
+      // Show parent if there are no child router to display
+      if (showingChildren.length === 0) {
+        this.onlyOneChild = { ... parent, path: '', noShowingChildren: true }
+        return true
+      }
+
+      return false
+    },
+    resolvePath(routePath) {
+      if (isExternal(routePath)) {
+        return routePath
+      }
+      if (isExternal(this.basePath)) {
+        return this.basePath
+      }
+      return path.resolve(this.basePath, routePath)
+    }
+  }
+}
+</script>
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
new file mode 100644
index 0000000..da39034
--- /dev/null
+++ b/src/layout/components/Sidebar/index.vue
@@ -0,0 +1,56 @@
+<template>
+  <div :class="{'has-logo':showLogo}">
+    <logo v-if="showLogo" :collapse="isCollapse" />
+    <el-scrollbar wrap-class="scrollbar-wrapper">
+      <el-menu
+        :default-active="activeMenu"
+        :collapse="isCollapse"
+        :background-color="variables.menuBg"
+        :text-color="variables.menuText"
+        :unique-opened="false"
+        :active-text-color="variables.menuActiveText"
+        :collapse-transition="false"
+        mode="vertical"
+      >
+        <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
+      </el-menu>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Logo from './Logo'
+import SidebarItem from './SidebarItem'
+import variables from '@/styles/variables.scss'
+
+export default {
+  components: { SidebarItem, Logo },
+  computed: {
+    ...mapGetters([
+      'sidebar'
+    ]),
+    routes() {
+      return this.$router.options.routes
+    },
+    activeMenu() {
+      const route = this.$route
+      const { meta, path } = route
+      // if set path, the sidebar will highlight the path you set
+      if (meta.activeMenu) {
+        return meta.activeMenu
+      }
+      return path
+    },
+    showLogo() {
+      return this.$store.state.settings.sidebarLogo
+    },
+    variables() {
+      return variables
+    },
+    isCollapse() {
+      return !this.sidebar.opened
+    }
+  }
+}
+</script>
diff --git a/src/layout/components/index.js b/src/layout/components/index.js
new file mode 100644
index 0000000..97ee3cd
--- /dev/null
+++ b/src/layout/components/index.js
@@ -0,0 +1,3 @@
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar'
+export { default as AppMain } from './AppMain'
diff --git a/src/layout/index.vue b/src/layout/index.vue
new file mode 100644
index 0000000..db22a7b
--- /dev/null
+++ b/src/layout/index.vue
@@ -0,0 +1,93 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
+    <sidebar class="sidebar-container" />
+    <div class="main-container">
+      <div :class="{'fixed-header':fixedHeader}">
+        <navbar />
+      </div>
+      <app-main />
+    </div>
+  </div>
+</template>
+
+<script>
+import { Navbar, Sidebar, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'Layout',
+  components: {
+    Navbar,
+    Sidebar,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    sidebar() {
+      return this.$store.state.app.sidebar
+    },
+    device() {
+      return this.$store.state.app.device
+    },
+    fixedHeader() {
+      return this.$store.state.settings.fixedHeader
+    },
+    classObj() {
+      return {
+        hideSidebar: !this.sidebar.opened,
+        openSidebar: this.sidebar.opened,
+        withoutAnimation: this.sidebar.withoutAnimation,
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+  methods: {
+    handleClickOutside() {
+      this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/variables.scss";
+
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+
+  .fixed-header {
+    position: fixed;
+    top: 0;
+    right: 0;
+    z-index: 9;
+    width: calc(100% - #{$sideBarWidth});
+    transition: width 0.28s;
+  }
+
+  .hideSidebar .fixed-header {
+    width: calc(100% - 54px)
+  }
+
+  .mobile .fixed-header {
+    width: 100%;
+  }
+</style>
diff --git a/src/layout/mixin/ResizeHandler.js b/src/layout/mixin/ResizeHandler.js
new file mode 100644
index 0000000..e8d0df8
--- /dev/null
+++ b/src/layout/mixin/ResizeHandler.js
@@ -0,0 +1,45 @@
+import store from '@/store'
+
+const { body } = document
+const WIDTH = 992 // refer to Bootstrap's responsive design
+
+export default {
+  watch: {
+    $route(route) {
+      if (this.device === 'mobile' && this.sidebar.opened) {
+        store.dispatch('app/closeSideBar', { withoutAnimation: false })
+      }
+    }
+  },
+  beforeMount() {
+    window.addEventListener('resize', this.$_resizeHandler)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.$_resizeHandler)
+  },
+  mounted() {
+    const isMobile = this.$_isMobile()
+    if (isMobile) {
+      store.dispatch('app/toggleDevice', 'mobile')
+      store.dispatch('app/closeSideBar', { withoutAnimation: true })
+    }
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_isMobile() {
+      const rect = body.getBoundingClientRect()
+      return rect.width - 1 < WIDTH
+    },
+    $_resizeHandler() {
+      if (!document.hidden) {
+        const isMobile = this.$_isMobile()
+        store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
+
+        if (isMobile) {
+          store.dispatch('app/closeSideBar', { withoutAnimation: true })
+        }
+      }
+    }
+  }
+}
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..286aae2
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,79 @@
+import Vue from 'vue'
+
+import 'normalize.css/normalize.css' // A modern alternative to CSS resets
+
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+import locale from 'element-ui/lib/locale/lang/en' // lang i18n
+
+import '@/styles/index.scss' // global css
+
+import App from './App'
+import store from './store'
+import router from './router'
+
+import '@/icons' // icon
+import '@/permission' // permission control
+
+/**
+ * If you don't want to use mock-server
+ * you want to use MockJs for mock api
+ * you can execute: mockXHR()
+ *
+ * Currently MockJs will be used in the production environment,
+ * please remove it before going online ! ! !
+ */
+if (process.env.NODE_ENV === 'production') {
+  const { mockXHR } = require('../mock')
+  mockXHR()
+}
+
+// set ElementUI lang to EN
+// Vue.use(ElementUI, { locale })
+// 如果想要中文版 element-ui，按如下方式声明
+Vue.use(ElementUI)
+
+import API from '@/api'
+Vue.prototype.$API = API
+
+// 全局组件 分页器
+import Pagination from '@/components/Pagination/Pagination'
+Vue.component('Pagination', Pagination)
+// 封装一个message
+Vue.prototype.message = function(type = 'warning', message) {
+  return this.$message({
+    message: message,
+    type
+  });
+}
+// 在 main.js 中注册全局过滤器
+Vue.filter('formatDate', function(value) {
+  if (!value) return '';
+  
+  // 解析日期
+  const date = new Date(value);
+
+  // 检查日期是否有效
+  if (isNaN(date)) return '';
+
+  // 格式化日期为 yyyy-MM-dd HH:mm:ss
+  return date.getFullYear() + '-' + 
+         (date.getMonth() + 1).toString().padStart(2, '0') + '-' + 
+         date.getDate().toString().padStart(2, '0') + ' ' + 
+         date.getHours().toString().padStart(2, '0') + ':' + 
+         date.getMinutes().toString().padStart(2, '0') + ':' + 
+         date.getSeconds().toString().padStart(2, '0');
+});
+
+
+Vue.config.productionTip = false
+
+new Vue({
+  el: '#app',
+  router,
+  store,
+  beforeCreate() {
+    Vue.prototype.$bus = this
+  },
+  render: h => h(App)
+})
diff --git a/src/permission.js b/src/permission.js
new file mode 100644
index 0000000..6f43a40
--- /dev/null
+++ b/src/permission.js
@@ -0,0 +1,63 @@
+import router from './router'
+import store from './store'
+import { Message } from 'element-ui'
+import NProgress from 'nprogress' // progress bar
+import 'nprogress/nprogress.css' // progress bar style
+import { getToken } from '@/utils/auth' // get token from cookie
+import getPageTitle from '@/utils/get-page-title'
+
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+    // 配置白名单
+const whiteList = ['/login', '/register'] // no redirect whitelist
+
+router.beforeEach(async(to, from, next) => {
+    // start progress bar
+    NProgress.start()
+
+    // set page title
+    document.title = getPageTitle(to.meta.title)
+
+    // determine whether the user has logged in
+    const hasToken = getToken()
+
+    if (hasToken) {
+        if (to.path === '/login') {
+            // if is logged in, redirect to the home page
+            next({ path: '/' })
+            NProgress.done()
+        } else {
+            const hasGetUserInfo = store.getters.userId
+            if (hasGetUserInfo) {
+                next()
+            } else {
+                try {
+                    // get user info
+                    await store.dispatch('user/getInfo')
+                    next()
+                } catch (error) {
+                    // remove token and go to login page to re-login
+                    await store.dispatch('user/resetToken')
+                    Message.error(error || 'Has Error')
+                    next(`/login?redirect=${to.path}`)
+                    NProgress.done()
+                }
+            }
+        }
+    } else {
+        /* has no token*/
+
+        if (whiteList.indexOf(to.path) !== -1) {
+            // in the free login whitelist, go directly
+            next()
+        } else {
+            // other pages that do not have permission to access are redirected to the login page.
+            next(`/login?redirect=${to.path}`)
+            NProgress.done()
+        }
+    }
+})
+
+router.afterEach(() => {
+    // finish progress bar
+    NProgress.done()
+})
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..d342710
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,183 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '@/layout'
+
+/**
+ * Note: sub-menu only appear when route children.length >= 1
+ * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
+ *
+ * hidden: true                   if set true, item will not show in the sidebar(default is false)
+ * alwaysShow: true               if set true, will always show the root menu
+ *                                if not set alwaysShow, when item has more than one children route,
+ *                                it will becomes nested mode, otherwise not show the root menu
+ * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
+ * name:'router-name'             the name is used by <keep-alive> (must set!!!)
+ * meta : {
+    roles: ['admin','editor']    control the page roles (you can set multiple roles)
+    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
+    icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
+    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
+    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
+  }
+ */
+
+/**
+ * constantRoutes
+ * a base page that does not have permission requirements
+ * all roles can be accessed
+ */
+export const constantRoutes = [{
+        // 用户登录路由
+        path: '/login',
+        component: () =>
+            import ('@/views/login/index.vue'),
+        hidden: true
+    },
+    {
+        // 用户注册路由
+        path: '/register',
+        name: 'register',
+        component: () =>
+            import ('@/views/register/index.vue'),
+        hidden: true
+    },
+
+    {
+        // 404路由
+        path: '/404',
+        component: () =>
+            import ('@/views/404'),
+        hidden: true
+    },
+
+    {
+        path: '/',
+        component: Layout,
+        redirect: '/parking/parkingList',
+        meta: { title: '首页', icon: 'dashboard' },
+        children: [{
+            path: 'dashboard',
+            name: 'Dashboard',
+            component: () =>
+                import ('@/views/dashboard/index'),
+            meta: { title: '控制台', icon: 'dashboard' },
+            children: [{
+                path: 'cars',
+                name: 'Car',
+                component: () =>
+                    import ('@/views/Car/Car.vue'),
+                meta: { title: '租车地图', icon: 'car' }
+            }]
+        }]
+    },
+    // 停车场
+    {
+        path: '/parking',
+        component: Layout,
+        redirect: '/parking/parkingList',
+        name: 'Parking',
+        meta: { title: '营业网店', icon: 'parking' },
+
+        children: [{
+            path: 'parkingList',
+            name: 'ParkingList',
+            component: () =>
+                import ('@/views/parking/parkingList'),
+            meta: { title: '网点列表' }
+        }]
+    },
+    
+   {
+  path: '/forum',
+  component: Layout,
+  redirect: '/forum/forum',
+  name: 'forum',
+  meta: { title: '交流论坛', icon: 'pinpaizhuanqu' },
+  alwaysShow: true,
+  children: [
+    {
+      path: '/forum',
+      name: 'forum',
+      component: () => import('@/views/Forum/forum'),
+      meta: { title: '交流论坛' }
+    },
+    {
+      path: '/post/:id',  // 动态参数 :id
+      name: 'post',
+      component: () => import('@/views/Forum/post'),  // 加载帖子详情页面
+        meta: { title: '帖子详细' }, 
+        hidden: true
+    }
+  ]
+},
+    // 车辆管理
+    {
+        path: '/carManage',
+        component: Layout,
+        redirect: '/carManage/carList',
+        name: 'CarManage',
+        meta: { title: '订单管理', icon: 'cheliangguanli' },
+        alwaysShow: true,
+        children: [{
+            path: 'carList',
+            name: 'CarList',
+            component: () =>
+                import ('@/views/carManage/carList'),
+            meta: { title: '订单列表' }
+        }]
+    },
+    {
+        path: '/ai',
+        component: Layout,
+        redirect: '/ai/chat',
+        name: 'MemberManage',
+        meta: { title: '智能推荐', icon: 'el-icon-sort' },
+        alwaysShow: true,
+        children: [{
+            path: 'chat',
+            name: 'chat',
+            component: () =>
+                import ('@/views/Chat/index'),
+            meta: { title: '智能推荐' }
+        }]
+    },
+    // 会员管理
+    {
+        path: '/memberManage',
+        component: Layout,
+        redirect: '/memberManage/memberList',
+        name: 'MemberManage',
+        meta: { title: '个人中心', icon: 'member' },
+        alwaysShow: true,
+        children: [{
+            path: 'memberList',
+            name: 'MemberList',
+            component: () =>
+                import ('@/views/memberManage/memberList'),
+            meta: { title: '我的资料' }
+        }]
+    },
+
+    // 404 page must be placed at the end !!!
+    { path: '*', redirect: '/404', hidden: true }
+]
+
+const createRouter = () => new Router({
+    // mode: 'history', // require service support
+    scrollBehavior: () => ({ y: 0 }),
+    routes: constantRoutes
+})
+
+const router = createRouter()
+
+// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
+export function resetRouter() {
+    const newRouter = createRouter()
+    router.matcher = newRouter.matcher // reset router
+}
+
+export default router
\ No newline at end of file
diff --git a/src/settings.js b/src/settings.js
new file mode 100644
index 0000000..6376b55
--- /dev/null
+++ b/src/settings.js
@@ -0,0 +1,16 @@
+module.exports = {
+
+    title: '基于Spring Boot的停车场管理系统-门户端',
+
+    /**
+     * @type {boolean} true | false
+     * @description Whether fix the header
+     */
+    fixedHeader: false,
+
+    /**
+     * @type {boolean} true | false
+     * @description Whether show the logo in sidebar
+     */
+    sidebarLogo: false
+}
\ No newline at end of file
diff --git a/src/store/car.js b/src/store/car.js
new file mode 100644
index 0000000..6c754a1
--- /dev/null
+++ b/src/store/car.js
@@ -0,0 +1,33 @@
+import { getCars } from '@/api/car'
+import { Message } from 'element-ui'
+
+
+const carsOptions = {
+    namespaced: true,
+    actions: {
+        // 获取停车场车辆列表数据
+        async getCarList(context, id) {
+            let result = await getCars(id)
+            if (result.status === 200) {
+                if (result.data.length === 0) {
+                    Message({ type: 'warning', message: result.message })
+                }
+                context.commit('GETCARLIST', result.data)
+            }
+        }
+    },
+    mutations: {
+        GETCARLIST(state, data) {
+            state.carList = data
+        },
+        // 清空车辆列表
+        CLEARCARLIST(state) {
+            state.carList = []
+        }
+    },
+    state: {
+        carList: []
+    },
+    getters: {}
+}
+export default carsOptions
\ No newline at end of file
diff --git a/src/store/getters.js b/src/store/getters.js
new file mode 100644
index 0000000..d483918
--- /dev/null
+++ b/src/store/getters.js
@@ -0,0 +1,9 @@
+const getters = {
+    sidebar: state => state.app.sidebar,
+    device: state => state.app.device,
+    token: state => state.user.token,
+    avatar: state => state.user.avatar,
+    name: state => state.user.name,
+    userId: state => window.localStorage.getItem('userId')
+}
+export default getters
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..8c1d9ec
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,22 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import getters from './getters'
+import app from './modules/app'
+import settings from './modules/settings'
+import user from './modules/user'
+import parkingOptions from "./parking";
+import carsOptions from "./car";
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+    modules: {
+        app,
+        settings,
+        user,
+        parkingAbout: parkingOptions,
+        carsAbout: carsOptions,
+    },
+    getters
+})
+
+export default store
\ No newline at end of file
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
new file mode 100644
index 0000000..ed6dcf1
--- /dev/null
+++ b/src/store/modules/app.js
@@ -0,0 +1,50 @@
+import Cookies from 'js-cookie'
+
+const state = {
+  sidebar: {
+    opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
+    withoutAnimation: false
+  },
+  device: 'desktop',
+  uploadURL: 'http://127.0.0.1:3007/car/upload/img'
+  // uploadURL: 'http://www.hualearn.site/car/upload/img'
+}
+
+const mutations = {
+  TOGGLE_SIDEBAR: state => {
+    state.sidebar.opened = !state.sidebar.opened
+    state.sidebar.withoutAnimation = false
+    if (state.sidebar.opened) {
+      Cookies.set('sidebarStatus', 1)
+    } else {
+      Cookies.set('sidebarStatus', 0)
+    }
+  },
+  CLOSE_SIDEBAR: (state, withoutAnimation) => {
+    Cookies.set('sidebarStatus', 0)
+    state.sidebar.opened = false
+    state.sidebar.withoutAnimation = withoutAnimation
+  },
+  TOGGLE_DEVICE: (state, device) => {
+    state.device = device
+  }
+}
+
+const actions = {
+  toggleSideBar({ commit }) {
+    commit('TOGGLE_SIDEBAR')
+  },
+  closeSideBar({ commit }, { withoutAnimation }) {
+    commit('CLOSE_SIDEBAR', withoutAnimation)
+  },
+  toggleDevice({ commit }, device) {
+    commit('TOGGLE_DEVICE', device)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
new file mode 100644
index 0000000..b3f33f8
--- /dev/null
+++ b/src/store/modules/settings.js
@@ -0,0 +1,32 @@
+import defaultSettings from '@/settings'
+
+const { showSettings, fixedHeader, sidebarLogo } = defaultSettings
+
+const state = {
+  showSettings: showSettings,
+  fixedHeader: fixedHeader,
+  sidebarLogo: sidebarLogo
+}
+
+const mutations = {
+  CHANGE_SETTING: (state, { key, value }) => {
+    // eslint-disable-next-line no-prototype-builtins
+    if (state.hasOwnProperty(key)) {
+      state[key] = value
+    }
+  }
+}
+
+const actions = {
+  changeSetting({ commit }, data) {
+    commit('CHANGE_SETTING', data)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
new file mode 100644
index 0000000..7a138e0
--- /dev/null
+++ b/src/store/modules/user.js
@@ -0,0 +1,140 @@
+import { login, logout, getInfo, sendcode, register } from '@/api/user'
+import { getToken, setToken, removeToken, getUsername } from '@/utils/auth'
+import { resetRouter } from '@/router'
+
+
+const getDefaultState = () => {
+    return {
+        token: getToken(),
+        name: '',
+        avatar: '',
+        userId: ''
+    }
+}
+
+const state = getDefaultState()
+
+const mutations = {
+    RESET_STATE: (state) => {
+        Object.assign(state, getDefaultState())
+    },
+    SET_TOKEN: (state, token) => {
+        state.token = token
+    },
+    SET_USERID: (state, userId) => {
+        state.userId = userId
+    },
+    SET_NAME: (state, userName) => {
+        state.name = userName
+    },
+    SET_AVATAR: (state, avatar) => {
+        state.avatar = avatar
+    }
+}
+
+
+const actions = {
+    // 用户注册
+    async register({ commit }, loginForm) {
+        let data = new URLSearchParams()
+        data.append("Phone", loginForm.Phone.trim())
+        data.append("UserName", loginForm.UserName.trim())
+        data.append('PassWord', loginForm.PassWord.trim())
+        data.append('code', loginForm.verifycode.trim())
+        let result = await register(data);
+        if (result.status === 200) {
+            return result;
+        } else {
+            return Promise.reject(new Error('fail'))
+        }
+    },
+    async sendcode({ commit }, loginForm) {
+        let data = new URLSearchParams()
+        data.append("Phone", loginForm.Phone.trim())
+        let result = await sendcode(data);
+        if (result.status === 200) {
+            return result;
+        } else {
+            return Promise.reject(new Error('fail'))
+        }
+    },
+    // 用户登录
+    // user login
+    async login({ commit }, loginForm) {
+        let data = new URLSearchParams()
+        data.append("Phone", loginForm.Phone.trim())
+        data.append('PassWord', loginForm.PassWord.trim())
+        let result = await login(data);
+        if (result.status === 200) {
+            commit
+            commit('SET_TOKEN', result.token)
+            commit('SET_USERID', result.data)
+            setToken(result.token);
+            // 将userId存储到localstorage中
+            window.localStorage.setItem('userId', result.data)
+            return 'ok';
+        } else {
+            return Promise.reject(new Error('fail'))
+        }
+    },
+    //获取用户信息
+    getInfo({ commit, state }) {
+        return new Promise((resolve, reject) => {
+            let data = new URLSearchParams()
+            data.append("userId", localStorage.getItem("userId"))
+            getInfo(data).then(response => {
+                const { data } = response
+                if (!data) {
+                    return reject('Verification failed, please Login again.')
+                }
+                const { userName, user_pic,avatar } = data[0]
+                console.log(userName)
+                console.log(user_pic)
+                console.log(data)
+                commit('SET_NAME', userName)
+                    // 将userId存储到localstorage中
+                window.localStorage.setItem('userName', userName)
+                console.log(avatar)
+                commit('SET_AVATAR', avatar)
+                window.localStorage.setItem('avatar', avatar);
+                resolve(data)
+            }).catch(error => {
+                reject(error)
+            })
+        })
+    },
+    logout({ commit }) {
+        return new Promise((resolve) => {
+            // 清空localstorage
+            window.localStorage.clear();
+            // 移除token
+            removeToken();
+            // 重置路由
+            resetRouter();
+            // 清空vuex
+            commit('RESET_STATE');
+
+            // 等待异步操作完成后再跳转到登录页面
+            setTimeout(() => {
+                resolve();
+                next(`/login`);
+            }, 1000);
+        });
+    },
+
+    // remove token
+    resetToken({ commit }) {
+        return new Promise(resolve => {
+            removeToken() // must remove  token  first
+            commit('RESET_STATE')
+            resolve()
+        })
+    }
+}
+
+export default {
+    namespaced: true,
+    state,
+    mutations,
+    actions
+}
\ No newline at end of file
diff --git a/src/store/parking.js b/src/store/parking.js
new file mode 100644
index 0000000..ba7d16e
--- /dev/null
+++ b/src/store/parking.js
@@ -0,0 +1,25 @@
+import { getParking } from '@/api/parking'
+
+
+const parkingOptions = {
+    namespaced: true,
+    actions: {
+        // 获取停车场数据
+        async getParking(context, value) {
+            let result = await getParking()
+            if (result.status === 200) {
+                context.commit('GETPARKING', result.data)
+            }
+        }
+    },
+    mutations: {
+        GETPARKING(state, parking) {
+            state.parkingList = parking
+        }
+    },
+    state: {
+        parkingList: []
+    },
+    getters: {}
+}
+export default parkingOptions
\ No newline at end of file
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
new file mode 100644
index 0000000..7451338
--- /dev/null
+++ b/src/styles/element-ui.scss
@@ -0,0 +1,107 @@
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload {
+  input[type="file"] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+
+// refine element ui upload
+.upload-container {
+  .el-upload {
+    width: 100%;
+
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}
+
+// dropdown
+.el-dropdown-menu {
+  a {
+    display: block
+  }
+}
+
+// to fix el-date-picker css style
+.el-range-separator {
+  box-sizing: content-box;
+}
+ul, li { list-style: none; }
+// 上传图片
+.upload-image-wrap {
+  display: flex;
+  .upload-img {
+    position: relative;
+    background-color: #fbfdff;
+    border: 1px dashed #c0ccda;
+    border-radius: 6px;
+    box-sizing: border-box;
+    width: 148px;
+    height: 148px;
+    cursor: pointer;
+    line-height: 146px;
+    vertical-align: top;
+    text-align: center;
+    img {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+    }
+    &:before {
+      content: "+";
+      font-size: 50px;
+      font-weight: 300;
+      color: #ccc;
+    }
+  }
+  .upload-img-list {
+    flex: 1;
+    padding-left: 30px;
+    li {
+      float: left;
+      width: 60px;
+      height: 60px;
+      margin: 0 10px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+
+.el-form-item__content {
+  z-index: 200 ;
+}
+
+.el-dialog__body {
+  padding-left: 100px;
+}
+.text {
+  .el-row {
+    margin-top: 20px;
+  }
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
new file mode 100644
index 0000000..3b4da51
--- /dev/null
+++ b/src/styles/index.scss
@@ -0,0 +1,65 @@
+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+
+body {
+  height: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+}
+
+label {
+  font-weight: 700;
+}
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+#app {
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+div:focus {
+  outline: none;
+}
+
+.clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+
+// main-container global css
+.app-container {
+  padding: 20px;
+}
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
new file mode 100644
index 0000000..36b74bb
--- /dev/null
+++ b/src/styles/mixin.scss
@@ -0,0 +1,28 @@
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
new file mode 100644
index 0000000..94760cc
--- /dev/null
+++ b/src/styles/sidebar.scss
@@ -0,0 +1,226 @@
+#app {
+
+  .main-container {
+    min-height: 100%;
+    transition: margin-left .28s;
+    margin-left: $sideBarWidth;
+    position: relative;
+  }
+
+  .sidebar-container {
+    transition: width 0.28s;
+    width: $sideBarWidth !important;
+    background-color: $menuBg;
+    height: 100%;
+    position: fixed;
+    font-size: 0px;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1001;
+    overflow: hidden;
+
+    // reset element-ui css
+    .horizontal-collapse-transition {
+      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+    }
+
+    .scrollbar-wrapper {
+      overflow-x: hidden !important;
+    }
+
+    .el-scrollbar__bar.is-vertical {
+      right: 0px;
+    }
+
+    .el-scrollbar {
+      height: 100%;
+    }
+
+    &.has-logo {
+      .el-scrollbar {
+        height: calc(100% - 50px);
+      }
+    }
+
+    .is-horizontal {
+      display: none;
+    }
+
+    a {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    .svg-icon {
+      margin-right: 16px;
+    }
+
+    .sub-el-icon {
+      margin-right: 12px;
+      margin-left: -2px;
+    }
+
+    .el-menu {
+      border: none;
+      height: 100%;
+      width: 100% !important;
+    }
+
+    // menu hover
+    .submenu-title-noDropdown,
+    .el-submenu__title {
+      &:hover {
+        background-color: $menuHover !important;
+      }
+    }
+
+    .is-active>.el-submenu__title {
+      color: $subMenuActiveText !important;
+    }
+
+    & .nest-menu .el-submenu>.el-submenu__title,
+    & .el-submenu .el-menu-item {
+      min-width: $sideBarWidth !important;
+      background-color: $subMenuBg !important;
+
+      &:hover {
+        background-color: $subMenuHover !important;
+      }
+    }
+  }
+
+  .hideSidebar {
+    .sidebar-container {
+      width: 54px !important;
+    }
+
+    .main-container {
+      margin-left: 54px;
+    }
+
+    .submenu-title-noDropdown {
+      padding: 0 !important;
+      position: relative;
+
+      .el-tooltip {
+        padding: 0 !important;
+
+        .svg-icon {
+          margin-left: 20px;
+        }
+
+        .sub-el-icon {
+          margin-left: 19px;
+        }
+      }
+    }
+
+    .el-submenu {
+      overflow: hidden;
+
+      &>.el-submenu__title {
+        padding: 0 !important;
+
+        .svg-icon {
+          margin-left: 20px;
+        }
+
+        .sub-el-icon {
+          margin-left: 19px;
+        }
+
+        .el-submenu__icon-arrow {
+          display: none;
+        }
+      }
+    }
+
+    .el-menu--collapse {
+      .el-submenu {
+        &>.el-submenu__title {
+          &>span {
+            height: 0;
+            width: 0;
+            overflow: hidden;
+            visibility: hidden;
+            display: inline-block;
+          }
+        }
+      }
+    }
+  }
+
+  .el-menu--collapse .el-menu .el-submenu {
+    min-width: $sideBarWidth !important;
+  }
+
+  // mobile responsive
+  .mobile {
+    .main-container {
+      margin-left: 0px;
+    }
+
+    .sidebar-container {
+      transition: transform .28s;
+      width: $sideBarWidth !important;
+    }
+
+    &.hideSidebar {
+      .sidebar-container {
+        pointer-events: none;
+        transition-duration: 0.3s;
+        transform: translate3d(-$sideBarWidth, 0, 0);
+      }
+    }
+  }
+
+  .withoutAnimation {
+
+    .main-container,
+    .sidebar-container {
+      transition: none;
+    }
+  }
+}
+
+// when menu collapsed
+.el-menu--vertical {
+  &>.el-menu {
+    .svg-icon {
+      margin-right: 16px;
+    }
+    .sub-el-icon {
+      margin-right: 12px;
+      margin-left: -2px;
+    }
+  }
+
+  .nest-menu .el-submenu>.el-submenu__title,
+  .el-menu-item {
+    &:hover {
+      // you can use $subMenuHover
+      background-color: $menuHover !important;
+    }
+  }
+
+  // the scroll bar appears when the subMenu is too long
+  >.el-menu--popup {
+    max-height: 100vh;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar-track-piece {
+      background: #d3dce6;
+    }
+
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #99a9bf;
+      border-radius: 20px;
+    }
+  }
+}
diff --git a/src/styles/transition.scss b/src/styles/transition.scss
new file mode 100644
index 0000000..4cb27cc
--- /dev/null
+++ b/src/styles/transition.scss
@@ -0,0 +1,48 @@
+// global transition css
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all .5s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
new file mode 100644
index 0000000..be55772
--- /dev/null
+++ b/src/styles/variables.scss
@@ -0,0 +1,25 @@
+// sidebar
+$menuText:#bfcbd9;
+$menuActiveText:#409EFF;
+$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
+
+$menuBg:#304156;
+$menuHover:#263445;
+
+$subMenuBg:#1f2d3d;
+$subMenuHover:#001528;
+
+$sideBarWidth: 210px;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  subMenuActiveText: $subMenuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  subMenuBg: $subMenuBg;
+  subMenuHover: $subMenuHover;
+  sideBarWidth: $sideBarWidth;
+}
diff --git a/src/utils/auth.js b/src/utils/auth.js
new file mode 100644
index 0000000..a07ae85
--- /dev/null
+++ b/src/utils/auth.js
@@ -0,0 +1,23 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'vue_admin_template_token'
+const userNameKey = "username"
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+  return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey)
+}
+
+export function getUsername() { 
+  return Cookies.get(userNameKey); 
+}
+export function setUsername(value){
+   return Cookies.set(userNameKey, value); 
+}
\ No newline at end of file
diff --git a/src/utils/get-page-title.js b/src/utils/get-page-title.js
new file mode 100644
index 0000000..a6de99d
--- /dev/null
+++ b/src/utils/get-page-title.js
@@ -0,0 +1,10 @@
+import defaultSettings from '@/settings'
+
+const title = defaultSettings.title || 'Vue Admin Template'
+
+export default function getPageTitle(pageTitle) {
+  if (pageTitle) {
+    return `${pageTitle} - ${title}`
+  }
+  return `${title}`
+}
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..07b7cac
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,118 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+// decodeURI
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if ((typeof time === 'string')) {
+      if ((/^[0-9]+$/.test(time))) {
+        // support "1548221490638"
+        time = parseInt(time)
+      } else {
+        // support safari
+        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+        time = time.replace(new RegExp(/-/gm), '/')
+      }
+    }
+
+    if ((typeof time === 'number') && (time.toString().length === 10)) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    const value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
+    return value.toString().padStart(2, '0')
+  })
+  return time_str
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+  if (('' + time).length === 10) {
+    time = parseInt(time) * 1000
+  } else {
+    time = +time
+  }
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return (
+      d.getMonth() +
+      1 +
+      '月' +
+      d.getDate() +
+      '日' +
+      d.getHours() +
+      '时' +
+      d.getMinutes() +
+      '分'
+    )
+  }
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export 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
+}
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..0ff67ca
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,147 @@
+import axios from 'axios'
+import { MessageBox, Message } from 'element-ui'
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+import router from "@/router"; //看具体项目封装的路由文件修改
+
+// create an axios instance
+const service = axios.create({
+    // baseURL: process.env.VUE_APP_BASE_API, 
+baseURL: 'http://127.0.0.1:8898/api', 
+    timeout: 5000 
+})
+
+//跳转登陆页面
+const toLogin = () => {
+    // 执行退出操作
+    store.dispatch('user/logout').then(() => {
+        // 返回登录页面
+        router.push('/login')
+    })
+};
+
+
+//封装状态码错误处理函数
+const errorHandle = status => {
+    switch (status) {
+        //登录不成功时跳转到登录页面
+        case 401:
+            console.log("认证失败,未登录或无权限");
+            toLogin();
+            break;
+        case 403:
+            //token过期了,清除token存储
+            localStorage.removeItem("token");
+            console.log("token校验失败");
+            toLogin();
+            break;
+        case 404:
+            console.log("请求的资源不存在");
+            break;
+        default:
+            console.log("请求出错,状态码为:" + status);
+            break;
+    }
+};
+// request interceptor
+service.interceptors.request.use(
+    config => {
+        // do something before request is sent
+
+        if (store.getters.token) {
+            // let each request carry token
+            // ['X-Token'] is a custom headers key
+            // please modify it according to the actual situation
+            config.headers['Authorization'] = getToken(); // 携带token
+            config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
+                // config.headers['Username'] = getUsername();  // 携带token
+            return config;
+        }
+        return config
+    },
+    error => {
+        // do something with request error
+        console.log(error) // for debug
+        return Promise.reject(error)
+    }
+)
+
+// response interceptor
+service.interceptors.response.use(
+    /**
+     * If you want to get http information such as headers or status
+     * Please return  response => response
+     */
+
+    /**
+     * Determine the request status by custom code
+     * Here is just an example
+     * You can also judge the status by HTTP Status Code
+     */
+    response => {
+        const res = response.data
+        console.log(res.status); // 添加此行
+        if (res.status == 401) {
+            toLogin()
+        }
+        // if the custom code is not 20000, it is judged as an error.   
+        if (res.status !== 20000 && res.status !== 200 && res.status !== 201) {
+            Message({
+                message: res.message || 'Error',
+                type: 'error',
+                duration: 5 * 1000
+            })
+
+            // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
+            if (res.status === 50008 || res.status === 50012 || res.status === 50014) {
+                // to re-login
+                MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
+                    confirmButtonText: 'Re-Login',
+                    cancelButtonText: 'Cancel',
+                    type: 'warning'
+                }).then(() => {
+                    store.dispatch('user/resetToken').then(() => {
+                        location.reload()
+                    })
+                })
+            }
+            return Promise.reject(new Error(res.message || 'Error'))
+        } else {
+            return res
+        }
+        // const data = response.data;
+        // // console.log(data);
+        // // 不为0，即接口异常时
+        // if (data.resCode !== 0) {
+        //   Message.error(data.message);
+        //   return Promise.reject(data);
+        // } else {
+        //   return data; // return Promise.resolve(data);
+        // }
+    },
+    error => {
+        // let { response } = error;
+        //判断是否为重复请求而出错
+        // if (isCancel(error)) console.log("请求失败,原因是" + error.message);
+        if (error.response) {
+            errorHandle(error.response.status);
+
+        }
+        //判断客户端有无联网
+        if (!window.navigator.onLine) {
+            //断网处理：跳转断网页面/提示网络错误等等
+            alert("请检查网络是否连接");
+        }
+        //出错中断promise链
+        // return new Promise(() => {});
+        console.log('err' + error) // for debug
+        Message({
+            message: error.message,
+            type: 'error',
+            duration: 5 * 1000
+        })
+        return Promise.reject(error)
+    }
+)
+
+export default service
\ No newline at end of file
diff --git a/src/utils/validate.js b/src/utils/validate.js
new file mode 100644
index 0000000..8d962ad
--- /dev/null
+++ b/src/utils/validate.js
@@ -0,0 +1,20 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+  return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUsername(str) {
+  const valid_map = ['admin', 'editor']
+  return valid_map.indexOf(str.trim()) >= 0
+}
diff --git a/src/views/404.vue b/src/views/404.vue
new file mode 100644
index 0000000..1791f55
--- /dev/null
+++ b/src/views/404.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="wscn-http404-container">
+    <div class="wscn-http404">
+      <div class="pic-404">
+        <img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404">
+        <img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404">
+        <img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404">
+        <img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
+      </div>
+      <div class="bullshit">
+        <div class="bullshit__oops">OOPS!</div>
+        <div class="bullshit__info">All rights reserved
+          <a style="color:#20a0ff" href="https://wallstreetcn.com" target="_blank">wallstreetcn</a>
+        </div>
+        <div class="bullshit__headline">{{ message }}</div>
+        <div class="bullshit__info">Please check that the URL you entered is correct, or click the button below to return to the homepage.</div>
+        <a href="" class="bullshit__return-home">Back to home</a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'Page404',
+  computed: {
+    message() {
+      return 'The webmaster said that you can not enter this page...'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.wscn-http404-container{
+  transform: translate(-50%,-50%);
+  position: absolute;
+  top: 40%;
+  left: 50%;
+}
+.wscn-http404 {
+  position: relative;
+  width: 1200px;
+  padding: 0 50px;
+  overflow: hidden;
+  .pic-404 {
+    position: relative;
+    float: left;
+    width: 600px;
+    overflow: hidden;
+    &__parent {
+      width: 100%;
+    }
+    &__child {
+      position: absolute;
+      &.left {
+        width: 80px;
+        top: 17px;
+        left: 220px;
+        opacity: 0;
+        animation-name: cloudLeft;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      &.mid {
+        width: 46px;
+        top: 10px;
+        left: 420px;
+        opacity: 0;
+        animation-name: cloudMid;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1.2s;
+      }
+      &.right {
+        width: 62px;
+        top: 100px;
+        left: 500px;
+        opacity: 0;
+        animation-name: cloudRight;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      @keyframes cloudLeft {
+        0% {
+          top: 17px;
+          left: 220px;
+          opacity: 0;
+        }
+        20% {
+          top: 33px;
+          left: 188px;
+          opacity: 1;
+        }
+        80% {
+          top: 81px;
+          left: 92px;
+          opacity: 1;
+        }
+        100% {
+          top: 97px;
+          left: 60px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudMid {
+        0% {
+          top: 10px;
+          left: 420px;
+          opacity: 0;
+        }
+        20% {
+          top: 40px;
+          left: 360px;
+          opacity: 1;
+        }
+        70% {
+          top: 130px;
+          left: 180px;
+          opacity: 1;
+        }
+        100% {
+          top: 160px;
+          left: 120px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudRight {
+        0% {
+          top: 100px;
+          left: 500px;
+          opacity: 0;
+        }
+        20% {
+          top: 120px;
+          left: 460px;
+          opacity: 1;
+        }
+        80% {
+          top: 180px;
+          left: 340px;
+          opacity: 1;
+        }
+        100% {
+          top: 200px;
+          left: 300px;
+          opacity: 0;
+        }
+      }
+    }
+  }
+  .bullshit {
+    position: relative;
+    float: left;
+    width: 300px;
+    padding: 30px 0;
+    overflow: hidden;
+    &__oops {
+      font-size: 32px;
+      font-weight: bold;
+      line-height: 40px;
+      color: #1482f0;
+      opacity: 0;
+      margin-bottom: 20px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-fill-mode: forwards;
+    }
+    &__headline {
+      font-size: 20px;
+      line-height: 24px;
+      color: #222;
+      font-weight: bold;
+      opacity: 0;
+      margin-bottom: 10px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.1s;
+      animation-fill-mode: forwards;
+    }
+    &__info {
+      font-size: 13px;
+      line-height: 21px;
+      color: grey;
+      opacity: 0;
+      margin-bottom: 30px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.2s;
+      animation-fill-mode: forwards;
+    }
+    &__return-home {
+      display: block;
+      float: left;
+      width: 110px;
+      height: 36px;
+      background: #1482f0;
+      border-radius: 100px;
+      text-align: center;
+      color: #ffffff;
+      opacity: 0;
+      font-size: 14px;
+      line-height: 36px;
+      cursor: pointer;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.3s;
+      animation-fill-mode: forwards;
+    }
+    @keyframes slideUp {
+      0% {
+        transform: translateY(60px);
+        opacity: 0;
+      }
+      100% {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/Car/Car.vue b/src/views/Car/Car.vue
new file mode 100644
index 0000000..4e9f296
--- /dev/null
+++ b/src/views/Car/Car.vue
@@ -0,0 +1,118 @@
+<template>
+  <div id="car-container" v-if="carList.length != 0" style="margin-left: 2%">
+    <div class="scontainer">
+      <div class="swiper-container">
+        <div class="swiper-wrapper">
+          <div class="swiper-slide" v-for="car in carList" :key="car.modeId">
+            <!-- <CarItem height="800px" :carData="car"></CarItem> -->
+            <CarItem :carData="car"></CarItem>
+          </div>
+        </div>
+        <!-- 如果需要导航按钮 v-if="carList.length >= 4" -->
+        <div class="swiper-button-prev btn"></div>
+        <div class="swiper-button-next btn"></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import "swiper/swiper-bundle.css";
+import Swiper from "swiper";
+import "swiper/swiper-bundle.esm.js";
+import CarItem from "./CarItem/CarItem.vue";
+import { mapActions, mapMutations, mapState } from "vuex";
+export default {
+  name: "Car",
+  components: {
+    CarItem,
+  },
+  data() {
+    return {
+      id: this.$route.query.id || localStorage.getItem("id"),
+    };
+  },
+  mounted() {
+    // 轮播图
+    var mySwiper = new Swiper(".swiper-container", {
+      slidesPerView: 3,
+      // 如果需要前进后退按钮
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+    });
+    // this.CLEARCARLIST()    // 解开之后轮播就不行了？？？？？
+    this.getCarList(this.id);
+  },
+  methods: {
+    // 获取车辆列表信息根据停车场id
+    ...mapActions("carsAbout", ["getCarList"]),
+    ...mapMutations("carsAbout", ["CLEARCARLIST"]),
+  },
+  computed: {
+    ...mapState("carsAbout", ["carList"]),
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#car-container {
+  position: fixed;
+  bottom: 84px;
+  left: 50%;
+  transform: translate(-50%);
+  .scontainer {
+    width: 1785px;
+    margin: auto;
+  }
+  .swiper-container {
+    // position: relative;
+    // padding-left: 50px;
+    margin: auto;
+    overflow: initial;
+    .swiper-slide {
+      position: relative;
+      width: 505px !important;
+      height: 258px;
+      margin-right: 90px;
+      // z-index: 12;
+    }
+    .swiper-button-next,
+    .swiper-button-prev {
+      z-index: 4;
+      width: 60px;
+      height: 100px;
+      background-color: #fff;
+      opacity: 1;
+      border-radius: 30px;
+      cursor: pointer;
+      border: 1px solid #e1e1e1;
+      box-shadow: 0px 1px 1px 0.2px rgba(0, 0, 0, 0.2);
+    }
+    // .f {
+    //     margin-left: 115px;
+    // }
+    .swiper-button-prev:after,
+    .swiper-button-next:after {
+      font-size: 20px;
+      color: #029ff7;
+      font-weight: 700;
+      cursor: pointer;
+    }
+    .swiper-button-prev {
+      left: -45px;
+      &:hover {
+        background-color: #34393f;
+      }
+    }
+    .swiper-button-next {
+      right: -20px;
+      &:hover {
+        background-color: #34393f;
+        color: #029ff7;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/Car/CarItem/CarItem.vue b/src/views/Car/CarItem/CarItem.vue
new file mode 100644
index 0000000..ee581ab
--- /dev/null
+++ b/src/views/Car/CarItem/CarItem.vue
@@ -0,0 +1,675 @@
+<template>
+  <div class="carItem">
+    <div class="cars-item" @click="showDetail">
+      <div class="car-header">
+        <img :src="carData.modeImg" alt="" style="width: 70px; height: 34px" />
+        <div class="car-name">
+          <span class="car-type">{{ carData.modeName }}</span>
+          <!-- <span style="font-size: 13px; color: #666">{{
+            carData.type == 1 ? "室内停车场" : "室外停车场"
+          }}</span> -->
+        </div>
+      </div>
+      <div class="car-body">
+        <div class="car-info">
+          <h5 class="car-plate">{{ carData.modeName }}</h5>
+          <div class="car-h">
+            <ul class="car-ele">
+              <li class="ele-active" v-for="i of 4" :key="i"></li>
+              <li v-for="index of 3" :key="index * 4"></li>
+            </ul>
+            <span class="car-minter">
+              该停车场车位 <b>{{ carData.modeNum }}</b> 个
+            </span>
+          </div>
+        </div>
+        <img :src="carData.modeImg" alt="" style="width: 48%" />
+      </div>
+      <div class="car-foot">
+        <div class="car-part">{{ carData.parkingName }}</div>
+        <i class="el-icon-arrow-right"></i>
+      </div>
+    </div>
+    <div
+      class="cars-item car-detail"
+      v-if="car_info_show"
+      :style="'height:' + car_info_height"
+    >
+      <div class="car-title">
+        <div class="car-tpart">{{ carData.parkingName }}</div>
+        <i class="el-icon-close" @click="closeDetail"></i>
+      </div>
+      <div class="car-header">
+        <img :src="carData.modeImg" alt="" style="width: 7vh" />
+        <div class="car-name">
+          <span class="car-type">{{ carData.modeName }}</span>
+          <span class="car-size">套餐押金：{{ carData.betMoney }}元</span>
+        </div>
+      </div>
+      <div class="car-img">
+        <img :src="carData.modeImg" alt="" style="width: 80%; margin: auto" />
+      </div>
+      <div class="car-detail-info">
+        <div class="car-name">
+          <span class="name">{{ carData.modeName }}</span>
+          <span class="m"
+            >停车场车辆总数<b>{{ carData.modeNum }}</b> 个</span
+          >
+        </div>
+        <div class="car-ele">
+          <div class="ele-no">
+            <div
+              class="ele"
+              :style="{
+                width: (carData.modeNum / carData.modeNum) * 100 + '%',
+              }"
+            ></div>
+          </div>
+        </div>
+        <div class="car-tip">{{ carData.description }}</div>
+        <ul class="car-price-list">
+          <li @click="choosePrice" class="price-li">
+            <span>日租车位</span>
+            <span>￥{{ carData.dayMoney }}/天</span>
+          </li>
+          <li @click="choosePrice" class="price-li">
+            <span>15日车位</span>
+            <span>￥{{ parseInt((carData.dayMoney * 15 * 0.9) / 15) }}/天</span>
+          </li>
+          <li @click="choosePrice" class="price-li">
+            <span>月租车位</span>
+            <span>￥{{ parseInt((carData.monthMoney / 30) * 0.8) }}/天</span>
+          </li>
+          <li @click="choosePrice" class="price-li">
+            <span>时租车位</span>
+            <span>￥{{ carData.hourMoney }}/小时</span>
+          </li>
+        </ul>
+      </div>
+      <div class="car-deal">
+        <!-- <span>参保《全面保障服务》用车更放心</span> -->
+        <el-button type="text" @click="open"
+          >免费参保《全面保障服务》停车更放心</el-button
+        >
+        <i
+          class="el-icon-success"
+          :style="{ color: isChecked ? '#000' : '#cccccc' }"
+          @click="isChecked = !isChecked"
+        ></i>
+      </div>
+      <div class="car-use" @click="useCar(carData.parking_id, carData.modeId)">
+        预约停车
+      </div>
+      <!-- <div
+        class="car-use"
+        @click="openDialog(carData.parking_id, carData.modeId)"
+      >
+        预约停车
+      </div> -->
+    </div>
+    <!-- 选择停车位 -->
+    <el-dialog
+      title="选择停车位"
+      :visible.sync="dialogCarVisible"
+      width="50%"
+      center
+      style="
+        position: fixed;
+        top: -200%;
+        right: 0;
+        bottom: 100%;
+        left: 0;
+        overflow: auto;
+        margin: 0;
+      "
+    >
+      <div class="parking-lot">
+        <div
+          v-for="slot in parkingSlots"
+          :key="slot.id"
+          class="parking-slot"
+          :class="{ rented: slot.status == 1, available: slot.status == 0 }"
+          @click="selectSlot(slot)"
+        >
+          {{ slot.id }}
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogCarVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmSelection">确认</el-button>
+      </div>
+    </el-dialog>
+    <!-- 上传照片弹窗 -->
+    <el-dialog
+      title="上传车辆照片"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :close-on-click-modal="true"
+      :modal="false"
+      :center="true"
+      :style="{
+        'margin-top': '-30%',
+        'max-height': '80vh',
+      }"
+    >
+      <Upload @upload-success="handleUploadSuccess"></Upload>
+
+      <img
+        v-if="imageUrl"
+        :src="imageUrl"
+        alt="Uploaded Image"
+        style="width: 100%"
+      />
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog()">取 消</el-button>
+        <el-button type="primary" @click="reserveCar(selectedSlot.carId)"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapActions, mapState } from "vuex";
+import Upload from "@/components/Upload/index";
+export default {
+  name: "CarItem",
+  props: ["carData"],
+  components: {
+    Upload,
+  },
+  data() {
+    return {
+      parkingSlots: [],
+      selectedSlot: null,
+
+      dialogVisible: false,
+      dialogCarVisible: false,
+      parking_id: "",
+      imageUrl: "",
+      carId: "",
+      modeId: "",
+      car_info_show: false,
+      car_info_height: 0,
+      timer: null,
+      // 勾选服务
+      isChecked: false,
+      // 租赁类型
+      leaseType: {
+        type: "",
+        price: "",
+      },
+      // 用户id
+      id: this.$store.state.user.userId,
+    };
+  },
+  methods: {
+    async openDialog(parking_id, modeId) {
+      this.modeId = modeId;
+
+      let res = await this.$API.car.getCarList(parking_id);
+      this.parkingSlots = res.data.map((item) => {
+        return {
+          carId: item.carId,
+          id: item.carNumber,
+          status: item.carStatus,
+          parking_id: item.parking_id,
+        };
+      });
+      this.dialogCarVisible = true;
+    },
+    selectSlot(slot) {
+      if (slot.status == 0) {
+        this.selectedSlot = slot;
+      }
+    },
+    confirmSelection() {
+      if (this.selectedSlot) {
+        this.$message.success(`选择的车位是：${this.selectedSlot.id}`);
+        this.parking_id = this.selectedSlot.parking_id;
+        this.dialogCarVisible = false;
+        this.dialogVisible = true;
+      } else {
+        this.$message.error("请选择一个未出租的车位！");
+      }
+    },
+    showDialog() {
+      this.dialogVisible = true;
+    },
+    closeDialog() {
+      this.dialogVisible = false;
+    },
+    handleUploadSuccess(url) {
+      this.imageUrl = url;
+      // 检查是否上传了图片，如果上传了，则执行预约逻辑
+      if (this.imageUrl !== "" && this.imageUrl !== null) {
+        message.success("上传成功");
+        reserveCar(this.selectedSlot.carId);
+      }
+    },
+    reserveCar(carId) {
+      if (this.imageUrl !== "" && this.imageUrl !== null) {
+        this.dialogVisible = false;
+        this.showDetail();
+        //TOD O: 预约车位
+        let data = {
+          userId: window.localStorage.getItem("userId"),
+          carId: carId,
+          parking_id: this.parking_id,
+          mode: this.modeId,
+          modeId: this.modeId,
+          price: this.leaseType.price,
+          orderMoney: 0,
+          outPicture: this.imageUrl,
+          orderStatus: 0,
+        };
+        data.mode = this.leaseType.type === "时租车位" ? 1 : 0; // 0为日租，1为时租
+        this.$API.car
+          .carRent(data)
+          .then((result) => {
+            if (result.status == 200) {
+              this.$message.success(result.message);
+              this.$router.push({ path: "/carManage/carList" });
+            } else {
+              this.$message.error(result.message);
+            }
+          })
+          .catch((error) => {
+            console.error(error);
+          });
+      } else {
+        this.$message.error("请上传车辆照片");
+      }
+    },
+    // 显示详情
+    showDetail() {
+      this.car_info_show = true;
+      this.timer && clearTimeout(this.timer);
+      this.timer = setTimeout(() => {
+        this.car_info_height = "800px";
+        clearTimeout(this.timer);
+      }, 20);
+    },
+    // 关闭详情
+    closeDetail() {
+      this.car_info_show = false;
+      this.car_info_height = 0;
+    },
+    //   参保《全面保障服务》用车更放心
+    open() {
+      this.$alert(
+        `
+    <h2 style="white-space: pre-line;">全面参保的内容和范围</h2>
+    <ol>
+        <li>车辆保险：包括车辆损失险、第三者责任险、车上人员责任险等，以覆盖车辆因意外损坏或交通事故造成的损失和责任。</li>
+        <li>人身意外险：保障共享汽车用户在使用过程中因意外事故导致的人身伤害，包括医疗费用、伤残赔偿等。</li>
+        <li>车辆盗抢险：保障车辆被盗抢后的损失，包括车辆全损、部分损失等。</li>
+        <li>其他附加保障：根据实际情况，还可以考虑购买附加的保障，如玻璃单独破碎险、自燃险等。</li>
+    </ol>
+    <h2 style="white-space: pre-line;">全面参保的意义</h2>
+    <ul>
+        <li>保障用户权益：全面参保能够保障共享汽车用户的权益，确保用户在使用共享汽车时遇到问题能够得到及时有效的赔偿和保障。</li>
+        <li>降低运营风险：全面参保能够降低共享汽车运营过程中的风险，保障企业利益，确保运营的稳定性和可持续性。</li>
+        <li>提升行业信誉：全面参保能够提升共享汽车企业的行业信誉，树立良好的企业形象，吸引更多用户选择共享汽车出行。</li>
+    </ul>
+    <p>在共享经济蓬勃发展的今天，共享汽车全面参保已成为共享汽车企业应尽的责任和义务，也是保障用户权益、维护行业健康发展的必要措施。共享汽车企业应积极配合相关部门，加强监管，确保全面参保的有效实施。</p>`,
+        {
+          dangerouslyUseHTMLString: true,
+        }
+      );
+    },
+    // 选择价格
+    choosePrice() {
+      const _this = this;
+      const price_list = document.querySelectorAll(".price-li");
+      price_list.forEach((item) => {
+        item.addEventListener("click", function () {
+          price_list.forEach((ele) => {
+            ele.className = "price-li";
+          });
+          this.className = "price-li price-active";
+          _this.leaseType.type = this.children[0].innerHTML.replace(
+            /[^\d]/g,
+            ""
+          );
+          _this.leaseType.price = this.children[1].innerHTML.replace(
+            /[^\d]/g,
+            ""
+          );
+        });
+      });
+    },
+    // 预约
+    useCar(parking_id, modeId) {
+      this.modeId = modeId;
+      if (!this.leaseType.price) {
+        this.$message({ type: "warning", message: "请选择套餐类型" });
+      } else if (!this.isChecked) {
+        this.$message({
+          type: "warning",
+          message: "请勾选《全面保障服务》协议",
+        });
+      } else {
+        // 检查用户登录情况
+        !this.$store.state.user.token &&
+          this.$message({ type: "warning", message: "您还未登录，请先登录" });
+        // 检查用户实名情况
+        let data = {
+          UserId: window.localStorage.getItem("userId"),
+        };
+        this.$API.userinfo
+          .getInfo(data)
+          .then((result) => {
+            if (result.status === 200) {
+              if (
+                result.data[0].idCard == null ||
+                result.data[0].idCard == "" ||
+                result.data[0].driverLicense == null ||
+                result.data[0].driverLicense == ""
+              ) {
+                this.$message({
+                  type: "warning",
+                  message: "无法下单，您未进行实名认证请先前往个人中心认证",
+                });
+              }
+            } else {
+              this.$message.error(result.message);
+            }
+          })
+          .catch((error) => {
+            console.error(error);
+          });
+      }
+      if (
+        this.isChecked &&
+        this.$store.state.user.token &&
+        this.leaseType.price
+      ) {
+        console.log(this.leaseType);
+        // this.showDialog();
+        this.openDialog(parking_id, modeId);
+      }
+    },
+    ...mapActions("userAbout", ["IsCompleteCertification"]),
+    ...mapActions("orderAbout", ["OrderCar"]),
+  },
+  computed: {
+    // 获取停车场的停车位
+
+    //燃油汽车energy为0使用emass  新能源为1使用omass
+
+    car_ele() {
+      return this.carData.energy == 1
+        ? parseInt(this.carData.omass / 10)
+        : this.carData.energy == 0
+        ? parseInt(this.carData.emass / 10)
+        : parseInt((this.carData.emass + this.carData.omass) / 20);
+      console.log(this.car_ele());
+    },
+    no_car_ele() {
+      return 10 - this.car_ele;
+    },
+
+    ...mapState("userAbout", ["authentication"]),
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.carItem {
+  position: relative;
+  .cars-item {
+    cursor: pointer;
+    width: 505px;
+    height: 258px;
+    background-color: #fff;
+    border-radius: 30px;
+    padding: 30px 30px 20px 30px;
+    box-sizing: border-box;
+    box-shadow: 1px 0 18px 0 rgba(0, 0, 0, 0.2);
+    .car-header {
+      img {
+        display: inline-block;
+        vertical-align: middle;
+        margin-right: 12px;
+        position: relative;
+      }
+      .car-name {
+        display: inline-block;
+        .car-type {
+          margin-right: 140px;
+          font-size: 16px;
+        }
+        .car-size {
+          font-size: 14px;
+          color: #adaeb0;
+          position: absolute;
+          right: 36px;
+        }
+      }
+    }
+    .car-body {
+      margin-top: 8px;
+      width: 100%;
+      height: 120px;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 2px solid #e1e1e1;
+      .car-info {
+        .car-plate {
+          font-size: 18px;
+          font-weight: 400;
+          margin-top: 20px;
+          margin-bottom: 20px;
+        }
+        .car-h {
+          display: flex;
+        }
+        .car-ele {
+          display: inline-block;
+          margin-right: 8px;
+        }
+        .car-ele li {
+          display: inline-block;
+          width: 8px;
+          height: 24px;
+          border-radius: 12px;
+          margin-right: 3px;
+          background-color: #e1e1e1;
+        }
+        .ele-active {
+          background: linear-gradient(#11a5f8, #0c8ddb);
+        }
+        .car-minter {
+          font-size: 12px;
+          line-height: 31px;
+          b {
+            font-size: 16px;
+          }
+        }
+      }
+    }
+    .car-foot {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      margin-top: 18px;
+      color: #6e7174;
+      font-size: 14px;
+      line-height: 22px;
+      i {
+        color: #e1e1e1;
+        font-size: 20px;
+      }
+    }
+  }
+  .car-detail {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    @keyframes showUp {
+      0% {
+        height: 0;
+      }
+    }
+    animation: showUp 0.3s ease 0s;
+    cursor: auto;
+    .car-title {
+      font-size: 18px;
+      color: #6e7174;
+      display: flex;
+      line-height: 24px;
+      justify-content: space-between;
+      margin-bottom: 20px;
+      i {
+        font-size: 24px;
+        cursor: pointer;
+      }
+    }
+    .car-img {
+      width: 100%;
+      height: 200px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .car-detail-info {
+      .car-name {
+        display: flex;
+        justify-content: space-between;
+        .name {
+          font-size: 20px;
+          color: #34393f;
+        }
+        .m {
+          font-size: 12px;
+          b {
+            font-size: 18px;
+          }
+        }
+      }
+      .car-ele {
+        height: 40px;
+        width: 100%;
+        border-radius: 20px;
+        background-color: #fff;
+        padding: 15px 12px;
+        box-sizing: border-box;
+        box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.2);
+        margin-top: 20px;
+        .ele-no {
+          background-color: #e1e1e1;
+          width: 100%;
+          height: 100%;
+          border-radius: 20px;
+          position: relative;
+          .ele {
+            background-color: #0f9cee;
+            width: 70%;
+            height: 100%;
+            border-radius: 20px;
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+          }
+        }
+      }
+      .car-tip {
+        font-size: 14px;
+        text-align: center;
+        color: #6e7174;
+        margin-top: 20px;
+        margin-bottom: 15px;
+      }
+      .car-price-list {
+        margin-bottom: 10px;
+        li {
+          background-color: #f3f3f3;
+          height: 45px;
+          box-sizing: border-box;
+          border-radius: 8px;
+          line-height: 45px;
+          display: flex;
+          justify-content: space-between;
+          margin-bottom: 15px;
+          padding-right: 20px;
+          padding-left: 15px;
+          cursor: pointer;
+        }
+        .price-active {
+          border: 2px solid #0f9cee;
+        }
+      }
+    }
+    .car-deal {
+      margin-top: 30px;
+      font-size: 14px;
+      padding-left: 5px;
+      padding-right: 5px;
+      display: flex;
+      line-height: 20px;
+      justify-content: space-between;
+      i {
+        font-size: 20px;
+        color: #cccccc;
+      }
+    }
+    .car-use {
+      font-size: 26px;
+      background-color: #353b3f;
+      text-align: center;
+      line-height: 84px;
+      height: 84px;
+      width: 240px;
+      margin: auto;
+      // margin-top: 35px;
+      // position: absolute;
+      // left: 50%;
+      // transform: translate(-50%);
+      // bottom: -42px;
+      border-radius: 42px;
+      color: #fff;
+      cursor: pointer;
+    }
+  }
+}
+.parking-lot {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+}
+
+.parking-slot {
+  width: 50px;
+  height: 50px;
+  border: 1px solid #ccc;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  user-select: none;
+}
+
+.parking-slot.available {
+  background-color: green; /* 未出租 */
+  color: white;
+}
+
+.parking-slot.rented {
+  background-color: red; /* 已出租 */
+  color: white;
+  cursor: not-allowed;
+}
+
+.parking-slot:hover.available {
+  background-color: rgb(155, 223, 100);
+}
+</style>
diff --git a/src/views/Chat/index.vue b/src/views/Chat/index.vue
new file mode 100644
index 0000000..144bd7a
--- /dev/null
+++ b/src/views/Chat/index.vue
@@ -0,0 +1,970 @@
+<template>
+  <div class="chat-container">
+    <!-- 头部区域 -->
+    <header class="chat-header">
+      <div class="logo">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="logo-icon"
+        >
+          <circle cx="12" cy="12" r="10"></circle>
+          <path d="M9 12h6"></path>
+          <path d="M12 9v6"></path>
+        </svg>
+        <span>智能停车助手</span>
+      </div>
+      <div class="header-actions">
+        <button class="theme-toggle" @click="toggleTheme">
+          <svg
+            v-if="isDarkMode"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <circle cx="12" cy="12" r="5"></circle>
+            <line x1="12" y1="1" x2="12" y2="3"></line>
+            <line x1="12" y1="21" x2="12" y2="23"></line>
+            <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+            <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+            <line x1="1" y1="12" x2="3" y2="12"></line>
+            <line x1="21" y1="12" x2="23" y2="12"></line>
+            <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+            <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+          </svg>
+          <svg
+            v-else
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+          </svg>
+        </button>
+        <button class="clear-button" @click="clearMessages">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <polyline points="3 6 5 6 21 6"></polyline>
+            <path
+              d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+            ></path>
+          </svg>
+        </button>
+      </div>
+    </header>
+
+    <!-- 消息区域 -->
+    <div class="messages-container" ref="messagesContainer">
+      <!-- 欢迎消息 -->
+      <div class="welcome-message" v-if="displayMessages.length === 0">
+        <h1>欢迎使用智能停车助手</h1>
+        <p>告诉我您的位置和需求，我会为您推荐最合适的停车位</p>
+      </div>
+
+      <!-- 消息列表 -->
+      <div class="message-list">
+        <div
+          v-for="message in displayMessages"
+          :key="message.id"
+          :class="['message', message.type]"
+        >
+          <div class="message-avatar">
+            <svg
+              v-if="message.type === 'ai'"
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <circle cx="12" cy="12" r="10"></circle>
+              <path d="M9 12h6"></path>
+              <path d="M12 9v6"></path>
+            </svg>
+            <svg
+              v-else
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+              <circle cx="12" cy="7" r="4"></circle>
+            </svg>
+          </div>
+          <div class="message-content">
+            <div class="message-header">
+              <span class="message-sender">{{
+                message.type === "ai" ? "智能助手" : "您"
+              }}</span>
+              <span class="message-time">{{
+                formatTime(message.timestamp)
+              }}</span>
+            </div>
+            <div
+              class="message-text"
+              v-html="formatMessage(message.text)"
+            ></div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 输入区域 -->
+      <div class="input-container">
+        <div class="typing-indicator" v-if="isLoading">
+          <span></span>
+          <span></span>
+          <span></span>
+        </div>
+        <div class="input-wrapper">
+          <textarea
+            ref="inputField"
+            v-model="userInput"
+            @keyup.enter.exact.prevent="handleUserInput"
+            placeholder="请输入您的停车需求..."
+            :disabled="isLoading"
+            rows="1"
+            @input="autoResize"
+          ></textarea>
+          <button
+            class="send-button"
+            @click="handleUserInput"
+            :disabled="!userInput.trim() || isLoading"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <line x1="22" y1="2" x2="11" y2="13"></line>
+              <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
+            </svg>
+          </button>
+        </div>
+        <div class="suggestions" v-if="displayMessages.length === 0">
+          <button
+            @click="insertSuggestion('我在上海徐家汇附近，需要停车2小时')"
+          >
+            我在上海徐家汇附近，需要停车2小时
+          </button>
+          <button @click="insertSuggestion('北京王府井附近有便宜的停车场吗')">
+            北京王府井附近有便宜的停车场吗
+          </button>
+          <button @click="insertSuggestion('杭州西湖景区周边停车攻略')">
+            杭州西湖景区周边停车攻略
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+
+export default {
+  data() {
+    return {
+      userInput: "",
+      displayMessages: [], // 用于显示的消息
+      apiMessages: [
+        // 用于发送到API的消息数组
+        {
+          role: "system",
+          content:
+            "你是一个专业的停车场推荐助手，你需要根据用户的位置和需求，推荐合适的停车场，包含位置、价格和可用车位等信息。请使用中文回答。",
+        },
+      ],
+      isLoading: false,
+      isDarkMode:
+        window.matchMedia &&
+        window.matchMedia("(prefers-color-scheme: dark)").matches,
+      tempMessageId: null,
+    };
+  },
+  mounted() {
+    // 检测系统主题首选项
+    if (window.matchMedia) {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      this.isDarkMode = mediaQuery.matches;
+
+      mediaQuery.addEventListener("change", (e) => {
+        this.isDarkMode = e.matches;
+        this.applyTheme();
+      });
+    }
+
+    this.applyTheme();
+
+    // 自动调整文本区域高度
+    this.$nextTick(() => {
+      this.autoResize();
+    });
+  },
+  methods: {
+    async handleUserInput() {
+      const userMessage = this.userInput.trim();
+      if (!userMessage || this.isLoading) return;
+
+      // 清空输入框并重置高度
+      this.userInput = "";
+      if (this.$refs.inputField) {
+        this.$refs.inputField.style.height = "auto";
+      }
+
+      // 添加用户消息到显示列表
+      this.displayMessages.push({
+        id: Date.now(),
+        type: "user",
+        text: userMessage,
+        timestamp: new Date(),
+      });
+
+      // 添加用户消息到API消息数组
+      this.apiMessages.push({
+        role: "user",
+        content: userMessage,
+      });
+
+      // 滚动到底部
+      this.$nextTick(() => {
+        this.scrollToBottom();
+      });
+
+      // 设置加载状态
+      this.isLoading = true;
+
+      // 创建临时消息ID
+      this.tempMessageId = Date.now() + 1000;
+
+      // 添加临时AI消息框，用于流式更新
+      this.displayMessages.push({
+        id: this.tempMessageId,
+        type: "ai",
+        text: "",
+        timestamp: new Date(),
+      });
+
+      try {
+        // 调用大模型
+        const response = await fetch(`${ApiAddress}/v1/chat/completions`, {
+          method: "POST",
+          headers: {
+            Authorization: `Bearer sk-Bp4AtAw19a6lENrPUQeqfiS9KP46Z5A43j4QkNeX4NRnGKMU`,
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({
+            model: "gpt-4o-mini",
+            messages: this.apiMessages,
+            stream: true,
+          }),
+        });
+
+        // 处理流式响应
+        if (response.body) {
+          const reader = response.body.getReader();
+          const decoder = new TextDecoder();
+          let streamedText = "";
+
+          // 读取流
+          while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+
+            // 解码二进制数据
+            const chunk = decoder.decode(value, { stream: true });
+
+            try {
+              // 处理数据块，每个数据块可能包含多个事件，以换行符分隔
+              const lines = chunk
+                .split("\n")
+                .filter((line) => line.trim() !== "");
+
+              for (const line of lines) {
+                // 对于某些API，可能需要去掉"data: "前缀
+                const cleanLine = line.startsWith("data: ")
+                  ? line.slice(5)
+                  : line;
+
+                if (cleanLine === "[DONE]") continue;
+
+                try {
+                  const data = JSON.parse(cleanLine);
+
+                  // 处理标准的OpenAI流式响应格式
+                  if (data.choices && data.choices[0]) {
+                    const delta = data.choices[0].delta;
+
+                    // 首个消息包含角色信息
+                    if (delta.role) {
+                      // 仅处理助手角色的消息
+                      if (delta.role !== "assistant") continue;
+                    }
+
+                    // 处理内容增量
+                    if (delta.content) {
+                      streamedText += delta.content;
+
+                      // 更新消息
+                      const messageIndex = this.displayMessages.findIndex(
+                        (m) => m.id === this.tempMessageId
+                      );
+                      if (messageIndex !== -1) {
+                        this.$set(this.displayMessages, messageIndex, {
+                          ...this.displayMessages[messageIndex],
+                          text: streamedText,
+                        });
+
+                        // 滚动到底部
+                        this.$nextTick(() => {
+                          this.scrollToBottom();
+                        });
+                      }
+                    }
+
+                    // 检查是否完成
+                    if (data.choices[0].finish_reason === "stop") {
+                      // 流式响应结束，添加AI消息到API消息数组
+                      this.apiMessages.push({
+                        role: "assistant",
+                        content: streamedText,
+                      });
+                      this.isLoading = false;
+                    }
+                  }
+                } catch (e) {
+                  // 可能不是有效的JSON，继续处理下一行
+                  console.warn("Failed to parse JSON line:", cleanLine);
+                }
+              }
+            } catch (e) {
+              console.error("Error processing chunk:", e);
+            }
+          }
+        } else {
+          // 非流式响应处理
+          const data = await response.json();
+
+          if (data.choices && data.choices[0] && data.choices[0].message) {
+            const assistantMessage = data.choices[0].message.content || "";
+
+            // 更新消息
+            const messageIndex = this.displayMessages.findIndex(
+              (m) => m.id === this.tempMessageId
+            );
+            if (messageIndex !== -1) {
+              this.$set(this.displayMessages, messageIndex, {
+                ...this.displayMessages[messageIndex],
+                text: assistantMessage,
+              });
+            }
+
+            // 添加AI回复到API消息数组
+            this.apiMessages.push({
+              role: "assistant",
+              content: assistantMessage,
+            });
+          }
+
+          this.isLoading = false;
+        }
+      } catch (error) {
+        console.error("Error communicating with API:", error);
+
+        // 更新临时消息为错误信息
+        const messageIndex = this.displayMessages.findIndex(
+          (m) => m.id === this.tempMessageId
+        );
+        if (messageIndex !== -1) {
+          this.$set(this.displayMessages, messageIndex, {
+            ...this.displayMessages[messageIndex],
+            text: "抱歉，出错了，请稍后再试。如果问题持续，可能是网络连接问题或服务暂时不可用。",
+          });
+        }
+
+        this.isLoading = false;
+
+        // 滚动到底部
+        this.$nextTick(() => {
+          this.scrollToBottom();
+        });
+      }
+    },
+
+    scrollToBottom() {
+      if (this.$refs.messagesContainer) {
+        this.$refs.messagesContainer.scrollTop =
+          this.$refs.messagesContainer.scrollHeight;
+      }
+    },
+
+    formatTime(date) {
+      if (!date) return "";
+
+      const now = new Date();
+      const messageDate = new Date(date);
+
+      // 如果是今天的消息，只显示时间
+      if (now.toDateString() === messageDate.toDateString()) {
+        return messageDate.toLocaleTimeString([], {
+          hour: "2-digit",
+          minute: "2-digit",
+        });
+      }
+
+      // 否则显示日期和时间
+      return messageDate.toLocaleString([], {
+        month: "numeric",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+      });
+    },
+
+    formatMessage(text) {
+      // 将纯文本转换为HTML，处理换行符等
+      return text.replace(/\n/g, "<br>");
+    },
+
+    autoResize() {
+      const textarea = this.$refs.inputField;
+      if (!textarea) return;
+
+      // 重置高度
+      textarea.style.height = "auto";
+
+      // 设置新高度（最大5行）
+      const newHeight = Math.min(textarea.scrollHeight, 120);
+      textarea.style.height = `${newHeight}px`;
+    },
+
+    toggleTheme() {
+      this.isDarkMode = !this.isDarkMode;
+      this.applyTheme();
+    },
+
+    applyTheme() {
+      // 向文档添加/移除暗色模式类
+      if (this.isDarkMode) {
+        document.documentElement.classList.add("dark-theme");
+      } else {
+        document.documentElement.classList.remove("dark-theme");
+      }
+    },
+
+    clearMessages() {
+      // 清空所有消息
+      this.displayMessages = [];
+      // 重置API消息数组，只保留系统消息
+      this.apiMessages = [
+        {
+          role: "system",
+          content:
+            "你是一个专业的停车场推荐助手，你需要根据用户的位置和需求，推荐合适的停车场，包含位置、价格和可用车位等信息。请使用中文回答。",
+        },
+      ];
+    },
+
+    insertSuggestion(text) {
+      this.userInput = text;
+      // 聚焦输入框
+      this.$nextTick(() => {
+        this.$refs.inputField.focus();
+      });
+    },
+  },
+};
+</script>
+
+<style>
+/* 全局样式 */
+:root {
+  --primary-color: #3b82f6;
+  --primary-dark: #2563eb;
+  --bg-color: #ffffff;
+  --bg-secondary: #f9fafb;
+  --text-color: #111827;
+  --text-secondary: #6b7280;
+  --border-color: #e5e7eb;
+  --user-msg-bg: #dbeafe;
+  --ai-msg-bg: #f3f4f6;
+  --input-bg: #ffffff;
+  --shadow-color: rgba(0, 0, 0, 0.1);
+  --animation-duration: 0.2s;
+}
+
+.dark-theme {
+  --primary-color: #3b82f6;
+  --primary-dark: #2563eb;
+  --bg-color: #111827;
+  --bg-secondary: #1f2937;
+  --text-color: #f9fafb;
+  --text-secondary: #d1d5db;
+  --border-color: #374151;
+  --user-msg-bg: #2563eb;
+  --ai-msg-bg: #1f2937;
+  --input-bg: #1f2937;
+  --shadow-color: rgba(0, 0, 0, 0.3);
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  transition: background-color var(--animation-duration) ease,
+    color var(--animation-duration) ease,
+    border-color var(--animation-duration) ease;
+}
+
+body {
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  color: var(--text-color);
+  background-color: var(--bg-color);
+  transition: background-color var(--animation-duration) ease;
+}
+
+/* 聊天容器 */
+.chat-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  max-width: 100%;
+  background-color: var(--bg-color);
+}
+
+/* 头部样式 */
+.chat-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem 1rem;
+  background-color: var(--bg-secondary);
+  border-bottom: 1px solid var(--border-color);
+  z-index: 10;
+}
+
+.logo {
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+  font-size: 1.25rem;
+}
+
+.logo-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+  margin-right: 0.5rem;
+  color: var(--primary-color);
+}
+
+.header-actions {
+  display: flex;
+  gap: 0.75rem;
+}
+
+.theme-toggle,
+.clear-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  border-radius: 0.5rem;
+  border: none;
+  background-color: transparent;
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.theme-toggle:hover,
+.clear-button:hover {
+  background-color: var(--border-color);
+  color: var(--text-color);
+}
+
+.theme-toggle svg,
+.clear-button svg {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+/* 消息容器样式 */
+.messages-container {
+  flex: 1;
+  overflow-y: auto;
+  padding: 1rem;
+  scroll-behavior: smooth;
+  background-image: radial-gradient(var(--border-color) 1px, transparent 1px);
+  background-size: 25px 25px;
+}
+
+/* 欢迎消息样式 */
+.welcome-message {
+  text-align: center;
+  margin: 2rem 0;
+  padding: 2rem;
+  max-width: 48rem;
+  margin-left: auto;
+  margin-right: auto;
+  border-radius: 1rem;
+  background-color: var(--bg-secondary);
+  box-shadow: 0 4px 6px var(--shadow-color);
+  animation: fadeIn 0.5s ease;
+}
+
+.welcome-message h1 {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+  background: linear-gradient(
+    135deg,
+    var(--primary-color),
+    var(--primary-dark)
+  );
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.welcome-message p {
+  color: var(--text-secondary);
+  font-size: 1.125rem;
+}
+
+/* 消息列表样式 */
+.message-list {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  max-width: 48rem;
+  margin: 0 auto;
+}
+
+.message {
+  display: flex;
+  gap: 0.75rem;
+  animation: slideIn 0.3s ease;
+  max-width: 100%;
+}
+
+.message-avatar {
+  flex-shrink: 0;
+  width: 2.5rem;
+  height: 2.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.75rem;
+  background-color: var(--bg-secondary);
+  overflow: hidden;
+}
+
+.message-avatar svg {
+  width: 1.5rem;
+  height: 1.5rem;
+  color: var(--primary-color);
+}
+
+.user .message-avatar {
+  background-color: var(--primary-color);
+}
+
+.user .message-avatar svg {
+  color: white;
+}
+
+.message-content {
+  flex: 1;
+  min-width: 0;
+  padding: 0.75rem 1rem;
+  border-radius: 1rem;
+  background-color: var(--ai-msg-bg);
+  box-shadow: 0 2px 4px var(--shadow-color);
+}
+
+.message.user .message-content {
+  background-color: var(--user-msg-bg);
+}
+
+.message-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.25rem;
+  font-size: 0.875rem;
+}
+
+.message-sender {
+  font-weight: 600;
+}
+
+.message-time {
+  color: var(--text-secondary);
+  font-size: 0.75rem;
+}
+
+.message-text {
+  word-break: break-word;
+  white-space: pre-wrap;
+}
+
+.user .message-text {
+  color: var(--text-color);
+}
+
+/* 输入区域样式 */
+.input-container {
+  padding: 1rem;
+  background-color: var(--bg-color);
+  border-top: 1px solid var(--border-color);
+  max-width: 48rem;
+  margin: 0 auto;
+  width: 100%;
+}
+
+.input-wrapper {
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+  background-color: var(--input-bg);
+  border-radius: 1rem;
+  border: 1px solid var(--border-color);
+  box-shadow: 0 2px 6px var(--shadow-color);
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.input-wrapper:focus-within {
+  border-color: var(--primary-color);
+  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
+}
+
+textarea {
+  flex: 1;
+  padding: 0.75rem 1rem;
+  padding-right: 3rem;
+  border: none;
+  background: transparent;
+  resize: none;
+  color: var(--text-color);
+  font-family: inherit;
+  font-size: 1rem;
+  line-height: 1.5;
+  max-height: 120px; /* 最大高度，约5行 */
+  border-radius: 1rem;
+}
+
+textarea:focus {
+  outline: none;
+}
+
+textarea::placeholder {
+  color: var(--text-secondary);
+}
+
+.send-button {
+  position: absolute;
+  right: 0.5rem;
+  bottom: 0.5rem;
+  width: 2.25rem;
+  height: 2.25rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--primary-color);
+  color: white;
+  border: none;
+  border-radius: 0.75rem;
+  cursor: pointer;
+  transition: background-color 0.2s ease, transform 0.1s ease;
+}
+
+.send-button:hover {
+  background-color: var(--primary-dark);
+}
+
+.send-button:active {
+  transform: scale(0.95);
+}
+
+.send-button svg {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.send-button:disabled {
+  background-color: var(--border-color);
+  cursor: not-allowed;
+}
+
+/* 建议样式 */
+.suggestions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+
+.suggestions button {
+  padding: 0.5rem 1rem;
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 1rem;
+  color: var(--text-color);
+  font-size: 0.875rem;
+  cursor: pointer;
+  transition: background-color 0.2s ease, transform 0.1s ease;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
+.suggestions button:hover {
+  background-color: var(--border-color);
+}
+
+.suggestions button:active {
+  transform: scale(0.98);
+}
+
+/* 打字指示器样式 */
+.typing-indicator {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.5rem;
+  margin-bottom: 0.5rem;
+  animation: fadeIn 0.3s ease;
+}
+
+.typing-indicator span {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 50%;
+  background-color: var(--primary-color);
+  animation: bounce 1.4s infinite ease-in-out;
+}
+
+.typing-indicator span:nth-child(1) {
+  animation-delay: 0s;
+}
+
+.typing-indicator span:nth-child(2) {
+  animation-delay: 0.2s;
+}
+
+.typing-indicator span:nth-child(3) {
+  animation-delay: 0.4s;
+}
+
+/* 动画 */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes bounce {
+  0%,
+  80%,
+  100% {
+    transform: translateY(0);
+  }
+  40% {
+    transform: translateY(-6px);
+  }
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .welcome-message {
+    padding: 1.5rem;
+    margin: 1rem 0;
+  }
+
+  .welcome-message h1 {
+    font-size: 1.5rem;
+  }
+
+  .welcome-message p {
+    font-size: 1rem;
+  }
+
+  .message-avatar {
+    width: 2rem;
+    height: 2rem;
+  }
+
+  .message-avatar svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+
+  .input-container {
+    padding: 0.75rem;
+  }
+}
+
+/* 滚动条样式 */
+::-webkit-scrollbar {
+  width: 0.5rem;
+}
+
+::-webkit-scrollbar-track {
+  background-color: var(--bg-secondary);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: var(--border-color);
+  border-radius: 0.25rem;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--text-secondary);
+}
+</style>
diff --git a/src/views/Forum/forum.vue b/src/views/Forum/forum.vue
new file mode 100644
index 0000000..12860e9
--- /dev/null
+++ b/src/views/Forum/forum.vue
@@ -0,0 +1,376 @@
+<template>
+  <div class="forum-container">
+    <!-- 顶部搜索和发帖区域 -->
+    <div class="top-area">
+      <el-input
+        placeholder="搜索帖子..."
+        v-model="searchText"
+        class="search-input"
+        prefix-icon="el-icon-search"
+        @input="handleSearch"
+      >
+      </el-input>
+      <el-button type="primary" @click="handleCreatePost">发布新帖</el-button>
+    </div>
+
+    <!-- 分类标签页 -->
+    <el-tabs v-model="activeCategory" @tab-click="handleCategoryChange">
+      <el-tab-pane
+        v-for="category in categories"
+        :key="category.id"
+        :label="category.name"
+        :name="category.id.toString()"
+      >
+      </el-tab-pane>
+    </el-tabs>
+
+    <!-- 帖子列表 -->
+    <div class="post-list">
+      <el-card v-for="post in posts" :key="post.id" class="post-card">
+        <div class="post-header">
+          <div class="post-info">
+            <h3 class="post-title" @click="viewPost(post.id)">
+              {{ post.title }}
+            </h3>
+            <div class="post-meta">
+              <span class="author">
+                <i class="el-icon-user"></i>
+                {{ post.userName }}
+              </span>
+              <span class="time">
+                <i class="el-icon-time"></i>
+                {{ post.createTime | formatDate }}
+              </span>
+              <el-tag size="small" type="info">{{ post.categoryName }}</el-tag>
+            </div>
+          </div>
+          <div class="post-stats">
+            <span class="stat-item">
+              <i class="el-icon-view"></i>
+              {{ post.viewCount }}
+            </span>
+            <span class="stat-item">
+              <i class="el-icon-thumb"></i>
+              {{ post.likeCount }}
+            </span>
+            <span class="stat-item">
+              <i class="el-icon-chat-dot-round"></i>
+              {{ post.replyCount }}
+            </span>
+          </div>
+        </div>
+      </el-card>
+    </div>
+
+    <!-- 分页器 -->
+    <div class="pagination-area">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      >
+      </el-pagination>
+    </div>
+
+    <!-- 发帖对话框 -->
+    <el-dialog title="发布新帖" :visible.sync="dialogVisible" width="50%">
+      <el-form
+        :model="newPost"
+        :rules="rules"
+        ref="postForm"
+        label-width="80px"
+      >
+        <el-form-item label="标题" prop="title">
+          <el-input v-model="newPost.title" placeholder="请输入标题"></el-input>
+        </el-form-item>
+        <el-form-item label="分类" prop="categoryId">
+          <el-select v-model="newPost.categoryId" placeholder="请选择分类">
+            <el-option
+              v-for="category in categories"
+              :key="category.id"
+              :label="category.name"
+              :value="category.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="内容" prop="content">
+          <el-input
+            type="textarea"
+            v-model="newPost.content"
+            :rows="6"
+            placeholder="请输入帖子内容"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitPost">发 布</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCategories, getPosts, createPost } from "@/api/forum";
+import { debounce } from "lodash";
+export default {
+  name: "Forum",
+  data() {
+    return {
+      searchText: "",
+      activeCategory: "all",
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+      dialogVisible: false,
+      categories: [],
+      posts: [],
+      newPost: {
+        title: "",
+        categoryId: "",
+        content: "",
+        userId: this.$store.state.user.userId
+          ? this.$store.state.user.userId
+          : window.localStorage.getItem("userId"),
+      },
+      rules: {
+        title: [
+          { required: true, message: "请输入标题", trigger: "blur" },
+          {
+            min: 3,
+            max: 50,
+            message: "长度在 3 到 50 个字符",
+            trigger: "blur",
+          },
+        ],
+        categoryId: [
+          { required: true, message: "请选择分类", trigger: "change" },
+        ],
+        content: [
+          { required: true, message: "请输入内容", trigger: "blur" },
+          { min: 10, message: "内容不能少于10个字符", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  mounted() {
+    // 初始化 Quill 编辑器
+    this.quill = new Quill(this.$refs.editorContainer, {
+      theme: "snow", // 使用 snow 主题
+      placeholder: "请输入帖子内容", // 设置占位符
+      modules: {
+        toolbar: [
+          [{ header: "1" }, { header: "2" }, { font: [] }],
+          [{ list: "ordered" }, { list: "bullet" }],
+          ["bold", "italic", "underline"],
+          ["link"],
+          [{ align: [] }],
+          ["clean"],
+        ],
+      },
+    });
+  },
+  created() {
+    this.fetchCategories();
+    this.fetchPosts();
+  },
+  methods: {
+    // 获取分类列表
+    async fetchCategories() {
+      try {
+        const res = await getCategories();
+        if (res.status === 200) {
+          this.categories = [{ id: "", name: "全部" }, ...res.data];
+        } else {
+          this.$message.error(res.message || "获取分类失败");
+        }
+      } catch (error) {
+        this.$message.error("获取分类失败");
+      }
+    },
+
+    // 获取帖子列表
+    async fetchPosts() {
+      try {
+        const params = {
+          page: this.currentPage,
+          size: this.pageSize,
+          categoryId:
+            this.activeCategory !== "all" ? this.activeCategory : null,
+          searchText: this.searchText || null,
+        };
+
+        const res = await getPosts(params);
+        if (res.status === 200) {
+          this.posts = res.data.records;
+          this.total = res.data.total;
+        } else {
+          this.$message.error(res.message || "获取帖子列表失败");
+        }
+      } catch (error) {
+        this.$message.error("获取帖子列表失败");
+      }
+    },
+
+    // 处理分类切换
+    handleCategoryChange(tab) {
+      this.currentPage = 1;
+      this.fetchPosts();
+    },
+
+    // 处理搜索
+    handleSearch: _.debounce(function () {
+      this.currentPage = 1;
+      this.fetchPosts();
+    }, 300),
+
+    // 处理分页
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.fetchPosts();
+    },
+
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.fetchPosts();
+    },
+
+    // 查看帖子详情
+    viewPost(id) {
+      this.$router.push(`/post/${id}`);
+    },
+
+    // 创建帖子
+    handleCreatePost() {
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs.postForm.resetFields();
+      });
+    },
+
+    // 提交帖子
+    async submitPost() {
+      this.$refs.postForm.validate(async (valid) => {
+        if (valid) {
+          try {
+            // 调用 createPost 函数，传入表单数据
+            const res = await createPost(this.newPost);
+
+            if (res.status === 200) {
+              this.$message.success("发布成功");
+              this.dialogVisible = false;
+              this.fetchPosts();
+            } else {
+              this.$message.error(res.message || "发布失败");
+            }
+          } catch (error) {
+            this.$message.error("发布失败");
+          }
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.forum-container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.top-area {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.search-input {
+  width: 300px;
+  margin-right: 20px;
+}
+
+.post-list {
+  margin-top: 20px;
+}
+
+.post-card {
+  margin-bottom: 15px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.post-card:hover {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+.post-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.post-info {
+  flex: 1;
+}
+
+.post-title {
+  margin: 0 0 10px 0;
+  font-size: 16px;
+  color: #303133;
+}
+
+.post-title:hover {
+  color: #409eff;
+}
+
+.post-meta {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 8px;
+}
+
+.post-meta > span {
+  margin-right: 15px;
+}
+
+.post-meta i {
+  margin-right: 4px;
+}
+
+.post-tags {
+  margin-top: 8px;
+}
+
+.tag {
+  margin-right: 8px;
+}
+
+.post-stats {
+  display: flex;
+  align-items: center;
+}
+
+.stat-item {
+  margin-left: 20px;
+  font-size: 13px;
+  color: #909399;
+}
+
+.stat-item i {
+  margin-right: 4px;
+}
+
+.pagination-area {
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
+}
+</style>
diff --git a/src/views/Forum/post.vue b/src/views/Forum/post.vue
new file mode 100644
index 0000000..c8d55e5
--- /dev/null
+++ b/src/views/Forum/post.vue
@@ -0,0 +1,258 @@
+<template>
+  <div class="post-detail-container">
+    <el-card class="post-detail-card">
+      <div class="post-header">
+        <h2>{{ post.title }}</h2>
+        <div class="post-meta">
+          <span class="author">
+            <i class="el-icon-user"></i>
+            {{ post.userName }}
+          </span>
+          <span class="time">
+            <i class="el-icon-time"></i>
+            {{ post.createTime | formatDate }}
+          </span>
+          <el-tag size="small" type="info">{{ post.categoryName }}</el-tag>
+        </div>
+      </div>
+
+      <div
+        class="post-content"
+        style="
+          padding: 20px;
+          background: linear-gradient(145deg, #f1f1f1, #ffffff);
+          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+          border-radius: 8px;
+        "
+      >
+        <!-- 使用 line-height 和字间距优化排版 -->
+        <p
+          style="
+            font-size: 16px;
+            line-height: 1.6;
+            letter-spacing: 0.5px;
+            text-align: justify;
+            text-justify: inter-word;
+          "
+        >
+          {{ post.content }}
+        </p>
+      </div>
+    </el-card>
+
+    <el-card class="comment-card">
+      <!-- 回复区域 -->
+      <div class="reply-area">
+        <el-input
+          v-model="newReply"
+          placeholder="请输入回复内容"
+          :rows="4"
+          type="textarea"
+        ></el-input>
+        <el-button type="primary" @click="submitReply" :loading="isReplying"
+          >回复</el-button
+        >
+      </div>
+    </el-card>
+
+    <!-- 评论列表 -->
+    <div class="comments-list">
+      <el-card
+        v-for="comment in comments"
+        :key="comment.id"
+        class="comment-card"
+      >
+        <div class="comment-header">
+          <span class="comment-author"><img :src="comment.userAvatar" /></span
+          ><span>{{ comment.userName }}</span>
+          <span class="comment-time">{{
+            comment.createTime | formatDate
+          }}</span>
+        </div>
+        <div
+          class="comment-warper"
+          style="
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            align-items: baseline;
+          "
+        >
+          <div class="comment-content">
+            <p>{{ comment.content }}</p>
+          </div>
+          <i class="el-icon-delete" @click="deleteComment(comment.id)"></i>
+        </div>
+      </el-card>
+
+      <!-- 分页器 -->
+      <el-pagination
+        @current-change="handlePageChange"
+        :current-page="currentPage"
+        :page-size="pageSize"
+        :total="totalComments"
+        layout="total, prev, pager, next"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  getPostDetail,
+  getReplies,
+  createReply,
+  deleteReply,
+} from "@/api/forum"; // 引入接口方法
+export default {
+  name: "PostDetail",
+  data() {
+    return {
+      post: {}, // 当前帖子详情
+      comments: [], // 当前帖子的所有回复
+      newReply: "", // 新回复内容
+      currentPage: 1, // 当前页码
+      pageSize: 10, // 每页显示的回复数
+      totalComments: 0, // 回复总数
+      isReplying: false, // 提交回复时的加载状态
+    };
+  },
+  created() {
+    this.fetchPostDetail();
+    this.getReplies();
+  },
+  methods: {
+    // 获取帖子详情
+    async fetchPostDetail() {
+      try {
+        const res = await getPostDetail(this.$route.params.id); // 获取帖子详情
+        if (res.status === 200) {
+          this.post = res.data; // 保存帖子详情
+        } else {
+          this.$message.error(res.message || "获取帖子详情失败");
+        }
+      } catch (error) {
+        this.$message.error("获取帖子详情失败");
+      }
+    },
+    deleteComment(id) {
+      deleteReply(id)
+        .then((res) => {
+          if (res.status === 200) {
+            this.$message.success("删除成功");
+            this.getReplies();
+          } else {
+            this.$message.error(res.message || "删除失败");
+          }
+        })
+        .catch((error) => {
+          this.$message.error("删除失败");
+        });
+    },
+    // 获取评论列表
+    async getReplies() {
+      const res = await getReplies(
+        this.$route.params.id,
+        this.currentPage,
+        this.pageSize
+      );
+      if (res.status === 200) {
+        this.comments = res.data;
+        this.totalComments = res.data.total;
+      } else {
+        this.$message.error(res.message || "获取评论失败");
+      }
+    },
+
+    // 提交回复
+    async submitReply() {
+      if (!this.newReply.trim()) {
+        this.$message.warning("回复内容不能为空");
+        return;
+      }
+      this.isReplying = true;
+      try {
+        const res = await createReply(
+          this.$route.params.id,
+          this.newReply,
+          this.$store.state.user.id || localStorage.getItem("userId")
+        ); // 提交回复
+        if (res.status === 200) {
+          this.$message.success("回复成功");
+          this.newReply = ""; // 清空输入框
+          this.getReplies(); // 刷新评论列表
+        } else {
+          this.$message.error(res.message || "回复失败");
+        }
+      } catch (error) {
+        this.$message.error("回复失败");
+      } finally {
+        this.isReplying = false;
+      }
+    },
+
+    // 分页切换
+    handlePageChange(page) {
+      this.currentPage = page;
+      this.getReplies(); // 更新分页时重新获取回复
+    },
+  },
+};
+</script>
+
+<style scoped>
+.post-detail-container {
+  padding: 20px;
+}
+
+.post-detail-card {
+  margin-bottom: 20px;
+}
+
+.post-header {
+  margin-bottom: 10px;
+}
+
+.post-meta {
+  font-size: 14px;
+  color: #999;
+}
+
+.post-content {
+  margin-top: 20px;
+  font-size: 16px;
+}
+
+.reply-area {
+  margin-top: 20px;
+}
+
+.comments-list {
+  margin-top: 40px;
+}
+
+.comment-card {
+  margin-bottom: 15px;
+}
+
+.comment-header {
+  font-size: 14px;
+  color: #555;
+}
+
+.comment-content {
+  margin-top: 10px;
+  font-size: 15px;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  text-align: center;
+}
+.comment-warper:hover {
+  background-color: #f5f5f5;
+  /* border-radius: 5px; */
+  /* padding: 10px; */
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/src/views/carManage/carList.vue b/src/views/carManage/carList.vue
new file mode 100644
index 0000000..5170181
--- /dev/null
+++ b/src/views/carManage/carList.vue
@@ -0,0 +1,409 @@
+<template>
+  <div class="carList">
+    <div
+      style="
+        display: block !important;
+        border: 1px solid #dcdfe6;
+        border-radius: 4px;
+        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+        padding: 20px;
+        margin-bottom: 20px;
+        background-color: #fff;
+      "
+    >
+      <div
+        style="
+          display: flex !important;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 15px;
+        "
+      >
+        <h3 style="margin: 0; padding: 0; font-size: 16px">高级筛选</h3>
+        <el-button type="text" @click="resetFilters">重置筛选</el-button>
+      </div>
+
+      <el-form
+        :inline="true"
+        :model="filterForm"
+        style="display: flex !important; flex-wrap: wrap"
+      >
+        <!-- 日期范围筛选 -->
+        <el-form-item
+          label="日期范围"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-date-picker
+            v-model="dateRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            @change="handleDateRangeChange"
+          >
+          </el-date-picker>
+        </el-form-item>
+
+        <!-- 租借类型筛选 -->
+        <el-form-item
+          label="租借类型"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-select
+            v-model="filterForm.mode"
+            placeholder="全部"
+            clearable
+            @change="handleFilterChange"
+          >
+            <el-option label="按时租定" :value="0"></el-option>
+            <el-option label="按天租定" :value="1"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <!-- 金额范围筛选 -->
+        <el-form-item
+          label="金额范围"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-input-number
+            v-model="filterForm.minAmount"
+            :min="0"
+            :precision="1"
+            :step="10"
+            placeholder="最小金额"
+            @change="handleFilterChange"
+          >
+          </el-input-number>
+          <span style="margin: 0 5px">至</span>
+          <el-input-number
+            v-model="filterForm.maxAmount"
+            :min="0"
+            :precision="1"
+            :step="10"
+            placeholder="最大金额"
+            @change="handleFilterChange"
+          >
+          </el-input-number>
+        </el-form-item>
+
+        <!-- 停车场筛选 -->
+        <el-form-item
+          label="停车场"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-select
+            v-model="filterForm.parking_id"
+            placeholder="全部停车场"
+            clearable
+            @change="handleFilterChange"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <!-- 搜索关键词 -->
+        <el-form-item
+          label="关键词"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-input
+            v-model="filterForm.keyword"
+            placeholder="车牌号/用户名"
+            prefix-icon="el-icon-search"
+            clearable
+            @input="handleFilterChange"
+          >
+          </el-input>
+        </el-form-item>
+
+        <!-- 订单状态筛选 -->
+        <el-form-item
+          label="订单状态"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-select
+            v-model="filterForm.orderStatus"
+            placeholder="全部"
+            clearable
+            @change="handleFilterChange"
+          >
+            <el-option label="进行中" :value="0"></el-option>
+            <el-option label="已完成" :value="1"></el-option>
+            <el-option label="已取消" :value="2"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+    <Table ref="table" :table_config="table_config">
+      <!-- 入库图片 -->
+      <template #inPicture="{ data }">
+        <img :src="data.inPicture" style="width: 80%" />
+      </template>
+      <!-- 出库图片 -->
+      <template #outPicture="{ data }">
+        <img :src="data.outPicture" style="width: 80%" />
+      </template>
+      <!-- 编辑/删除 -->
+      <template #operation="{ data }">
+        <!-- @click="editParking(data.id)"  -->
+        <el-button type="primary" size="small" @click="detailmember(data)"
+          >评价</el-button
+        >
+        <el-button size="small" @click="orderPact(data)">还车</el-button>
+        <!-- <el-button size="small"  @click="returnCar(data)">还车</el-button> -->
+        <!-- 上传照片弹窗 -->
+      </template>
+    </Table>
+    <!-- 评论 -->
+    <orderReview ref="dialog"></orderReview>
+    <!-- 归还 -->
+    <orderPact ref="pact"></orderPact>
+  </div>
+</template>
+
+<script>
+import Form from "@/components/Form/form";
+import Table from "@/components/TableData/table";
+import orderReview from "./orderReview.vue";
+import orderPact from "./orderPact.vue";
+import CityArea from "@/components/Commons/cityArea";
+import Upload from "@/components/Upload/index";
+export default {
+  name: "CarList",
+  components: { Form, CityArea, Table, orderReview, orderPact, Upload },
+  data() {
+    return {
+      dialogVisible: false,
+      imageUrl: "",
+      orderMoneys: "",
+      // 筛选表单
+      filterForm: {
+        mode: null,
+        minAmount: null,
+        maxAmount: null,
+        parking_id: null,
+        keyword: "",
+        orderStatus: null,
+        startDate: null,
+        endDate: null,
+      },
+      // 日期范围
+      dateRange: null,
+      // 停车场选项
+      options: [],
+      // 表格配置
+      table_config: {
+        table_headers: [
+          { label: "订单号", prop: "orderId" },
+          { label: "车牌号", prop: "carContent" },
+          { label: "租车人", prop: "userName" },
+          { label: "车位号", prop: "carNumber" },
+          { label: "套餐名称", prop: "modeName" },
+          { label: "停车场", prop: "parkingName" },
+          {
+            label: "出库图片",
+            prop: "outPicture",
+            type: "slot",
+            slotName: "outPicture",
+          },
+          {
+            label: "入库图片",
+            prop: "inPicture",
+            type: "slot",
+            slotName: "inPicture",
+          },
+          {
+            label: "模式",
+            prop: "mode",
+            type: "function",
+            callback: (row) => {
+              return row.mode === 0 ? "时租" : row.mode === 1 ? "日租" : "日租";
+            },
+          },
+          { label: "入库时间", prop: "inTime", formatter: this.formatDateTime },
+          {
+            label: "出库时间",
+            prop: "outTime",
+            formatter: this.formatDateTime,
+          },
+          { label: "订单金额", prop: "orderMoney" },
+          {
+            label: "状态",
+            prop: "orderStatus",
+            type: "function",
+            callback: (row) => {
+              return row.orderStatus === 0
+                ? "未完成"
+                : row.orderStatus === 1
+                ? "已完成"
+                : "未完成";
+            },
+          },
+          { label: "操作", type: "slot", slotName: "operation", width: 160 },
+        ],
+        axios_config: {
+          url: "/FindOrderById",
+          method: "POST",
+        },
+        requestData: {
+          userId: window.localStorage.getItem("userId"),
+          pageNumber: 1,
+          pageSize: 10,
+        },
+        checkedColumn: true,
+        pagination: true,
+      },
+      // 防止网络慢，多次点击的
+      delete_id: "",
+      switch_id: "",
+    };
+  },
+  computed: {
+    // 格式化日期时间
+    formatDateTime() {
+      return (dateTimeString) => {
+        if (!dateTimeString) return ""; // 如果日期时间为空，则返回空字符串
+        const date = new Date(dateTimeString); // 创建日期时间对象
+        const year = date.getFullYear(); // 获取年份
+        const month = ("0" + (date.getMonth() + 1)).slice(-2); // 获取月份，并补零
+        const day = ("0" + date.getDate()).slice(-2); // 获取日期，并补零
+        const hours = ("0" + date.getHours()).slice(-2); // 获取小时，并补零
+        const minutes = ("0" + date.getMinutes()).slice(-2); // 获取分钟，并补零
+        const seconds = ("0" + date.getSeconds()).slice(-2); // 获取秒钟，并补零
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; // 拼接日期时间字符串
+      };
+    },
+  },
+  created() {
+    // 获取停车场选项
+    this.fetchParkingOptions();
+  },
+  methods: {
+    // 获取停车场选项
+    fetchParkingOptions() {
+      // 这里需要根据实际API修改
+      this.$axios
+        .post("/GetParkingList")
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.options = res.data.data.map((item) => {
+              return {
+                value: item.id,
+                label: item.parkingName,
+              };
+            });
+          }
+        })
+        .catch((err) => {
+          console.error("获取停车场选项失败", err);
+        });
+    },
+    // 重置筛选条件
+    resetFilters() {
+      this.filterForm = {
+        mode: null,
+        minAmount: null,
+        maxAmount: null,
+        parking_id: null,
+        keyword: "",
+        orderStatus: null,
+        startDate: null,
+        endDate: null,
+      };
+      this.dateRange = null;
+      this.refreshTable();
+    },
+    // 处理日期范围变化
+    handleDateRangeChange(val) {
+      if (val) {
+        this.filterForm.startDate = val[0];
+        this.filterForm.endDate = val[1];
+      } else {
+        this.filterForm.startDate = null;
+        this.filterForm.endDate = null;
+      }
+      this.handleFilterChange();
+    },
+    // 处理筛选条件变化
+    handleFilterChange() {
+      // 延迟一下以防止频繁请求
+      clearTimeout(this.filterTimer);
+      this.filterTimer = setTimeout(() => {
+        this.refreshTable();
+      }, 300);
+    },
+    // 刷新表格数据
+    refreshTable() {
+      // 构建查询参数
+      const params = {
+        ...this.table_config.requestData,
+        ...this.filterForm,
+      };
+
+      // 更新表格组件的请求数据
+      if (this.$refs.table) {
+        this.$refs.table.loadData(params);
+      }
+    },
+    showDialog() {
+      this.dialogVisible = true;
+    },
+    closeDialog() {
+      this.dialogVisible = false;
+    },
+    handleUploadSuccess(url) {
+      this.imageUrl = url;
+    },
+    // 评论
+    detailmember(data) {
+      this.$refs.dialog.open(data);
+    },
+    // 合同
+    orderPact(data) {
+      if (data.orderStatus == 1 || data.inTime != null) {
+        this.$message.error("订单已完成");
+      } else {
+        this.$refs.pact.open(data);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.carList {
+  padding: 20px;
+}
+</style>
diff --git a/src/views/carManage/orderPact.vue b/src/views/carManage/orderPact.vue
new file mode 100644
index 0000000..1b81d35
--- /dev/null
+++ b/src/views/carManage/orderPact.vue
@@ -0,0 +1,639 @@
+<template>
+  <div style="display: block !important; width: 100%; margin: 0; padding: 0">
+    <!-- 使用内联样式的筛选区域 -->
+    <div
+      style="
+        display: block !important;
+        border: 1px solid #dcdfe6;
+        border-radius: 4px;
+        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+        padding: 20px;
+        margin-bottom: 20px;
+        background-color: #fff;
+      "
+    >
+      <div
+        style="
+          display: flex !important;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 15px;
+        "
+      >
+        <h3 style="margin: 0; padding: 0; font-size: 16px">高级筛选</h3>
+        <el-button type="text" @click="resetFilters">重置筛选</el-button>
+      </div>
+
+      <el-form
+        :inline="true"
+        :model="filterForm"
+        style="display: flex !important; flex-wrap: wrap"
+      >
+        <!-- 日期范围筛选 -->
+        <el-form-item
+          label="日期范围"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-date-picker
+            v-model="dateRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            @change="handleDateRangeChange"
+          >
+          </el-date-picker>
+        </el-form-item>
+
+        <!-- 租借类型筛选 -->
+        <el-form-item
+          label="租借类型"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-select
+            v-model="filterForm.mode"
+            placeholder="全部"
+            clearable
+            @change="handleFilterChange"
+          >
+            <el-option label="按时租定" :value="0"></el-option>
+            <el-option label="按天租定" :value="1"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <!-- 金额范围筛选 -->
+        <el-form-item
+          label="金额范围"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-input-number
+            v-model="filterForm.minAmount"
+            :min="0"
+            :precision="1"
+            :step="10"
+            placeholder="最小金额"
+            @change="handleFilterChange"
+          >
+          </el-input-number>
+          <span style="margin: 0 5px">至</span>
+          <el-input-number
+            v-model="filterForm.maxAmount"
+            :min="0"
+            :precision="1"
+            :step="10"
+            placeholder="最大金额"
+            @change="handleFilterChange"
+          >
+          </el-input-number>
+        </el-form-item>
+
+        <!-- 停车场筛选 -->
+        <el-form-item
+          label="停车场"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-select
+            v-model="filterForm.parking_id"
+            placeholder="全部停车场"
+            clearable
+            @change="handleFilterChange"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <!-- 搜索关键词 -->
+        <el-form-item
+          label="关键词"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-input
+            v-model="filterForm.keyword"
+            placeholder="车牌号/用户名"
+            prefix-icon="el-icon-search"
+            clearable
+            @input="handleFilterChange"
+          >
+          </el-input>
+        </el-form-item>
+
+        <!-- 订单状态筛选 -->
+        <el-form-item
+          label="订单状态"
+          style="
+            display: inline-flex !important;
+            margin-right: 20px;
+            margin-bottom: 18px;
+          "
+        >
+          <el-select
+            v-model="filterForm.orderStatus"
+            placeholder="全部"
+            clearable
+            @change="handleFilterChange"
+          >
+            <el-option label="进行中" :value="0"></el-option>
+            <el-option label="已完成" :value="1"></el-option>
+            <el-option label="已取消" :value="2"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!-- 数据表格区域 -->
+    <el-table :data="tableData" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="orderId" label="订单ID" width="120">
+      </el-table-column>
+      <el-table-column prop="userName" label="租借人" width="120">
+      </el-table-column>
+      <el-table-column prop="carContent" label="车牌号" width="120">
+      </el-table-column>
+      <el-table-column label="租借类型">
+        <template slot-scope="scope">
+          {{ scope.row.mode == 0 ? "按时租定" : "按天租定" }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="orderMoney" label="金额"> </el-table-column>
+      <el-table-column label="操作" width="180">
+        <template slot-scope="scope">
+          <el-button size="mini" @click="open(scope.row)">查看详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 订单详情对话框 -->
+    <el-dialog
+      title="结束订单(订单详细)"
+      :visible.sync="dialogVisible"
+      width="40%"
+      :close-on-click-modal="false"
+      :before-close="close"
+    >
+      <div class="text">
+        <el-row>
+          <el-col :span="5">租借人</el-col>
+          <el-col :span="16">{{ datas.userName }}</el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">当前车牌</el-col>
+          <el-col :span="16">{{ datas.carContent || "无" }}</el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">停车位</el-col>
+          <el-col :span="16">{{ datas.carNumber || "无" }}</el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="5">当前套餐</el-col>
+          <el-col :span="16">{{ datas.modeName || "无" }}</el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">租借类型</el-col>
+          <el-col :span="16">{{
+            datas.mode == 0 ? "按时租定" : "按天租定"
+          }}</el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">租借时长</el-col>
+          <el-col :span="16">{{
+            rentalHours == ""
+              ? rentalDays.toFixed(1) + "天"
+              : rentalHours.toFixed(1) + "小时"
+          }}</el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">费用合计</el-col>
+          <el-col :span="16">{{
+            hourMoney == ""
+              ? dayMoney.toFixed(1) + "元"
+              : hourMoney.toFixed(1) + "元"
+          }}</el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">选择当前停车场</el-col>
+          <el-select v-model="value" filterable placeholder="请选择停车场">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-row>
+        <el-row>
+          <!-- 上传车辆照片 -->
+          <el-col :span="5">上传实时照片</el-col>
+          <Upload @upload-success="handleUploadSuccess"></Upload>
+          <img
+            v-if="imageUrl"
+            :src="imageUrl"
+            alt="Uploaded Image"
+            style="width: 30%"
+          />
+        </el-row>
+        <el-row>
+          <el-col :span="5">确认归还</el-col>
+          <el-button type="success" @click="returnCar()">确认归还</el-button>
+        </el-row>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import Upload from "@/components/Upload/index";
+export default {
+  name: "orderPact",
+  components: { Upload },
+  data() {
+    return {
+      dialogVisible: false,
+      datas: {},
+      rentalDays: "",
+      rentalHours: "",
+      dayMoney: "",
+      hourMoney: "",
+      options: [],
+      value: "",
+      imageUrl: "",
+      // 筛选表单数据
+      filterForm: {
+        mode: null,
+        minAmount: null,
+        maxAmount: null,
+        parking_id: null,
+        keyword: "",
+        orderStatus: null,
+      },
+      dateRange: null, // 日期范围数据
+      tableData: [], // 表格数据
+      loading: false, // 添加加载状态
+    };
+  },
+  created() {
+    console.log("组件创建 - created 钩子被调用");
+    // 组件创建时获取停车场选项和订单数据
+    this.getOptions();
+    this.fetchOrderList();
+  },
+  mounted() {
+    console.log("组件挂载 - mounted 钩子被调用");
+    // 检查DOM元素是否存在
+    this.$nextTick(() => {
+      console.log(
+        "筛选区域是否存在:",
+        document.querySelector(".filter-container") !== null
+      );
+    });
+  },
+  methods: {
+    // 获取停车场选项
+    getOptions() {
+      console.log("开始获取停车场选项");
+      this.$API.parking
+        .getParking()
+        .then((result) => {
+          console.log("获取停车场选项成功:", result.status === 200);
+          if (result.status == 200) {
+            let options = [];
+            result.data.forEach((item) => {
+              options.push({
+                value: item.id,
+                label: item.parkingName,
+              });
+            });
+            this.options = options;
+          } else {
+            this.$message.error(result.message);
+          }
+        })
+        .catch((error) => {
+          console.error("获取停车场选项失败:", error);
+          this.$message.error("获取停车场信息失败");
+        });
+    },
+
+    // 获取订单列表数据
+    fetchOrderList() {
+      console.log("开始获取订单列表");
+      this.loading = true;
+
+      // 构建请求参数
+      const params = this.buildFilterParams();
+      console.log("筛选参数:", params);
+
+      // 调用API获取数据
+      this.$API.order
+        .getOrderList(params)
+        .then((result) => {
+          console.log("获取订单列表成功:", result.status === 200);
+          if (result.status == 200) {
+            this.tableData = result.data;
+            console.log("获取到的数据条数:", this.tableData.length);
+          } else {
+            this.$message.error(result.message);
+          }
+        })
+        .catch((error) => {
+          console.error("获取订单列表失败:", error);
+          this.$message.error("获取订单列表失败");
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+
+    // 构建筛选参数
+    buildFilterParams() {
+      const params = {};
+
+      // 添加日期范围参数
+      if (this.dateRange && this.dateRange.length === 2) {
+        params.startDate = this.dateRange[0];
+        params.endDate = this.dateRange[1];
+      }
+
+      // 添加其他筛选条件
+      if (this.filterForm.mode !== null) {
+        params.mode = this.filterForm.mode;
+      }
+
+      if (this.filterForm.minAmount !== null) {
+        params.minAmount = this.filterForm.minAmount;
+      }
+
+      if (this.filterForm.maxAmount !== null) {
+        params.maxAmount = this.filterForm.maxAmount;
+      }
+
+      if (this.filterForm.parking_id !== null) {
+        params.parking_id = this.filterForm.parking_id;
+      }
+
+      if (this.filterForm.keyword) {
+        params.keyword = this.filterForm.keyword;
+      }
+
+      if (this.filterForm.orderStatus !== null) {
+        params.orderStatus = this.filterForm.orderStatus;
+      }
+
+      return params;
+    },
+
+    // 处理日期范围变化
+    handleDateRangeChange() {
+      console.log("日期范围变化:", this.dateRange);
+      this.handleFilterChange();
+    },
+
+    // 处理筛选条件变化
+    handleFilterChange() {
+      console.log("筛选条件变化");
+      this.fetchOrderList();
+    },
+
+    // 重置筛选条件
+    resetFilters() {
+      console.log("重置筛选条件");
+      this.filterForm = {
+        mode: null,
+        minAmount: null,
+        maxAmount: null,
+        parking_id: null,
+        keyword: "",
+        orderStatus: null,
+      };
+      this.dateRange = null;
+
+      // 重新获取数据
+      this.fetchOrderList();
+    },
+
+    handleUploadSuccess(url) {
+      this.imageUrl = url;
+    },
+    close() {
+      this.dialogVisible = false;
+    },
+    open(data) {
+      this.dialogVisible = true;
+      this.fetchOrderPact(data);
+      console.log(data);
+    },
+    // 获取信息
+    async fetchOrderPact(data) {
+      this.datas = data;
+      // 获取停车场信息
+      this.$API.parking
+        .getParking()
+        .then((result) => {
+          if (result.status == 200) {
+            this.$message.success(result.message);
+            let options = [];
+            result.data.forEach((item) => {
+              options.push({
+                value: item.id,
+                label: item.parkingName,
+              });
+            });
+            this.options = options;
+          } else {
+            this.$message.error(result.message);
+          }
+        })
+        .catch((error) => {
+          console.error(error);
+        });
+      // 租车模式为小时
+      if (data.mode == 0) {
+        let hourMoney = data.hourMoney;
+        let startTime = new Date(); // 假设这是起租时间，可以根据实际情况设置
+        let outTime = new Date(data.outTime); // 将字符串转换为日期对象
+        // 将 outTime 转换为本地时间
+        outTime = new Date(
+          outTime.getTime() + outTime.getTimezoneOffset() * 60000
+        );
+        // 判断是否是有效的日期对象
+        if (!isNaN(outTime.getTime())) {
+          // 计算时间差
+          let rentalHours =
+            (startTime.getTime() - outTime.getTime()) / (1000 * 3600); // 毫秒转小时
+          // 按时租计算费用
+          let totalCost = rentalHours * hourMoney;
+          console.log("小时时间", rentalHours.toFixed(1));
+          console.log("小时总费用", totalCost.toFixed(1));
+          this.rentalHours = rentalHours;
+          this.hourMoney = totalCost;
+        } else {
+          console.error("出错了:", data.outTime);
+        }
+        // 按天租计算费用
+      } else if (data.mode == 1) {
+        let dayMoney = data.dayMoney;
+        let startTime = new Date(); // 开始时间（假设为当前时间）
+        // 将结束时间转换为日期对象
+        let endTime = new Date(data.outTime);
+        // 判断是否是有效的日期对象
+        if (!isNaN(endTime.getTime())) {
+          // 计算租车天数，向上取整
+          let rentalDays = Math.ceil(
+            (endTime.getTime() - startTime.getTime()) / (1000 * 3600 * 24)
+          );
+          // 按天租计算费用
+          let totalCost = rentalDays * dayMoney;
+          console.log("天数:", rentalDays.toFixed(1));
+          console.log("总费用:", totalCost.toFixed(1));
+          this.rentalDays = rentalDays;
+          this.dayMoney = totalCost;
+        } else {
+          console.error("Invalid outTime:", data.OutTime);
+        }
+      }
+    },
+
+    returnCar() {
+      this.$confirm(
+        "确认归还该车辆，请尽快支付避免逾期造成征信黑名单, 是否继续?",
+        "提示",
+        {
+          confirmButtonText: "去付款",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // 显示支付方式选择对话框
+          this.$confirm(
+            '<div style="text-align: center;">请选择支付方式</div>',
+            "选择支付方式",
+            {
+              dangerouslyUseHTMLString: true,
+              confirmButtonText: "支付宝",
+              cancelButtonText: "现金结算",
+              distinguishCancelAndClose: true,
+              closeOnClickModal: false,
+            }
+          )
+            .then(() => {
+              // 用户选择支付宝支付
+              this.handlePayment("支付宝");
+            })
+            .catch((action) => {
+              if (action === "cancel") {
+                // 用户选择现金结算
+                this.handlePayment("现金");
+              }
+            });
+        })
+        .catch(() => {
+          // 用户取消付款不显示任何消息
+        });
+    },
+
+    // 处理支付流程
+    handlePayment(paymentMethod) {
+      // 显示加载中提示
+      const loading = this.$loading({
+        lock: true,
+        text: "支付处理中...",
+        spinner: "el-icon-loading",
+        background: "rgba(0, 0, 0, 0.7)",
+      });
+
+      // 准备提交的数据
+      let data = {
+        // 车辆id
+        carId: this.datas.carId,
+        // 订单id
+        orderId: this.datas.orderId,
+        // 订单状态为已归还
+        OrderStatus: 1,
+        // 停车场id
+        parking_id: this.value,
+        // 改车辆状态为可用
+        CarStatus: 1,
+        // 入库照片
+        InPicture: this.imageUrl,
+        // 订单金额
+        OrderMoney:
+          this.hourMoney == ""
+            ? this.dayMoney.toFixed(1)
+            : this.hourMoney.toFixed(1),
+        // 支付方式
+        paymentMethod: paymentMethod,
+      };
+
+      console.log(data);
+
+      // 模拟支付过程，实际项目中应该调用真实的支付接口
+      setTimeout(() => {
+        // 关闭加载提示
+        loading.close();
+
+        // 调用API进行还车处理
+        this.$API.car
+          .returnCar(data)
+          .then((result) => {
+            if (result.status == 200) {
+              // 显示支付成功提示
+              this.$notify({
+                title: "支付成功",
+                message: "车辆已成功归还",
+                type: "success",
+                duration: 3000,
+                iconClass: "el-icon-check",
+              });
+
+              this.$message.success(result.message);
+              this.$router.push({ path: "/carManage/carList" });
+            } else {
+              this.$message.error(result.message);
+            }
+          })
+          .catch((error) => {
+            console.error(error);
+            this.$message.error("支付过程中发生错误");
+          });
+      }, 2000); // 2秒后完成支付处理（模拟）
+    },
+  },
+};
+</script>
+
+<style>
+/* 注意：移除了scoped标记以防止样式隔离 */
+.text {
+  height: 100%;
+  font-size: 18px;
+}
+</style>
diff --git a/src/views/carManage/orderReview.vue b/src/views/carManage/orderReview.vue
new file mode 100644
index 0000000..5da3161
--- /dev/null
+++ b/src/views/carManage/orderReview.vue
@@ -0,0 +1,73 @@
+<template>
+  <el-dialog
+    title="订单评价"
+    :visible.sync="dialogVisible"
+    width="30%"
+    :close-on-click-modal="false"
+    :before-close="close"
+  >
+    <div class="text">
+      <el-input type="textarea" v-model="form.desc"></el-input>
+      <el-button type="primary" @click="submitReview">提交评价</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { push } from "@/api/comment.js";
+
+export default {
+  name: "orderReview",
+  data() {
+    return {
+      dialogVisible: false,
+      data: {},
+      orderInfo: {},
+      form: {
+        desc: "",
+      },
+    };
+  },
+  methods: {
+    close() {
+      this.dialogVisible = false;
+    },
+    open(data) {
+      console.log(data);
+      this.dialogVisible = true;
+      this.data = data;
+    },
+    async submitReview() {
+      // 提交订单评价
+      let data = {
+        userId: localStorage.getItem("userId"),
+        carId: this.data.carId,
+        text: this.form.desc,
+        parking_id: this.data.parking_id,
+        userName: this.data.userName,
+      };
+
+      try {
+        let result = await this.$API.comment.push(data);
+        if (result.status === 200) {
+          this.$message.success("订单评价提交成功！");
+          // this.dialogVisible = false; // 关闭对话框
+        } else {
+          console.error("提交订单评价失败：");
+          this.$message.error("订单评价提交失败，请稍后重试！");
+        }
+      } catch (error) {
+        console.error("提交订单评价失败：", error);
+        this.$message.error("订单评价提交失败，请稍后重试！");
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.text {
+  height: 100%;
+  font-size: 18px;
+}
+</style>
diff --git a/src/views/dashboard/echarts.vue b/src/views/dashboard/echarts.vue
new file mode 100644
index 0000000..50fc2a0
--- /dev/null
+++ b/src/views/dashboard/echarts.vue
@@ -0,0 +1,978 @@
+<template>
+  <div id="main"></div>
+</template>
+
+<script>
+import * as echarts from "echarts";
+
+export default {
+  name: "Echarts",
+  mounted() {
+    // this.show()
+    this.test();
+  },
+  methods: {
+    show() {
+      var chartDom = document.getElementById("main");
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      option = {
+        backgroundColor: "#000",
+        tooltip: {
+          formatter: "{a} <br/>{b} : {c}%",
+        },
+        toolbox: {
+          feature: {
+            restore: {},
+            saveAsImage: {},
+          },
+        },
+        series: [
+          // left
+          {
+            name: "gauge 0",
+            type: "gauge",
+            min: -200,
+            max: 250,
+            startAngle: -30,
+            endAngle: -315,
+            splitNumber: 9,
+            radius: "35%",
+            center: ["21%", "55%"],
+            axisLine: {
+              lineStyle: {
+                color: [[1, "#AE96A6"]],
+              },
+            },
+            splitLine: {
+              show: false,
+            },
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              show: false,
+            },
+            anchor: {},
+            pointer: {
+              show: false,
+            },
+            detail: {
+              show: false,
+            },
+            title: {
+              fontSize: 12,
+              fontWeight: 800,
+              fontFamily: "Arial",
+              color: "#fff",
+              offsetCenter: [0, "-60%"],
+            },
+            progress: {
+              show: true,
+              width: 3,
+              itemStyle: {
+                color: "#fff",
+              },
+            },
+            data: [
+              {
+                value: 250,
+                name: "km/h",
+              },
+            ],
+          },
+          {
+            name: "gauge 1",
+            type: "gauge",
+            min: 0,
+            max: 250,
+            startAngle: -140,
+            endAngle: -305,
+            splitNumber: 5,
+            radius: "35%",
+            center: ["21%", "55%"],
+            axisLine: {
+              lineStyle: {
+                color: [[1, "#AE96A6"]],
+              },
+            },
+            splitLine: {
+              distance: -7,
+              length: 12,
+              lineStyle: {
+                color: "#fff",
+                width: 4,
+              },
+            },
+            axisTick: {
+              distance: -8,
+              length: 8,
+              lineStyle: {
+                color: "#fff",
+                width: 2,
+              },
+            },
+            axisLabel: {
+              distance: 14,
+              fontSize: 18,
+              fontWeight: 800,
+              fontFamily: "Arial",
+              color: "#fff",
+            },
+            anchor: {},
+            pointer: {
+              icon: "path://M-36.5,23.9L-41,4.4c-0.1-0.4-0.4-0.7-0.7-0.7c-0.5-0.1-1.1,0.2-1.2,0.7l-4.5,19.5c0,0.1,0,0.1,0,0.2v92.3c0,0.6,0.4,1,1,1h9c0.6,0,1-0.4,1-1V24.1C-36.5,24-36.5,23.9-36.5,23.9z M-39.5,114.6h-5v-85h5V114.6z",
+              width: 5,
+              length: "40%",
+              offsetCenter: [0, "-58%"],
+              itemStyle: {
+                color: "#f00",
+                shadowColor: "rgba(255, 0, 0)",
+                shadowBlur: 5,
+                shadowOffsetY: 2,
+              },
+            },
+            title: {
+              color: "#fff",
+              fontSize: 14,
+              fontWeight: 800,
+              fontFamily: "Arial",
+              offsetCenter: [0, 0],
+            },
+            detail: {
+              show: false,
+            },
+            data: [
+              {
+                value: 0,
+                name: "当前位置：\n \n 中科路",
+              },
+            ],
+          },
+          // middle
+          {
+            name: "gauge 2",
+            type: "gauge",
+            min: 0,
+            max: 8,
+            z: 10,
+            startAngle: 210,
+            endAngle: -30,
+            splitNumber: 8,
+            radius: "50%",
+            center: ["50%", "50%"],
+            axisLine: {
+              show: true,
+              lineStyle: {
+                width: 0,
+                color: [
+                  [0.825, "#fff"],
+                  [1, "#f00"],
+                ],
+              },
+            },
+            splitLine: {
+              distance: 20,
+              length: 15,
+              lineStyle: {
+                color: "inherit",
+                width: 4,
+                shadowColor: "rgba(255, 255, 255, 0.5)",
+                shadowBlur: 15,
+                shadowOffsetY: -10,
+              },
+            },
+            axisTick: {
+              distance: 20,
+              length: 8,
+              lineStyle: {
+                color: "inherit",
+                width: 2,
+                shadowColor: "rgba(255, 255, 255)",
+                shadowBlur: 10,
+                shadowOffsetY: -10,
+              },
+            },
+            axisLabel: {
+              distance: 10,
+              fontSize: 35,
+              fontWeight: 800,
+              fontFamily: "Arial",
+              color: "#fff",
+            },
+            anchor: {},
+            pointer: {
+              icon: "path://M-36.5,23.9L-41,4.4c-0.1-0.4-0.4-0.7-0.7-0.7c-0.5-0.1-1.1,0.2-1.2,0.7l-4.5,19.5c0,0.1,0,0.1,0,0.2v92.3c0,0.6,0.4,1,1,1h9c0.6,0,1-0.4,1-1V24.1C-36.5,24-36.5,23.9-36.5,23.9z M-39.5,114.6h-5v-85h5V114.6z",
+              width: 10,
+              offsetCenter: [0, "-10%"],
+              length: "75%",
+              itemStyle: {
+                color: "#f00",
+                shadowColor: "rgba(255, 0, 0)",
+                shadowBlur: 5,
+                shadowOffsetY: 3,
+              },
+            },
+            title: {
+              color: "#fff",
+              fontSize: 12,
+              fontWeight: 800,
+              fontFamily: "Arial",
+              offsetCenter: [0, "-50%"],
+            },
+            data: [
+              {
+                value: 0.6,
+                name: "1/min x 1000",
+              },
+            ],
+            detail: {
+              show: false,
+            },
+          },
+          {
+            name: "gauge 3",
+            type: "gauge",
+            min: 0,
+            max: 8,
+            z: 10,
+            splitNumber: 8,
+            radius: "50%",
+            axisLine: {
+              lineStyle: {
+                width: 14,
+                color: [[1, "#000"]],
+              },
+            },
+            splitLine: {
+              show: false,
+            },
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              show: false,
+            },
+            anchor: {},
+            pointer: {
+              show: false,
+            },
+            title: {
+              show: false,
+            },
+            detail: {
+              offsetCenter: ["25%", "50%"],
+              formatter: "{a|{value}}{b|km/h}",
+              rich: {
+                a: {
+                  fontSize: 60,
+                  fontWeight: 800,
+                  fontFamily: "Arial",
+                  color: "#fff",
+                  align: "center",
+                  padding: [0, 5, 0, 0],
+                },
+                b: {
+                  fontSize: 14,
+                  fontWeight: 800,
+                  fontFamily: "Arial",
+                  color: "#fff",
+                  padding: [0, 0, 20, 0],
+                },
+              },
+            },
+            // value is speed
+            data: [
+              {
+                value: 0,
+                name: "",
+              },
+            ],
+          },
+          // right
+          {
+            name: "gauge 4",
+            type: "gauge",
+            min: 0,
+            max: 8,
+            startAngle: 135,
+            endAngle: -150,
+            splitNumber: 8,
+            radius: "35%",
+            center: ["79%", "55%"],
+            axisLine: {
+              lineStyle: {
+                color: [[1, "#AE96A6"]],
+              },
+            },
+            splitLine: {
+              show: false,
+            },
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              show: false,
+            },
+            anchor: {},
+            pointer: {
+              show: false,
+            },
+            title: {},
+            detail: {
+              offsetCenter: ["-15%", 0],
+              formatter: [
+                "{a|                  00:00}",
+                "{a|行驶时间       0:00}{b| h}",
+                "{a|行驶距离        0.0}{b| km}",
+                "{a|平均耗能        ---}{b| 1/100km}",
+                "{a|平均速度        ---}{b| km/h}",
+              ].join("\n"),
+              rich: {
+                a: {
+                  fontSize: 14,
+                  fontWeight: 800,
+                  fontFamily: "Arial",
+                  lineHeight: 22,
+                  color: "#fff",
+                  align: "left",
+                },
+                b: {
+                  fontWeight: 600,
+                  fontFamily: "Arial",
+                  lineHeight: 22,
+                  color: "#fff",
+                  align: "left",
+                },
+              },
+            },
+            progress: {
+              show: true,
+              width: 3,
+              itemStyle: {
+                color: "#fff",
+              },
+            },
+            data: [
+              {
+                value: 250,
+                name: "",
+              },
+            ],
+          },
+          {
+            name: "gauge 5",
+            type: "gauge",
+            min: 0,
+            max: 1,
+            startAngle: 125,
+            endAngle: 55,
+            splitNumber: 2,
+            radius: "34%",
+            center: ["79%", "55.3%"],
+            axisLine: {
+              lineStyle: {
+                width: 9,
+                color: [
+                  [0.15, "#f00"],
+                  [1, "rgba(255, 0, 0, 0)"],
+                ],
+              },
+            },
+            splitLine: {
+              distance: -14,
+              length: 16,
+              lineStyle: {
+                color: "#fff",
+                width: 4,
+              },
+            },
+            axisTick: {
+              distance: -14,
+              length: 10,
+              lineStyle: {
+                color: "#fff",
+                width: 2,
+              },
+            },
+            axisLabel: {
+              distance: 12,
+              fontSize: 18,
+              fontWeight: 800,
+              fontFamily: "Arial",
+              color: "#fff",
+              formatter: function (value) {
+                if (value === 0.5) {
+                  return "2/4";
+                }
+                if (value === 1) {
+                  return "4/4";
+                }
+                return value + "";
+              },
+            },
+            progress: {
+              show: true,
+              width: 5,
+              itemStyle: {
+                color: "#fff",
+              },
+            },
+            anchor: {
+              show: true,
+              itemStyle: {},
+              offsetCenter: ["-22%", "-57%"],
+              size: 18,
+              icon: "path://M1.11979167,1.11111112 C1.11979167,0.497461393 1.61725306,0 2.23090279,0 L12.2309028,0 C12.8445525,1.43824153e-08 13.3420139,0.497461403 13.3420139,1.11111112 L13.3420139,10 L15.5642361,10 C16.7915356,10 17.7864583,10.9949228 17.7864583,12.2222222 L17.7864583,16.6666667 C17.7865523,17.28025 18.2839861,17.7776077 18.8975694,17.7776077 C19.5111527,17.7776077 20.0085866,17.28025 20.0086805,16.6666667 L20.0086805,8.88888888 L17.7864583,8.88888888 C17.1728086,8.88888888 16.6753472,8.3914275 16.6753472,7.77777779 L16.6753472,3.79333333 L15.6197917,2.73777777 C15.1859413,2.30392741 15.1859413,1.60051702 15.6197917,1.16666667 L15.6197917,1.16666667 C16.053642,0.732816318 16.7570524,0.732816318 17.1909028,1.16666667 L21.9053472,5.88111112 C22.1140468,6.08922811 22.2312072,6.37193273 22.2309028,6.66666667 L22.2309028,16.6666667 C22.2309028,18.5076158 20.7385186,20 18.8975695,20 C17.0566203,20 15.5642361,18.5076158 15.5642361,16.6666667 L15.5642361,12.2222222 L13.3420139,12.2222222 L13.3420139,17.7777778 L13.3420139,17.7777778 C13.9556636,17.7777778 14.453125,18.2752392 14.453125,18.8888889 L14.453125,18.8888889 C14.453125,19.5025386 13.9556636,20 13.3420139,20 L1.11979165,20 C0.506141934,20 0.00868054688,19.5025386 0.00868054687,18.8888889 L0.00868054687,18.8888889 C0.00868054688,18.2752392 0.506141934,17.7777778 1.11979165,17.7777778 L1.11979167,17.7777778 L1.11979167,1.11111112 Z M3.34201388,2.22222221 L3.34201388,8.88888888 L11.1197917,8.88888888 L11.1197917,2.22222221 L3.34201388,2.22222221 Z",
+            },
+            pointer: {
+              show: false,
+            },
+            title: {},
+            detail: {
+              offsetCenter: ["10%", "-56%"],
+              formatter: "{a|831}{b| km}",
+              rich: {
+                a: {
+                  fontSize: 15,
+                  fontWeight: 800,
+                  fontFamily: "Arial",
+                  color: "#fff",
+                },
+                b: {
+                  fontWeight: 600,
+                  fontFamily: "Arial",
+                  color: "#fff",
+                },
+              },
+            },
+            data: [
+              {
+                value: 0.85,
+                name: "",
+              },
+            ],
+          },
+          {
+            name: "gauge 6",
+            type: "gauge",
+            min: -120,
+            max: -60,
+            startAngle: 230,
+            endAngle: 310,
+            clockwise: false,
+            splitNumber: 2,
+            radius: "35%",
+            center: ["79%", "55%"],
+            axisLine: {
+              lineStyle: {
+                color: [
+                  [1, "#AE96A6"],
+                  [1.1, "#f00"],
+                ],
+              },
+            },
+            splitLine: {
+              distance: -8,
+              length: 12,
+              lineStyle: {
+                color: "#fff",
+                width: 4,
+              },
+            },
+            axisTick: {
+              splitNumber: 3,
+              length: 8,
+              distance: -8,
+              lineStyle: {
+                color: "#fff",
+                width: 2,
+              },
+            },
+            axisLabel: {
+              distance: 14,
+              fontSize: 18,
+              fontWeight: 800,
+              fontFamily: "Arial",
+              color: "#fff",
+              formatter: function (value) {
+                return -value + "";
+              },
+            },
+            anchor: {
+              show: true,
+              itemStyle: {},
+              offsetCenter: [0, "55%"],
+              size: 20,
+              icon: "path://M-34.1-1.1L-34.1-1.1c0-0.3-0.3-0.6-0.6-0.6h-3.6v-1.5c0-0.5-0.2-0.9-0.6-1.1s-0.9-0.2-1.3,0c-0.4,0.2-0.6,0.7-0.6,1.1V7.9c0,0,0,0.1,0,0.1c-0.8,0.5-1.2,1.5-0.9,2.5c0.3,0.9,1.1,1.6,2.1,1.6c1,0,1.8-0.6,2.1-1.5c0.3-0.9,0-1.9-0.8-2.5V6.3h3.5c0.4,0,0.7-0.3,0.7-0.7l0,0c0-0.4-0.3-0.7-0.7-0.7h-3.5V2.9h3.5c0.4,0,0.7-0.3,0.7-0.7l0,0c0-0.4-0.3-0.7-0.7-0.7h-3.5v-2.1h3.6C-34.4-0.5-34.1-0.8-34.1-1.1z M-44.9,11.6c-0.7,0-1.4-0.2-2-0.6c-0.4-0.3-0.9-0.4-1.4-0.4c-0.4,0-0.9,0.2-1.2,0.4c-0.4,0.2-1.4-0.9-0.9-1.3c0.6-0.4,1.3-0.6,2-0.7c0.8,0,1.5,0.2,2.2,0.5c0.4,0.3,0.9,0.4,1.3,0.4c0.6,0,1.1-0.2,1.5-0.6s1.6,0.7,0.9,1.3S-44,11.6-44.9,11.6L-44.9,11.6z M-34.3,11.6c-0.7,0-1.4-0.3-2-0.7c-0.6-0.4,0.5-1.6,0.9-1.3s0.8,0.4,1.2,0.4c0.5,0,1-0.1,1.4-0.4c0.6-0.3,1.3-0.5,2-0.6h0c0.9,0,1.7,0.3,2.4,0.9c0.7,0.5-0.5,1.6-0.9,1.3c-0.4-0.3-1-0.6-1.5-0.6h0c-0.5,0-0.9,0.2-1.3,0.4c-0.6,0.3-1.3,0.5-2,0.6H-34.3z M-33.5,16.3c-0.7,0-1.4-0.3-1.9-0.8c-0.4-0.3-0.6-0.5-1-0.5c-0.4,0-0.7,0.2-1,0.4c-0.6,0.5-1.3,0.7-2,0.7c-0.7,0-1.4-0.3-1.9-0.8c-0.2-0.3-0.6-0.4-0.9-0.4c-0.4,0-0.7,0.1-1.1,0.5c-0.6,0.5-1.3,0.7-2.1,0.7c-0.7-0.1-1.4-0.4-1.9-0.9c-0.4-0.3-0.6-0.5-1-0.5c-0.3,0-0.6,0.2-0.9,0.4s-1.6-0.7-1.1-1.2c0.5-0.5,1.2-0.8,1.9-0.9c1-0.1,1.6,0.4,2.1,0.8c0.3,0.3,0.6,0.5,1,0.5c0.4,0,0.6-0.1,1-0.4c0.6-0.5,1.4-0.8,2.1-0.8c0.7,0,1.4,0.3,1.9,0.8c0.2,0.2,0.6,0.4,0.9,0.4c0.4,0,0.6-0.1,1-0.4c0.6-0.5,1.3-0.7,2-0.7c0.8,0,1.5,0.3,2,0.9c0.4,0.3,0.6,0.4,0.9,0.4c0.3,0,0.7-0.2,1.1-0.5c0.5-0.4,1.2-0.9,2.3-0.8c0.7,0,1.4,0.3,1.9,0.7c0.5,0.4-0.7,1.5-1,1.3s-0.6-0.4-1-0.4c-0.4,0-0.7,0.2-1.2,0.5C-32,15.9-32.7,16.2-33.5,16.3L-33.5,16.3z",
+            },
+            pointer: {
+              icon: "path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z",
+              width: 15,
+              length: "4",
+              offsetCenter: [0, "-90%"],
+              itemStyle: {
+                color: "#f00",
+              },
+            },
+            title: {},
+            detail: {
+              show: false,
+            },
+            data: [
+              {
+                value: -120,
+                name: "",
+              },
+            ],
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+    test() {
+      var chartDom = document.getElementById("main");
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      const colors = ["#FFAE57", "#FF7853", "#EA5151", "#CC3F57", "#9A2555"];
+      const bgColor = "#2E2733";
+      const itemStyle = {
+        star5: {
+          color: colors[0],
+        },
+        star4: {
+          color: colors[1],
+        },
+        star3: {
+          color: colors[2],
+        },
+        star2: {
+          color: colors[3],
+        },
+      };
+      const data = [
+        {
+          name: "虚构",
+          itemStyle: {
+            color: colors[1],
+          },
+          children: [
+            {
+              name: "小说",
+              children: [
+                {
+                  name: "5☆",
+                  children: [
+                    {
+                      name: "疼",
+                    },
+                    {
+                      name: "慈悲",
+                    },
+                    {
+                      name: "楼下的房客",
+                    },
+                  ],
+                },
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "虚无的十字架",
+                    },
+                    {
+                      name: "无声告白",
+                    },
+                    {
+                      name: "童年的终结",
+                    },
+                  ],
+                },
+                {
+                  name: "3☆",
+                  children: [
+                    {
+                      name: "疯癫老人日记",
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: "其他",
+              children: [
+                {
+                  name: "5☆",
+                  children: [
+                    {
+                      name: "纳博科夫短篇小说全集",
+                    },
+                  ],
+                },
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "安魂曲",
+                    },
+                    {
+                      name: "人生拼图版",
+                    },
+                  ],
+                },
+                {
+                  name: "3☆",
+                  children: [
+                    {
+                      name: "比起爱你，我更需要你",
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          name: "非虚构",
+          itemStyle: {
+            color: colors[2],
+          },
+          children: [
+            {
+              name: "设计",
+              children: [
+                {
+                  name: "5☆",
+                  children: [
+                    {
+                      name: "无界面交互",
+                    },
+                  ],
+                },
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "数字绘图的光照与渲染技术",
+                    },
+                    {
+                      name: "日本建筑解剖书",
+                    },
+                  ],
+                },
+                {
+                  name: "3☆",
+                  children: [
+                    {
+                      name: "奇幻世界艺术\n&RPG地图绘制讲座",
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: "社科",
+              children: [
+                {
+                  name: "5☆",
+                  children: [
+                    {
+                      name: "痛点",
+                    },
+                  ],
+                },
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "卓有成效的管理者",
+                    },
+                    {
+                      name: "进化",
+                    },
+                    {
+                      name: "后物欲时代的来临",
+                    },
+                  ],
+                },
+                {
+                  name: "3☆",
+                  children: [
+                    {
+                      name: "疯癫与文明",
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: "心理",
+              children: [
+                {
+                  name: "5☆",
+                  children: [
+                    {
+                      name: "我们时代的神经症人格",
+                    },
+                  ],
+                },
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "皮格马利翁效应",
+                    },
+                    {
+                      name: "受伤的人",
+                    },
+                  ],
+                },
+                {
+                  name: "3☆",
+                },
+                {
+                  name: "2☆",
+                  children: [
+                    {
+                      name: "迷恋",
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: "居家",
+              children: [
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "把房子住成家",
+                    },
+                    {
+                      name: "只过必要生活",
+                    },
+                    {
+                      name: "北欧简约风格",
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: "绘本",
+              children: [
+                {
+                  name: "5☆",
+                  children: [
+                    {
+                      name: "设计诗",
+                    },
+                  ],
+                },
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "假如生活糊弄了你",
+                    },
+                    {
+                      name: "博物学家的神秘动物图鉴",
+                    },
+                  ],
+                },
+                {
+                  name: "3☆",
+                  children: [
+                    {
+                      name: "方向",
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: "哲学",
+              children: [
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "人生的智慧",
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: "技术",
+              children: [
+                {
+                  name: "5☆",
+                  children: [
+                    {
+                      name: "代码整洁之道",
+                    },
+                  ],
+                },
+                {
+                  name: "4☆",
+                  children: [
+                    {
+                      name: "Three.js 开发指南",
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ];
+      for (let j = 0; j < data.length; ++j) {
+        let level1 = data[j].children;
+        for (let i = 0; i < level1.length; ++i) {
+          let block = level1[i].children;
+          let bookScore = [];
+          let bookScoreId;
+          for (let star = 0; star < block.length; ++star) {
+            let style = (function (name) {
+              switch (name) {
+                case "5☆":
+                  bookScoreId = 0;
+                  return itemStyle.star5;
+                case "4☆":
+                  bookScoreId = 1;
+                  return itemStyle.star4;
+                case "3☆":
+                  bookScoreId = 2;
+                  return itemStyle.star3;
+                case "2☆":
+                  bookScoreId = 3;
+                  return itemStyle.star2;
+              }
+            })(block[star].name);
+            block[star].label = {
+              color: style.color,
+              downplay: {
+                opacity: 0.5,
+              },
+            };
+            if (block[star].children) {
+              style = {
+                opacity: 1,
+                color: style.color,
+              };
+              block[star].children.forEach(function (book) {
+                book.value = 1;
+                book.itemStyle = style;
+                book.label = {
+                  color: style.color,
+                };
+                let value = 1;
+                if (bookScoreId === 0 || bookScoreId === 3) {
+                  value = 5;
+                }
+                if (bookScore[bookScoreId]) {
+                  bookScore[bookScoreId].value += value;
+                } else {
+                  bookScore[bookScoreId] = {
+                    color: colors[bookScoreId],
+                    value: value,
+                  };
+                }
+              });
+            }
+          }
+          level1[i].itemStyle = {
+            color: data[j].itemStyle.color,
+          };
+        }
+      }
+      option = {
+        backgroundColor: bgColor,
+        color: colors,
+        series: [
+          {
+            type: "sunburst",
+            center: ["50%", "48%"],
+            data: data,
+            sort: function (a, b) {
+              if (a.depth === 1) {
+                return b.getValue() - a.getValue();
+              } else {
+                return a.dataIndex - b.dataIndex;
+              }
+            },
+            label: {
+              rotate: "radial",
+              color: bgColor,
+            },
+            itemStyle: {
+              borderColor: bgColor,
+              borderWidth: 2,
+            },
+            levels: [
+              {},
+              {
+                r0: 0,
+                r: 40,
+                label: {
+                  rotate: 0,
+                },
+              },
+              {
+                r0: 40,
+                r: 105,
+              },
+              {
+                r0: 115,
+                r: 140,
+                itemStyle: {
+                  shadowBlur: 2,
+                  shadowColor: colors[2],
+                  color: "transparent",
+                },
+                label: {
+                  rotate: "tangential",
+                  fontSize: 10,
+                  color: colors[0],
+                },
+              },
+              {
+                r0: 140,
+                r: 145,
+                itemStyle: {
+                  shadowBlur: 80,
+                  shadowColor: colors[0],
+                },
+                label: {
+                  position: "outside",
+                  textShadowBlur: 5,
+                  textShadowColor: "#333",
+                },
+                downplay: {
+                  label: {
+                    opacity: 0.5,
+                  },
+                },
+              },
+            ],
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#main {
+  width: 100%;
+  height: 886px;
+}
+</style>>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
new file mode 100644
index 0000000..fac7468
--- /dev/null
+++ b/src/views/dashboard/index.vue
@@ -0,0 +1,63 @@
+<!-- <template>
+  <iframe src="http://localhost:8080" frameborder="0" width="100%" height="1000px"></iframe>
+</template> -->
+<template>
+  <div id="index">
+    <!-- 汽车列表 -->
+    <router-view name="Car"></router-view>
+    <!-- 导航栏 -->
+    <Nav></Nav>
+    <!-- 地图 -->
+    <Map @click.native="goToIndex"></Map>
+    <!-- 用户信息 -->
+    <div id="user" :class="{open: show}">
+      <router-view></router-view>
+      <router-view name="Safe"></router-view>
+    </div>
+  </div>
+</template>
+
+<script>
+import Map from '@/views/maps/index'
+import Nav from '@/components/Nav/Nav'
+export default {
+    name: 'Index',
+    components: {
+        Map,
+        Nav
+    },
+    computed: {
+      show() {
+        return this.$route.name === 'Index' ? false : true
+      },
+      
+    },
+    methods: {
+      goToIndex() {
+        this.$router.push({path: '/'})
+      }
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+    #index {
+        width: 100%;
+        height: 100%;
+        position: relative;
+        overflow: hidden;
+        #user {
+          position: fixed;
+          right: -408px;
+          top: 0;
+          bottom: 0;
+          width: 408px;
+          height: 100%;
+          overflow: hidden;
+          transition: all	.3s ease 0s;
+          &.open {
+            right: 0;
+          }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..b8f1bb9
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,238 @@
+<template>
+  <div class="login-container">
+    <el-form
+      ref="loginForm"
+      :model="loginForm"
+      class="login-form"
+      auto-complete="on"
+      label-position="left"
+    >
+      <div class="title-container">
+        <h3 class="title">基于Spring Boot的停车场管理系统-门户端-登录</h3>
+      </div>
+
+      <el-form-item prop="Phone">
+        <span class="svg-container">
+          <svg-icon icon-class="user" />
+        </span>
+        <el-input
+          ref="Phone"
+          v-model="loginForm.Phone"
+          placeholder="Phone"
+          name="Phone"
+          type="text"
+          tabindex="1"
+          auto-complete="on"
+        />
+      </el-form-item>
+
+      <el-form-item prop="PassWord">
+        <span class="svg-container">
+          <svg-icon icon-class="password" />
+        </span>
+        <el-input
+          :key="passwordType"
+          ref="PassWord"
+          v-model="loginForm.PassWord"
+          :type="passwordType"
+          placeholder="PassWord"
+          name="PassWord"
+          tabindex="2"
+          auto-complete="on"
+        />
+        <span class="show-pwd" @click="showPwd">
+          <svg-icon
+            :icon-class="passwordType === 'PassWord' ? 'eye' : 'eye-open'"
+          />
+        </span>
+      </el-form-item>
+
+      <el-button
+        :loading="loading"
+        type="primary"
+        style="width: 100%; margin-bottom: 30px"
+        @click.native.prevent="handleLogin"
+        >登录</el-button
+      >
+
+      <div class="tips">
+        <router-link to="./register">没有账户? 点击注册</router-link>
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Login",
+  data() {
+    return {
+      loginForm: {
+        Phone: "",
+        PassWord: "",
+      },
+      loading: false,
+      passwordType: "password",
+      redirect: undefined,
+    };
+  },
+  watch: {
+    $route: {
+      handler: function (route) {
+        this.redirect = route.query && route.query.redirect;
+      },
+      immediate: true,
+    },
+  },
+  methods: {
+    showPwd() {
+      if (this.passwordType === "password") {
+        this.passwordType = "";
+      } else {
+        this.passwordType = "PassWord";
+      }
+      this.$nextTick(() => {
+        this.$refs.PassWord.focus();
+      });
+    },
+    handleLogin() {
+      this.loading = true;
+      this.$store
+        .dispatch("user/login", this.loginForm)
+        .then(() => {
+          this.$store
+            .dispatch("user/getInfo")
+            .then(() => {
+              console.log(11111);
+            })
+            .catch(() => {
+              this.loading = false;
+            });
+          this.$router.push({ path: "/" });
+          this.loading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+/* 修复input 背景不协调 和光标变色 */
+/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
+
+$bg: #283443;
+$light_gray: #fff;
+$cursor: #fff;
+
+@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
+  .login-container .el-input input {
+    color: $cursor;
+  }
+}
+
+/* reset element-ui css */
+.login-container {
+  .el-input {
+    display: inline-block;
+    height: 47px;
+    width: 85%;
+
+    input {
+      background: transparent;
+      border: 0px;
+      -webkit-appearance: none;
+      border-radius: 0px;
+      padding: 12px 5px 12px 15px;
+      color: $light_gray;
+      height: 47px;
+      caret-color: $cursor;
+
+      &:-webkit-autofill {
+        box-shadow: 0 0 0px 1000px $bg inset !important;
+        -webkit-text-fill-color: $cursor !important;
+      }
+    }
+  }
+
+  .el-form-item {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 5px;
+    color: #454545;
+    position: relative;
+    .getVcode {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      opacity: 0.9;
+    }
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+$bg: #2d3a4b;
+$dark_gray: #889aa4;
+$light_gray: #eee;
+
+.login-container {
+  min-height: 100%;
+  width: 100%;
+  background-color: $bg;
+  overflow: hidden;
+
+  .login-form {
+    position: relative;
+    width: 520px;
+    max-width: 100%;
+    padding: 160px 35px 0;
+    margin: 0 auto;
+    overflow: hidden;
+  }
+
+  .tips {
+    font-size: 14px;
+    color: #fff;
+    margin-bottom: 10px;
+
+    span {
+      &:first-of-type {
+        margin-right: 16px;
+      }
+    }
+  }
+
+  .svg-container {
+    padding: 6px 5px 6px 15px;
+    color: $dark_gray;
+    vertical-align: middle;
+    width: 30px;
+    display: inline-block;
+  }
+
+  .title-container {
+    position: relative;
+
+    .title {
+      font-size: 26px;
+      color: $light_gray;
+      margin: 0px auto 40px auto;
+      text-align: center;
+      font-weight: bold;
+    }
+  }
+
+  .show-pwd {
+    position: absolute;
+    right: 10px;
+    top: 7px;
+    font-size: 16px;
+    color: $dark_gray;
+    cursor: pointer;
+    user-select: none;
+  }
+}
+</style>
diff --git a/src/views/map/common.js b/src/views/map/common.js
new file mode 100644
index 0000000..4682287
--- /dev/null
+++ b/src/views/map/common.js
@@ -0,0 +1,49 @@
+import {  Message } from 'element-ui'
+
+// 获取点击的经纬度
+export function getLnglat(e) {
+    return e.lnglat.lng + ',' + e.lnglat.lat
+}
+// 城市定位
+export function tranLnglat(map, address='北京市') {
+    var geocoder = new AMap.Geocoder();
+    geocoder.getLocation(address, function (status, result) {
+        if (status === 'complete' && result.info === 'OK') {
+            // 经纬度
+            const lng = result.geocodes[0].location.lng
+            const lat = result.geocodes[0].location.lat
+            //设置地图中心点（平移过去）
+            map.panTo([lng, lat]);
+        } else {
+console.error('地址查询位置失败');
+        }
+    });
+}
+
+// 覆盖物
+let marker = null
+export function setMarker(map, lnglat='108.731156,34.309486') {
+    // 清除上次点标记
+    if (marker) {
+        map.remove(marker)
+        marker = null
+    }
+    let lnglatArr = lnglat.split(',')
+    lnglatArr[0] = Number(lnglatArr[0])
+    lnglatArr[1] = Number(lnglatArr[1])
+    // 防止报错，改为默认的
+    if (isNaN(lnglatArr[1]) || isNaN(lnglatArr[0])) {
+        Message({message: '获取位置出错了，请刷新重试！',type: 'warning'})
+        lnglatArr = [108.731156,34.309486]
+    }
+    marker = new AMap.Marker({
+        position: lnglatArr,
+    });
+    map.add(marker)
+    map.setFitView();
+}
+
+// 清除覆盖物
+export function removeMarker(map) {
+    map.remove(marker)
+}
\ No newline at end of file
diff --git a/src/views/map/map.vue b/src/views/map/map.vue
new file mode 100644
index 0000000..eb0b8be
--- /dev/null
+++ b/src/views/map/map.vue
@@ -0,0 +1,95 @@
+<template>
+  <div id="map_container"></div>
+</template>
+
+<script>
+import AMapLoader from "@amap/amap-jsapi-loader";
+window._AMapSecurityConfig = {
+  securityJsCode: "2d2a5f5eaef9995554d8b572561136b1",
+};
+// 导入方法
+import { getLnglat, tranLnglat, setMarker, removeMarker } from "./common";
+export default {
+  name: "Map",
+  data() {
+    return {
+      map: null,
+      lnglat: "",
+      // 地图的状态
+      mapStatus: false,
+    };
+  },
+  beforeMount() {
+    this.initMap();
+  },
+  mounted() {
+    // this.initMap();
+  },
+  props: ["id"],
+  methods: {
+    initMap() {
+      AMapLoader.load({
+        key: "02b3b7548cbd3fb6cbae4b49374abdfb",
+        version: "2.0",
+        plugins: ["AMap.Geocoder", "AMap.Marker"], // 需要用到的高德插件
+      })
+        .then((AMap) => {
+          this.map = new AMap.Map("map_container", {
+            viewMode: "3D",
+            zoom: 18,
+            center: [108.731156, 34.309486], //初始化地图中心点位置
+          });
+          // 地图加载完成
+          this.map.on("complete", () => {
+            this.mapLoad();
+            this.mapCoord();
+            this.mapStatus = true;
+          });
+          // 点击地图获取经纬度
+          this.map.on("click", (e) => {
+            const lnglat = getLnglat(e);
+            this.lnglat = lnglat;
+            // 将经纬度传给父组件
+            this.$bus.$emit("getLnglat", lnglat);
+            // 添加覆盖物
+            this.addMarker(lnglat);
+          });
+        })
+        .catch((e) => {
+          console.log(e);
+        });
+    },
+    // 设置地图显示中心
+    setMapCenter(address) {
+      this.mapStatus && tranLnglat(this.map, address);
+    },
+    // 添加覆盖物
+    addMarker(lnglat) {
+      setMarker(this.map, lnglat);
+    },
+    // 清除点标记
+    clearMarker() {
+      removeMarker(this.map);
+    },
+    // 地图加载完成后调用方法
+    mapLoad() {
+      this.$emit("mapComplete");
+    },
+    mapCoord() {
+      this.id && this.$emit("setMapLocationByCoord");
+    },
+  },
+  // 销毁地图
+  beforeDestroy() {
+    this.map && this.map.destroy();
+    this.map = null;
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#map_container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/maps/index.vue b/src/views/maps/index.vue
new file mode 100644
index 0000000..0ca1a55
--- /dev/null
+++ b/src/views/maps/index.vue
@@ -0,0 +1,82 @@
+<template>
+    <div id="map_container"></div>
+  </template>
+  
+  <script>
+  import AMapLoader from "@amap/amap-jsapi-loader";
+  // 导入方法
+  import { location, parkingMarker } from "./mapFunction.js";
+  import { mapActions, mapState } from 'vuex'
+  window._AMapSecurityConfig = {
+    securityJsCode: "2d2a5f5eaef9995554d8b572561136b1",
+  };
+  export default {
+    name: "Maps",
+    data() {
+      return {
+        map: null,
+        // 地图是否加载完成
+        mapStatus: false,
+      };
+    },
+    mounted() {
+      this.initMap();
+      this.$bus.$on('location', () => {
+        this.mapStatus && location(this.map)
+      })
+      this.getParking()
+    },
+    methods: {
+      initMap() {
+        AMapLoader.load({
+          key: "02b3b7548cbd3fb6cbae4b49374abdfb",
+          version: "2.0",
+          plugins: ["AMap.Geolocation", "AMap.Walking"], // 需要用到的高德插件
+        }).then((AMap) => {
+            this.map = new AMap.Map("map_container", {
+              viewMode: "3D",
+              zoom: 16,
+              center: [108.731156, 34.309486], //初始化地图中心点位置
+            });
+            // 地图加载完成
+            this.map.on("complete", () => {
+              this.mapStatus = true;
+              location(this.map);
+              // 停车场图标
+              parkingMarker(this.map, this.parkingList)
+              this.chooseCar()
+            });
+          })
+          .catch((e) => {
+            console.log(e);
+          });
+      },
+      // 获取停车场
+      ...mapActions('parkingAbout', ['getParking']),
+      // 获取停车场车辆
+      chooseCar() {
+        const cars = document.querySelectorAll('#text_id')
+        const _this = this
+        cars.forEach(item => {
+          item.addEventListener('click', function(e) {
+            e.stopPropagation()
+            const id = this.getAttribute('text_id')
+            localStorage.setItem('id', id)
+            _this.$router.push({ name: 'Car', query: {id}});
+          })
+        })
+      }
+    },
+    computed: {
+      ...mapState('parkingAbout', ['parkingList'])
+    },
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  #map_container {
+    width: 100%;
+    height: 100vh;
+    position: relative;
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/maps/mapFunction.js b/src/views/maps/mapFunction.js
new file mode 100644
index 0000000..2b5c831
--- /dev/null
+++ b/src/views/maps/mapFunction.js
@@ -0,0 +1,144 @@
+import { Message } from 'element-ui'
+
+
+// 获取点击的经纬度
+// export function getLnglat(e) {
+//   return e.lnglat.lng + ',' + e.lnglat.lat
+// }
+
+// 当前经纬度
+var lnglat = []
+    // 路线
+var walking = null
+
+// 城市定位
+export function location(map) {
+    var geolocation = new AMap.Geolocation({
+        enableHighAccuracy: true, //是否使用高精度定位，默认:true
+        timeout: 2000, //超过10秒后停止定位，默认：5s
+        buttonPosition: "RB", //定位按钮的停靠位置
+        buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
+        zoomToAccuracy: false, //定位成功后是否自动调整地图视野到定位点
+        showCircle: false, //是否显示定位精度圈
+        circleOptions: { //定位精度圈的样式
+            // strokeOpacity: 0,  //线透明度
+            // strokeWeight: 350,  //线粗细度
+            // fillColor: "#3968f1",  //填充颜色    #cecfd1
+            // fillOpacity: 0.2, //填充透明度
+            // clickable: true,
+            // bubble:true,
+        }
+    });
+    map.addControl(geolocation);
+    geolocation.getCurrentPosition((status, result) => {
+        if (status == "complete") {
+            lnglat[0] = result.position.lng
+            lnglat[1] = result.position.lat
+        } else {
+            Message({ type: 'warning', message: '获取位置失败，由于众多浏览器（Google）已不再支持非安全域的定位请求，请升级您的站点到HTTPS' })
+        }
+    });
+}
+
+// 当前位置——圆（没有用到）
+/**
+export function currentLocation(map) {
+  // 构造矢量圆形
+  var circle = new AMap.Circle({
+    center: new AMap.LngLat("116.403322", "39.920255"), // 圆心位置
+    radius: 10,  //半径
+    strokeColor: "#F33",  //线颜色
+    strokeOpacity: 1,  //线透明度
+    strokeWeight: 30,  //线粗细度
+    fillColor: "#ee2200",  //填充颜色
+    fillOpacity: 0.2 //填充透明度
+  });
+  // 将以上覆盖物添加到地图上
+  // 单独将点标记添加到地图上
+  map.add(circle);
+}
+ */
+
+// 停车场图标
+export function parkingMarker(map, parkingList) {
+    parkingList.forEach(item => {
+        item.coord = item.coord.split(',')
+            // 创建图标
+        let marker = new AMap.Marker({
+            icon: require('@/assets/images/parking_location_img.png'),
+            position: item.coord,
+            offset: new AMap.Pixel(-35, -70)
+        });
+        marker.setMap(map);
+        let text = createText(item)
+        text.setMap(map);
+        text.dom.id = 'text_id'
+        text.dom.setAttribute('text_id', item.id)
+            // 绑定点击事件（当前位置距离停车场的位置路线规划）
+        text.on('click', () => {
+            walk(map, item, text)
+        });
+
+    });
+}
+
+// 创建纯文本标记
+function createText(item) {
+    return new AMap.Text({
+        text: item.carsNumber || '0',
+        anchor: 'bottom-left', // 设置文本标记锚点
+        cursor: 'pointer',
+        offset: new AMap.Pixel(-22, -17),
+        style: {
+            'border-radius': '50%',
+            'background-color': '#34393f',
+            'width': '40px',
+            'height': '40px',
+            'line-height': '40px',
+            'text-align': 'center',
+            'font-size': '18px',
+            'border': 'none',
+            'color': '#fff'
+        },
+        position: item.coord
+    });
+}
+
+// 当前位置距离停车场的位置路线规划（步行导航）
+function walk(map, item, text) {
+    // 步行导航
+    if (!walking) {
+        walking = new AMap.Walking({
+            map: map,
+            // 隐藏终点起点图标
+            hideMarkers: true,
+        });
+    }
+    //根据起终点坐标规划步行路线
+    walking.search(lnglat, item.coord, (status, result) => {
+        if (status === 'complete') {
+            console.log('绘制步行路线完成');
+            // showParkingInfo(result, text)
+        } else {
+            Message({ type: 'warning', message: '获取路线规划失败' })
+        }
+    });
+}
+
+// 停车场粗略信息（没有展示，有问题解决不了就不展示了）
+function showParkingInfo(result, text) {
+    console.log(result);
+    text.setText(text.getText() + '  辆车 | 距离你' + (result.routes[0].distance / 1000).toFixed(2) + '公里')
+    text.setStyle({
+        'border-radius': '20px',
+        'background-color': '#34393f',
+        'width': '190px',
+        'height': '40px',
+        'line-height': '40px',
+        'text-align': 'left',
+        'font-size': '16px',
+        'border': 'none',
+        'color': '#fff',
+        'padding': '0px 15px'
+    })
+}
\ No newline at end of file
diff --git a/src/views/memberManage/memberDetail.vue b/src/views/memberManage/memberDetail.vue
new file mode 100644
index 0000000..2aad132
--- /dev/null
+++ b/src/views/memberManage/memberDetail.vue
@@ -0,0 +1,79 @@
+<template>
+  <el-dialog
+    title="会员信息"
+    :visible.sync="dialogVisible"
+    width="30%"
+    :close-on-click-modal="false"
+    :before-close="close"
+  >
+    <div class="text">
+      <el-row>
+        <el-col :span="5">用户名</el-col>
+        <el-col :span="16">{{ memberInfo.username }}</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="5">真实姓名</el-col>
+        <el-col :span="16">{{ memberInfo.real_name || "未认证" }}</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="5">手机号</el-col>
+        <el-col :span="16">{{ memberInfo.phone || "未绑定" }}</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="5">身份证号</el-col>
+        <el-col :span="16">{{ memberInfo.card_id || "未认证" }}</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="5">预存金额</el-col>
+        <el-col :span="16">{{ memberInfo.deposit }}</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="5">银行卡号</el-col>
+        <el-col :span="16">{{ memberInfo.bank_number || "未绑定" }}</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="5">驾驶证</el-col>
+        <el-col :span="16">{{
+          memberInfo.drivingLicence_id || "未绑定"
+        }}</el-col>
+      </el-row>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "memberDetail",
+  data() {
+    return {
+      dialogVisible: false,
+      memberInfo: {},
+    };
+  },
+  methods: {
+    close() {
+      this.dialogVisible = false;
+    },
+    open(id) {
+      this.dialogVisible = true;
+      this.getMemberInfo(id);
+    },
+    // 获取会员信息
+    async getMemberInfo(id) {
+      let result = await this.$API.member.getMemberDetail(id);
+      if (result.code === 200) {
+        this.memberInfo = result.data;
+      } else {
+        this.$message.error(result.message);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.text {
+  height: 100%;
+  font-size: 18px;
+}
+</style>
diff --git a/src/views/memberManage/memberList.vue b/src/views/memberManage/memberList.vue
new file mode 100644
index 0000000..92a547f
--- /dev/null
+++ b/src/views/memberManage/memberList.vue
@@ -0,0 +1,444 @@
+<template>
+  <div>
+    <el-row :gutter="20" style="margin-top: 10px">
+      <el-col :span="8" v-for="(item, index) in userinfo" :key="index">
+        <div class="grid-content bg-purple">
+          <el-card class="box-card">
+            <div slot="header" class="clearfix">
+              <span>个人中心</span>
+            </div>
+            <div class="name-role">
+              <el-row>
+                <el-avatar
+                  @click="triggerFileInput('avatar')"
+                  :src="Avatar"
+                  style="width: 100px; height: 100px; cursor: pointer"
+                ></el-avatar>
+                <!-- 头像文件输入框 -->
+                <input
+                  ref="avatarInput"
+                  type="file"
+                  accept="image/*"
+                  @change="handleFileChange($event, 'avatar')"
+                  style="
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 100%;
+                    height: 100%;
+                    opacity: 0;
+                    cursor: pointer;
+                    border-radius: 50%;
+                  "
+                />
+              </el-row>
+              <span class="sender">姓名 - {{ item.userName }}</span>
+            </div>
+            <div class="registe-info">
+              <span class="registe-info">
+                状态：
+                <li class="fa fa-clock-o"></li>
+                {{
+                  item.idCard == null || item.idCard == "" ? "未实名" : "已实名"
+                }}
+              </span>
+            </div>
+            <el-divider></el-divider>
+            <div class="personal-relation">
+              <div class="relation-item">
+                手机号:
+                <div style="float: right; padding-right: 20px">
+                  {{ item.phone }}
+                </div>
+              </div>
+            </div>
+            <div class="personal-relation">
+              <div class="relation-item">
+                驾驶证:
+                <div style="float: right; padding-right: 20px">
+                  <img
+                    v-if="dataForm.DriverLicense"
+                    :src="dataForm.DriverLicense"
+                    style="width: 50%"
+                  />
+                  <span v-else>未上传</span>
+                </div>
+              </div>
+            </div>
+            <div class="personal-relation">
+              <div class="relation-item">
+                身份信息:
+                <div style="float: right; padding-right: 20px">
+                  {{ item.idCard }}
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+      <el-col :span="16">
+        <div class="grid-content bg-purple">
+          <el-card class="box-card">
+            <div slot="header" class="clearfix">
+              <span>实名认证</span>
+            </div>
+            <div>
+              <el-form
+                label-width="80px"
+                v-model="dataForm"
+                size="small"
+                label-position="right"
+              >
+                <el-form-item label="姓名" prop="nickName">
+                  <el-input
+                    auto-complete="off"
+                    v-model="dataForm.UserName"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="手机号" prop="phone">
+                  <el-input
+                    auto-complete="off"
+                    v-model="dataForm.Phone"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="身份证" prop="idCard">
+                  <el-input maxlength="18" v-model="dataForm.idCard"></el-input>
+                </el-form-item>
+                <el-form-item label="驾驶证" prop="DriverLicense">
+                  <div class="upload-container">
+                    <el-input
+                      v-model="dataForm.DriverLicense"
+                      placeholder="请上传驾驶证照片"
+                      readonly
+                    ></el-input>
+                    <el-button
+                      type="primary"
+                      size="small"
+                      style="margin-left: 10px"
+                      @click="triggerFileInput('license')"
+                    >
+                      上传驾驶证
+                    </el-button>
+                    <!-- 驾驶证文件输入框 -->
+                    <input
+                      ref="licenseInput"
+                      type="file"
+                      accept="image/*"
+                      style="display: none"
+                      @change="handleFileChange($event, 'license')"
+                    />
+                  </div>
+                </el-form-item>
+              </el-form>
+              <div slot="footer" class="dialog-footer">
+                <el-button size="mini" type="primary" @click="RealUser"
+                  >提交</el-button
+                >
+                <el-button size="mini" type="warning" @click="resetForm"
+                  >重置</el-button
+                >
+              </div>
+            </div>
+          </el-card>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      userinfo: [],
+      Avatar:
+        "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png",
+      dataForm: {
+        UserName: "",
+        RealUser: "",
+        idCard: "",
+        DriverLicense: "",
+        Phone: "",
+      },
+      uploadAPI: "http://8.141.3.231:40061/api/index.php",
+    };
+  },
+
+  created() {
+    this.fetchOrderPact();
+  },
+
+  methods: {
+    // 触发文件选择
+    triggerFileInput(type) {
+      console.log(2222);
+      if (type === "avatar") {
+        this.$refs.avatarInput.click();
+      } else if (type === "license") {
+        this.$refs.licenseInput.click();
+      }
+    },
+
+    // 处理文件上传
+    async handleFileChange(event, type) {
+      try {
+        const file = event.target.files[0];
+        if (!file) return;
+
+        // 验证文件类型
+        if (!file.type.startsWith("image/")) {
+          this.$message.error("请上传图片文件");
+          return;
+        }
+
+        // 验证文件大小（最大5MB）
+        if (file.size > 5 * 1024 * 1024) {
+          this.$message.error("图片大小不能超过5MB");
+          return;
+        }
+
+        const formData = new FormData();
+        formData.append("image", file);
+        formData.append("token", "1c17b11693cb5ec63859b091c5b9c1b2");
+
+        // 显示上传加载状态
+        const loading = this.$loading({
+          lock: true,
+          text: "上传中...",
+          spinner: "el-icon-loading",
+        });
+
+        const response = await fetch(this.uploadAPI, {
+          method: "POST",
+          body: formData,
+        });
+
+        const data = await response.json();
+
+        if (data.code === 200 && data.url) {
+          if (type === "avatar") {
+            this.Avatar = data.url;
+            // 这里可以添加更新用户头像的API调用
+            this.$message.success("头像上传成功");
+          } else if (type === "license") {
+            this.dataForm.DriverLicense = data.url;
+            this.$message.success("驾驶证上传成功");
+          }
+        } else {
+          throw new Error(data.message || "上传失败");
+        }
+      } catch (error) {
+        console.error("上传失败:", error);
+        this.$message.error(error.message || "上传失败，请重试");
+      } finally {
+        // 关闭加载状态
+        if (this.$loading) {
+          this.$loading().close();
+        }
+        // 清空文件输入框
+        event.target.value = "";
+      }
+    },
+
+    // 获取用户信息
+    async fetchOrderPact() {
+      try {
+        const userId = window.localStorage.getItem("userId");
+        if (!userId) {
+          this.$message.warning("请先登录");
+          return;
+        }
+
+        const result = await this.$API.userinfo.getInfo({ UserId: userId });
+
+        if (result.status === 200 && result.data && result.data.length > 0) {
+          this.userinfo = result.data;
+          const userData = result.data[0];
+
+          // 更新表单数据
+          this.dataForm = {
+            UserName: userData.userName || "",
+            idCard: userData.idCard || "",
+            DriverLicense: userData.driverLicense || "",
+            Phone: userData.phone || "",
+          };
+
+          // 如果有头像，更新头像
+          if (userData.avatar) {
+            this.Avatar = userData.avatar;
+          }
+        } else {
+          throw new Error(result.message || "获取用户信息失败");
+        }
+      } catch (error) {
+        console.error("获取用户信息失败:", error);
+        this.$message.error(error.message || "获取用户信息失败，请重试");
+      }
+    },
+
+    // 提交实名认证
+    async RealUser() {
+      try {
+        if (!this.validateForm()) {
+          return;
+        }
+
+        const userId = window.localStorage.getItem("userId");
+        if (!userId) {
+          this.$message.warning("请先登录");
+          return;
+        }
+
+        const data = {
+          UserId: userId,
+          Phone: this.dataForm.Phone,
+          UserName: this.dataForm.UserName,
+          idCard: this.dataForm.idCard,
+          DriverLicense: this.dataForm.DriverLicense,
+          avatar: this.Avatar,
+        };
+
+        const result = await this.$API.userinfo.RealUser(data);
+
+        if (result.status === 200) {
+          window.localStorage.setItem("userName", this.dataForm.UserName);
+          this.$message.success(result.message || "实名认证成功");
+          await this.fetchOrderPact(); // 刷新用户信息
+        } else {
+          throw new Error(result.message || "实名认证失败");
+        }
+      } catch (error) {
+        console.error("实名认证失败:", error);
+        this.$message.error(error.message || "实名认证失败，请重试");
+      }
+    },
+
+    // 表单验证
+    validateForm() {
+      if (!this.dataForm.UserName) {
+        this.$message.warning("请输入姓名");
+        return false;
+      }
+      if (!this.dataForm.Phone) {
+        this.$message.warning("请输入手机号");
+        return false;
+      }
+      if (!this.dataForm.idCard) {
+        this.$message.warning("请输入身份证号");
+        return false;
+      }
+      if (!this.dataForm.DriverLicense) {
+        this.$message.warning("请上传驾驶证照片");
+        return false;
+      }
+      return true;
+    },
+
+    // 重置表单
+    resetForm() {
+      this.dataForm = {
+        UserName: "",
+        RealUser: "",
+        idCard: "",
+        DriverLicense: "",
+        Phone: "",
+      };
+      this.Avatar =
+        "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png";
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.text {
+  font-size: 14px;
+}
+
+.item {
+  margin-bottom: 18px;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.box-card {
+  width: 100%;
+}
+
+.name-role {
+  font-size: 16px;
+  padding: 5px;
+  text-align: center;
+}
+
+.sender {
+  text-align: center;
+}
+
+.registe-info {
+  text-align: center;
+  padding-top: 10px;
+}
+
+.personal-relation {
+  font-size: 16px;
+  padding: 0px 5px 15px;
+  margin-right: 1px;
+  width: 100%;
+}
+
+.relation-item {
+  padding: 12px;
+}
+
+.dialog-footer {
+  padding-top: 10px;
+  padding-left: 10%;
+}
+
+.el-row {
+  margin-bottom: 20px;
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.el-col {
+  border-radius: 4px;
+}
+
+.bg-purple-dark {
+  background: #99a9bf;
+}
+
+.bg-purple {
+  background: #d3dce6;
+}
+
+.bg-purple-light {
+  background: #e5e9f2;
+}
+
+.grid-content {
+  border-radius: 4px;
+  min-height: 36px;
+}
+
+.row-bg {
+  padding: 10px 0;
+  background-color: #f9fafc;
+}
+
+.upload-container {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/src/views/parking/parkingList.vue b/src/views/parking/parkingList.vue
new file mode 100644
index 0000000..a432539
--- /dev/null
+++ b/src/views/parking/parkingList.vue
@@ -0,0 +1,194 @@
+<template>
+  <div class="parkingList">
+    <!-- Filter Section -->
+    <el-form :inline="true" :model="formInline" class="filter-form">
+      <el-form-item label="类型">
+        <el-select
+          v-model="formInline.type"
+          placeholder="选择类型"
+          @change="search"
+        >
+          <el-option label="室外" :value="1"></el-option>
+          <el-option label="室内" :value="0"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="区域">
+        <el-input
+          v-model="formInline.area"
+          placeholder="请输入区域"
+          @input="search"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="关键字">
+        <el-input
+          v-model="formInline.keyWord"
+          placeholder="请输入关键字"
+          @input="search"
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="resetForm('formInline')"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <!-- Table Component -->
+    <Table ref="table" :table_config="table_config">
+      <!-- 查看地图 -->
+      <template #coord="{ data }">
+        <el-button type="success" size="small" @click="showMap(data)">
+          查看地图
+        </el-button>
+      </template>
+      <!-- 查看车辆 -->
+      <template #operation="{ data }">
+        <el-button type="primary" size="small" @click="carParking(data.id)">
+          查看车位
+        </el-button>
+      </template>
+    </Table>
+
+    <!-- 地图弹窗 -->
+    <MapDialog
+      :dialogVisibleMap.sync="dialogVisibleMap"
+      :parkingData="parkingData"
+    ></MapDialog>
+  </div>
+</template>
+
+<script>
+import CityArea from "@/components/Commons/cityArea";
+import MapDialog from "@/components/Dialog/mapDialog";
+import Table from "@/components/TableData/table";
+
+export default {
+  name: "ParkingList",
+  components: { CityArea, Map, MapDialog, Table },
+  data() {
+    return {
+      formInline: {
+        area: "", // Area filter
+        type: "", // Type filter
+        keyWord: "", // Keyword filter
+      },
+      loading: false,
+      dialogVisibleMap: false,
+      parkingData: {},
+      table_config: {
+        table_headers: [
+          { label: "停车场名称", prop: "parkingName" },
+          {
+            label: "类型",
+            prop: "type",
+            type: "function",
+            callback: (row) => {
+              return row.type ? "室外" : "室内";
+            },
+          },
+          {
+            label: "区域",
+            prop: "area",
+            type: "function",
+            callback: (row) => {
+              let region = row.address;
+              if (region.slice(0, 2) === region.slice(2, 4)) {
+                region = region.slice(2, region.length);
+              }
+              return region;
+            },
+          },
+          { label: "可停放车辆", prop: "carsNumber" },
+          {
+            label: "位置",
+            prop: "coord",
+            type: "slot",
+            slotName: "coord",
+          },
+          {
+            label: "操作",
+            prop: "operation",
+            type: "slot",
+            slotName: "operation",
+          },
+        ],
+        axios_config: {
+          url: "/AllParking",
+          method: "POST",
+        },
+        requestData: {
+          pageNumber: 1,
+          pageSize: 10,
+        },
+        checkedColumn: true,
+        pagination: true,
+      },
+      delete_id: "",
+      switch_id: "",
+    };
+  },
+
+  methods: {
+    // 重置筛选条件
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.search();
+    },
+
+    // 执行搜索
+    search() {
+      const { type, area, keyWord } = this.formInline;
+      const filters = {
+        type: type !== "" ? type : undefined,
+        area: area ? area : undefined,
+        keyWord: keyWord ? keyWord : undefined,
+      };
+      // Update requestData with filters and reload the table
+      this.$refs.table.updateRequestData(filters);
+    },
+
+    // 删除停车场
+    deleteParking(id) {
+      this.delete_id = id;
+      this.$confirm("是否删除该停车场", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(async () => {
+        let result = await this.$API.parking.deleteParking(id);
+        if (result.code === 200) {
+          this.$refs.table.getTableData();
+          this.delete_id = "";
+          return this.$message({
+            type: "success",
+            message: "删除成功!",
+          });
+        } else {
+          this.delete_id = "";
+        }
+      });
+    },
+
+    // 查看地图
+    showMap(data) {
+      this.dialogVisibleMap = true;
+      this.parkingData = data;
+    },
+
+    // 编辑
+    carParking(id) {
+      this.$router.push({ name: "Car", query: { id } });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.parkingList {
+  padding: 20px;
+  width: 100%;
+  .filter-form {
+    margin-bottom: 20px;
+  }
+}
+</style>
diff --git a/src/views/register/index.vue b/src/views/register/index.vue
new file mode 100644
index 0000000..7558bda
--- /dev/null
+++ b/src/views/register/index.vue
@@ -0,0 +1,493 @@
+<template>
+  <div class="login-container">
+    <section>
+      <el-form
+        ref="loginForm"
+        :model="loginForm"
+        class="login-form"
+        :rules="rules"
+      >
+        <div class="title-container">
+          <h3 class="title">基于Spring Boot的停车场管理系统-门户端-注册</h3>
+        </div>
+
+        <!-- 手机 -->
+        <el-form-item prop="Phone">
+          <span class="svg-container">
+            <svg-icon icon-class="user" />
+          </span>
+          <el-input
+            ref="Phone"
+            v-model="loginForm.Phone"
+            placeholder="请输入手机号"
+            name="Phone"
+            type="text"
+            tabindex="4"
+          />
+        </el-form-item>
+
+        <!-- 验证码 -->
+        <el-form-item prop="verifycode">
+          <span class="svg-container">
+            <svg-icon icon-class="user" />
+          </span>
+          <el-input
+            ref="verifycode"
+            v-model="loginForm.verifycode"
+            placeholder="请输入验证码"
+            name="verifycode"
+            type="text"
+            tabindex="6"
+            style="width: 60%"
+          />
+          <el-button
+            type="primary"
+            style="width: 30%"
+            @click.native.prevent="SendCode"
+            >{{
+              codeStatus === 0 ? "发送验证码" : codeStatus + "秒后重新发送"
+            }}</el-button
+          >
+        </el-form-item>
+        <!-- 用户名 -->
+        <el-form-item prop="UserName">
+          <span class="svg-container">
+            <svg-icon icon-class="user" />
+          </span>
+          <el-input
+            ref="UserName"
+            v-model="loginForm.UserName"
+            placeholder="用户名"
+            type="text"
+            tabindex="1"
+            @blur="reload"
+          />
+        </el-form-item>
+        <!-- 密码 -->
+        <el-tooltip
+          v-model="capsTooltip"
+          content="Caps lock is On"
+          placement="right"
+          manual
+        >
+          <el-form-item prop="PassWord">
+            <span class="svg-container">
+              <svg-icon icon-class="password" />
+            </span>
+            <el-input
+              :key="passwordType"
+              ref="PassWord"
+              v-model="loginForm.PassWord"
+              :type="passwordType"
+              placeholder="密码"
+              tabindex="2"
+              autocomplete="on"
+              @keyup.native="checkCapslock"
+              @blur="capsTooltip = false"
+              @keyup.enter.native="handleLogin"
+            />
+            <span class="show-pwd" @click="showPwd">
+              <svg-icon
+                :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
+              />
+            </span>
+          </el-form-item>
+        </el-tooltip>
+        <el-tooltip
+          v-model="recapsTooltip"
+          content="Caps lock is On"
+          placement="right"
+          manual
+        >
+          <el-form-item prop="RePassWord">
+            <span class="svg-container">
+              <svg-icon icon-class="password" />
+            </span>
+            <el-input
+              :key="repasswordType"
+              ref="RePassWord"
+              v-model="loginForm.RePassWord"
+              :type="repasswordType"
+              placeholder="确认密码"
+              tabindex="3"
+              autocomplete="on"
+              @keyup.native="recheckCapslock"
+              @blur="recapsTooltip = false"
+            />
+            <span class="show-pwd" @click="reshowPwd">
+              <svg-icon
+                :icon-class="repasswordType === 'password' ? 'eye' : 'eye-open'"
+              />
+            </span>
+          </el-form-item>
+        </el-tooltip>
+        <el-button
+          type="primary"
+          style="width: 100%; margin-bottom: 30px"
+          @click.native.prevent="register"
+          >注册</el-button
+        >
+        <div class="tips">
+          <router-link to="./login">已有账户? 点击登录</router-link>
+        </div>
+      </el-form>
+    </section>
+  </div>
+</template>
+
+<script>
+// import { register } from '@/api/user'
+import axios from "axios";
+export default {
+  data() {
+    return {
+      loginForm: {
+        // 手机号
+        Phone: "",
+        RePassWord: "",
+        PassWord: "",
+        UserName: "",
+        verifycode: "",
+      },
+      capsTooltip: false,
+      passwordType: "password",
+      recapsTooltip: false,
+      repasswordType: "password",
+      codeStatus: 0, // 验证码倒计时状态，初始为0表示可以发送验证码
+      timer: null, // 定时器对象
+      loading: false, // 加载状态
+      // 校验规则
+      rules: {
+        Phone: [
+          { required: true, message: "请输入手机号", trigger: "blur" },
+          { min: 11, max: 11, message: "长度不超过11个数字", trigger: "blur" },
+        ],
+        verifycode: [
+          { required: true, message: "请输入验证码", trigger: "blur" },
+          { min: 4, max: 4, message: "长度不超过4个数字", trigger: "blur" },
+        ],
+        UserName: [
+          { required: true, message: "请输入用户名", trigger: "blur" },
+          {
+            min: 3,
+            max: 12,
+            message: "最小3个字符最大12个字符",
+            trigger: "blur",
+          },
+        ],
+        PassWord: [
+          { required: true, message: "请输入密码", trigger: "blur" },
+          {
+            min: 6,
+            max: 12,
+            message: "最小6个字符最大12个字符",
+            trigger: "blur",
+          },
+        ],
+        RePassWord: [
+          { required: true, message: "请再次输入密码", trigger: "blur" },
+          { validator: this.validateConfirmPassword, trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    // 发送验证码
+    async SendCode() {
+      if (this.codeStatus !== 0) {
+        // 如果倒计时状态不为0，表示还在倒计时中，直接返回
+        return;
+      }
+      this.loading = true;
+      try {
+        const result = await this.$store.dispatch(
+          "user/sendcode",
+          this.loginForm
+        );
+        if (result.status === 200) {
+          this.codeStatus = 60; // 设置倒计时状态为60秒
+          this.timer = setInterval(() => {
+            // 启动定时器
+            if (this.codeStatus > 0) {
+              this.codeStatus--; // 更新倒计时状态
+            } else {
+              clearInterval(this.timer); // 倒计时结束，清除定时器
+              this.timer = null;
+            }
+          }, 1000);
+          this.$message({
+            message: result.message,
+            type: "success",
+          });
+        }
+      } catch (error) {
+        this.$message.error("验证码发送失败");
+      }
+
+      this.loading = false;
+    },
+    // 注册接口
+    async register() {
+      this.loading = true;
+      try {
+        await this.$refs.loginForm.validate(); // 启用表单校验
+        const result = await this.$store.dispatch(
+          "user/register",
+          this.loginForm
+        );
+        // 注册成功，处理逻辑
+        if (result.status == 200) {
+          this.$confirm(result.message + "是否继续前往登录页面", "提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          })
+            .then(() => {
+              this.$router.push({ path: "/" });
+            })
+            .catch(() => {
+              this.$message({
+                type: "info",
+                message: "已取消",
+              });
+            });
+        }
+      } catch (error) {
+        // 表单校验失败，不执行注册操作，显示错误信息
+        this.$message.error(error.message);
+      }
+    },
+    // 两次输入密码是否一直
+    validateConfirmPassword(rule, value, callback) {
+      if (value === "") {
+        callback(new Error("请再次输入密码"));
+      } else if (value !== this.loginForm.PassWord) {
+        callback(new Error("两次输入密码不一致"));
+      } else {
+        callback();
+      }
+    },
+    // 显示密码
+    showPwd() {
+      if (this.passwordType === "PassWord") {
+        this.passwordType = "";
+      } else {
+        this.passwordType = "PassWord";
+      }
+      this.$nextTick(() => {
+        this.$refs.PassWord.focus();
+      });
+    },
+    checkCapslock(e) {
+      const { key } = e;
+      this.capsTooltip = key && key.length === 1 && key >= "A" && key <= "Z";
+    },
+    reshowPwd() {
+      if (this.repasswordType === "password") {
+        this.repasswordType = "";
+      } else {
+        this.repasswordType = "password";
+      }
+      this.$nextTick(() => {
+        this.$refs.RePassWord.focus();
+      });
+    },
+    recheckCapslock(e) {
+      const { key } = e;
+      this.recapsTooltip = key && key.length === 1 && key >= "A" && key <= "Z";
+    },
+    reload() {
+      this.rerifycodeImg = `${
+        process.env.VUE_APP_BASE_API
+      }/user-service/verifycode/${
+        this.loginForm.username
+      }?t=${new Date().getTime()}`;
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+/* 修复input 背景不协调 和光标变色 */
+/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
+
+// $bg:#283443;
+$bg: #e6eaef;
+$light_gray: #fff;
+$cursor: rgb(19, 19, 19);
+// $cursor: #fff;
+
+@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
+  .login-container .el-input input {
+    color: $cursor;
+  }
+}
+
+/* reset element-ui css */
+.login-container {
+  .el-input {
+    display: inline-block;
+    height: 47px;
+    width: 85%;
+
+    input {
+      // background: transparent;
+      // border: 0px;
+      // -webkit-appearance: none;
+      // border-radius: 0px;
+      // padding: 12px 5px 12px 15px;
+      // // color: $light_gray;
+      //  color: rgb(97, 60, 60);
+      // height: 47px;
+      // caret-color: $cursor;
+      background: transparent;
+      border: 0px;
+      -webkit-appearance: none;
+      border-radius: 25px;
+      padding: 12px 5px 12px 15px;
+      color: rgb(97, 60, 60);
+      height: 46px;
+      caret-color: rgba(62, 119, 194, 0.8);
+
+      &:-webkit-autofill {
+        box-shadow: 0 0 0px 1000px $bg inset !important;
+        -webkit-text-fill-color: $cursor !important;
+      }
+    }
+  }
+
+  .el-form-item {
+    // border: 1px solid rgba(255, 255, 255, 0.1);
+    // background: rgba(0, 0, 0, 0.1);
+    background: rgba(172, 172, 172, 0.1);
+    border-radius: 5px;
+    // color: #454545;
+    color: #886767;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+// $bg:#2d3a4b;
+// $dark_gray:#889aa4;
+// $light_gray:#eee;
+$bg: #514d4d;
+$dark_gray: #889aa4;
+$light_gray: #fff;
+
+.login-container {
+  // min-height: 100%;
+  //   width: 100%;
+  //   background-color: $bg;
+  //   overflow: hidden;
+
+  width: 100%;
+  height: 100%;
+  background-color: #2d3a4b;
+  background-size: cover;
+  background-position: center;
+  position: center;
+
+  .login-form {
+    position: relative;
+    width: 520px;
+    max-width: 100%;
+    padding: 160px 35px 0;
+    margin: 0 auto;
+    overflow: hidden;
+  }
+
+  .header {
+    border-bottom: 2px solid rgb(235, 232, 232);
+    min-width: 980px;
+    color: #666;
+
+    header {
+      margin: 0 auto;
+      padding: 10px 0;
+      width: 980px;
+
+      .login {
+        float: right;
+      }
+
+      .bold {
+        font-style: normal;
+        color: $light_gray;
+      }
+    }
+  }
+
+  > section {
+    margin: 0 auto 30px;
+    padding-bottom: 100px;
+    width: 980px;
+    min-height: 300px;
+    box-sizing: border-box;
+
+    .status {
+      font-size: 12px;
+      margin-left: 20px;
+      color: #e6a23c;
+    }
+
+    .error {
+      color: red;
+    }
+  }
+
+  .tips {
+    font-size: 14px;
+    color: #fff;
+    margin-bottom: 10px;
+
+    span {
+      &:first-of-type {
+        margin-right: 16px;
+      }
+    }
+  }
+
+  .svg-container {
+    padding: 6px 5px 6px 15px;
+    color: $dark_gray;
+    vertical-align: middle;
+    width: 30px;
+    display: inline-block;
+  }
+
+  .title-container {
+    position: relative;
+
+    .title {
+      font-size: 26px;
+      color: $light_gray;
+      margin: 0px auto 40px auto;
+      text-align: center;
+      font-weight: bold;
+    }
+  }
+
+  .show-pwd {
+    position: absolute;
+    right: 10px;
+    top: 7px;
+    font-size: 16px;
+    color: $dark_gray;
+    cursor: pointer;
+    user-select: none;
+  }
+
+  .thirdparty-button {
+    position: absolute;
+    right: 0;
+    bottom: 6px;
+  }
+
+  @media only screen and (max-width: 470px) {
+    .thirdparty-button {
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/tests/unit/.eslintrc.js b/tests/unit/.eslintrc.js
new file mode 100644
index 0000000..958d51b
--- /dev/null
+++ b/tests/unit/.eslintrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+  env: {
+    jest: true
+  }
+}
diff --git a/tests/unit/components/Breadcrumb.spec.js b/tests/unit/components/Breadcrumb.spec.js
new file mode 100644
index 0000000..1d94c8f
--- /dev/null
+++ b/tests/unit/components/Breadcrumb.spec.js
@@ -0,0 +1,98 @@
+import { mount, createLocalVue } from '@vue/test-utils'
+import VueRouter from 'vue-router'
+import ElementUI from 'element-ui'
+import Breadcrumb from '@/components/Breadcrumb/index.vue'
+
+const localVue = createLocalVue()
+localVue.use(VueRouter)
+localVue.use(ElementUI)
+
+const routes = [
+  {
+    path: '/',
+    name: 'home',
+    children: [{
+      path: 'dashboard',
+      name: 'dashboard'
+    }]
+  },
+  {
+    path: '/menu',
+    name: 'menu',
+    children: [{
+      path: 'menu1',
+      name: 'menu1',
+      meta: { title: 'menu1' },
+      children: [{
+        path: 'menu1-1',
+        name: 'menu1-1',
+        meta: { title: 'menu1-1' }
+      },
+      {
+        path: 'menu1-2',
+        name: 'menu1-2',
+        redirect: 'noredirect',
+        meta: { title: 'menu1-2' },
+        children: [{
+          path: 'menu1-2-1',
+          name: 'menu1-2-1',
+          meta: { title: 'menu1-2-1' }
+        },
+        {
+          path: 'menu1-2-2',
+          name: 'menu1-2-2'
+        }]
+      }]
+    }]
+  }]
+
+const router = new VueRouter({
+  routes
+})
+
+describe('Breadcrumb.vue', () => {
+  const wrapper = mount(Breadcrumb, {
+    localVue,
+    router
+  })
+  it('dashboard', () => {
+    router.push('/dashboard')
+    const len = wrapper.findAll('.el-breadcrumb__inner').length
+    expect(len).toBe(1)
+  })
+  it('normal route', () => {
+    router.push('/menu/menu1')
+    const len = wrapper.findAll('.el-breadcrumb__inner').length
+    expect(len).toBe(2)
+  })
+  it('nested route', () => {
+    router.push('/menu/menu1/menu1-2/menu1-2-1')
+    const len = wrapper.findAll('.el-breadcrumb__inner').length
+    expect(len).toBe(4)
+  })
+  it('no meta.title', () => {
+    router.push('/menu/menu1/menu1-2/menu1-2-2')
+    const len = wrapper.findAll('.el-breadcrumb__inner').length
+    expect(len).toBe(3)
+  })
+  // it('click link', () => {
+  //   router.push('/menu/menu1/menu1-2/menu1-2-2')
+  //   const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+  //   const second = breadcrumbArray.at(1)
+  //   console.log(breadcrumbArray)
+  //   const href = second.find('a').attributes().href
+  //   expect(href).toBe('#/menu/menu1')
+  // })
+  // it('noRedirect', () => {
+  //   router.push('/menu/menu1/menu1-2/menu1-2-1')
+  //   const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+  //   const redirectBreadcrumb = breadcrumbArray.at(2)
+  //   expect(redirectBreadcrumb.contains('a')).toBe(false)
+  // })
+  it('last breadcrumb', () => {
+    router.push('/menu/menu1/menu1-2/menu1-2-1')
+    const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+    const redirectBreadcrumb = breadcrumbArray.at(3)
+    expect(redirectBreadcrumb.contains('a')).toBe(false)
+  })
+})
diff --git a/tests/unit/components/Hamburger.spec.js b/tests/unit/components/Hamburger.spec.js
new file mode 100644
index 0000000..01ea303
--- /dev/null
+++ b/tests/unit/components/Hamburger.spec.js
@@ -0,0 +1,18 @@
+import { shallowMount } from '@vue/test-utils'
+import Hamburger from '@/components/Hamburger/index.vue'
+describe('Hamburger.vue', () => {
+  it('toggle click', () => {
+    const wrapper = shallowMount(Hamburger)
+    const mockFn = jest.fn()
+    wrapper.vm.$on('toggleClick', mockFn)
+    wrapper.find('.hamburger').trigger('click')
+    expect(mockFn).toBeCalled()
+  })
+  it('prop isActive', () => {
+    const wrapper = shallowMount(Hamburger)
+    wrapper.setProps({ isActive: true })
+    expect(wrapper.contains('.is-active')).toBe(true)
+    wrapper.setProps({ isActive: false })
+    expect(wrapper.contains('.is-active')).toBe(false)
+  })
+})
diff --git a/tests/unit/components/SvgIcon.spec.js b/tests/unit/components/SvgIcon.spec.js
new file mode 100644
index 0000000..31467a9
--- /dev/null
+++ b/tests/unit/components/SvgIcon.spec.js
@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import SvgIcon from '@/components/SvgIcon/index.vue'
+describe('SvgIcon.vue', () => {
+  it('iconClass', () => {
+    const wrapper = shallowMount(SvgIcon, {
+      propsData: {
+        iconClass: 'test'
+      }
+    })
+    expect(wrapper.find('use').attributes().href).toBe('#icon-test')
+  })
+  it('className', () => {
+    const wrapper = shallowMount(SvgIcon, {
+      propsData: {
+        iconClass: 'test'
+      }
+    })
+    expect(wrapper.classes().length).toBe(1)
+    wrapper.setProps({ className: 'test' })
+    expect(wrapper.classes().includes('test')).toBe(true)
+  })
+})
diff --git a/tests/unit/utils/formatTime.spec.js b/tests/unit/utils/formatTime.spec.js
new file mode 100644
index 0000000..24e165b
--- /dev/null
+++ b/tests/unit/utils/formatTime.spec.js
@@ -0,0 +1,30 @@
+import { formatTime } from '@/utils/index.js'
+
+describe('Utils:formatTime', () => {
+  const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+  const retrofit = 5 * 1000
+
+  it('ten digits timestamp', () => {
+    expect(formatTime((d / 1000).toFixed(0))).toBe('7月13日17时54分')
+  })
+  it('test now', () => {
+    expect(formatTime(+new Date() - 1)).toBe('刚刚')
+  })
+  it('less two minute', () => {
+    expect(formatTime(+new Date() - 60 * 2 * 1000 + retrofit)).toBe('2分钟前')
+  })
+  it('less two hour', () => {
+    expect(formatTime(+new Date() - 60 * 60 * 2 * 1000 + retrofit)).toBe('2小时前')
+  })
+  it('less one day', () => {
+    expect(formatTime(+new Date() - 60 * 60 * 24 * 1 * 1000)).toBe('1天前')
+  })
+  it('more than one day', () => {
+    expect(formatTime(d)).toBe('7月13日17时54分')
+  })
+  it('format', () => {
+    expect(formatTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+    expect(formatTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+    expect(formatTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+  })
+})
diff --git a/tests/unit/utils/param2Obj.spec.js b/tests/unit/utils/param2Obj.spec.js
new file mode 100644
index 0000000..e106ed8
--- /dev/null
+++ b/tests/unit/utils/param2Obj.spec.js
@@ -0,0 +1,14 @@
+import { param2Obj } from '@/utils/index.js'
+describe('Utils:param2Obj', () => {
+  const url = 'https://github.com/PanJiaChen/vue-element-admin?name=bill&age=29&sex=1&field=dGVzdA==&key=%E6%B5%8B%E8%AF%95'
+
+  it('param2Obj test', () => {
+    expect(param2Obj(url)).toEqual({
+      name: 'bill',
+      age: '29',
+      sex: '1',
+      field: window.btoa('test'),
+      key: '测试'
+    })
+  })
+})
diff --git a/tests/unit/utils/parseTime.spec.js b/tests/unit/utils/parseTime.spec.js
new file mode 100644
index 0000000..56045af
--- /dev/null
+++ b/tests/unit/utils/parseTime.spec.js
@@ -0,0 +1,35 @@
+import { parseTime } from '@/utils/index.js'
+
+describe('Utils:parseTime', () => {
+  const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+  it('timestamp', () => {
+    expect(parseTime(d)).toBe('2018-07-13 17:54:01')
+  })
+  it('timestamp string', () => {
+    expect(parseTime((d + ''))).toBe('2018-07-13 17:54:01')
+  })
+  it('ten digits timestamp', () => {
+    expect(parseTime((d / 1000).toFixed(0))).toBe('2018-07-13 17:54:01')
+  })
+  it('new Date', () => {
+    expect(parseTime(new Date(d))).toBe('2018-07-13 17:54:01')
+  })
+  it('format', () => {
+    expect(parseTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+    expect(parseTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+    expect(parseTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+  })
+  it('get the day of the week', () => {
+    expect(parseTime(d, '{a}')).toBe('五') // 星期五
+  })
+  it('get the day of the week', () => {
+    expect(parseTime(+d + 1000 * 60 * 60 * 24 * 2, '{a}')).toBe('日') // 星期日
+  })
+  it('empty argument', () => {
+    expect(parseTime()).toBeNull()
+  })
+
+  it('null', () => {
+    expect(parseTime(null)).toBeNull()
+  })
+})
diff --git a/tests/unit/utils/validate.spec.js b/tests/unit/utils/validate.spec.js
new file mode 100644
index 0000000..f774905
--- /dev/null
+++ b/tests/unit/utils/validate.spec.js
@@ -0,0 +1,17 @@
+import { validUsername, isExternal } from '@/utils/validate.js'
+
+describe('Utils:validate', () => {
+  it('validUsername', () => {
+    expect(validUsername('admin')).toBe(true)
+    expect(validUsername('editor')).toBe(true)
+    expect(validUsername('xxxx')).toBe(false)
+  })
+  it('isExternal', () => {
+    expect(isExternal('https://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+    expect(isExternal('http://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+    expect(isExternal('github.com/PanJiaChen/vue-element-admin')).toBe(false)
+    expect(isExternal('/dashboard')).toBe(false)
+    expect(isExternal('./dashboard')).toBe(false)
+    expect(isExternal('dashboard')).toBe(false)
+  })
+})
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..57b7a37
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,118 @@
+'use strict'
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+
+function resolve(dir) {
+    return path.join(__dirname, dir)
+}
+
+const name = defaultSettings.title || '共享租车系统' // page title
+
+// If your port is set to 80,
+// use administrator privileges to execute the command line.
+// For example, Mac: sudo npm run
+// You can change the port by the following methods:
+// port = 9528 npm run dev OR npm run dev --port = 9528
+const port = process.env.port || process.env.npm_config_port || 9527 // dev port
+
+// All configuration item explanations can be find in https://cli.vuejs.org/config/
+module.exports = {
+    publicPath: '/',
+    outputDir: 'dist',
+    assetsDir: 'static',
+    // lintOnSave: process.env.NODE_ENV === 'development',
+    lintOnSave: false,
+    productionSourceMap: false,
+    devServer: {
+        port: port,
+        open: true,
+        overlay: {
+            warnings: false,
+            errors: true
+        },
+        // 配置api地址
+        proxy: {
+            "/dev-api": {
+                target: "http://localhost:8898/api",
+                changOrigin: true,
+                pathRewrite: { "^/dev-api": "" },
+            }
+        },
+    },
+    configureWebpack: {
+        name: name,
+        resolve: {
+            alias: {
+                '@': resolve('src')
+            }
+        }
+    },
+    chainWebpack(config) {
+        // it can improve the speed of the first screen, it is recommended to turn on preload
+        config.plugin('preload').tap(() => [{
+            rel: 'preload',
+            fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
+            include: 'initial'
+        }])
+
+        // when there are many pages, it will cause too many meaningless requests
+        config.plugins.delete('prefetch')
+
+        // set svg-sprite-loader
+        config.module
+            .rule('svg')
+            .exclude.add(resolve('src/icons'))
+            .end()
+        config.module
+            .rule('icons')
+            .test(/\.svg$/)
+            .include.add(resolve('src/icons'))
+            .end()
+            .use('svg-sprite-loader')
+            .loader('svg-sprite-loader')
+            .options({
+                symbolId: 'icon-[name]'
+            })
+            .end()
+
+        config
+            .when(process.env.NODE_ENV !== 'development',
+                config => {
+                    config
+                        .plugin('ScriptExtHtmlWebpackPlugin')
+                        .after('html')
+                        .use('script-ext-html-webpack-plugin', [{
+                            // `runtime` must same as runtimeChunk name. default is `runtime`
+                            inline: /runtime\..*\.js$/
+                        }])
+                        .end()
+                    config
+                        .optimization.splitChunks({
+                            chunks: 'all',
+                            cacheGroups: {
+                                libs: {
+                                    name: 'chunk-libs',
+                                    test: /[\\/]node_modules[\\/]/,
+                                    priority: 10,
+                                    chunks: 'initial' // only package third parties that are initially dependent
+                                },
+                                elementUI: {
+                                    name: 'chunk-elementUI', // split elementUI into a single package
+                                    priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+                                    test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+                                },
+                                commons: {
+                                    name: 'chunk-commons',
+                                    test: resolve('src/components'), // can customize your rules
+                                    minChunks: 3, //  minimum common number
+                                    priority: 5,
+                                    reuseExistingChunk: true
+                                }
+                            }
+                        })
+                        // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
+                    config.optimization.runtimeChunk('single')
+                }
+            )
+    }
+}
\ No newline at end of file